: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-stories{min-width:0;margin-top:40px}.top-stories-title{font-size:1.25rem}.top-stories .story-card-list{margin-top:16px}.top-stories-empty{border-radius:var(--radius);border:1px dashed var(--line);background:var(--card);color:var(--muted);margin-top:12px;padding:16px;font-size:.9375rem}.top-stories-more{margin-top:16px}.top-network{min-width:0;margin-top:40px}.top-network-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.top-network-title{font-size:1.25rem}.top-network-note{color:var(--muted);font-size:.75rem}.top-network-lead{color:var(--muted);margin-top:8px;font-size:.9375rem}.network-graph{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-width:0;margin-top:12px;padding:12px}.network-legend{flex-wrap:wrap;gap:4px 16px;margin:0 0 8px;padding:0;font-size:.8125rem;list-style:none;display:flex}.network-legend li{align-items:center;gap:6px;display:inline-flex}.network-legend-swatch{border-radius:50%;flex:none;width:10px;height:10px}.network-canvas-wrap{width:100%;min-width:0}.network-canvas{cursor:pointer;touch-action:manipulation;width:100%;display:block}.network-controls{gap:4px;margin-top:8px;display:grid}.network-select-label{color:var(--muted);font-size:.8125rem}.network-select{width:100%;min-height:var(--tap);border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;border-radius:8px;padding:8px 12px}.network-detail{justify-items:start;gap:8px;margin-top:12px;display:grid}.network-description{font-size:.9375rem}.person-chips{max-width:100%;margin:0;padding:0;list-style:none}.person-chips li{max-width:100%}.person-chips .profile-chip{overflow-wrap:anywhere;text-align:left}.person-pair{background:var(--accent-soft);border-radius:8px;justify-items:start;gap:8px;max-width:100%;padding:12px;display:grid}.person-actions{flex-wrap:wrap;gap:8px;display:flex}.network-description{overflow-wrap:anywhere}.network-hint{color:var(--muted);font-size:.8125rem}.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-intro{gap:6px;margin-top:10px;font-size:.9375rem;display:grid}.consent-intro p,.consent-withdrawal{margin:0}.consent-withdrawal{border:1px solid var(--line);background:var(--card);border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.875rem}.consent-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:8px;padding:12px 14px;display:grid}.consent-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.consent-card-heading{color:var(--muted);margin:0;font-size:.875rem;font-weight:600}.consent-card-check{min-height:var(--tap);cursor:pointer;align-items:flex-start;gap:12px;display:flex}.consent-card-check input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:4px}.consent-card-title{font-size:.9375rem;font-weight:600}.consent-card-summary{margin:0;font-size:.875rem}.consent-card-details summary{min-height:var(--tap);color:var(--accent);cursor:pointer;align-items:center;font-size:.875rem;display:flex}.consent-detail-list{color:var(--muted);gap:6px;margin:4px 0 0;padding-left:1.25em;font-size:.8125rem;display:grid}.consent-detail-heading{color:var(--ink);font-weight:600}.consent-version{color:var(--muted);text-align:right;margin:10px 0 0;font-size:.75rem}.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)}.visibility-public{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.publish-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mode-banner{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);gap:10px;min-width:0;margin-top:24px;padding:14px 16px;display:grid}.mode-banner-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-badge{border:1px solid var(--line);border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.mode-badge-local{background:var(--paper);color:var(--muted)}.mode-badge-cloud{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mode-user-email{color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem}.mode-banner-text{color:var(--muted);font-size:.875rem}.mode-banner-actions{flex-wrap:wrap;gap:8px;display:flex}.auth-form{gap:12px;margin-top:12px;display:grid}.auth-actions{gap:10px;margin-top:14px;display:grid}.auth-error{margin-top:16px}.button:disabled{opacity:.6;cursor:not-allowed}.stories-empty{border-radius:var(--radius);border:1px dashed var(--line);background:var(--card);gap:8px;min-width:0;margin-top:24px;padding:20px 16px;display:grid}.stories-empty-title{font-family:var(--serif);color:var(--ink);font-size:1.0625rem;font-weight:600}.stories-empty-text{color:var(--muted);font-size:.875rem}.story-card-list{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.story-card{min-width:0}.story-card-article{border-radius:var(--radius);border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--card);gap:14px;min-width:0;padding:18px 16px;display:grid}.story-card-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;padding-bottom:10px;display:flex}.story-card-author{overflow-wrap:anywhere;font-size:1.125rem}.story-card-date{color:var(--muted);font-size:.8125rem}.story-card-excerpts{gap:10px;margin:0;display:grid}.story-card-excerpt-row{background:var(--paper);border:1px solid var(--line);border-radius:10px;gap:2px;min-width:0;padding:10px 12px;display:grid}.story-card-excerpt-label{font-family:var(--serif);color:var(--muted);font-size:.8125rem;font-weight:600}.story-card-excerpt-text{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:.9375rem}.story-card-empty{color:var(--muted);font-size:.875rem}.story-card-actions{display:flex}.story-detail-header{border-bottom:1px solid var(--line);gap:6px;min-width:0;padding-bottom:14px;display:grid}.story-detail-eyebrow{color:var(--accent);letter-spacing:.06em;font-size:.8125rem;font-weight:600}.story-detail-meta{color:var(--muted);font-size:.875rem}.author-profile .profile-row{min-width:0;margin-top:14px}.profile-row-label{margin-bottom:6px;font-size:.9375rem;font-weight:600}.profile-chips{flex-wrap:wrap;gap:8px;display:flex}.profile-chip{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--line);background:var(--card);max-width:100%;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.875rem;line-height:1.4}.profile-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.profile-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.profile-note{color:var(--muted);margin-top:12px;font-size:.8125rem}.story-card-author-block{gap:2px;min-width:0;display:grid}.author-profile-text{color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem}.timeline-author-profile{margin:0 0 12px}.download-section{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);min-width:0;margin:0 0 40px;padding:16px}.download-title{font-size:1.0625rem}.download-help{color:var(--muted);margin-top:6px;font-size:.875rem}.download-actions{gap:8px;margin-top:12px;display:grid}@media (width>=480px){.download-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.adult-confirm{gap:6px;display:grid}.account-block{min-width:0;margin-top:16px}.account-subtitle{font-size:1rem}.account-text{margin-top:8px;font-weight:600}.account-list{gap:6px;margin:10px 0 0;padding-left:1.25em;font-size:.9375rem;display:grid}.account-download{margin-top:14px}