:root{--bg:#f4f9ec;--bg-2:#eaf3dd;--card:#fff;--line:#e2ead7;--line-2:#d3dec4;--text:#2c3a22;--muted:#74826a;--green:#58b42a;--green-d:#3f8a17;--green-soft:#e4f6d3;--sky:#1cb0f6;--sky-d:#1287c4;--sky-soft:#ddf3fe;--sun:#ffc61a;--sun-d:#e0a300;--sun-soft:#fff4cc;--red:#ff4b4b;--red-d:#d63333;--red-soft:#ffe3e3;--earth:#d08a45;--earth-d:#a5662b;--earth-soft:#fbead8;--berry:#a568f0;--berry-d:#7d44c9;--berry-soft:#f0e6fd;--water:#1fc1d6;--water-d:#1495a6;--water-soft:#d9f6fa;--indigo:var(--sky);--indigo-2:var(--sky-d);--green-2:var(--green);--amber:var(--sun-d);--cyan:var(--water);--radius:22px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:66px;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--font:Nunito, ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-weight:600}body{overflow-x:hidden}h1,h2,h3,.display{font-family:var(--font);letter-spacing:-.01em;margin:0;font-weight:900}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:var(--text)}#sky{width:100%;height:100vh;z-index:0;pointer-events:none;height:100lvh;position:absolute;top:0;left:0}#app{z-index:1;max-width:560px;min-height:100%;padding:calc(var(--safe-top) + 10px) max(16px, env(safe-area-inset-right)) calc(var(--safe-bottom) + var(--tabbar-h) + 18px) max(16px, env(safe-area-inset-left));margin:0 auto;position:relative}#app.no-nav{padding-bottom:calc(var(--safe-bottom) + 16px)}.screen{animation:screenIn .4s var(--ease) both}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}}.stagger>*{animation:rise .5s var(--ease) both}.stagger>:first-child{animation-delay:30ms}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.11s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.19s}.stagger>:nth-child(6){animation-delay:.23s}.stagger>:nth-child(n+7){animation-delay:.27s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes pop{0%{transform:scale(0)}}@keyframes float{50%{transform:translateY(-6px)}}.topbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar .back{background:var(--card);border:2px solid var(--line);width:44px;height:44px;color:var(--muted);border-bottom-width:4px;border-radius:14px;flex:none;place-items:center;font-size:20px;font-weight:900;display:grid}.topbar .back:active{border-bottom-width:2px;transform:translateY(2px)}.topbar h1{font-size:24px}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand .leaf{background:var(--green);width:40px;height:40px;box-shadow:0 4px 0 var(--green-d);border-radius:14px;flex:none;place-items:center;display:grid}.brand .leaf svg{width:24px;height:24px}.brand .names{min-width:0;line-height:1.1}.brand .names small{letter-spacing:.12em;text-transform:uppercase;color:var(--green-d);font-size:11px;font-weight:800;display:block}.brand .names b{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:900;display:block;overflow:hidden}.avatar{background:var(--sun);width:44px;height:44px;box-shadow:0 4px 0 var(--sun-d);color:#6b4a00;border-radius:50%;flex:none;place-items:center;font-size:19px;font-weight:900;display:grid}.avatar:active{box-shadow:0 1px 0 var(--sun-d);transform:translateY(3px)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);border-bottom-width:4px;padding:16px;position:relative;overflow:hidden}.card+.card{margin-top:12px}.section-title{justify-content:space-between;align-items:baseline;margin:22px 2px 10px;display:flex}.section-title h2{font-size:19px}.section-title a,.link{color:var(--sky-d);font-size:15px;font-weight:800;text-decoration:none}.capi{transform-origin:50% 100%;flex:none;animation:3.2s ease-in-out infinite bob;display:block}.capi .blink{transform-origin:50%;transform-box:fill-box;animation:5s infinite blink}@keyframes bob{50%{transform:translateY(-4px)rotate(-1.5deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.capi.party{animation:hop .7s var(--spring) 3}@keyframes hop{40%{transform:translateY(-16px)rotate(-6deg)}}.talk{align-items:flex-end;gap:10px;display:flex}.bubble{background:var(--card);border:2px solid var(--line);animation:pop .45s var(--spring) both;transform-origin:0 100%;border-radius:18px;flex:1;margin-bottom:18px;padding:12px 14px;font-size:16px;font-weight:700;line-height:1.35;position:relative}.bubble:before{content:"";background:var(--card);border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:16px;height:16px;position:absolute;bottom:14px;left:-10px;transform:rotate(45deg)}.bubble b{font-weight:900}.home-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.scene-gap{height:clamp(70px,15vh,120px)}.where-pill{border:2px solid var(--line);color:var(--muted);background:#ffffffd9;border-radius:99px;align-items:center;gap:6px;margin-top:4px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.pulse-dot{background:var(--green);border-radius:50%;width:9px;height:9px;animation:2s infinite pulse;box-shadow:0 0 #58b42a99}.pulse-dot.off{background:var(--line-2);animation:none}@keyframes pulse{70%{box-shadow:0 0 0 9px #58b42a00}to{box-shadow:0 0 #58b42a00}}.now{--c:var(--green);--cd:var(--green-d);--cs:var(--green-soft);background:var(--card);border:2px solid var(--cd);border-bottom-width:5px;border-radius:24px;padding:16px;position:relative;overflow:hidden}.now+.now{margin-top:12px}.now.sky{--c:var(--sky);--cd:var(--sky-d);--cs:var(--sky-soft)}.now.sun{--c:var(--sun);--cd:var(--sun-d);--cs:var(--sun-soft)}.now.red{--c:var(--red);--cd:var(--red-d);--cs:var(--red-soft)}.now .top{align-items:center;gap:14px;display:flex}.now .big-ico{background:var(--cs);border-radius:20px;flex:none;place-items:center;width:64px;height:64px;font-size:36px;animation:2.6s ease-in-out infinite wiggle;display:grid}@keyframes wiggle{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-10deg)scale(1.06)}85%{transform:rotate(8deg)scale(1.06)}}.now .ttl{font-size:20px;font-weight:900;line-height:1.15}.now .sub{color:var(--muted);margin-top:2px;font-size:14px}.now .count{background:var(--c);color:#fff;vertical-align:2px;border-radius:10px;place-items:center;min-width:30px;height:30px;margin-right:4px;padding:0 8px;font-size:18px;display:inline-grid}.now .btn,.now .row{margin-top:14px}.actions{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.action{--c:var(--green);--cd:var(--green-d);--cs:var(--green-soft);text-align:left;background:var(--card);border:2px solid var(--line);border-bottom-width:5px;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:128px;padding:14px;transition:transform 80ms,border-bottom-width 80ms;display:flex;position:relative}.action:active{border-bottom-width:2px;transform:translateY(3px)}.action.sky{--c:var(--sky);--cd:var(--sky-d);--cs:var(--sky-soft)}.action.sun{--c:var(--sun);--cd:var(--sun-d);--cs:var(--sun-soft)}.action.red{--c:var(--red);--cd:var(--red-d);--cs:var(--red-soft)}.action.earth{--c:var(--earth);--cd:var(--earth-d);--cs:var(--earth-soft)}.action.berry{--c:var(--berry);--cd:var(--berry-d);--cs:var(--berry-soft)}.action.water{--c:var(--water);--cd:var(--water-d);--cs:var(--water-soft)}.action .ico{background:var(--cs);border-radius:18px;place-items:center;width:54px;height:54px;font-size:30px;display:grid;box-shadow:inset 0 -4px #0000000f}.action b{margin-top:10px;font-size:17px;font-weight:900;line-height:1.15;display:block}.action small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:700;display:block}.action .badge{background:var(--red);min-width:28px;height:28px;box-shadow:0 3px 0 var(--red-d);color:#fff;animation:pop .5s var(--spring);border-radius:14px;place-items:center;padding:0 8px;font-size:15px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.action .one{letter-spacing:.06em;text-transform:uppercase;color:var(--cd);background:var(--cs);border-radius:99px;padding:3px 8px;font-size:10px;font-weight:900;position:absolute;top:12px;right:12px}.action.wide{flex-direction:row;grid-column:span 2;justify-content:flex-start;align-items:center;gap:14px;min-height:0}.action.wide b{margin-top:0}.item{background:var(--card);border:2px solid var(--line);text-align:left;border-bottom-width:4px;border-radius:18px;align-items:center;gap:12px;width:100%;padding:12px;transition:transform 80ms;display:flex}.item+.item{margin-top:10px}.item:active{transform:translateY(2px)}.item .lead{background:var(--bg-2);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.item .lead.go{background:var(--green-soft)}.item .body{flex:1;min-width:0}.item .body b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;display:block;overflow:hidden}.item .body span{color:var(--muted);font-size:13px}.chip{background:var(--sky-soft);color:var(--sky-d);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.chip.go{background:var(--green-soft);color:var(--green-d)}.chip.warn{background:var(--sun-soft);color:#9a6b00}.chip.bad{background:var(--red-soft);color:var(--red-d)}.chip.dim{background:var(--bg-2);color:var(--muted)}.empty-state{text-align:center;color:var(--muted);padding:34px 20px}.empty-state .big{margin-bottom:10px;font-size:58px;animation:4s ease-in-out infinite float;display:block}.empty-state b{color:var(--text);font-size:19px;font-weight:900;display:block}.empty-state p{margin:6px 0 16px;line-height:1.45}.btn{--c:var(--green);--cd:var(--green-d);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--c);width:100%;min-height:54px;box-shadow:0 5px 0 var(--cd);border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-bottom:5px;padding:0 18px;font-size:16px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:0 0 0 var(--cd);transform:translateY(5px)}.btn[disabled]{--c:#e2e6dc;--cd:#c8cfbf;color:#a2ab98;pointer-events:none}.btn.go{--c:var(--green);--cd:var(--green-d)}.btn.sky{--c:var(--sky);--cd:var(--sky-d)}.btn.ghost{--cd:var(--line-2);background:var(--card);color:var(--sky-d);border:2px solid var(--line-2);box-shadow:0 4px 0 var(--line-2)}.btn.danger{--c:var(--red);--cd:var(--red-d)}.btn.danger.soft{background:var(--card);color:var(--red-d);border:2px solid var(--line-2);box-shadow:0 4px 0 var(--line-2)}.btn+.btn{margin-top:10px}.row{gap:10px;display:flex}.row>*{flex:1}.row>.btn+.btn{margin-top:0}label.field{margin-bottom:16px;display:block}label.field>span{color:var(--muted);margin:0 0 6px 4px;font-size:14px;font-weight:800;display:block}.input{border:2px solid var(--line-2);background:#fafcf7;border-radius:16px;outline:none;width:100%;height:56px;padding:0 16px;font-size:18px;font-weight:700;transition:border-color .2s,box-shadow .2s}textarea.input{resize:vertical;height:auto;min-height:120px;padding:14px 16px;line-height:1.4}.input:focus{border-color:var(--sky);box-shadow:0 0 0 4px var(--sky-soft)}.input::placeholder{color:#aab3a0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{background:var(--card);border:2px solid var(--line-2);border-bottom-width:4px;border-radius:14px;padding:11px 15px;font-size:15px;font-weight:800;transition:transform 80ms}.chips button:active{transform:translateY(2px)}.chips button.on{background:var(--sky-soft);border-color:var(--sky);color:var(--sky-d)}.tabbar{z-index:5;width:min(560px,100%);padding:6px max(8px, env(safe-area-inset-right)) calc(var(--safe-bottom) + 6px) max(8px, env(safe-area-inset-left));border-top:2px solid var(--line);background:#fff;justify-content:space-around;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-width:0;color:var(--muted);white-space:nowrap;border:2px solid #0000;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;margin:0 3px;padding:6px 0 4px;font-size:11px;font-weight:800;text-decoration:none;display:flex;position:relative}.tabbar a i{filter:grayscale(.7);opacity:.75;transition:transform .3s var(--spring);font-size:24px;font-style:normal;line-height:1.1}.tabbar a.on{color:var(--sky-d);background:var(--sky-soft);border-color:#a9defc}.tabbar a.on i{filter:none;opacity:1;transform:translateY(-1px)scale(1.1)}.tabbar a .dot{background:var(--red);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;right:calc(50% - 20px)}.pin-screen{min-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - 30px);min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 30px);text-align:center;flex-direction:column;justify-content:center;display:flex}.pin-screen .logo{border-radius:22px;width:64px;height:64px;margin:0 auto 12px;animation:5s ease-in-out infinite float}.pin-screen .capi{margin:0 auto 6px}.pin-screen h1{font-size:clamp(23px,6.4vw,27px)}.pin-screen p{color:var(--muted);margin:8px 0 0;font-size:16px}.dots{justify-content:center;gap:14px;margin:20px 0 18px;display:flex}.dots i{border:3px solid var(--line-2);width:18px;height:18px;transition:all .25s var(--spring);background:#fff;border-radius:50%}.dots i.on{background:var(--sky);border-color:var(--sky-d);transform:scale(1.15)}.dots.shake{animation:.45s shake}.dots.ok i{background:var(--green);border-color:var(--green-d)}@keyframes shake{20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}.keypad{grid-template-columns:repeat(3, var(--key));--key:clamp(60px, min(19vw, 9dvh), 74px);justify-content:center;gap:12px 22px;display:grid}.keypad button{width:var(--key);height:var(--key);border:2px solid var(--line-2);box-shadow:0 4px 0 var(--line-2);background:#fff;border-radius:22px;font-size:28px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.keypad button:active{box-shadow:0 0 0 var(--line-2);background:var(--sky-soft);transform:translateY(4px)}.keypad button.fn{box-shadow:none;color:var(--muted);background:0 0;border:0;font-size:15px;font-weight:800}.err{color:var(--red-d);min-height:20px;margin-top:14px;font-size:15px;font-weight:800}#overlay{z-index:20;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.scrim{pointer-events:auto;background:#1e2c1473;animation:.3s both fade;position:absolute;top:0;bottom:0;left:0;right:0}.sheet{width:min(560px,100%);max-height:calc(100vh - var(--safe-top) - 12px);max-height:calc(100dvh - var(--safe-top) - 12px);-webkit-overflow-scrolling:touch;padding:8px 18px calc(var(--safe-bottom) + 18px);pointer-events:auto;animation:sheetUp .45s var(--spring) both;background:#fff;border-radius:28px 28px 0 0;position:absolute;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.sheet:before{content:"";background:var(--line-2);border-radius:3px;width:46px;height:6px;margin:0 auto 16px;display:block}.sheet.closing{animation:.25s ease-in both sheetDown}.sheet h2{font-size:22px}@keyframes sheetUp{0%{transform:translate(-50%,100%)}}@keyframes sheetDown{to{transform:translate(-50%,100%)}}@keyframes fade{0%{opacity:0}}.qr-wrap{border:3px solid var(--green);width:min(230px,60vw);box-shadow:0 6px 0 var(--green-d);background:#fff;border-radius:24px;margin:10px auto 6px;padding:16px;position:relative}.qr-wrap svg,.qr-wrap img{width:100%;height:auto;display:block}.qr-wrap .scan{background:var(--green);opacity:.8;border-radius:2px;height:4px;animation:2.4s ease-in-out infinite scan;position:absolute;top:16px;left:12px;right:12px}@keyframes scan{50%{top:calc(100% - 18px)}}.code-big{text-align:center;letter-spacing:.16em;margin:14px 0 2px;font-size:36px;font-weight:900}.photo{border:2px solid var(--line);border-radius:18px;width:100%;margin-top:12px}.celebrate{pointer-events:auto;background:radial-gradient(circle at 50% 38%, #fff8d6, var(--sun) 75%);text-align:center;padding:calc(var(--safe-top) + 16px) 22px calc(var(--safe-bottom) + 16px);place-items:center;animation:.35s both fade;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.celebrate canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.celebrate .drop{animation:drop 1s var(--spring) both;font-size:clamp(86px,24vw,112px)}.celebrate h1{color:#fff;-webkit-text-stroke:2px #b37a00;text-shadow:0 5px #b37a00;animation:zoom .7s .45s var(--spring) both;margin-top:6px;font-size:clamp(46px,14vw,60px);font-weight:900}.celebrate p{color:#6b4a00;margin:10px 0 24px;font-size:18px;font-weight:800;animation:.6s .6s both rise}.celebrate .btn{max-width:340px;animation:.6s .75s both rise;position:relative}.celebrate .btn.ghost{color:#8a6200}@keyframes drop{0%{transform:translateY(-120vh)rotate(-30deg)}70%{transform:translateY(12px)rotate(6deg)}to{transform:translateY(0)rotate(0)}}@keyframes zoom{0%{opacity:0;transform:scale(.3)}}.ring{pointer-events:auto;text-align:center;padding:calc(var(--safe-top) + 16px) 22px calc(var(--safe-bottom) + 16px);background:radial-gradient(circle at 50% 30%, #fff, var(--sky-soft) 70%);flex-direction:column;justify-content:center;align-items:center;animation:.3s both fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ring .bell{background:var(--sky);width:124px;height:124px;box-shadow:0 6px 0 var(--sky-d);border-radius:50%;place-items:center;font-size:64px;animation:1.2s ease-in-out infinite wobble;display:grid;position:relative}.ring .bell:before,.ring .bell:after{content:"";border:3px solid var(--sky);border-radius:50%;animation:1.8s ease-out infinite wave;position:absolute;top:0;bottom:0;left:0;right:0}.ring .bell:after{animation-delay:.9s}@keyframes wave{to{opacity:0;transform:scale(2.1)}}@keyframes wobble{10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}50%{transform:rotate(0)}}.ring h1{margin-top:30px;font-size:clamp(26px,8vw,32px)}.ring p{color:var(--muted);margin:8px 0 30px;font-size:17px}.ring .row{width:100%;max-width:400px}#toast{z-index:30;left:50%;top:calc(var(--safe-top) + 12px);border:2px solid var(--line);opacity:0;visibility:hidden;width:min(520px,100% - 24px);transition:transform .45s var(--spring), opacity .3s, visibility 0s .45s;background:#fff;border-bottom-width:5px;border-radius:18px;align-items:center;gap:10px;padding:14px 16px;font-size:16px;font-weight:800;display:flex;position:fixed;transform:translate(-50%,-160%);box-shadow:0 16px 40px -18px #1e2c1480}#toast.show{opacity:1;visibility:visible;transition:transform .45s var(--spring), opacity .2s;transform:translate(-50%)}#toast .msg{flex:1}#toast .undo{text-transform:uppercase;color:var(--sky-d);background:var(--sky-soft);border-radius:12px;flex:none;padding:8px 12px;font-size:13px;font-weight:900}.tank{background:var(--water-soft);border:2px solid #a8e6ef;border-bottom-width:5px;border-radius:26px;height:190px;position:relative;overflow:hidden}.tank canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.tank .label{z-index:1;padding:20px;position:relative}.tank .label .display{color:#0b5f6b;font-size:50px;font-weight:900}.tank .label small{color:#19717e;font-weight:800}.bars{align-items:flex-end;gap:8px;height:140px;padding-top:10px;display:flex}.bars .bar{height:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.bars .bar i{transform-origin:bottom;width:100%;animation:grow .9s var(--spring) both;background:#9fe3ec;border-radius:10px 10px 4px 4px}.bars .bar.last i{background:var(--water);box-shadow:0 4px 0 var(--water-d)}@keyframes grow{0%{transform:scaleY(0)}}.days{scrollbar-width:none;gap:8px;padding:4px 2px 12px;display:flex;overflow-x:auto}.days::-webkit-scrollbar{display:none}.days button{border:2px solid var(--line-2);text-align:center;background:#fff;border-bottom-width:4px;border-radius:16px;flex:none;width:62px;padding:10px 0}.days button small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.days button b{font-size:22px;font-weight:900}.days button.on{background:var(--sky-soft);border-color:var(--sky);color:var(--sky-d)}.days button.on small{color:var(--sky-d)}.days button.full{opacity:.35}.slots{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.slots button{border:2px solid var(--line-2);text-align:left;background:#fff;border-bottom-width:4px;border-radius:16px;padding:14px;font-weight:800}.slots button small{color:var(--muted);font-size:12px;font-weight:700;display:block}.slots button.taken{background:var(--bg-2);color:var(--muted);pointer-events:none;text-decoration:line-through}.slots button.on{background:var(--green-soft);border-color:var(--green)}.kv{border-bottom:2px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;font-size:15px;display:flex}.kv span{color:var(--muted)}.kv b{text-align:right}.timeline{border-left:3px solid var(--line);margin-top:12px;padding-left:16px}.timeline div{padding:6px 0 12px;font-size:15px;position:relative}.timeline div:before{content:"";background:var(--green);border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:9px;left:-24px}.timeline small{color:var(--muted);font-size:12px;display:block}.hint{color:var(--muted);font-size:14px;line-height:1.5}.skeleton{background:linear-gradient(90deg,#edf3e5,#f8fbf4,#edf3e5) 0 0/200% 100%;border-radius:18px;height:80px;animation:1.2s linear infinite sk}.skeleton+.skeleton{margin-top:10px}@keyframes sk{to{background-position:-200% 0}}.wiz{pointer-events:auto;animation:wizIn .35s var(--ease) both;background:#fff;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.wiz.out{animation:.25s ease-in both wizOut}@keyframes wizIn{0%{opacity:0;transform:translateY(40px)}}@keyframes wizOut{to{opacity:0;transform:translateY(40px)}}.wiz-top{padding:calc(var(--safe-top) + 14px) 18px 8px;align-items:center;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.wiz-top .x{color:#b2baa8;flex:none;width:36px;height:36px;font-size:26px;font-weight:900}.progress{background:#e8ece3;border-radius:99px;flex:1;height:18px;overflow:hidden}.progress i{background:var(--green);height:100%;transition:width .5s var(--spring);border-radius:99px;display:block;position:relative;box-shadow:inset 0 -5px #0000001a}.progress i:after{content:"";background:#ffffff59;border-radius:2px;height:4px;position:absolute;top:4px;left:10px;right:10px}.wiz-body{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:560px;margin:0 auto;padding:12px 18px 20px;overflow-y:auto}.wiz-step{animation:stepIn .35s var(--ease) both}@keyframes stepIn{0%{opacity:0;transform:translate(30px)}}.wiz-q{margin:6px 0 18px;font-size:clamp(23px,6.6vw,27px);font-weight:900;line-height:1.15}.wiz-foot{border-top:2px solid var(--line);padding:14px 18px calc(var(--safe-bottom) + 14px);background:#fff;transition:background .25s}.wiz-foot>div{max-width:524px;margin:0 auto}.wiz-foot.ok{background:#d7ffb8;border-top-color:#d7ffb8}.wiz-foot.fail{background:var(--red-soft);border-top-color:var(--red-soft)}.wiz-foot .verdict{animation:rise .35s var(--ease) both;align-items:center;gap:12px;margin-bottom:14px;display:flex}.wiz-foot .verdict .tick{background:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.wiz-foot .verdict b{color:var(--green-d);font-size:21px;font-weight:900;display:block}.wiz-foot.fail .verdict b{color:var(--red-d)}.wiz-foot .verdict span{color:#4d6b2f;font-size:15px}.wiz-foot.fail .verdict span{color:#8d2a2a}.pick{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pick.one{grid-template-columns:1fr}.pick.three{grid-template-columns:repeat(3,1fr)}.pick button{border:2px solid var(--line-2);text-align:center;background:#fff;border-bottom-width:5px;border-radius:20px;padding:16px 10px 14px;transition:transform 80ms;position:relative}.pick button:active{border-bottom-width:2px;transform:translateY(3px)}.pick button .em{font-size:44px;line-height:1.1;display:block}.pick button b{margin-top:8px;font-size:16px;font-weight:900;line-height:1.2;display:block}.pick button small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.pick.one button{text-align:left;align-items:center;gap:14px;padding:14px 16px;display:flex}.pick.one button .em{font-size:34px}.pick.one button b{margin-top:0}.pick button.on{background:var(--sky-soft);border-color:var(--sky);color:var(--sky-d)}.pick button.on small{color:var(--sky-d)}.pick button.on .em{animation:pop .35s var(--spring)}.suggest{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.suggest button{background:var(--bg-2);color:#4d5c43;border-radius:99px;padding:9px 13px;font-size:14px;font-weight:800}.suggest button:active{transform:scale(.95)}.gps-ok{background:var(--green-soft);color:var(--green-d);border-radius:16px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-weight:800;display:flex}.photo-drop{border:3px dashed var(--line-2);width:100%;min-height:190px;color:var(--muted);background:#fafcf7;border-radius:22px;place-items:center;gap:6px;font-size:16px;font-weight:800;display:grid}.photo-drop .em{font-size:56px}.summary{border:2px solid var(--line);border-radius:20px;padding:4px 16px}.summary .kv:last-child{border-bottom:0}.nudge{background:var(--sun-soft);text-align:left;border:2px solid #ffe58a;border-bottom-width:4px;border-radius:20px;align-items:center;gap:12px;width:100%;margin-top:12px;padding:14px;display:flex}.nudge .em{font-size:32px;animation:2.4s ease-in-out infinite wobble}.nudge b{font-size:16px;font-weight:900;display:block}.nudge span{color:#8a6a10;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-height:700px){:root{--tabbar-h:58px}.tabbar a{gap:0;font-size:0}.tabbar a i{font-size:25px}.scene-gap{height:50px}.action{min-height:112px}.action .ico{width:46px;height:46px;font-size:26px}.pin-screen p{margin-top:4px;font-size:14px}.dots{margin:14px 0 12px}.keypad{gap:10px 20px}.pick button .em{font-size:36px}}.desk-aside,.phone-status{display:none}@media (min-width:760px) and (min-height:600px) and (hover:hover){:root{--ph:min(844px, calc(100vh - 48px));--safe-top:46px;--safe-bottom:20px}html,body{height:100%;overflow:hidden}body{background:radial-gradient(1200px 700px at 15% 0,#dff4ff,#0000 60%),radial-gradient(900px 600px at 100% 100%,#d7f0c2,#0000 60%),#eef7e4;justify-content:center;align-items:center;gap:clamp(32px,6vw,96px);display:flex}#shell{height:var(--ph);width:calc(var(--ph) * .462);border-radius:calc(var(--ph) * .07);background:var(--bg);border:12px solid #1f2a19;flex:none;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 0 0 2px #3a4a30,0 40px 80px -30px #1f2a198c,0 20px 40px -20px #1f2a1959}#shell:after{content:"";z-index:40;pointer-events:none;background:#1f2a19bf;border-radius:3px;width:34%;height:5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.phone-status{z-index:40;color:#1f2a19;pointer-events:none;justify-content:space-between;align-items:center;height:46px;padding:4px 26px 0 30px;font-size:15px;font-weight:800;display:flex;position:absolute;top:0;left:0;right:0}.phone-status span:last-child{letter-spacing:2px;font-size:12px}.phone-status .island{background:#0d120a;border-radius:16px;width:30%;height:28px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#scroller{scrollbar-width:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}#scroller::-webkit-scrollbar{display:none}#app{min-height:100%}#sky{height:calc(var(--ph) - 24px)}.sheet{max-height:calc(100% - var(--safe-top) - 12px)}.pin-screen{min-height:calc(var(--ph) - 24px - var(--safe-top) - var(--safe-bottom) - 30px)}.desk-aside{max-width:380px;color:var(--text);display:block}.desk-brand{letter-spacing:.14em;text-transform:uppercase;color:var(--green-d);align-items:center;gap:10px;font-size:15px;font-weight:900;display:flex}.desk-leaf{background:var(--green);width:34px;height:34px;box-shadow:0 4px 0 var(--green-d);border-radius:12px}.desk-aside h1{margin-top:18px;font-size:clamp(32px,3.4vw,46px);line-height:1.05}.desk-aside p{color:var(--muted);margin:14px 0 26px;font-size:18px;line-height:1.5}.desk-qr{border:2px solid var(--line);color:var(--muted);background:#fff;border-bottom-width:5px;border-radius:22px;align-items:center;gap:16px;padding:14px;font-size:14px;font-weight:800;display:flex}#desk-qr{flex:none;width:104px;height:104px}#desk-qr svg{width:100%;height:100%}}@media (min-width:760px) and (max-width:1000px) and (hover:hover){.desk-aside{display:none}}[data-sky=night] .home-head .brand .names b{color:#fff}[data-sky=night] .home-head .brand .names small{color:#b9ec98}[hidden]{display:none!important}