:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--surface:#fffdf9;--raised:#f3eee6;--overlay:#fff;--border:#e7dfd2;--border-strong:#d6cbb9;--text:#2b2622;--text-2:#5b524a;--muted:#766b60;--primary:#3f6b57;--primary-hover:#345a49;--primary-ink:#fff;--primary-soft:#e3efe8;--success:#2f6b4a;--success-soft:#e0f0e6;--warning:#8a5a00;--warning-soft:#fbf0d4;--danger:#b3261e;--danger-soft:#fbe7e5;--info:#2b5f8a;--info-soft:#e3eef7;--av-s:38%;--av-bg-l:88%;--av-fg-l:26%;--shadow-sm:0 1px 2px #3c28140f;--shadow-md:0 6px 20px #3c281414;--shadow-lg:0 24px 60px #28190a40;--ring:0 0 0 3px #3f6b5759;--scrim:#1e160e73;--radius-sm:8px;--radius:12px;--radius-lg:18px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:Charter, "Bitstream Charter", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease:.15s ease;--header-h:60px;--tabbar-h:62px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161412;--surface:#1e1b18;--raised:#26221e;--overlay:#2b2621;--border:#342f2a;--border-strong:#463f38;--text:#ece6dd;--text-2:#c3baae;--muted:#9a8f82;--primary:#8fc2a8;--primary-hover:#a6d1ba;--primary-ink:#10201a;--primary-soft:#8fc2a824;--success:#8fc2a8;--success-soft:#8fc2a824;--warning:#e8c56a;--warning-soft:#e8c56a24;--danger:#f2a29b;--danger-soft:#f2a29b24;--info:#9cc3e8;--info-soft:#9cc3e824;--av-s:24%;--av-bg-l:24%;--av-fg-l:78%;--shadow-sm:none;--shadow-md:0 6px 20px #00000059;--shadow-lg:0 24px 60px #0009;--ring:0 0 0 3px #8fc2a873;--scrim:#05040399}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161412;--surface:#1e1b18;--raised:#26221e;--overlay:#2b2621;--border:#342f2a;--border-strong:#463f38;--text:#ece6dd;--text-2:#c3baae;--muted:#9a8f82;--primary:#8fc2a8;--primary-hover:#a6d1ba;--primary-ink:#10201a;--primary-soft:#8fc2a824;--success:#8fc2a8;--success-soft:#8fc2a824;--warning:#e8c56a;--warning-soft:#e8c56a24;--danger:#f2a29b;--danger-soft:#f2a29b24;--info:#9cc3e8;--info-soft:#9cc3e824;--av-s:24%;--av-bg-l:24%;--av-fg-l:78%;--shadow-sm:none;--shadow-md:0 6px 20px #00000059;--shadow-lg:0 24px 60px #0009;--ring:0 0 0 3px #8fc2a873;--scrim:#05040399}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}h1{letter-spacing:-.015em;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.2}h2{letter-spacing:-.01em;font-size:1.2rem;line-height:1.3}h3{font-size:1.05rem;line-height:1.35}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}code{font-family:var(--mono);font-size:.9em}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--primary-soft)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--primary);color:var(--primary-ink);border-radius:var(--radius-sm);padding:8px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{text-decoration:none;top:12px}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.small{font-size:.875rem}.center{text-align:center}.num{font-variant-numeric:tabular-nums}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.row--tight{gap:6px}.stack>*+*{margin-top:16px}.stack--sm>*+*{margin-top:8px}.stack--lg>*+*{margin-top:28px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--ease), border-color var(--ease), color var(--ease), transform var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--raised);text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{border-radius:var(--radius-sm);min-height:34px;padding:0 12px;font-size:.9rem}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn--ghost{color:var(--text-2);background:0 0;border-color:#0000;font-weight:500}.btn--ghost:hover:not(:disabled){background:var(--raised);color:var(--text)}.btn--block{width:100%}.btn--icon{width:42px;padding:0}.btn--icon.btn--sm{width:34px}.badge{white-space:nowrap;background:var(--raised);min-height:24px;color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:.78rem;font-weight:600;display:inline-flex}.badge--accent{background:var(--primary-soft);color:var(--primary)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__body{padding:20px}.card--interactive{transition:border-color var(--ease), box-shadow var(--ease), transform var(--ease)}.card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.callout{border-radius:var(--radius);background:var(--raised);color:var(--text-2);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.92rem;display:flex}.callout svg{flex-shrink:0;margin-top:2px}.callout--warning{background:var(--warning-soft);color:var(--warning)}.callout--success{background:var(--success-soft);color:var(--success)}.callout--danger{background:var(--danger-soft);color:var(--danger)}.field>label,.label{margin-bottom:6px;font-size:.92rem;font-weight:600;display:block}.field__hint{color:var(--muted);margin-top:6px;font-size:.85rem}.field__error{color:var(--danger);margin-top:6px;font-size:.88rem}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);transition:border-color var(--ease), box-shadow var(--ease);padding:10px 14px}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--primary);box-shadow:var(--ring);border-radius:var(--radius)}.input[aria-invalid=true]{border-color:var(--danger)}.textarea{resize:vertical;min-height:140px;line-height:1.6}.textarea--story{font-family:var(--serif);min-height:260px;font-size:1.06rem;line-height:1.75}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin-top:3px}.check span{color:var(--text-2)}.search{position:relative}.search .input{padding-left:42px}.search__icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.seg{background:var(--raised);border-radius:var(--radius);gap:2px;padding:4px;display:inline-flex}.seg__item{min-height:36px;color:var(--muted);cursor:pointer;transition:background var(--ease), color var(--ease);background:0 0;border:0;border-radius:9px;padding:0 16px;font-weight:600}.seg__item:hover{color:var(--text)}.seg__item[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.seg--block{display:flex}.seg--block .seg__item{flex:1}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin:20px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:44px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex;position:relative}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--primary)}.tab[aria-selected=true]:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.avatar{--hue:150;background:hsl(var(--hue) var(--av-s) var(--av-bg-l));width:48px;height:48px;color:hsl(var(--hue) 40% var(--av-fg-l));border-radius:14px;flex-shrink:0;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.avatar--lg{border-radius:18px;width:64px;height:64px;font-size:1.5rem}.avatar--round{border-radius:50%}.avatar--sm{border-radius:50%;width:34px;height:34px;font-size:.9rem}.skeleton{background:linear-gradient(90deg, var(--raised) 25%, var(--border) 37%, var(--raised) 63%);background-size:400% 100%;border-radius:7px;height:14px;animation:1.4s infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:48px 20px;display:flex}.empty__icon{background:var(--raised);width:56px;height:56px;color:var(--text-2);border-radius:18px;place-items:center;margin-bottom:8px;display:grid}.empty h3{color:var(--text)}.empty p{max-width:38ch}.backdrop{z-index:60;background:var(--scrim);place-items:center;padding:16px;animation:.12s fade;display:grid;position:fixed;inset:0}.modal{background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(480px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);outline:none;flex-direction:column;animation:.16s pop;display:flex}.modal__header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 8px;display:flex}.modal__header p{color:var(--muted);margin-top:4px}.modal__body{padding:8px 20px 20px;overflow-y:auto}.modal__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.toasts{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;flex-direction:column;gap:8px;width:min(380px,100vw - 32px);display:flex;position:fixed}.toast{background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);align-items:flex-start;gap:10px;padding:12px 14px;animation:.16s pop;display:flex}.toast p{flex:1}.toast--success svg:first-child{color:var(--success)}.toast--error svg:first-child{color:var(--danger)}.toast--info svg:first-child{color:var(--info)}.status-banner{text-align:center;background:var(--warning-soft);color:var(--warning);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.92rem;font-weight:600;display:flex}.status-banner svg{flex-shrink:0}.app-header{z-index:40;height:var(--header-h);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.app-header__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1040px;height:100%;margin:0 auto;padding:0 16px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand__mark{background:var(--primary);width:34px;height:34px;color:var(--primary-ink);border-radius:10px;place-items:center;display:grid}.desktop-nav{align-items:center;gap:4px;display:flex}.desktop-nav a{min-height:38px;color:var(--text-2);border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.desktop-nav a:hover{background:var(--raised);text-decoration:none}.desktop-nav a.active{color:var(--primary);background:var(--primary-soft)}.header-actions{align-items:center;gap:4px;display:flex}.user-chip{max-width:190px;color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.user-chip span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tabbar{display:none}.container{max-width:760px;margin:0 auto;padding:28px 16px 72px}.container--wide{max-width:1040px}.page-head{margin-bottom:24px}.page-head p{color:var(--muted);margin-top:6px}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin:36px 0 14px;display:flex}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:16px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--text);text-decoration:none}@media (max-width:720px){.desktop-nav,.user-chip{display:none}.tabbar{z-index:40;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;font-weight:600;display:flex}.tabbar a:hover{text-decoration:none}.tabbar a.active{color:var(--primary)}.container{padding-top:20px;padding-bottom:calc(var(--tabbar-h) + 40px)}.toasts{bottom:calc(var(--tabbar-h) + 12px + env(safe-area-inset-bottom))}}.hero{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary-soft), transparent 70%), var(--surface);border:1px solid var(--border);padding:28px}.hero p{color:var(--text-2);max-width:54ch;margin-top:8px}.group-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.group-card{color:inherit;flex-direction:column;gap:12px;height:100%;padding:18px;display:flex}.group-card:hover{text-decoration:none}.group-card__top{align-items:center;gap:12px;display:flex}.group-card h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-card__desc{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.95rem;display:-webkit-box;overflow:hidden}.group-card__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.group-hero{align-items:flex-start;gap:16px;display:flex}.group-hero__main{flex:1;min-width:0}.group-hero p.desc{color:var(--text-2);margin-top:8px}.story{content-visibility:auto;contain-intrinsic-size:auto 260px;margin-bottom:14px;padding:22px}.story__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.story__title{font-family:var(--serif);letter-spacing:-.01em;font-size:1.3rem;line-height:1.3}.story__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.88rem;display:flex}.story__meta a{color:var(--text-2);font-weight:600}.story__answers{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{background:var(--raised);color:var(--text-2);border-radius:999px;padding:3px 11px;font-size:.85rem;display:inline-block}.chip b{color:var(--text);font-weight:600}.story__body{font-family:var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px;font-size:1.075rem;line-height:1.8}.story__body--clamped{-webkit-line-clamp:9;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story__more{color:var(--primary);cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;font-weight:600}.story__foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.reactions{flex-wrap:wrap;gap:8px;display:flex}.reaction{border:1px solid var(--border-strong);min-height:36px;color:var(--text-2);cursor:pointer;transition:background var(--ease), border-color var(--ease), color var(--ease);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.reaction:hover{background:var(--raised)}.reaction[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.story__tools{gap:2px;display:flex}.proof img,.proof video{border-radius:var(--radius);max-width:100%;margin-top:10px}.proof iframe{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:460px;margin-top:10px}.proof-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.proof-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px 12px}.proof-item__head{align-items:center;gap:10px;display:flex}.proof-item__head svg{color:var(--muted);flex-shrink:0}.load-more{justify-content:center;margin-top:8px;display:flex}.field-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px}.file-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:12px 0 0;padding:0;list-style:none}.file-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.file-item:last-child{border-bottom:0}.file-item svg{color:var(--muted);flex-shrink:0}.file-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.progress{background:var(--raised);border-radius:999px;height:8px;overflow:hidden}.progress__bar{background:var(--primary);border-radius:999px;height:100%;transition:width .2s}.write-counter{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:.85rem;display:flex}.auth{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth__aside{background:linear-gradient(160deg, var(--primary-soft), transparent 70%), var(--raised);flex-direction:column;justify-content:center;gap:28px;padding:48px clamp(24px,6vw,80px);display:flex}.auth__aside h1{font-family:var(--serif);max-width:14ch;font-size:clamp(2rem,1.4rem + 2vw,3rem);line-height:1.1}.auth__aside>p{color:var(--text-2);max-width:40ch;font-size:1.1rem}.points{gap:14px;margin:0;padding:0;list-style:none;display:grid}.points li{color:var(--text-2);align-items:flex-start;gap:12px;display:flex}.points svg{color:var(--primary);flex-shrink:0;margin-top:3px}.auth__main{place-items:center;padding:32px 20px;display:grid}.auth__card{width:min(420px,100%)}.keybox{font-family:var(--mono);border-radius:var(--radius);background:var(--bg);border:2px dashed var(--primary);word-break:break-all;-webkit-user-select:all;user-select:all;padding:16px;font-size:1.05rem}@media (max-width:860px){.auth{grid-template-columns:1fr}.auth__aside{gap:16px;padding:28px 20px}.auth__aside h1{max-width:none}.auth__aside .points{display:none}}.danger-zone{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}@media (max-width:520px){.story{padding:18px}.group-hero{flex-direction:column}}