:root{--bg:#f1ece0;--paper:#fff9ee;--paper-2:#f5efdf;--text:#0f0d09;--muted:#544f45;--line:#bfb6a2;--accent:#1366ff;--accent-2:#c5ff1e;--accent-3:#ff6b35;--error:#d3392c;--ok:#2f7b28;--shadow:0 14px 24px #1c18111f;--motion-fast:.21s;--motion-mid:.26s;--motion-slow:.3s}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 15% 0,#1366ff2e,#0000 34%),radial-gradient(circle at 85% 10%,#ff6b3524,#0000 28%),radial-gradient(circle at 80% 45%,#c5ff1e29,#0000 36%),repeating-linear-gradient(-12deg,#fff0 0 4px,#0f0f0f05 5px,#fff0 7px),linear-gradient(#f4efe3 0%,#ece5d7 100%);font-family:Space Grotesk,IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3{text-transform:uppercase;letter-spacing:.02em;margin:0;font-family:Teko,Barlow Condensed,Franklin Gothic Medium,Arial Narrow,sans-serif}h1{font-size:clamp(3.4rem,11vw,7rem);line-height:.86}h2{font-size:clamp(1.7rem,5vw,2.5rem)}a{color:inherit}.route-shell{animation:route-enter var(--motion-mid) ease-in-out}@keyframes route-enter{0%{opacity:0;filter:saturate(.95);transform:translateY(10px)}to{opacity:1;filter:saturate();transform:translateY(0)}}.page{width:min(1040px,100% - 2rem);margin:0 auto;padding:3.25rem 0 4rem}.page-narrow{width:min(780px,100% - 2rem)}.hero{padding:4.2rem 0 2.8rem;position:relative}.hero:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, var(--accent-3) 45%, var(--accent-2) 100%);width:190px;height:8px;position:absolute;inset:0 auto auto 0;transform:skew(-22deg)}.kicker{color:var(--text);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.45rem;font-size:.76rem;font-weight:700}.hero-ribbon{background:var(--accent-3);color:#fff;letter-spacing:.09em;text-transform:uppercase;margin-bottom:1rem;padding:.2rem .56rem;font-size:.76rem;display:inline-block;transform:rotate(-1.4deg);box-shadow:3px 3px #1e1a12}.tone-switcher{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.tone-chip{color:var(--text);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#fffaf0;border:1px solid #998e7d;padding:.22rem .5rem;font-size:.72rem}.tone-chip-active{background:var(--accent-2);border-color:#7ea90f}.lede{color:var(--muted);max-width:560px;margin-top:1rem;font-size:clamp(1rem,2vw,1.25rem)}.actions{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);box-shadow:var(--shadow);transition:transform var(--motion-fast) ease-in-out, box-shadow var(--motion-fast) ease-in-out;border-radius:4px;padding:1.35rem;position:relative}.status-rail{color:#3d372d;background:#fffbf1b8;border:1px dashed #bcb09b;border-radius:4px;flex-wrap:wrap;gap:.5rem .9rem;margin:0 0 1rem;padding:.55rem .7rem;font-size:.8rem;display:flex}.status-pill{letter-spacing:.07em;font-weight:700}.status-dev{opacity:.82}.panel:after{content:"";background:#dfd6c5;border:1px solid #c7bcab;width:62px;height:13px;position:absolute;top:-6px;right:10px;transform:rotate(2deg)}.ritual-panel{animation:emerge var(--motion-mid) ease-in-out}@keyframes emerge{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stack{gap:1rem;margin-top:1rem;display:grid}.stack:focus-within{background:0 0}label{color:#2c2923;gap:.45rem;font-size:.9rem;display:grid}input,textarea{color:var(--text);font:inherit;transition:border-color var(--motion-fast) ease-in-out, box-shadow var(--motion-fast) ease-in-out;background:#fcfaf6;border:1px solid #bfb7a8;border-radius:8px;padding:.75rem}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.button{color:#fdfdfd;cursor:pointer;transition:transform var(--motion-fast) ease-in-out, filter var(--motion-fast) ease-in-out, box-shadow var(--motion-fast) ease-in-out;background:linear-gradient(#2f79f0 0%,#1c64e0 100%);border:2px solid #07388f;border-radius:4px;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:3px 3px #0c3e95}.button:hover{filter:saturate(1.08);transform:translate(-1px,-1px);box-shadow:5px 5px #0c3e95}.button:active{transform:translate(1px,1px);box-shadow:2px 2px #0c3e95}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.button-ghost{color:var(--text);box-shadow:none;background:0 0;border:2px solid #9f998e}.dropzone{background:#fffaf1;border:1px dashed #9f937f;border-radius:6px;padding:.9rem}.dropzone-active{border-color:var(--accent);background:#eef4ff}.preview-box{background:#fffaf1;border:1px solid #cec2af;border-radius:6px;padding:.65rem}.preview-media{object-fit:contain;border-radius:4px;width:100%;max-height:360px;margin-top:.45rem}.confirm-line{align-items:center;gap:.55rem;display:flex}.confirm-line input{width:16px;height:16px}.pill{background:#f6f2e8;border:1px solid #bbb2a1;border-radius:100px;margin-top:1rem;padding:.3rem .6rem;font-size:.85rem;display:inline-block}.countdown{color:#2d6619;animation:pulse-countdown var(--motion-slow) ease-in-out infinite alternate;margin:.6rem 0 1rem;font-weight:600}@keyframes pulse-countdown{0%{letter-spacing:.01em}to{letter-spacing:.03em}}.text-link{color:#0d54cc;text-underline-offset:.22rem;font-weight:600;text-decoration:underline}.list{gap:.75rem;margin-top:1rem;display:grid}.list-item{transition:transform var(--motion-fast) ease-in-out, box-shadow var(--motion-fast) ease-in-out;background:#fbf6ea;border:1px solid #c2b9a8;border-radius:4px;padding:1rem;position:relative}.list-item:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, var(--accent-3) 50%, var(--accent-2) 100%);width:8px;height:100%;position:absolute;top:0;left:0}.list-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #18140e1a}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.flow-card{background:#fcf7ee;border:1px solid #c2b9a8;border-radius:4px;padding:.85rem;position:relative}.flow-card:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, var(--accent-3) 55%, var(--accent-2) 100%);width:6px;position:absolute;inset:0 auto 0 0}.guide-progress-track{background:#f7f1e5;border:1px solid #bfb6a2;border-radius:999px;width:100%;height:10px;overflow:hidden}.guide-progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-3) 55%, var(--accent-2) 100%);height:100%;transition:width var(--motion-mid) ease-in-out}.guide-steps{flex-wrap:wrap;gap:.45rem;display:flex}.guide-step-chip{color:var(--text);font:inherit;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#fff9ed;border:1px solid #a99f8c;padding:.25rem .5rem;font-size:.78rem}.guide-step-chip-active{background:var(--accent);color:#fff;border-color:#0f4dbd}.guide-stage{background:#fff9ee;border:1px solid #c4baa8;border-radius:4px;padding:1rem}.reveal-item{animation:reveal var(--motion-mid) ease-in-out;animation-delay:calc(var(--stagger,0) * 80ms);animation-fill-mode:backwards}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.footer-note{margin-top:1.75rem}.reveal-intro{text-align:center;place-items:center;min-height:48vh;display:grid}.reveal-controls{flex-wrap:wrap;gap:.55rem;display:flex}.muted{color:var(--muted)}.success{color:var(--ok)}.error{color:var(--error)}.status-pop{animation:message-pop var(--motion-mid) ease-in-out;background:#ffffff7a;border:1px solid;border-radius:4px;padding:.35rem .5rem}@keyframes message-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mt{margin-top:.9rem}code{background:#ece6d9;border-radius:4px;padding:.1rem .3rem;font-size:.82rem}@media (hover:hover) and (pointer:fine){.panel:hover{transform:translateY(-1px);box-shadow:0 16px 28px #1c181124}}@media (prefers-reduced-motion:reduce){.route-shell,.ritual-panel,.reveal-item,.status-pop{animation:none}.button,.panel,.list-item,input,textarea{transition:none}.countdown{animation:none}}@media (width<=680px){h1{font-size:clamp(2.6rem,15vw,4.8rem);line-height:.9}h2{font-size:clamp(1.35rem,7.2vw,2rem)}.page,.page-narrow{width:min(780px,100% - 1.2rem);padding-top:2.2rem}.hero{padding-top:3.2rem}.hero:before{width:130px;height:6px}.hero-ribbon{letter-spacing:.07em;font-size:.68rem}.tone-chip{font-size:.65rem}.lede{max-width:100%;font-size:1rem}label{font-size:.85rem}.panel{padding:1.1rem}.status-rail{padding:.45rem .55rem;font-size:.74rem}.flow-grid{grid-template-columns:1fr}.reveal-controls{flex-direction:column}.list-item{padding:.85rem}.actions{flex-direction:column}.button,.button-ghost{width:100%}}