:root{--aqua:#65ddd5;--aqua-deep:#2fbfb5;--aqua-ink:#177e76;--lemon:#e6f56b;--ink:#173e3b;--muted:#5f7b77;--faint:#8fa6a2;--bg:#f7fbf9;--card:#fff;--ok:#3ecf8e;--notice-ink:#1f9a66;--radius-panel:24px;--radius-btn:16px;--shadow-panel:0 10px 30px #173e3b0f, 0 2px 8px #173e3b0a;--shadow-btn:0 8px 20px #65ddd559}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}body{color:var(--ink);background:radial-gradient(340px 340px at 8% -60px, #65ddd54d, transparent 70%), radial-gradient(300px 300px at 95% calc(100% + 60px), #e6f56b52, transparent 70%), var(--bg);-webkit-tap-highlight-color:transparent;background-repeat:no-repeat;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Segoe UI,sans-serif;line-height:1.5}.bg-blobs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(70px);will-change:transform;border-radius:50%;position:absolute;transform:translate(0,0)}.blob--aqua{background:#65ddd559;width:340px;height:340px;top:-70px;left:-90px}.blob--mint{background:#65ddd526;width:230px;height:230px;top:30%;right:10%}.blob--lemon{background:#e6f56b61;width:300px;height:300px;bottom:-60px;right:-80px}.icon-btn--motion.is-on{background:var(--aqua);color:#fff;box-shadow:0 4px 12px #65ddd573}@media (prefers-reduced-motion:reduce){.icon-btn--motion{display:none}}.page{z-index:1;max-width:420px;padding:calc(env(safe-area-inset-top,0px) + 16px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative}@media (width>=520px){.page{padding-top:calc(env(safe-area-inset-top,0px) + 40px)}}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pageOut{to{opacity:0;transform:translateY(-8px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes padBreathe{0%,to{box-shadow:var(--shadow-btn), inset 0 1px 0 #ffffff80}50%{box-shadow:0 14px 34px #65ddd58c,inset 0 1px #ffffff80}}@keyframes ripple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:no-preference){body{animation:.3s both pageIn}body.page-leave{animation:.18s both pageOut}.page>*{animation:.45s cubic-bezier(.25,.8,.3,1) backwards riseIn}.page>:first-child{animation-delay:30ms}.page>:nth-child(2){animation-delay:80ms}.page>:nth-child(3){animation-delay:.13s}.page>:nth-child(4){animation-delay:.18s}.page>:nth-child(5){animation-delay:.23s}.page>:nth-child(6){animation-delay:.28s}.page>:nth-child(7){animation-delay:.33s}.page>:nth-child(8){animation-delay:.38s}.page>:nth-child(9){animation-delay:.43s}.page>:nth-child(10){animation-delay:.48s}.page>:nth-child(11){animation-delay:.53s}.page>:nth-child(12){animation-delay:.58s}.big-num .value,.big-num .unit{animation:.55s cubic-bezier(.34,1.56,.64,1) .25s backwards popIn;display:inline-block}.success-badge{animation:.55s cubic-bezier(.34,1.56,.64,1) .2s backwards popIn}.dot--aqua,.link-dots span{animation:1.6s ease-in-out infinite dotPulse}.link-dots span:nth-child(2){animation-delay:.2s}.link-dots span:nth-child(3){animation-delay:.4s}@media (hover:hover){.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px #65ddd573}.btn--primary:hover:active{transform:translateY(0)scale(.97)}}.page>.press-pad{animation:.45s cubic-bezier(.25,.8,.3,1) backwards riseIn,3.4s ease-in-out 1.4s infinite padBreathe}.press-pad .pad-icon:before,.press-pad .pad-icon:after{content:"";pointer-events:none;border:2px solid #ffffff8c;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:2.4s ease-out infinite ripple;position:absolute;top:34%;left:50%}.press-pad .pad-icon:after{animation-delay:1.2s}.press-pad.is-pressed,.press-pad.is-pressed .pad-icon:before,.press-pad.is-pressed .pad-icon:after{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.2px;font-size:17px;font-weight:700}.brand .divider{color:var(--faint);margin:0 2px;font-weight:400}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--card);width:32px;height:32px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;font-family:inherit;font-size:15px;font-weight:600;transition:transform .12s;box-shadow:0 2px 8px #173e3b14}.icon-btn:active{transform:scale(.92)}.meta-row{justify-content:space-between;align-items:center;display:flex}.chip{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .12s;display:inline-flex}.chip:active{transform:scale(.96)}.chip--aqua{color:var(--aqua-ink);background:#65ddd533}.chip--ghost{background:var(--card);color:var(--ink);box-shadow:0 2px 8px #173e3b0f}.chip--lemon{color:#55631c;background:#e6f56b73}.center-row{justify-content:center;display:flex}.dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}.dot--aqua{background:var(--aqua-deep)}.hero{text-align:center;flex-direction:column;gap:8px;margin-top:4px;display:flex}.hero h1{letter-spacing:.5px;font-size:27px;font-weight:800}.hero p{color:var(--muted);font-size:14px}.status-line{text-align:center;color:var(--muted);font-size:14px}.big-num{text-align:center;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;font-weight:800}.big-num .value{letter-spacing:-1px;font-size:72px;line-height:1.05}.big-num .unit{margin-left:4px;font-size:20px}.btn{border-radius:var(--radius-btn);cursor:pointer;border:0;justify-content:center;align-items:center;width:100%;min-height:52px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .12s,filter .2s;display:flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:default;transform:none}.btn--primary{color:#fff;box-shadow:var(--shadow-btn);background:linear-gradient(#7ce5dd,#4fd2c8)}.btn--primary:active{filter:brightness(.96)}.btn--secondary{color:var(--ink);background:#edf4f2}.btn:focus-visible,.chip:focus-visible,.icon-btn:focus-visible,.press-pad:focus-visible,.segment button:focus-visible,.input:focus-visible{outline:2px solid var(--aqua-deep);outline-offset:2px}.panel{background:var(--card);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:8px 18px}.form-panel{flex-direction:column;gap:14px;padding:18px;display:flex}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:600}.input{background:var(--card);height:48px;color:var(--ink);border:1px solid #dde9e6;border-radius:14px;width:100%;padding:0 14px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--faint)}.input:focus{border-color:var(--aqua-deep)}.input--code{font-variant-numeric:tabular-nums lining-nums;letter-spacing:6px;text-align:center;font-weight:700}.status-item{align-items:center;gap:12px;padding:13px 2px;font-size:15px;display:flex}.status-item+.status-item{border-top:1px solid #eef4f2}.status-item .ico{color:#4e6b67;flex:none;width:20px;height:20px}.status-item .label{font-weight:600}.status-item .state{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.notice{border-radius:var(--radius-btn);min-height:44px;color:var(--notice-ink);text-align:center;background:#3ecf8e1f;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.notice--error{color:#b94a44;background:#eb5c541a}.segment{background:#ebf2f0;border-radius:999px;padding:4px;display:flex}.segment button{height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-family:inherit;font-size:14px;font-weight:600;transition:transform .12s,background .2s,color .2s}.segment button:active{transform:scale(.96)}.segment button.is-active{background:var(--card);color:var(--ink);box-shadow:0 3px 10px #173e3b14}.phones{justify-content:center;align-items:center;gap:20px;padding:8px 0 2px;display:flex}.phone-slot{flex-direction:column;align-items:center;display:flex}.phone{background:linear-gradient(#fff,#f0f9f7);border-radius:22px;justify-content:center;align-items:center;width:92px;height:148px;display:flex;position:relative;box-shadow:0 12px 28px #173e3b1a,inset 0 0 0 1px #173e3b0a}.phone:before{content:"";background:#e3eeeb;border-radius:999px;width:30px;height:5px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone svg{width:38px;height:38px}.phone-caption{margin-top:8px;font-size:13px;font-weight:600}.link-dots{align-self:center;gap:7px;display:flex;transform:translateY(-18px)}.link-dots span{background:var(--aqua-deep);border-radius:50%;width:6px;height:6px}.press-pad{cursor:pointer;color:#0e4a45;width:100%;box-shadow:var(--shadow-btn), inset 0 1px 0 #ffffff80;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(#8fe9e1,#5ad5cc);border:0;border-radius:28px;flex-direction:column;align-items:center;gap:4px;padding:34px 24px 30px;font-family:inherit;transition:transform .12s,filter .15s,box-shadow .15s;display:flex}.press-pad.is-pressed{filter:brightness(.95)saturate(1.06);transform:scale(.97);box-shadow:0 4px 12px #65ddd559,inset 0 1px #fff6}.press-pad .pad-icon{width:58px;height:58px;position:relative}.press-pad .pad-icon svg{width:100%;height:100%}.press-pad .pad-title{margin-top:8px;font-size:20px;font-weight:800}.press-pad .pad-sub{color:#0e4a45bf;font-size:13px;font-weight:500}.lemon-dot{background:var(--lemon);border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 4px #e6f56b66}.success-badge{background:radial-gradient(circle at 35% 30%, #f3fbc8, var(--lemon));border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 10px 24px #d6e85a73}.center-col{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.info-grid{grid-template-columns:1fr 1fr 1fr;padding:14px 4px;display:grid}.info-cell{text-align:center;padding:2px 6px}.info-cell+.info-cell{border-left:1px solid #eef4f2}.info-cell .k{color:var(--faint);font-size:12px;font-weight:500}.info-cell .v,.section-label{margin-top:4px;font-size:15px;font-weight:700}.record{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.record .r-left{color:var(--muted);font-size:14px;font-weight:500}.record .r-right{font-variant-numeric:tabular-nums lining-nums;font-size:22px;font-weight:800}.record .r-right small{color:var(--muted);margin-left:2px;font-size:13px;font-weight:600}.footnote{text-align:center;color:var(--faint);font-size:12px}