:root{--sys-main-bg: #f5f5f7;--sys-f-primary: #1d1d1f;--sys-f-secondary: #86868b;--sys-accent: #0071e3;--sys-grad: linear-gradient(135deg, #0071e3, #42a1ff);--sys-glass: rgba(255, 255, 255, .75);--sys-border: rgba(255, 255, 255, .8);--sys-input-ph: #aeaeb2;--sys-shd: 0 8px 40px rgba(0,0,0,.06);--sys-shd-hv: 0 25px 50px rgba(0,113,227,.12);--sys-v-card: rgba(255, 255, 255, .4);--sys-v-border: rgba(255,255,255,.8);--sys-tag-bg: #fff;--sys-tag-f: #1d1d1f;--sys-m-overlay: rgba(255, 255, 255, .96);--sys-tick-bg: #f2f2f7;--sys-track: #f2f2f7;--sys-cls-bg: #e5e5ea;--sys-cls-f: #636366;--sys-foot: #aeaeb2;--sys-glow-op: .5;--sys-confirm: #34c759;--sys-confirm-bg: #e8fbe8;--font-main: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--t-spring: cubic-bezier(.34, 1.56, .64, 1);--t-smooth: cubic-bezier(.2, .8, .2, 1);--u-top: env(safe-area-inset-top, 20px);--u-btm: env(safe-area-inset-bottom, 20px)}[data-theme=dark]{--sys-main-bg: #000000;--sys-f-primary: #f5f5f7;--sys-f-secondary: #a1a1a6;--sys-accent: #2997ff;--sys-grad: linear-gradient(135deg, #2997ff, #0077ed);--sys-glass: rgba(28, 28, 30, .65);--sys-border: rgba(255, 255, 255, .1);--sys-input-ph: #636366;--sys-shd: 0 8px 40px rgba(0,0,0,.4);--sys-shd-hv: 0 25px 50px rgba(41, 151, 255, .15);--sys-v-card: rgba(44, 44, 46, .4);--sys-v-border: rgba(255,255,255,.15);--sys-tag-bg: #2c2c2e;--sys-tag-f: #fff;--sys-m-overlay: rgba(28, 28, 30, .96);--sys-tick-bg: #2c2c2e;--sys-track: #3a3a3c;--sys-cls-bg: #3a3a3c;--sys-cls-f: #aeaeb2;--sys-foot: #636366;--sys-glow-op: .35;--sys-confirm: #30d158;--sys-confirm-bg: rgba(48, 209, 88, .15)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--font-main);color:var(--sys-f-primary);background:var(--sys-main-bg);min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--u-top) + 20px) 20px var(--u-btm);overflow-x:hidden;transition:background-color .5s ease,color .5s ease}.mode-switcher{position:absolute;top:calc(var(--u-top) + 10px);right:20px;width:44px;height:44px;border-radius:50%;background:var(--sys-glass);border:1px solid var(--sys-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 4px 12px #0000001a;transition:transform .3s var(--t-spring),background-color .5s ease;color:var(--sys-f-primary)}.mode-switcher:active{transform:scale(.92)}.mode-switcher svg{width:22px;height:22px;transition:transform .5s var(--t-spring)}[data-theme=dark] .mode-switcher svg{transform:rotate(180deg)}.scenery-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--sys-main-bg);overflow:hidden;pointer-events:none}.light-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:var(--sys-glow-op);will-change:transform;animation:move-blob 18s infinite alternate ease-in-out;transition:opacity .5s ease}.lb-1{width:90vw;height:90vw;background:#d4eaff;top:-25%;left:-20%}[data-theme=dark] .lb-1{background:#0a84ff}.lb-2{width:80vw;height:80vw;background:#e0f2fe;bottom:-20%;right:-25%;animation-delay:-5s}[data-theme=dark] .lb-2{background:#5e5ce6}.lb-3{width:60vw;height:60vw;background:#eff6ff;top:45%;left:50%;transform:translate(-50%,-50%);animation-duration:25s}[data-theme=dark] .lb-3{background:#30b0c7}@keyframes move-blob{0%{transform:translate(0) scale(1)}to{transform:translate(20px,40px) scale(1.05)}}.v-stage{position:relative;width:140px;height:140px;margin:0 auto 20px;opacity:0;animation:entry-up 1.2s var(--t-spring) forwards}.v-aura{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:conic-gradient(from 180deg at 50% 50%,#FF29C3 0deg,#167AF6 100deg,#00FFCC 220deg,#FF29C3 360deg);filter:blur(25px);opacity:.4;border-radius:50%;animation:spin-aura 12s linear infinite}.v-tile{position:relative;width:100%;height:100%;background:var(--sys-v-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--sys-v-border);border-radius:36px;box-shadow:0 15px 35px #0000000d,inset 0 0 20px #ffffff0d;display:flex;align-items:center;justify-content:center;animation:bounce-tile 8s ease-in-out infinite}.v-graph{width:80px;height:50px;overflow:visible}.v-path{fill:none;stroke:url(#v-grad-map);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:path-draw 6s var(--t-smooth) forwards,path-pulse 8s ease-in-out infinite 6s}.v-point{opacity:0;fill:var(--sys-accent);animation:point-show 1s ease forwards 6s}.v-label{position:absolute;bottom:-10px;right:-10px;background:var(--sys-tag-bg);padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;color:var(--sys-tag-f);box-shadow:0 8px 20px #00000014;display:flex;align-items:center;gap:4px;animation:label-float 6s ease-in-out infinite reverse}.v-dot{width:6px;height:6px;background:var(--sys-accent);border-radius:50%}@keyframes spin-aura{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-tile{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes label-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes path-draw{to{stroke-dashoffset:0}}@keyframes path-pulse{0%,to{stroke-width:4;opacity:1}50%{stroke-width:3;opacity:.7}}@keyframes point-show{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.main-container{width:100%;max-width:500px;text-align:center;position:relative;z-index:10;margin:auto 0}.asset-img{max-width:100%;height:auto;display:block;margin:0 auto}.title-hero{opacity:0;animation:entry-up 1s var(--t-spring) .2s forwards;margin-bottom:30px;max-width:90%}.inner-btn-icon{max-height:24px;width:auto;display:block;pointer-events:none}.entry-panel{background:var(--sys-glass);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--sys-border);border-radius:26px;box-shadow:var(--sys-shd);padding:10px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(20px);animation:entry-up 1s var(--t-spring) .6s forwards;transition:transform .3s var(--t-spring),box-shadow .3s ease}.entry-panel:focus-within{transform:scale(1.02);box-shadow:var(--sys-shd-hv);border-color:var(--sys-accent)}.entry-icon{width:22px;height:22px;margin-left:12px;color:var(--sys-f-secondary);flex-shrink:0}.entry-input{flex:1;min-width:0;border:none;background:transparent;font-size:17px;padding:16px 0;color:var(--sys-f-primary);outline:none;font-family:var(--font-main);font-weight:500;-webkit-appearance:none}.entry-input::placeholder{color:var(--sys-input-ph);font-weight:400}.confirm-trigger{background:var(--sys-grad);color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:20px;cursor:pointer;flex-shrink:0;box-shadow:0 4px 15px #0071e333;transition:transform .2s}.confirm-trigger:active{transform:scale(.95);opacity:.9}footer{width:100%;text-align:center;font-size:.72rem;color:var(--sys-foot);margin-top:40px;opacity:0;animation:entry-fade 1s ease 1.2s forwards;line-height:2}.f-link{cursor:pointer;margin:0 4px;text-decoration:none;color:inherit;transition:color .2s}.f-link:hover{color:var(--sys-accent)}.overlay-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;opacity:0;visibility:hidden;transition:all .4s ease;display:flex;align-items:center;justify-content:center;padding:24px}.overlay-sheet{background:var(--sys-m-overlay);width:100%;max-width:440px;border-radius:32px;padding:32px 28px;box-shadow:0 40px 80px #00000040;transform:translateY(40px) scale(.95);transition:all .5s var(--t-spring);text-align:left;color:var(--sys-f-primary);border:1px solid var(--sys-border);position:relative;max-height:80vh;display:flex;flex-direction:column}.overlay-mask.active{opacity:1;visibility:visible}.overlay-mask.active .overlay-sheet{transform:translateY(0) scale(1)}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0}.sheet-title{font-size:1.25rem;font-weight:700}.dismiss-btn{background:var(--sys-cls-bg);border:none;width:32px;height:32px;border-radius:50%;color:var(--sys-cls-f);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dismiss-btn:active{transform:scale(.9)}.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px;font-size:.95rem;line-height:1.7;color:var(--sys-f-secondary)}.sheet-body h4{color:var(--sys-f-primary);margin:24px 0 10px;font-size:1.05rem}.sheet-body p{margin:0 0 16px}.sheet-body::-webkit-scrollbar{width:4px}.sheet-body::-webkit-scrollbar-thumb{background:var(--sys-cls-bg);border-radius:10px}.prog-row{margin:30px 0;text-align:center;display:flex;justify-content:center;align-items:center}#pLabelTotal{font-size:3.5rem;font-weight:800;color:var(--sys-accent);font-family:var(--font-main);letter-spacing:-1px}.result-panel{margin-top:28px;text-align:center;display:none;border-top:1px solid var(--sys-track);padding-top:24px}.check-icon{width:50px;height:50px;background:var(--sys-confirm-bg);color:var(--sys-confirm);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.final-trigger{width:100%;background:#06c755;color:#fff;padding:16px;font-size:1.05rem;font-weight:700;border:none;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}@keyframes entry-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes entry-fade{to{opacity:1}}.offer-container{width:100%;margin-top:24px;opacity:0;animation:entry-up 1s var(--t-spring) .8s forwards}.tier-btn{position:relative;width:100%;background:linear-gradient(135deg,#FF9F0A,#FF3B30);color:#fff;border:none;padding:18px;font-size:1.2rem;font-weight:700;border-radius:24px;cursor:pointer;box-shadow:0 10px 30px #ff3b304d;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;animation:tier-pulse 3s infinite ease-in-out}.tier-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:tier-shimmer 3s infinite}@keyframes tier-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes tier-shimmer{0%{left:-100%}20%{left:100%}to{left:100%}}.action-flex{display:flex;gap:12px;margin-top:20px}.alt-btn{flex:1;background:rgba(255,59,48,.1);color:#ff3b30;border:1px solid rgba(255,59,48,.2);padding:16px;font-size:1rem;font-weight:600;border-radius:18px;cursor:pointer}.main-btn{flex:2;background:#06c755;color:#fff;padding:16px;font-size:1rem;font-weight:700;border:none;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}