:root{--text:#4a4638;--text-h:#2a2820;--bg:#faf7f0;--card-bg:#fff;--border:#e6e0d2;--accent:#7a9b76;--accent-bg:#7a9b761f;--accent-dark:#5c7a58;--energy-track:#ece7d8;--shadow:#3c321e14 0 4px 14px -2px;--sans:"Nunito", "Segoe UI", system-ui, sans-serif;--heading:"Fraunces", Georgia, serif;font:18px/150% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#d8d4c6;--text-h:#f3f1e8;--bg:#1b1d1a;--card-bg:#24261f;--border:#34362c;--accent:#8fbb8a;--accent-bg:#8fbb8a26;--accent-dark:#6d9668;--energy-track:#33352a;--shadow:#0006 0 4px 14px -2px}}body{margin:0}#root{box-sizing:border-box;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.4px;text-align:center;margin:0 0 16px;font-size:2rem}@media (width<=1024px){h1{font-size:1.6rem}}p{margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card-bg);color:var(--text-h);border-radius:8px;padding:10px 16px;transition:background-color .2s,transform .1s}button:hover:not(:disabled){background:var(--accent-bg)}button:disabled{opacity:.5;cursor:not-allowed}textarea,input[type=text]{font:inherit;color:var(--text-h);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:12px}.film{background:#16241c;height:520vh;position:relative}.film--static{height:100svh}.film__stage{background:#16241c;height:100vh;position:sticky;top:0;overflow:hidden}.film__stage--static{height:100svh;position:relative}.film__plate-wrap{will-change:transform, opacity;position:absolute;inset:0;overflow:hidden}.film__plate--2,.film__plate--3,.film__plate--4{opacity:0}.film__plate{object-fit:cover;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.film__idle--1{animation:26s ease-in-out infinite alternate film-breathe-pan}.film__idle--2{animation:24s ease-in-out infinite alternate film-pan}.film__idle--3{animation:22s ease-in-out infinite alternate film-breathe}.film__idle--4{animation:28s ease-in-out infinite alternate film-breathe}@keyframes film-breathe{0%{transform:scale(1.02)}to{transform:scale(1.055)}}@keyframes film-pan{0%{transform:scale(1.04)translate(-.9%)}to{transform:scale(1.04)translate(.9%)}}@keyframes film-breathe-pan{0%{transform:scale(1.02)translate(.6%)}to{transform:scale(1.05)translate(-.6%)}}.film__mist{filter:blur(3px);opacity:0;pointer-events:none;z-index:1;will-change:transform, opacity;background:linear-gradient(90deg,#dceadc00 0%,#dceadc52 25%,#dceadc1a 50%,#dceadc57 75%,#dceadc00 100%);width:140%;height:26vh;position:absolute;left:-20%}.film__mist--a{height:24vh;animation:34s ease-in-out infinite alternate film-mist-drift;top:56vh}.film__mist--b{height:20vh;animation:46s ease-in-out infinite alternate-reverse film-mist-drift;top:30vh}.film__mist--c{height:22vh;animation:40s ease-in-out -18s infinite alternate film-mist-drift;top:74vh}@keyframes film-mist-drift{0%{transform:translate(-6%)}to{transform:translate(6%)}}.film__glow{opacity:0;pointer-events:none;z-index:2;will-change:opacity;background:radial-gradient(46% 42% at 44% 62%,#ffe9a361 0%,#ffe9a324 45%,#ffe9a300 72%);animation:3.6s ease-in-out infinite film-glow-pulse;position:absolute;inset:0}@keyframes film-glow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.film__firefly-drift{animation-name:film-wander;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}@keyframes film-wander{0%{transform:translate(0)}33%{transform:translate(3.2vw,-2.4vh)}66%{transform:translate(-2.2vw,1.8vh)}to{transform:translate(1.6vw,-3vh)}}.film__leafwords{pointer-events:none;z-index:2;position:absolute;inset:0}.film__leafword{color:#dff0dc;font-family:var(--heading);white-space:nowrap;opacity:0;will-change:transform, opacity;background:#1a2e21e0;border-radius:4px 999px;padding:.55em 1.1em;font-weight:600;position:absolute;top:40vh;box-shadow:0 6px 24px #0000004d}.film__fireflies{opacity:.35;pointer-events:none;z-index:2;will-change:opacity;position:absolute;inset:0}.film__firefly{background:radial-gradient(circle,#ffe9a3 0%,#ffe9a359 55%,#ffe9a300 75%);border-radius:50%;width:7px;height:7px;animation-name:film-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes film-twinkle{0%,to{opacity:.12}50%{opacity:.95}}.film__vignette{pointer-events:none;z-index:3;will-change:opacity;background:radial-gradient(at 50% 44%,#0000 55%,#00000057 100%);position:absolute;inset:0}.film__seam{opacity:0;pointer-events:none;z-index:3;will-change:opacity;background:linear-gradient(#16241c00 30%,#16241c 100%);position:absolute;inset:0}.film__hero{text-align:center;pointer-events:none;will-change:transform, opacity;z-index:4;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:12vh;display:flex;position:absolute;inset:0}.film__hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(50% 50% at 50% 40%,#0a120d66 0%,#0a120d00 72%);width:min(90vw,900px);height:34vh;position:absolute;top:-6vh;left:50%;transform:translate(-50%)}.film__wordmark{font-family:var(--heading);letter-spacing:-.02em;color:#f4ecd8;text-shadow:0 2px 8px #0a140e8c,0 1px 3px #0a140e66;margin:0;font-size:clamp(3rem,11vw,6.5rem);font-weight:700;line-height:1.1;overflow:hidden}.film__wordmark span{will-change:transform;display:inline-block}.film__tagline{color:#e9f0e4;text-shadow:0 2px 16px #0a140eb3;margin-top:.5em;font-size:clamp(1rem,2.6vw,1.35rem);font-style:italic}.film__cta{pointer-events:auto;color:#16241c;background:#f4ecd8;border:none;border-radius:999px;margin-top:1.6em;padding:12px 26px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 20px #0000004d}.film__cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000059}.film__hint{color:#f4ecd8;opacity:.85;letter-spacing:.32em;text-transform:uppercase;text-shadow:0 2px 12px #0a140ecc;z-index:4;font-size:.72rem;animation:2.2s ease-in-out infinite film-hint;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}@keyframes film-hint{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.film__beat{text-align:center;opacity:0;pointer-events:none;z-index:4;color:#e9f0e4;text-shadow:0 2px 18px #0a140ebf;will-change:transform, opacity;flex-direction:column;justify-content:flex-start;align-items:center;padding:10vh 8vw 0;display:flex;position:absolute;inset:0}.film__beat p{margin:.2em 0;font-size:clamp(1.1rem,3vw,1.6rem)}.film__beat-strong{font-family:var(--heading);color:#f4ecd8;font-weight:600;font-size:clamp(1.5rem,4.4vw,2.5rem)!important}.film__skip{z-index:10;color:#e9f0e4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16241cb8;border:1px solid #cfe0c94d;border-radius:999px;padding:8px 16px;font-size:.85rem;transition:opacity .3s;position:fixed;bottom:22px;right:22px}.film__skip:hover{background:#22362bd9}.film__skip--hidden{opacity:0;pointer-events:none}@media (width<=640px){.film__leafword{font-size:.85rem!important}.film__skip{padding:7px 13px;font-size:.75rem;top:18px;bottom:auto;right:18px}.film__hint{bottom:4vh}}.app-section{background:linear-gradient(180deg, #16241c 0%, var(--bg) 34%);box-sizing:border-box;justify-content:center;align-items:center;min-height:100svh;padding:18vh 24px 10vh;display:flex}.app-section__inner{width:100%;max-width:640px}.panda-avatar{flex-shrink:0;width:2.75rem;height:2.75rem;position:relative}.panda-avatar__img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 2px 8px #00000040}.panda-avatar__badge{font-size:1.1rem;line-height:1;position:absolute;bottom:-4px;right:-6px}.panda-avatar--thinking .panda-avatar__img{animation:1.1s ease-in-out infinite chew}.loading-panda__avatar,.refusal-state__avatar{width:5.5rem;height:5.5rem;margin:0 auto}@keyframes chew{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.08)rotate(-4deg)}}.energy-bar{flex-direction:column;gap:4px;width:100%;max-width:20rem;margin:0 auto 16px;display:flex}.energy-bar__label{color:var(--text);opacity:.8;font-size:.85rem}.energy-bar__track{background:var(--energy-track);border-radius:999px;height:10px;overflow:hidden}.energy-bar__fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .4s}.energy-bar__fill--reset{animation:1.4s ease-out energy-refill}@keyframes energy-refill{0%{box-shadow:0 0 #ffe9a300;width:0%!important}60%{box-shadow:0 0 12px 2px #ffe9a3cc}to{box-shadow:0 0 #ffe9a300}}.energy-reset-banner{color:#f4ecd8;z-index:20;pointer-events:none;background:linear-gradient(135deg,#3a3564,#5c4a8a);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:600;animation:4.5s ease-in-out forwards reset-banner-in-out;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059,0 0 20px #ffe9a340}.energy-reset-banner__moon{filter:drop-shadow(0 0 6px #ffe9a3cc);font-size:1.2rem}@keyframes reset-banner-in-out{0%{opacity:0;transform:translate(-50%)translateY(-14px)scale(.95)}10%,85%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.95)}}.energy-bar__value{color:var(--text);opacity:.7;text-align:right;font-size:.75rem}.panda-read{text-align:center;color:var(--text);opacity:.65;cursor:help;margin:0 0 12px;font-size:.8rem;font-style:italic}.panda-read strong{color:var(--accent-dark);font-style:normal}.panda-dialogue{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.panda-dialogue__text{color:var(--text-h);font-size:1.05rem}.input-screen{flex-direction:column;align-items:center;gap:12px;display:flex}.input-screen__refused-note{text-align:center;max-width:40ch;color:var(--text);opacity:.8;margin:-4px 0 4px;font-size:.9rem;font-style:italic}.input-screen__prompt{margin-bottom:8px}.input-screen__textarea{resize:vertical;width:100%}.input-screen__submit{background:var(--accent);color:#fff;border-color:var(--accent-dark)}.input-screen__submit:hover:not(:disabled){background:var(--accent-dark)}.input-screen__grove-link{color:var(--text);opacity:.7;background:0 0;border:none;text-decoration:underline}.breakdown-screen{flex-direction:column;align-items:stretch;display:flex}.breakdown-screen__missions{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.breakdown-screen__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mission-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;transition:opacity .2s}.mission-card--completed{opacity:.55}.mission-card--completed .mission-card__title{text-decoration:line-through}.mission-card__header{cursor:pointer;align-items:center;gap:10px;display:flex}.mission-card__title{color:var(--text-h);font-weight:600}.mission-card__badge{text-transform:uppercase;letter-spacing:.03em;color:var(--accent-dark);background:var(--accent-bg);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:600}.mission-card__action{color:var(--text);opacity:.85;margin:6px 0 0 26px}.mission-card__draft{background:var(--accent-bg);border-radius:8px;align-items:flex-start;gap:8px;margin:8px 0 0 26px;padding:10px 12px;display:flex}.mission-card__draft-text{color:var(--text-h);flex:1;margin:0;font-style:italic}.mission-card__draft-actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.mission-card__copy,.mission-card__send{text-align:center;padding:4px 10px;font-size:.85rem}.mission-card__send{border:1px solid var(--border);background:var(--card-bg);color:var(--text-h);border-radius:8px;text-decoration:none}.mission-card__send:hover{background:var(--accent-bg)}.loading-panda{flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.loading-panda__text{color:var(--text);opacity:.8}.refusal-state{background:var(--text-h);color:var(--bg);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex}.refusal-state__text{max-width:32ch;font-size:1.1rem;font-style:italic}.refusal-state__actions{gap:12px;display:flex}.grove-screen{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.grove-screen__actions{gap:10px;display:flex}.grove-screen__count{color:var(--text);opacity:.85}.grove-screen__stalks{flex-wrap:wrap;justify-content:center;gap:4px;max-width:40ch;font-size:1.5rem;display:flex}.grove-screen__empty{color:var(--text);opacity:.7;font-style:italic}.grove-screen__stalk{animation:.5s ease-out backwards stalk-grow;animation-delay:var(--d,0s);display:inline-block}@keyframes stalk-grow{0%{opacity:0;transform:scale(0)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.grove-screen__stalk--new{animation:.5s ease-out backwards stalk-grow,1.4s ease-out .5s stalk-glow}@keyframes stalk-glow{0%{filter:drop-shadow(0 0 #ffe9a300)}30%{filter:drop-shadow(0 0 10px #ffe9a3e6)}to{filter:drop-shadow(0 0 #ffe9a300)}}.grove-toast{background:var(--accent-dark);color:#fff;z-index:20;pointer-events:none;border-radius:999px;padding:10px 20px;font-size:.9rem;font-weight:600;animation:2.2s ease-in-out forwards toast-in-out;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%)translateY(-12px)}12%,78%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-12px)}}.screen-transition{animation:.35s ease-out screen-fade-in}@keyframes screen-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}