:root{--text:#ffffffb8;--text-strong:#fffffff2;--glass-bg:#ffffff0d;--glass-border:#ffffff24;--sans:"SF Pro Display", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{background:#0a0c14;overflow-x:hidden}#root{width:100%}button,input{font:inherit}.app{-webkit-user-select:none;user-select:none;isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.ambient{z-index:0;background:radial-gradient(circle at 20% 20%,#1a2a6c 0%,#0000 45%),radial-gradient(circle at 80% 10%,#4facfe 0%,#0000 40%),radial-gradient(circle at 60% 80%,#7f5af0 0%,#0000 42%),linear-gradient(160deg,#0b1020 0%,#12182b 45%,#0a0c14 100%);position:fixed;inset:0}.orb{filter:blur(60px);opacity:.45;border-radius:50%;animation:14s ease-in-out infinite float;position:absolute}.orb-a{background:#5ee7ff;width:420px;height:420px;top:-80px;left:-60px}.orb-b{background:#a78bfa;width:360px;height:360px;animation-delay:-4s;top:30%;right:-40px}.orb-c{background:#60a5fa;width:500px;height:500px;animation-delay:-8s;bottom:-120px;left:30%}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(24px,-18px)scale(1.06)}}.home{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:32px 20px;transition:opacity .45s,transform .45s;display:flex;position:relative}.home--hidden{opacity:0;pointer-events:none;transform:scale(.98)}.brand{letter-spacing:.28em;text-transform:uppercase;color:var(--text);margin:0 0 48px;font-size:15px}.home-actions{flex-direction:column;gap:20px;width:min(360px,100%);display:flex}.water-btn{border:1px solid var(--glass-border);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;min-height:72px;color:var(--text-strong);letter-spacing:-.02em;-webkit-backdrop-filter:blur(28px)saturate(140%);background:linear-gradient(155deg,#5a8cdc24 0%,#ffffff0a 42%,#3c64b41a 100%);border-radius:999px;padding:20px 28px;font-size:18px;font-weight:500;transition:border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff14,0 10px 36px #00000047}.water-btn:before{content:"";border-radius:inherit;background:radial-gradient(circle 90px at var(--mx,50%) var(--my,50%), #78c8ff38 0%, #508cdc14 40%, transparent 72%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.water-btn.is-active:before{opacity:1}.water-btn.is-pressing{animation:.25s cubic-bezier(.33,1,.68,1) forwards ios-spring-press}.water-btn__canvas{pointer-events:none;mix-blend-mode:plus-lighter;position:absolute;inset:0}.water-btn__label{z-index:1;position:relative}@keyframes ios-spring-press{0%{transform:scale(1)}24%{transform:scale(.93)}52%{transform:scale(1.04)}76%{transform:scale(.985)}to{transform:scale(1)}}.fluid-surface{z-index:20;touch-action:none;-webkit-tap-highlight-color:transparent;color:var(--text-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(140%);background:linear-gradient(155deg,#5a8cdc24 0%,#ffffff0a 42%,#3c64b41a 100%);position:fixed;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff14,0 10px 36px #00000047}.fluid-surface.phase-expand,.fluid-surface.phase-open,.fluid-surface.phase-closing{will-change:left, top, width, height, border-radius;transition:left .4s cubic-bezier(.25,1,.35,1),top .4s cubic-bezier(.25,1,.35,1),width .4s cubic-bezier(.25,1,.35,1),height .4s cubic-bezier(.25,1,.35,1),border-radius .4s cubic-bezier(.25,1,.35,1),box-shadow .4s cubic-bezier(.25,1,.35,1)}.fluid-surface:before{content:"";border-radius:inherit;background:radial-gradient(circle 90px at var(--mx,50%) var(--my,50%), #78c8ff38 0%, #508cdc14 40%, transparent 72%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.fluid-surface.is-active:before{opacity:1}.fluid-surface.phase-press{animation:.25s cubic-bezier(.33,1,.68,1) forwards ios-spring-press}.fluid-surface.phase-expand,.fluid-surface.phase-open,.fluid-surface.is-form{box-shadow:inset 0 0 0 .5px #ffffff0f,0 20px 56px #00000057}.fluid-surface__body{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.fluid-surface.is-form .fluid-surface__body{justify-content:flex-start;align-items:stretch;padding:36px 32px 32px}.fluid-label{letter-spacing:-.02em;font-size:18px;font-weight:500;transition:opacity .2s,transform .2s}.fluid-label.is-hidden{opacity:0;pointer-events:none;position:absolute;transform:scale(.92)}.fluid-form{opacity:0;pointer-events:none;padding:36px 32px 32px;transition:opacity .25s 80ms,transform .3s cubic-bezier(.25,1,.35,1) 40ms;position:absolute;inset:0;transform:scale(.96)}.fluid-form.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.fluid-form.is-leaving{opacity:0;pointer-events:none;transition:opacity .18s,transform .24s;transform:scale(.96)}.liquid-splashes{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.liquid-splash{background:radial-gradient(circle,#78c8ff2e 0%,#0000 70%);border:2px solid #82d2ff73;border-radius:50%;width:40%;height:40%;margin:-20% 0 0 -20%;animation:.35s cubic-bezier(.25,1,.35,1) forwards liquid-splash;position:absolute;top:50%;left:50%}.liquid-splash--delay{animation-delay:60ms}.liquid-splash--delay2{animation-delay:.12s}@keyframes liquid-splash{0%{opacity:.65;transform:scale(.55)}40%{opacity:.35;transform:scale(1.08)}to{opacity:0;transform:scale(1.45)}}.ios-back{z-index:2;border:1px solid var(--glass-border);cursor:pointer;width:36px;height:36px;color:var(--text-strong);-webkit-backdrop-filter:blur(20px)saturate(140%);-webkit-tap-highlight-color:transparent;background:#ffffff0f;border-radius:50%;place-items:center;padding:0;transition:transform .2s,background .2s;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 6px 18px #0003}.ios-back svg{width:18px;height:18px;margin-right:1px}.ios-back:active{animation:.25s cubic-bezier(.33,1,.68,1) forwards ios-spring-press}.glass-form{text-align:left;flex-direction:column;gap:18px;padding-top:44px;display:flex}.glass-form h1{letter-spacing:-.03em;color:var(--text-strong);margin:0 0 8px;font-size:32px;font-weight:600}.glass-subtitle{color:var(--text);margin:0 0 28px}.glass-form label{color:var(--text);opacity:0;flex-direction:column;gap:8px;font-size:13px;transition:opacity .25s,transform .25s cubic-bezier(.25,1,.35,1);display:flex;transform:translateY(8px)}.glass-form.is-visible label{opacity:1;transform:translateY(0)}.glass-form.is-visible label:nth-child(3){transition-delay:40ms}.glass-form.is-visible label:nth-child(4){transition-delay:80ms}.glass-form.is-visible .water-btn{transition-delay:.12s}.glass-form input{color:var(--text-strong);background:#0000002e;border:1px solid #ffffff1f;border-radius:14px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.glass-form input:focus{border-color:#78b4ff59;box-shadow:0 0 0 3px #508cdc24}.glass-form .water-btn{opacity:0;margin-top:8px;transition:opacity .25s,transform .25s cubic-bezier(.25,1,.35,1);transform:translateY(8px)}.glass-form.is-visible .water-btn{opacity:1;transform:translateY(0)}.panel-measure-wrap{visibility:hidden;pointer-events:none;width:min(420px,100vw - 40px);position:fixed;top:0;left:-9999px}.panel-measure.fluid-form{opacity:1;pointer-events:none;position:relative;inset:auto;transform:none}@media (width<=480px){.home-actions{width:100%}.water-btn{min-height:64px;font-size:16px}.fluid-surface.is-form .fluid-surface__body,.fluid-form{padding:28px 20px 24px}.glass-form h1{font-size:26px}.glass-form{padding-top:40px}}