:root{--cream:#f4f1ea;--paper:#f3ead8;--letter-ink:#3a2a22;--ink:#141310;--verm:#e0492b;--verm-dark:#b33517;--navy:#0d111f;--ivory:#f2ebdd;--gold:#d8b56c;--hairline:#14131059;--divider:#1413101f;--rule:#14131040;--gold-border:#d8b56c73;--serif:"Instrument Serif", serif;--mono:"Courier Prime", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--cream);font-family:var(--mono);color:var(--ink)}a{color:var(--verm);text-decoration:none}a:hover{color:var(--verm-dark)}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--verm);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.9}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes settle{0%{opacity:0;transform:rotate(-2deg)translateY(18px)}to{opacity:1;transform:rotate(-.6deg)translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.screen{justify-content:center;min-height:100dvh;display:flex}.col{flex-direction:column;width:100%;max-width:440px;padding:24px 26px;display:flex}.col--wide-pad{padding:26px}.fade-in{animation:.5s both fadeIn}.fade-up{animation:.5s both fadeUp}.label{text-transform:uppercase}.back-link{letter-spacing:.22em;text-transform:uppercase;cursor:pointer;opacity:.6;text-align:center;align-self:center;min-height:44px;padding:16px;font-size:11px}.btn-ink{background:var(--ink);color:var(--cream);text-align:center;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;width:100%;padding:18px;font-size:12px}.progress-track{background:#14131026;height:2px}.progress-fill{background:var(--verm);height:2px}.q-header{letter-spacing:.26em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.q-header .accent{color:var(--verm)}.cursor{background:var(--verm);vertical-align:-2px;width:9px;height:17px;animation:1.1s step-end infinite blink;display:inline-block}.cover{background:var(--cream);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px;animation:.7s both fadeIn;display:flex;position:relative}.cover-label{letter-spacing:.34em;text-transform:uppercase;font-size:11px}.cover-name{font-family:var(--serif);margin:22px 0 26px;font-size:84px;font-style:italic;line-height:1}.cover-rule{background:var(--verm);width:88px;height:2px}.cover-sub{font-family:var(--serif);margin-top:26px;font-size:21px;font-style:italic}.cover-meta{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;opacity:.5;margin-top:20px;font-size:10px}.cover-hint{letter-spacing:.3em;text-transform:uppercase;opacity:.45;font-size:10px;animation:3s ease-in-out infinite twinkle;position:absolute;bottom:38px}.letter-screen{background:var(--cream);animation:.5s both fadeIn}.masthead{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);letter-spacing:.26em;text-transform:uppercase;justify-content:space-between;padding:9px 0;font-size:10px;display:flex}.letter-sheet-wrap{flex:1;align-items:center;padding:22px 0;display:flex}.letter-sheet{background:var(--paper);cursor:pointer;border:1px solid #3a2a222e;width:100%;min-height:380px;padding:34px 26px 30px;animation:.7s both settle;transform:rotate(-.6deg);box-shadow:0 14px 36px #3a2a2233}.letter-text{white-space:pre-wrap;color:var(--letter-ink);font-size:15px;line-height:2}.letter-skip-hint{text-align:center;letter-spacing:.24em;text-transform:uppercase;opacity:.4;padding:19px;font-size:10px}.brief-screen{background:var(--cream);animation:.5s both fadeUp}.brief-body{flex-direction:column;flex:1;justify-content:center;gap:22px;display:flex}.brief-subject{letter-spacing:.3em;text-transform:uppercase;color:var(--verm);font-size:10px}.brief-headline{font-family:var(--serif);text-wrap:pretty;font-size:42px;line-height:1.12}.brief-copy{text-wrap:pretty;max-width:34ch;font-size:14px;line-height:1.75}.brief-meta{border-top:1px solid var(--rule);opacity:.75;flex-direction:column;gap:6px;padding-top:14px;font-size:12px;display:flex}.q1-screen{background:var(--cream);height:100dvh;min-height:100dvh;animation:.5s both fadeIn;overflow:hidden}.q1-col{gap:clamp(8px,1.5dvh,14px);height:100%;min-height:0;padding-block:clamp(12px,2.6dvh,24px)}.q1-col>.flex-1{min-height:0}.q-title{font-family:var(--serif);text-wrap:pretty;margin:clamp(1px,.65dvh,6px) 0 clamp(1px,.45dvh,4px);font-size:clamp(26px,3.3dvh,30px);line-height:1.2}.opt-card{border:1px solid var(--hairline);width:100%;display:block}.opt-card--selected{border:2px solid var(--ink);background:#fbf8f1;margin:-1px}.opt-card-inner{cursor:pointer;align-items:flex-start;gap:clamp(10px,1.5dvh,14px);padding:clamp(11px,1.75dvh,16px) 16px;display:flex;position:relative}.opt-letter{font-family:var(--serif);color:var(--verm);font-size:22px;font-style:italic}.opt-title{font-family:var(--serif);font-size:clamp(20px,2.65dvh,24px);font-style:italic;line-height:1.1}.opt-sub{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-top:clamp(3px,.75dvh,7px);font-size:11px}.opt-quote{margin-top:clamp(4px,.75dvh,7px);font-size:12.5px;line-height:1.45}.opt-meta{letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-top:clamp(4px,.75dvh,7px);font-size:10px}.opt-tag{background:var(--verm);color:var(--cream);letter-spacing:.2em;text-transform:uppercase;padding:4px 8px;font-size:9px;position:absolute;top:-10px;left:14px}.opt-selected-tag{background:var(--ink);color:var(--cream);letter-spacing:.2em;text-transform:uppercase;padding:4px 8px;font-size:9px;animation:.25s both fadeIn;position:absolute;top:-10px;right:12px}.opt-selected-tag .check{color:var(--verm)}.q1-hint{text-align:center;letter-spacing:.2em;text-transform:uppercase;opacity:.5;padding:clamp(6px,1.75dvh,16px);font-size:10px}.btn-ink--inspect{flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:clamp(10px,1.75dvh,16px);animation:.35s both fadeUp;display:flex}@media (max-height:720px){.q1-col{gap:8px;padding-block:10px}}@media (max-height:680px){.q1-screen .opt-meta{display:none!important}}@media (max-height:620px){.q1-screen .opt-quote{display:none!important}}.detail-screen{background:var(--cream);animation:.5s both fadeUp}.detail-masthead{border-top:1px solid var(--ink);justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:12px;display:flex}.detail-answer{font-family:var(--serif);color:var(--verm);font-size:17px;font-style:italic}.detail-meta{letter-spacing:.22em;text-transform:uppercase;font-size:10px}.detail-title{font-family:var(--serif);text-wrap:pretty;margin:18px 0 6px;font-size:44px;font-style:italic;line-height:1.05}.detail-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--verm);margin-bottom:16px;font-size:11px}.detail-plan{border-top:1px solid var(--rule)}.detail-row{border-bottom:1px solid var(--divider);gap:10px;padding:9px 0;font-size:12.5px;display:flex}.detail-row .dash{color:var(--verm)}.detail-why-label{letter-spacing:.26em;text-transform:uppercase;color:var(--verm);margin:22px 0 8px;font-size:10px}.detail-why{text-wrap:pretty;font-size:13.5px;line-height:1.7}.detail-actions{flex-direction:column;gap:10px;margin-top:22px;display:flex;position:relative}.btn-ink--lock{padding:16px}.change-answer{text-align:center;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;opacity:.6;min-height:44px;padding:14px 12px;font-size:11px}.cal-screen{background:var(--cream);animation:.5s both fadeUp}.cal-col{gap:16px}.cal-col--shake{animation:.55s shake}.cal-body{flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}.cal-question{font-family:var(--serif);text-wrap:pretty;font-size:36px;line-height:1.18}.cal-options{flex-direction:column;gap:12px;margin-top:10px;display:flex}.choice-btn{border:1px solid var(--hairline);text-align:center;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:baseline;gap:10px;width:100%;padding:17px;font-size:12px;display:flex}.choice-btn--selected{background:var(--ink);color:var(--cream);border:1px solid var(--ink)}.choice-btn .check{color:var(--verm)}.cat-screen{background:var(--cream);animation:.5s both fadeUp}.cat-center{flex-direction:column;flex:1;justify-content:center;display:flex}.cat-panel{border:1px solid var(--ink);padding:26px 24px;position:relative}.cat-tag{background:var(--verm);color:var(--cream);letter-spacing:.2em;text-transform:uppercase;padding:4px 9px;font-size:9px;position:absolute;top:-10px;left:18px}.cat-label{letter-spacing:.28em;text-transform:uppercase;opacity:.6;margin-bottom:12px;font-size:10px}.cat-question{font-family:var(--serif);text-wrap:pretty;margin-bottom:20px;font-size:29px;line-height:1.2}.cat-choices{gap:12px;display:flex}.cat-btn{border:1px solid var(--hairline);text-align:center;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;flex:1;padding:15px 8px;font-size:12px}.cat-btn--selected{background:var(--ink);color:var(--cream);border:1px solid var(--ink)}.cat-reveal{color:var(--verm);margin-top:18px;font-size:13px;font-style:italic;animation:.4s both fadeUp}.cat-reveal .cursor{width:8px;height:15px;margin-left:4px}.processing-screen{background:var(--ink);animation:.6s both fadeIn}.processing-col{justify-content:center}.processing-label{letter-spacing:.3em;text-transform:uppercase;color:var(--verm);margin-bottom:22px;font-size:10px}.processing-text{white-space:pre-wrap;color:var(--ivory);font-size:13.5px;line-height:2.1}.processing-text .cursor{height:16px;animation-duration:1s}.final-screen{background:var(--navy);animation:.9s both fadeIn;position:relative;overflow:hidden}.final-col{justify-content:center;gap:20px;position:relative}.final-header{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);flex-direction:column;gap:6px;font-size:10px;display:flex}.final-header .dim{opacity:.7}.final-headline{font-family:var(--serif);color:var(--ivory);font-size:48px;font-style:italic;line-height:1.05}.final-card{border:1px solid var(--gold-border);flex-direction:column;gap:9px;padding:20px;display:flex}.final-card-label{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);opacity:.8;font-size:10px}.final-card-title{font-family:var(--serif);color:var(--ivory);font-size:24px;font-style:italic}.final-card-row{color:var(--ivory);opacity:.85;font-size:12.5px}.final-notes{color:var(--ivory);opacity:.6;flex-direction:column;gap:5px;font-size:11.5px;line-height:1.6;display:flex}.final-actions{flex-direction:column;gap:12px;margin-top:6px;display:flex}.final-actions button:disabled{cursor:wait;opacity:.68}.submission-status{color:#f4f1eab8;letter-spacing:.04em;text-align:center;min-height:1.2rem;font-family:Courier Prime,monospace;font-size:.72rem}.submission-status--error{color:#f0c9b9}.btn-gold{background:var(--gold);color:var(--navy);text-align:center;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;width:100%;padding:17px;font-size:12px;font-weight:700}.counter-link{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.75;cursor:pointer;width:100%;padding:8px;font-size:10.5px}.accepted-screen{background:var(--navy);position:relative;overflow:hidden}.accepted-col{text-align:center;justify-content:center;align-items:center;position:relative}.constellation{width:100%;max-width:300px;height:auto;overflow:visible}.accepted-rule{background:var(--gold);width:72px;height:1px;margin:26px 0 22px;animation:.8s 2.2s both fadeIn}.accepted-headline{font-family:var(--serif);color:var(--ivory);font-size:56px;font-style:italic;line-height:1.05;animation:1s 2.5s both fadeUp}.accepted-sub{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:20px;font-size:12px;animation:1s 3.5s both fadeUp}.accepted-footer{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.55;font-size:9.5px;animation:1s 4.2s both fadeIn;position:absolute;bottom:34px;left:0;right:0}@keyframes shoot{0%{opacity:0;transform:rotate(-32deg)translate(0)}3%{opacity:.9}10%{opacity:.9}14%{opacity:0;transform:rotate(-32deg)translate(-300px)}to{opacity:0;transform:rotate(-32deg)translate(-300px)}}.shooting-star{opacity:0;pointer-events:none;background:linear-gradient(90deg,#f2ebdde6,#f2ebdd00);width:90px;height:1px;animation:9s linear infinite shoot;position:absolute}.shooting-star:before{content:"";background:#f2ebdd;border-radius:50%;width:3px;height:3px;position:absolute;top:-1px;left:-1px}.restart-btn{border:1px solid var(--gold-border);color:var(--gold);letter-spacing:.26em;text-transform:uppercase;cursor:pointer;opacity:.85;min-height:44px;margin-top:34px;padding:13px 20px;font-size:10px;animation:1s 5s both fadeIn}.restart-btn:hover{color:var(--gold);background:#d8b56c14}.star{background:var(--ivory);border-radius:50%;position:absolute}.star--twinkle{animation:3.8s ease-in-out infinite twinkle}.q1-screen,.detail-screen,.cal-screen,.brief-screen,.col{position:relative}.flair-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.web-corner{color:var(--ink);opacity:.3;pointer-events:none;position:absolute;top:0;right:0}.web-corner line,.web-corner path{stroke-width:1.1px;stroke-dasharray:220;stroke-dashoffset:220px;animation:2.2s both drawLine}.web-corner line:nth-child(2){animation-delay:.15s}.web-corner line:nth-child(3){animation-delay:.3s}.web-corner path:first-of-type{animation-delay:.55s}.web-corner path:nth-of-type(2){animation-delay:.75s}.web-corner path:nth-of-type(3){animation-delay:.95s}.spider-drop{color:var(--ink);pointer-events:none;animation:1.15s cubic-bezier(.34,1.3,.5,1) both spiderDescend;position:absolute;top:0;right:20px}.spider-drop .silk{stroke:var(--ink);stroke-width:.8px;opacity:.5}@keyframes spiderDescend{0%{opacity:0;transform:translateY(-56px)}25%{opacity:1}70%{transform:translateY(6px)}85%{transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.pb-jar{color:var(--ink);opacity:.32;pointer-events:none;position:absolute;top:148px;right:2px}.pb-seal{width:118px;height:118px;color:var(--verm);pointer-events:none;opacity:0;position:absolute;top:-148px;right:4px;transform:scale(1.7)rotate(-24deg)}.pb-seal--stamped{animation:.5s cubic-bezier(.2,1.4,.4,1) both stampIn}@keyframes stampIn{0%{opacity:0;transform:scale(1.7)rotate(-24deg)}60%{opacity:.92;transform:scale(.95)rotate(-11deg)}to{opacity:.85;transform:scale(1)rotate(-12deg)}}.bee-track{animation:linear infinite both flyAcross;position:absolute;left:0}.bee-bob{animation:ease-in-out infinite alternate beeBob}.bee-track svg{color:var(--ink);opacity:.38}@keyframes flyAcross{0%{transform:translate(-9vw)}to{transform:translate(108vw)}}@keyframes beeBob{0%{transform:translateY(-9px)rotate(4deg)}to{transform:translateY(9px)rotate(-4deg)}}.juul-doodle{color:var(--ink);opacity:.45;pointer-events:none;position:absolute;bottom:112px;right:4px}.juul-doodle .led{fill:var(--verm);opacity:.85}.juul-doodle .vapor{fill:none;stroke:var(--ink);stroke-width:1px;opacity:.4;stroke-dasharray:4 5;animation:5s linear infinite vaporDrift}@keyframes vaporDrift{to{stroke-dashoffset:-54px}}.smoke-cloud{color:var(--ink);opacity:0;animation:1s ease-out both smokeIn;position:absolute}@keyframes smokeIn{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:.5}to{opacity:0;transform:translate(var(--dx,0), var(--dy,0)) scale(1.4)}}.banana-track{animation:linear infinite both bananaAcross;position:absolute;left:0}.banana-spin{animation:linear infinite bananaSpin}.banana-track svg{color:var(--ink);opacity:.3}@keyframes bananaAcross{0%{transform:translate(-10vw)}55%{transform:translate(110vw)}to{transform:translate(110vw)}}@keyframes bananaSpin{to{transform:rotate(360deg)}}.flowers-bouquet{color:var(--ink);opacity:.5;pointer-events:none;transform-origin:50% 100%;animation:6s ease-in-out 2.4s infinite alternate flowerSway;position:absolute;bottom:-6px;left:-8px}.flowers-sprig{color:var(--ink);opacity:.35;pointer-events:none;transform-origin:100% 0;animation:7s ease-in-out 2.4s infinite alternate flowerSway;position:absolute;top:0;right:0}@keyframes flowerSway{0%{transform:rotate(0)}to{transform:rotate(1.6deg)}}.flower-stem{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-dasharray:300;stroke-dashoffset:300px;animation:1.5s both drawLine}.flower-leaf{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-dasharray:90;stroke-dashoffset:90px;animation:.9s both drawLine}.flower-bloom{transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.34,1.4,.5,1) both bloomIn}.flower-heart{fill:var(--verm);stroke:none;opacity:.8}@keyframes bloomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.petal-fall{color:var(--ink);animation:linear infinite both petalFall;position:absolute;top:0}@keyframes petalFall{0%{opacity:0;transform:translateY(-4vh)translate(0)rotate(0)}8%{opacity:.3}80%{opacity:.3}to{transform:translateY(104vh) translateX(var(--drift,4vw)) rotate(320deg);opacity:0}}.cassette-doodle{color:var(--ink);opacity:.5;margin:22px auto 0;display:block}.cassette-doodle .spool{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite spoolSpin}@keyframes spoolSpin{to{transform:rotate(360deg)}}.gap-10{height:10px}.gap-12{height:12px}.gap-14{height:14px}.gap-44{height:44px}.flex-1{flex:1}.admin-page{color:#f4f1ea;background:#0e1726;min-height:100vh;padding:clamp(2rem,7vw,5rem) clamp(1rem,5vw,4rem)}.admin-page>header,.admin-results{width:min(760px,100%);margin:0 auto}.admin-page h1{color:#d8b56c;margin:.25rem 0;font-family:Instrument Serif,serif;font-size:clamp(3rem,9vw,6rem);font-weight:400}.admin-kicker,.admin-page header>p:last-child,.admin-card{font-family:Courier Prime,monospace}.admin-kicker{color:#d8b56c;letter-spacing:.22em;text-transform:uppercase;font-size:.75rem}.admin-page header>p:last-child{color:#f4f1eaa8}.admin-results{gap:1rem;margin-top:2.5rem;display:grid}.admin-card{background:#f4f1ea0a;border:1px solid #d8b56c5c;padding:clamp(1.1rem,4vw,1.75rem)}.admin-card__topline{color:#f4f1ea8c;justify-content:space-between;gap:1rem;font-size:.72rem;display:flex}.admin-decision{color:#d8b56c;letter-spacing:.12em;text-transform:uppercase}.admin-card h2{margin:1.35rem 0;font-family:Instrument Serif,serif;font-size:clamp(2rem,6vw,3rem);font-weight:400}.admin-card dl{gap:.7rem;margin:0;display:grid}.admin-card dl>div{grid-template-columns:6rem 1fr;gap:1rem;display:grid}.admin-card dt{color:#f4f1ea7a;text-transform:uppercase}.admin-card dd{margin:0}