:root{--sky-top:#e6f1fb;--sky-bottom:#fbf3ea;--glow-sky:#bcd9f48c;--glow-mint:#bfeadb80;--glow-peach:#ffd9c48c;--ink:#1e2b3c;--ink-soft:#5a6b80;--ink-faint:#8e9bab;--blue:#3f6fa6;--blue-deep:#2f5a8c;--blue-soft:#dbe9f7;--coral:#ff8a6b;--mint:#8fd3c4;--cream:#fbf3e4;--glass:#fffcf7c7;--glass-border:#1e2b3c12;--shadow-soft:0 8px 24px #3f6fa61a;--shadow-lift:0 14px 34px #2f5a8c47;--radius-pill:999px;--radius-lg:22px;--radius-md:14px;--font:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.app{width:100%;height:100%;position:relative;overflow:hidden}.atmosphere{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.atmosphere:before,.atmosphere:after,.atmosphere .atmosphere__glow{content:"";filter:blur(60px);border-radius:50%;position:absolute}.atmosphere:before{background:radial-gradient(closest-side,#ffffffe6,#fff0);width:70vmax;height:70vmax;top:42%;left:50%;transform:translate(-50%,-50%)}.atmosphere:after{background:radial-gradient(closest-side, var(--glow-sky), #bcd9f400);width:48vmax;height:48vmax;top:-12vmax;right:-14vmax}.atmosphere .atmosphere__glow{background:radial-gradient(closest-side, var(--glow-peach), #ffd9c400);width:46vmax;height:46vmax;bottom:-18vmax;left:-16vmax}.atmosphere .atmosphere__glow--mint{background:radial-gradient(closest-side, var(--glow-mint), #bfeadb00);width:30vmax;height:30vmax;bottom:4vmax;left:auto;right:-6vmax}.scene{position:absolute;top:0;bottom:0;left:0;right:0}.scene canvas{touch-action:none;display:block}.hud{pointer-events:none;padding:calc(var(--gutter) + var(--safe-top)) var(--gutter) calc(var(--gutter) + var(--safe-bottom));flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__mark{background:linear-gradient(150deg, var(--blue) 0%, var(--blue-deep) 100%);border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 20px #2f5a8c47,inset 0 1px #ffffff40}.brand__mark svg{width:26px;height:26px}.brand__text{flex-direction:column;line-height:1.1;display:flex}.brand__name{letter-spacing:-.02em;font-size:19px;font-weight:800}.brand__tag{color:var(--ink-soft);margin-top:2px;font-size:12.5px;font-weight:600}.view-switch{background:var(--glass);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--glass-border);gap:2px;padding:4px;display:inline-flex}.view-switch__btn{border-radius:var(--radius-pill);min-width:38px;height:38px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.view-switch__btn svg{flex:none;width:16px;height:16px}.view-switch__label{display:none}.view-switch__btn:hover{color:var(--ink)}.view-switch__btn[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 4px 12px #2f5a8c47}.bottombar{flex-direction:column;align-items:center;gap:14px;display:flex}.hint{color:var(--ink-soft);background:var(--glass);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--glass-border);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .22s,transform .22s;display:inline-flex}.hint[data-visible=false]{opacity:0;pointer-events:none;transform:translateY(6px)}.hint__desktop{display:none}.hint strong{color:var(--ink);font-weight:800}.hint__dot{background:#fff3e2;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 2px #1e2b3c2e}.hint__dot[data-side=b]{background:var(--blue);box-shadow:0 0 0 2px #3f6fa640}.hint[data-tone=check]{box-shadow:var(--shadow-soft), inset 0 0 0 1.5px #ff8a6b8c}.hint[data-tone=end]{background:var(--blue);color:#fff}.hint[data-tone=end] strong{color:#fff}.promo{background:var(--glass);-webkit-backdrop-filter:blur(18px);border-radius:var(--radius-lg);box-shadow:0 16px 40px #2f5a8c2e, inset 0 0 0 1px var(--glass-border);justify-items:center;gap:10px;max-width:100%;padding:14px 14px 10px;display:grid}.promo__title{font-family:var(--font);color:var(--ink);font-size:14px;font-weight:800}.promo__options{gap:8px;display:flex}.promo__btn{cursor:pointer;width:68px;height:76px;box-shadow:0 4px 12px #1f2a3714, inset 0 0 0 1px var(--glass-border);background:#fff;border:0;border-radius:16px;align-content:center;place-items:center;gap:2px;transition:transform .14s,box-shadow .14s;display:grid}.promo__btn:hover{box-shadow:0 8px 18px #2f5a8c29, inset 0 0 0 1.5px var(--blue);transform:translateY(-2px)}.promo__glyph{color:#c9ad8f;font-size:30px;line-height:1}.promo__btn[data-side=b] .promo__glyph{color:var(--blue)}.promo__name{color:var(--ink-soft);font-size:11.5px;font-weight:700}.promo__cancel{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:12.5px;font-weight:700}@media (max-width:380px){.promo__btn{width:60px;height:70px}}.cta{cursor:pointer;border-radius:var(--radius-pill);background:linear-gradient(135deg, #4a7db8 0%, var(--blue-deep) 100%);color:#fff;letter-spacing:.01em;height:56px;box-shadow:var(--shadow-lift), inset 0 1px 0 #ffffff38;border:0;align-items:center;gap:12px;padding:0 30px 0 32px;font-size:16.5px;font-weight:800;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:inline-flex}.cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px #2f5a8c57,inset 0 1px #ffffff38}.cta:active{transform:translateY(0)scale(.98)}.cta__icon{background:#ffffff2e;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.cta__icon svg{width:15px;height:15px}@media (min-width:720px){:root{--gutter:28px}.brand__name{font-size:21px}.brand__mark{border-radius:16px;width:50px;height:50px}.view-switch__label,.hint__desktop{display:inline}.cta{height:60px;padding:0 32px 0 36px;font-size:17px}}