:root{--sky: #bfe3ff;--mint: #d8f5e3;--pink: #ff8fb1;--pink-deep: #ff6f9c;--sun: #ffd166;--lav: #b8a4ff;--aqua: #6fe0c0;--ink: #3a3357;--ink-soft: #6b6390;--card: #fffdfa;--shadow: 0 10px 30px rgba(80, 70, 130, .18)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:Fredoka,system-ui,-apple-system,sans-serif;color:var(--ink);background:linear-gradient(160deg,var(--sky) 0%,#d6ecff 35%,var(--mint) 100%);background-attachment:fixed;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}.view{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:18px;text-align:center}.hidden{display:none!important}.logo{font-size:clamp(40px,9vw,86px);font-weight:700;line-height:1;letter-spacing:-1px;filter:drop-shadow(0 4px 0 rgba(255,255,255,.6))}.landing{isolation:isolate;overflow:hidden;padding-bottom:max(28px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 106%,rgba(255,255,255,.9) 0 7%,transparent 7.2%),radial-gradient(ellipse at 16% 102%,#8fcf79 0 32%,transparent 32.3%),radial-gradient(ellipse at 86% 105%,#72bd70 0 35%,transparent 35.3%),linear-gradient(165deg,#9ed8ff,#d8efff 48%,#e8f8de)}.landing:before,.landing:after{content:"";position:absolute;z-index:-1;width:310px;height:310px;border-radius:45% 55% 48% 52%;background:#ffffff38;filter:blur(1px);animation:cloudDrift 16s ease-in-out infinite alternate}.landing:before{left:-100px;top:-160px}.landing:after{right:-120px;top:-100px;animation-delay:-7s}.meadow-sparkles{position:absolute;inset:auto 0 8%;z-index:-1;color:#ffffffb8;font-size:clamp(20px,4vw,44px);letter-spacing:clamp(14px,4vw,56px);white-space:nowrap;animation:sparkleBob 4s ease-in-out infinite}.eyebrow{color:#655a89;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:#ffffff94;border:1px solid rgba(255,255,255,.8);border-radius:99px;padding:7px 13px;box-shadow:0 5px 20px #50468217}.logo .flower{display:inline-block;margin-left:.12em;filter:drop-shadow(0 4px 0 rgba(255,255,255,.7));animation:flowerHello 3.2s ease-in-out infinite;transform-origin:50% 78%}.logo .a{color:var(--pink-deep)}.logo .b{color:var(--lav)}.tagline{color:var(--ink-soft);font-size:clamp(15px,3.5vw,20px);margin-top:-6px;max-width:38ch;line-height:1.35}.mode-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}.btn.mode{min-width:230px;padding:17px 20px 15px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;text-align:left;align-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease}.btn.mode .mode-icon{grid-row:1 / 3;font-size:30px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.08))}.btn.mode small{font:500 12px/1.2 Fredoka,sans-serif;opacity:.78}.btn.mode:hover{transform:translateY(-4px) rotate(-.5deg);filter:saturate(1.08);box-shadow:0 17px 38px #50468238,inset 0 -4px #0000001f}.btn.mode:nth-child(2):hover{transform:translateY(-4px) rotate(.5deg)}.landing-note{color:#5f587c;font-weight:600;font-size:13px;letter-spacing:.02em}@keyframes flowerHello{0%,75%,to{transform:rotate(0) scale(1)}82%{transform:rotate(-13deg) scale(1.08)}90%{transform:rotate(12deg) scale(1.08)}}@keyframes cloudDrift{to{transform:translate(34px,14px) rotate(8deg)}}@keyframes sparkleBob{50%{transform:translateY(-8px);opacity:.65}}.btn{font-family:inherit;font-weight:600;border:none;cursor:pointer;border-radius:22px;padding:18px 30px;font-size:clamp(18px,4.5vw,24px);color:#fff;background:var(--pink);box-shadow:var(--shadow),inset 0 -4px #0000001f;transition:transform .08s ease;min-width:230px}.btn:active{transform:translateY(2px) scale(.98)}.btn:focus-visible,.input:focus-visible,.link:focus-visible{outline:4px solid #fff;outline-offset:3px}.btn.alt{background:var(--lav)}.btn.ghost{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.btn.sun{background:var(--sun);color:var(--ink)}.btn:disabled{opacity:.55;cursor:default}.card{background:var(--card);border-radius:28px;padding:26px 22px;box-shadow:var(--shadow);width:min(440px,92vw);display:flex;flex-direction:column;gap:16px;align-items:center}.field{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.field label{font-size:14px;color:var(--ink-soft);padding-left:8px}.input{font-family:inherit;font-size:22px;font-weight:600;border:3px solid #ece7fb;border-radius:16px;padding:14px 16px;width:100%;color:var(--ink);background:#fbfaff;outline:none}.input:focus{border-color:var(--lav)}.input.code{text-transform:uppercase;letter-spacing:8px;text-align:center;font-size:30px}.err{color:var(--pink-deep);font-weight:600;min-height:22px}.muted{color:var(--ink-soft);font-size:14px}.link{color:var(--lav);cursor:pointer;text-decoration:underline;font-weight:600}.row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}@media(max-width:760px){.landing{justify-content:flex-start;padding-top:max(7vh,36px);gap:14px;overflow-y:auto;touch-action:pan-y}.landing .logo{font-size:clamp(42px,13vw,70px)}.mode-row{width:min(420px,94vw);gap:10px}.btn.mode{width:100%;min-width:0;padding:14px 18px 12px;font-size:19px;border-radius:19px}.btn.mode .mode-icon{font-size:27px}.landing-note{max-width:32ch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}