:root{--paper:#f7f4ee;--card:#fffdf9;--ink:#23201c;--muted:#6a6259;--line:#ddd5c8;--accent:#b5452f;--accent-ink:#fff;--accent-soft:#f4e4dd;--ok:#4c6b4f;--danger:#a1302a;--danger-soft:#fbe9e7;--tap:44px;--radius:12px;--sans:"Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", system-ui, sans-serif;--serif:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;font:16px/1.75 var(--sans);color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{overflow-wrap:anywhere}#root{max-width:640px;min-height:100svh;margin:0 auto;padding:0 20px 48px}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:600;line-height:1.4}p{margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.button{min-height:var(--tap);min-width:var(--tap);font:inherit;cursor:pointer;text-align:center;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:8px 18px;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-secondary{background:var(--card);color:var(--ink);border-color:var(--line)}.button-quiet{color:var(--muted);border-color:var(--line);background:0 0;font-weight:400}.button-block{width:100%;display:flex}.top{padding-top:56px}.top-hero{border-left:4px solid var(--accent);padding-left:16px}.top-eyebrow{color:var(--muted);letter-spacing:.08em;font-size:.875rem}.top-title{margin:8px 0 16px;font-size:clamp(1.75rem,8vw,2.5rem)}.top-lead{font-size:1.0625rem}.top-cta{gap:8px;margin:40px 0;display:grid}.cta-note{color:var(--muted);text-align:center;font-size:.875rem}.principles h2{margin-bottom:16px;font-size:1.25rem}.principles ol{counter-reset:p;gap:12px;margin:0;padding:0;list-style:none;display:grid}.principles li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);counter-increment:p;padding:16px 16px 16px 56px;position:relative}.principles li:before{content:counter(p);font-family:var(--serif);color:var(--accent);font-size:1.5rem;position:absolute;top:12px;left:18px}.principles h3{margin-bottom:4px;font-size:1rem}.principles p{color:var(--muted);font-size:.9375rem}.prototype-note{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);margin-top:32px;padding:12px 16px;font-size:.875rem}.record-header{padding:12px 0}.site-link{min-height:var(--tap);font-family:var(--serif);color:var(--ink);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.status-bar{z-index:10;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);margin:0 -20px;padding:8px 20px;position:sticky;top:0}.status-row{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.status-text{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.status-dot{background:var(--line);border-radius:50%;flex:none;width:8px;height:8px}.status-pending .status-dot,.status-saving .status-dot{background:#d1a23b}.status-saved .status-dot{background:var(--ok)}.status-error .status-dot{background:var(--danger)}.visibility-badge{border:1px solid var(--line);background:var(--card);border-radius:999px;flex:none;padding:2px 10px;font-size:.75rem}.status-error{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);gap:8px;margin-top:8px;padding:12px;font-size:.875rem;display:grid}.record-main{padding-top:24px}.record-title{font-size:1.5rem}.record-intro{color:var(--muted);margin-top:8px;font-size:.875rem}.notice{border-radius:var(--radius);background:var(--accent-soft);margin-top:12px;padding:12px;font-size:.875rem}.section-nav ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}@media (width>=560px){.section-nav ol{grid-template-columns:repeat(3,minmax(0,1fr))}}.section-link{min-height:var(--tap);border:1px solid var(--line);background:var(--card);height:100%;color:var(--ink);border-radius:10px;flex-direction:column;justify-content:center;padding:6px 12px;line-height:1.3;text-decoration:none;display:flex}.section-link[aria-current=step]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.section-link-label{font-size:.9375rem}.section-link-progress{color:var(--muted);font-size:.75rem}.progress-filled .section-link-progress{color:var(--ok)}.step{margin-top:28px}.step-count{color:var(--accent);letter-spacing:.1em;font-size:.8125rem}.step-title{font-size:1.375rem}.step-title:focus{outline:none}.step-lead{color:var(--muted);margin:4px 0 16px;font-size:.9375rem}.question{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin:0 0 20px;padding:16px}.question-label{float:left;width:100%;font-family:var(--serif);padding:0;font-size:1.0625rem;font-weight:600;line-height:1.5}.question-label+*{clear:left}.question-help,.tag-groups-help{color:var(--muted);padding-top:4px;font-size:.875rem}.skip-options{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.skip-button{min-height:var(--tap);border:1px dashed var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:.875rem}.skip-button[aria-pressed=true]{border-style:solid;border-color:var(--ink);background:var(--ink);color:var(--paper)}.skip-note{color:var(--muted);font-size:.875rem}.tag-groups{gap:8px;display:grid}.tag-group{border:1px solid var(--line);background:var(--paper);border-radius:10px}.tag-group summary{min-height:var(--tap);cursor:pointer;align-items:center;gap:8px;padding:4px 14px;font-size:.9375rem;display:flex}.tag-group summary::-webkit-details-marker{display:none}.tag-group summary{list-style:none}.tag-group summary:after{content:"＋";color:var(--muted);margin-left:auto}.tag-group[open] summary:after{content:"－"}.tag-count{color:var(--accent);margin-left:auto;font-size:.75rem}.tag-group summary:has(.tag-count):after{margin-left:0}.chips{flex-wrap:wrap;gap:8px;padding:4px 12px 12px;display:flex}.chip{min-height:var(--tap);border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;max-width:100%;padding:6px 14px;font-size:.875rem;line-height:1.4;display:inline-flex;position:relative}.chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.chip:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.chip:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.text-field{gap:4px;margin-top:14px;display:grid}.text-field-label{font-size:.875rem;font-weight:600}.text-field textarea,.text-field input{width:100%;min-height:var(--tap);border:1px solid var(--line);color:var(--ink);font:inherit;resize:vertical;background:#fff;border-radius:10px;padding:10px 12px;font-size:1rem}.text-field textarea:focus,.text-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.counter{color:var(--muted);text-align:right;font-size:.75rem}.counter-limit{color:var(--danger);text-align:left}.turning-point-list{gap:20px;margin:0;padding:0;list-style:none;display:grid}.turning-point{border-left:3px solid var(--accent);background:var(--card);border-radius:0 var(--radius) var(--radius) 0;padding:16px}.turning-point .question{background:var(--paper);margin:16px 0 12px;padding:12px}.turning-point-title{font-size:1.0625rem}.turning-points>*+*{margin-top:16px}.empty-note,.limit-note{color:var(--muted);font-size:.9375rem}.undo-note{flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.step-nav{justify-content:space-between;gap:12px;margin-top:32px;display:flex}.step-nav .button{flex:1 1 0;min-width:0}.loading{color:var(--muted)}.top-subnav,.record-subnav,.page-nav{gap:10px;margin-top:24px;display:grid}.timeline-flow-guide{border-radius:var(--radius);background:var(--accent-soft);border:1px solid var(--line);margin-top:20px;padding:12px 16px}.visually-subtitle{color:var(--accent);margin-bottom:4px;font-size:.875rem}.timeline-flow-steps{color:var(--ink);font-size:.875rem;font-weight:600}.timeline-list{gap:24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.timeline-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);min-width:0;padding:18px 16px;position:relative}.timeline-card+.timeline-card:before{content:"↓";color:var(--accent);font-size:.9375rem;font-weight:600;line-height:1;position:absolute;top:-22px;left:20px}.timeline-card-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.timeline-step-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.timeline-card-title{font-size:1.1875rem}.timeline-age-grid{gap:12px;display:grid}.timeline-answer{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px}.timeline-answer-label{font-family:var(--serif);color:var(--ink);margin:0 0 6px;font-size:.9375rem;font-weight:600}.timeline-answer-body{gap:8px;display:grid}.timeline-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.timeline-tag{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:.8125rem;font-weight:600}.timeline-answer-text{white-space:pre-wrap;font-size:.9375rem}.timeline-answer-skip,.timeline-answer-empty,.timeline-inline-empty{color:var(--muted);font-size:.875rem}.timeline-card-actions{justify-content:flex-end;margin-top:12px;display:flex}.timeline-tp-list{gap:14px;display:grid}.timeline-tp-item{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px}.timeline-tp-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.timeline-tp-number{font-family:var(--serif);font-size:.9375rem;font-weight:600}.timeline-tp-period{color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:.8125rem}.timeline-tp-details{gap:8px;margin:0;display:grid}.timeline-tp-row{gap:2px;display:grid}.timeline-tp-row dt{color:var(--muted);font-size:.8125rem;font-weight:600}.timeline-tp-row dd{white-space:pre-wrap;margin:0;font-size:.9375rem}.timeline-tp-background .timeline-answer{background:var(--card);margin-top:4px}.mock-banner{border-radius:var(--radius);border:2px solid var(--accent);background:var(--accent-soft);margin-bottom:20px;padding:14px 16px}.mock-banner-title{color:var(--ink);font-size:.9375rem;font-weight:600}.mock-banner-text{color:var(--muted);margin-top:4px;font-size:.8125rem}.preview-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);min-width:0;margin-top:20px;padding:16px}.preview-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-panel-title{font-size:1.125rem}.preview-panel-help{color:var(--muted);margin-top:6px;font-size:.875rem}.display-name-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.consent-list{gap:10px;margin-top:12px;display:grid}.consent-card{min-height:var(--tap);border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:relative}.consent-card input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:4px}.consent-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.consent-card-content{gap:2px;min-width:0;display:grid}.consent-card-title{font-size:.9375rem;font-weight:600}.consent-card-desc{color:var(--muted);font-size:.8125rem}.preview-showcase{margin-top:28px}.public-preview-frame{border-radius:var(--radius);border:2px dashed var(--line);background:color-mix(in srgb, var(--card) 70%, var(--paper));min-width:0;margin-top:12px;padding:16px}.public-preview-header{border-bottom:1px solid var(--line);gap:10px;padding-bottom:14px;display:grid}.public-preview-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.public-preview-badge{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.75rem}.public-preview-author{font-size:.9375rem}.public-preview-consents{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.consent-pill{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.75rem}.consent-pill-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.consent-pill-off{background:var(--paper);color:var(--muted)}