*,:before,:after{box-sizing:border-box}*{margin:0}html,body{min-height:100%}body{-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}input,button,textarea{font:inherit}:root{--bg:#f4ecdf;--bg-deep:#ece1d1;--panel:#fffbf5d1;--panel-strong:#fffdf9f0;--panel-soft:#f9f1e6b8;--line:#614a2f26;--line-strong:#a45c223d;--text:#1f1712;--text-secondary:#4d3f34;--muted:#77685d;--accent:#b05b24;--accent-soft:#d98345;--mint:#86aea3;--petri-green:#4ade80;--shadow:0 20px 50px #60452712;--shadow-soft:0 8px 22px #6045270d;--radius-xl:22px;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--radius-pill:999px;--font-display:"DM Serif Display", Georgia, serif;--font-mono:"Space Mono", monospace;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--sentiment-light:#d57a31;--sentiment-light-shadow:#d57a3124}body{color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 0 0,#d9834514,#0000 26%),radial-gradient(circle at 84% 8%,#86aea31a,#0000 20%),linear-gradient(#f8f1e7 0%,#f4ecdf 46%,#efe4d4 100%);font-size:15px;line-height:1.65}::selection{background:#b05b2426}.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}.page-shell{flex-direction:column;max-width:1120px;min-height:100vh;margin:0 auto;padding:28px 32px 52px;display:flex}.stack{flex:1;gap:20px;display:grid}@keyframes beamFloat{0%,to{opacity:.36;transform:translate(-50%)scaleX(.97)}50%{opacity:.92;transform:translate(-50%)scaleX(1.02)}}@keyframes pulseDrift{0%,to{transform:translate(0,0)}50%{transform:translate(16px,-6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}:focus-visible{outline-offset:3px;outline:2px solid #b05b244d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){.page-shell{padding:22px 14px 44px}}.masthead{padding-bottom:24px}.masthead-bar{justify-content:space-between;align-items:center;display:flex}.brand-lockup{color:var(--text);align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{background:radial-gradient(circle at 30% 30%,#fffffff7,#ecc69ee6 42%,#b05b24d6 100%);border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffad,0 12px 24px #b05b241f}.brand-orbit,.brand-thread,.brand-node{position:absolute}.brand-orbit{border:1px solid #ffffff7a;border-radius:50%}.orbit-a{inset:6px}.orbit-b{opacity:.88;inset:14px}.brand-thread{transform-origin:0;background:#ffffffe0;height:1.5px}.thread-a{width:14px;top:18px;left:16px;transform:rotate(-12deg)}.thread-b{width:10px;bottom:15px;left:17px;transform:rotate(58deg)}.brand-node{background:#fffffffa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ffffff1f}.node-a{top:11px;left:11px}.node-b{top:16px;right:10px}.node-c{bottom:11px;left:16px}.brand-copy h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.4rem;font-weight:400;line-height:1}.brand-copy p{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:2px 0 0;font-size:.72rem}.user-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:default;-webkit-user-select:all;user-select:all;padding:6px 12px;font-size:.72rem}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:var(--radius-pill);border:1px solid #0000;padding:8px 12px;font-size:.72rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s}.nav-link:hover{color:var(--accent);border-color:var(--line);background:var(--panel-soft)}.nav-link.active{color:var(--accent);border-color:var(--line-strong);background:var(--panel)}.signal-stage{border-top:1px solid #a45c2233;border-bottom:1px solid #a45c2224;height:72px;margin-top:16px;position:relative;overflow:hidden}.signal-plane{opacity:.42;background-image:linear-gradient(#77685d0e 1px,#0000 1px),linear-gradient(90deg,#77685d0e 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.signal-beam{background:linear-gradient(90deg,#0000,#b05b246b,#86aea37a,#0000);height:1px;position:absolute;left:50%;transform:translate(-50%)}.beam-a{width:64%;animation:7s ease-in-out infinite beamFloat;top:18px}.beam-b{width:88%;animation:10s ease-in-out infinite reverse beamFloat;top:36px}.beam-c{width:46%;animation:6s ease-in-out infinite beamFloat;top:54px}.signal-pulse{background:radial-gradient(circle, #fffffffa, var(--sentiment-light));width:7px;height:7px;box-shadow:0 0 0 5px var(--sentiment-light-shadow), 0 0 16px #b05b241f;border-radius:50%;position:absolute}.pulse-a{animation:8s ease-in-out infinite pulseDrift;top:14px;left:21%}.pulse-b{animation:9s ease-in-out infinite reverse pulseDrift;top:50px;right:19%}.section-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.74rem}.panel{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--panel-strong), var(--panel));border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;padding:24px}.panel-intro{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-intro h2,.panel-header h2{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;line-height:1}.composer{margin-top:22px}.composer textarea{resize:vertical;border-radius:var(--radius-lg);width:100%;min-height:180px;color:var(--text);background:#fffdf9f5;border:1px solid #614a2f24;padding:20px 22px;font-size:1rem;line-height:1.72;box-shadow:inset 0 1px #ffffffd6}.composer textarea::placeholder{color:#77685d80}.composer-lower{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:16px;display:flex}.tone-card{background:linear-gradient(#fcf5ebe0,#fffaf3eb);border:1px solid #a45c221c;border-radius:16px;flex:auto;padding:16px 18px}.tone-header{align-items:center;display:flex}.tone-header .section-label{align-items:center;gap:10px;display:inline-flex}.tone-header .section-label:before{content:"";background:var(--sentiment-light);width:8px;height:8px;box-shadow:0 0 0 6px var(--sentiment-light-shadow);border-radius:50%}.slider-wrap{grid-template-columns:82px minmax(0,1fr) 102px;align-items:center;gap:12px;margin-top:14px;display:grid}.slider-edge{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;margin:0;font-size:.72rem}input[type=range]{appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(90deg,#86aea3,#d4ae71 46%,#d57a31 100%);width:100%;height:10px;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fffaf3;border:3px solid #fffffff5;border-radius:50%;width:24px;height:24px;box-shadow:0 8px 20px #60452724}input[type=range]::-moz-range-thumb{background:#fffaf3;border:3px solid #fffffff5;border-radius:50%;width:24px;height:24px;box-shadow:0 8px 20px #60452724}.action-row{flex:none;justify-content:flex-end;display:flex}.btn-primary{border-radius:var(--radius-pill);color:#fff9f3;min-width:168px;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#af5923,#cb7537 74%,#db9150);border:0;padding:12px 18px;font-size:.85rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 10px 22px #b05b2429}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 24px #b05b242e}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel);color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:10px 16px;font-size:.75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s}.btn-secondary:hover{color:var(--accent);border-color:var(--line-strong)}.btn-secondary.active{color:var(--accent);border-color:var(--accent);background:#b05b240f}.result-stats{flex-wrap:wrap;gap:10px;display:flex}.stat-card{background:#fffbf5d1;border:1px solid #614a2f1c;border-radius:14px;min-width:100px;padding:11px 13px}.stat-card strong{font-size:1rem;font-weight:700;display:block}.stat-card span{color:var(--muted);font-size:.82rem}.story-card{border-radius:var(--radius-lg);background:var(--panel-strong);box-shadow:var(--shadow-soft);border:1px solid #614a2f1c;margin-top:18px;padding:20px}.story-meta{align-items:flex-start;gap:14px;display:flex}.hn-box{border-radius:var(--radius-sm);color:#fff;width:30px;height:30px;font-family:var(--font-mono);background:linear-gradient(#cc7539,#ac5924);flex-shrink:0;place-items:center;font-size:.85rem;display:inline-grid}.story-copy h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:400;line-height:1.12}.story-submeta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;margin-top:6px;font-size:.74rem}.story-body{color:var(--text-secondary);margin:16px 0 0;line-height:1.75}.post-brief{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft);margin-top:16px}.post-brief-toggle{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:.72rem;list-style:none;display:block}.post-brief-toggle::-webkit-details-marker{display:none}.post-brief-toggle:before{content:"▸ "}.post-brief[open]>.post-brief-toggle:before{content:"▾ "}.post-brief-body{color:var(--text-secondary);max-height:400px;padding:0 16px 14px;font-size:.84rem;line-height:1.75;overflow-y:auto}.discussion-panel{margin-top:12px}.discussion-toolbar{justify-content:flex-start;margin-bottom:10px;display:flex}.toolbar-pill{border-radius:var(--radius-pill);color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#fffbf5b8;border:1px solid #614a2f1f;align-items:center;gap:8px;padding:8px 12px;font-size:.72rem;display:inline-flex}.comments-root{gap:14px;display:grid}.comment{padding-left:18px;position:relative}.comment:before{content:"";background:linear-gradient(#b05b2438,#86aea329);width:1px;position:absolute;top:0;bottom:-4px;left:0}.comment-card{background:#fffbf6bd;border:1px solid #614a2f1a;border-radius:16px;padding:16px 20px}.comment-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.comment-author{align-items:center;gap:10px;display:flex}.vote-chip{border-radius:var(--radius-pill);min-width:40px;color:var(--accent);font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8efe4f5;border:1px solid #614a2f1f;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;transition:background-color .18s,border-color .18s;display:inline-flex}.vote-chip:hover{border-color:var(--accent-soft);background:#f0e1d0f5}.vote-chip.voted{border-color:var(--accent);background:#b05b241a}.sim-score{font-family:var(--font-mono);color:var(--mint);letter-spacing:.04em;font-size:.68rem}.comment-author strong{cursor:pointer;font-size:.92rem}.comment-author strong:hover{color:var(--accent)}.comment-author-meta,.comment-time{color:var(--muted);font-size:.76rem}.comment-body{color:var(--text-secondary);letter-spacing:.01em;word-spacing:.05em;margin:14px 0 0;font-size:.9rem;line-height:1.9}.comment-body p{margin:0 0 10px}.comment-body p:last-child{margin-bottom:0}.comment-body ol,.comment-body ul{margin:6px 0 10px;padding-left:22px}.comment-body li{margin-bottom:4px}.comment-body strong{color:var(--text);font-weight:600}.comment-body em{font-style:italic}.comment-actions{font-family:var(--font-mono);color:#897362;text-transform:lowercase;gap:14px;margin-top:10px;font-size:.68rem;display:flex}.comment-children{gap:12px;margin-top:10px;display:grid}.comment[data-depth="6"] .comment,.comment[data-depth="7"] .comment,.comment[data-depth="8"] .comment{padding-left:8px}.user-popover{z-index:50;border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid var(--line);box-shadow:var(--shadow);min-width:240px;max-width:420px;max-height:320px;margin-top:6px;padding:14px 16px;animation:.2s fadeUp;position:absolute;top:100%;left:0;overflow-y:auto}.user-popover strong{margin-bottom:6px;font-size:.9rem;display:block}.user-popover p{color:var(--muted);white-space:pre-wrap;margin:0;font-size:.8rem;line-height:1.65}.progress-feed{gap:8px;padding:20px;display:grid}.progress-stage{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-top:8px;font-size:.72rem;display:flex}.progress-stage:first-child{margin-top:0}.progress-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.progress-dot.active{animation:1.5s ease-in-out infinite pulse}.progress-dot.done{background:var(--mint)}.progress-message{color:var(--text-secondary);padding-left:14px;font-size:.88rem;line-height:1.5}.status-badge{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;display:inline-flex}.status-badge.queued{color:var(--muted);background:#77685d1a}.status-badge.running{color:var(--accent);background:#b05b241a}.status-badge.done,.status-badge.converged{color:#5a8f82;background:#86aea326}.status-badge.failed{color:#b43232;background:#b432321a}.conversation-card{border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);color:var(--text);padding:18px 20px;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:block}.conversation-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.conversation-card h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-size:1.15rem;font-weight:400;line-height:1.2}.conversation-card-meta{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.72rem;display:flex}.popular-divider{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.popular-more{text-align:center;font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);border-radius:var(--radius-md);margin-top:12px;padding:10px;font-size:.74rem;text-decoration:none;transition:background-color .2s;display:block}.popular-more:hover{background:#b05b240f}.browse-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.browse-header h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400}.browse-sort{gap:6px;display:flex}.browse-grid{gap:12px;margin-top:16px;display:grid}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-inline{vertical-align:middle;border-width:1.5px;width:14px;height:14px;display:inline-block}.footer{border-top:1px solid var(--line);text-align:center;font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;margin-top:40px;padding:24px 0;font-size:.72rem}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.waiting-hint{border-radius:var(--radius-md);color:var(--muted);background:#b05b240a;border:1px solid #b05b241a;margin-top:16px;padding:14px 18px;font-size:.88rem;animation:3s ease-in-out infinite pulse}.error-box{border-radius:var(--radius-md);color:#7a2020;background:#b432320f;border:1px solid #b4323226;padding:16px 20px;font-size:.9rem}.empty-state{text-align:center;color:var(--muted);padding:48px 24px}.empty-state p{margin-bottom:16px;font-size:.95rem}@media (width<=760px){.panel{padding:18px}.panel-intro,.composer-lower{flex-direction:column}.slider-wrap{grid-template-columns:1fr}.slider-edge:last-child{text-align:right}.action-row{justify-content:flex-end;width:100%}.btn-primary{min-width:0}.story-copy h3{font-size:1.2rem}.browse-header{flex-direction:column;align-items:flex-start}}