:root{--paper: #f3ede1;--paper-2: #e9e0cf;--ink: #1f2a24;--ink-soft: #3a4a40;--ink-mute: #6b7568;--line: #d6cab2;--forest: #244232;--forest-2: #1a3024;--ember: #c0653a;--ember-soft: #e08c5e;--rose: #b34a52;--gold: #b89757;--shadow: rgba(31,42,36,.08);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Newsreader", Georgia, serif;--font-mono: "DM Mono", ui-monospace, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 72px;--s-9: 112px;--radius: 4px;--radius-lg: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,rgba(192,101,58,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(36,66,50,.1),transparent 60%),var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>")}#root{position:relative;z-index:1}a{color:var(--forest);text-decoration:none;border-bottom:1px solid var(--line)}a:hover{color:var(--ember);border-bottom-color:var(--ember)}button{font-family:var(--font-mono);cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:10px 18px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;transition:all .18s ease;border-radius:0}button:hover{background:var(--ink);color:var(--paper)}button.primary{background:var(--forest);color:var(--paper);border-color:var(--forest)}button.primary:hover{background:var(--forest-2);border-color:var(--forest-2)}button.ember{background:var(--ember);color:var(--paper);border-color:var(--ember)}button.ember:hover{background:var(--rose);border-color:var(--rose)}button.ghost{border-color:var(--line)}button.ghost:hover{border-color:var(--ink);background:transparent;color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:var(--font-body);font-size:16px;width:100%;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--forest)}textarea{resize:vertical;min-height:90px;font-family:var(--font-body)}label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:var(--s-2)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;color:var(--ink);margin:0 0 var(--s-4) 0}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;font-weight:500}h2{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15}h3{font-size:1.25rem;line-height:1.3}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin-bottom:var(--s-3);display:inline-block}.muted{color:var(--ink-mute)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-display)}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.app-shell.no-sidebar{grid-template-columns:1fr}.sidebar{background:var(--paper-2);border-right:1px solid var(--line);padding:var(--s-6) var(--s-5);display:flex;flex-direction:column;gap:var(--s-5);position:sticky;top:0;height:100vh}.sidebar .brand{font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:-.02em;line-height:1}.sidebar .brand small{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--ink-mute);text-transform:uppercase;margin-top:var(--s-2)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{border-bottom:none;padding:10px 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-left:2px solid transparent}.sidebar nav a:hover{color:var(--ink);background:#2442320f}.sidebar nav a.active{color:var(--forest);border-left-color:var(--ember);background:#c0653a14}.sidebar .footer{margin-top:auto;font-family:var(--font-mono);font-size:10px;color:var(--ink-mute);letter-spacing:.08em}.main{padding:var(--s-7) clamp(var(--s-5),5vw,var(--s-9));max-width:1100px;width:100%}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-6);box-shadow:0 1px 3px var(--shadow)}.field{margin-bottom:var(--s-5)}.row{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}.tag{display:inline-block;padding:4px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-soft);margin-right:var(--s-2);margin-bottom:var(--s-2)}.tag.active{background:var(--forest);border-color:var(--forest);color:var(--paper)}.message-card{position:relative;padding:var(--s-7) var(--s-6);background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 12px 40px #1f2a241a}.message-card:before{content:"";position:absolute;top:var(--s-4);left:var(--s-4);right:var(--s-4);bottom:var(--s-4);border:1px solid var(--ember-soft);border-radius:6px;opacity:.35;pointer-events:none}.message-card .quote-mark{font-family:var(--font-display);font-size:8rem;font-weight:300;color:var(--ember);line-height:.6;margin-top:var(--s-2);margin-bottom:0;opacity:.5}.message-card .text{font-family:var(--font-display);font-weight:400;font-size:clamp(1.25rem,2.4vw,1.85rem);line-height:1.35;color:var(--ink);margin:0}.message-card .meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-mute);text-transform:uppercase;margin-top:var(--s-5);display:flex;justify-content:space-between;align-items:center}.center-stage{min-height:100vh;display:grid;place-items:center;padding:var(--s-6)}.center-stage .frame{max-width:460px;width:100%}.dots:after{content:"...";animation:blink 1.4s infinite;letter-spacing:.12em}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.reveal{animation:reveal .6s ease-out both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4)}.sidebar nav{flex-direction:row;flex:1}.sidebar .brand small,.sidebar .footer{display:none}.main{padding:var(--s-5) var(--s-4)}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;border-radius:var(--radius);z-index:50}.divider{height:1px;background:var(--line);margin:var(--s-6) 0}