@font-face{font-family:Commissioner;font-weight:400 800;font-display:swap;src:url(/demo/fonts/Commissioner-greek-0.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Commissioner;font-weight:400 800;font-display:swap;src:url(/demo/fonts/Commissioner-latin-ext-1.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Commissioner;font-weight:400 800;font-display:swap;src:url(/demo/fonts/Commissioner-latin-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-weight:400 700;font-display:swap;src:url(/demo/fonts/Inter-greek-0.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-weight:400 700;font-display:swap;src:url(/demo/fonts/Inter-latin-ext-1.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-weight:400 700;font-display:swap;src:url(/demo/fonts/Inter-latin-2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-weight:500 700;font-display:swap;src:url(/demo/fonts/JetBrainsMono-latin-1.woff2) format("woff2")}:root{--bg: #f4f7fb;--ink: #0f2236;--ink2: #46566b;--brand: #1fa3e3;--brand-ink: #0a6ea8;--primary: #2563eb;--primary-700: #1d4ed8;--primary-50: #eff6ff;--ok: #15803d;--ok-50: #f0fdf4;--ok-100: #dcfce7;--warn: #b45309;--warn-50: #fffbeb;--bad: #b91c1c;--bad-50: #fef2f2;--g50: #f9fafb;--g100: #f3f4f6;--g200: #e5e7eb;--g300: #d1d5db;--g500: #6b7280;--g600: #4b5563;--g700: #374151;--g950: #030712;--display: "Commissioner", system-ui, sans-serif;--ui: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--shadow: 0 0 0 1px rgba(3, 7, 18, .06), 0 1px 3px rgba(3, 7, 18, .06)}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--ui);font-size:15px;color:var(--g950);background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit}a{color:inherit}.ico{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}.ico svg{display:block;width:100%;height:100%}.mono{font-family:var(--mono)}.muted{color:var(--g500)}.nw{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:9px;border:0;font-weight:600;font-size:14px;white-space:nowrap;transition:filter .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-success{background:var(--ok);color:#fff}.btn-gray{background:#fff;color:var(--g700);box-shadow:inset 0 0 0 1px var(--g300)}.btn-gray:hover{background:var(--g50)}.btn-big{height:50px;padding:0 24px;font-size:16px;border-radius:12px}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:6px;font-size:12.5px;font-weight:600;white-space:nowrap}.badge .ico{width:14px;height:14px}.b-gray{background:var(--g100);color:var(--g700);box-shadow:inset 0 0 0 1px #4b556326}.b-primary{background:var(--primary-50);color:var(--primary-700);box-shadow:inset 0 0 0 1px #2563eb33}.b-ok{background:var(--ok-50);color:var(--ok);box-shadow:inset 0 0 0 1px #16a34a38}.b-warn{background:var(--warn-50);color:var(--warn);box-shadow:inset 0 0 0 1px #d9770640}.b-bad{background:var(--bad-50);color:var(--bad);box-shadow:inset 0 0 0 1px #dc262633}.b-violet{background:#ede9fe;color:#5b21b6}.field label{display:block;font-weight:600;font-size:13.5px;margin-bottom:6px}.input,textarea.input,select.input{width:100%;height:40px;padding:0 12px;border-radius:9px;border:0;box-shadow:inset 0 0 0 1px var(--g300);background:#fff;color:var(--g950);outline:none}textarea.input{height:auto;padding:10px 12px;line-height:1.5;resize:vertical}.input:focus{box-shadow:inset 0 0 0 2px var(--primary)}.check{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.card{background:#fff;border-radius:14px;box-shadow:var(--shadow)}.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--g200);font-weight:600}.card-b{padding:16px 18px}.demo-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:var(--ink);color:#e2e8f0;font-size:13px;text-align:center}.demo-bar b{color:#fff}.demo-bar a{color:#7dd3fc;font-weight:600}.wiz{min-height:calc(100vh - 36px);display:grid;place-items:start center;padding:40px 16px 60px;background:radial-gradient(circle at 85% 0%,rgba(31,163,227,.18),transparent 45%),radial-gradient(circle at 0% 100%,rgba(37,99,235,.1),transparent 40%),var(--bg)}.wiz-in{width:min(1040px,100%)}.wiz-logo{height:46px;display:block;margin-bottom:28px}.wiz-steps{display:flex;gap:8px;margin-bottom:18px}.wiz-steps span{height:6px;flex:1;border-radius:3px;background:var(--g200)}.wiz-steps span.on{background:var(--brand)}.eyebrow{font-family:var(--display);font-weight:700;color:var(--brand-ink);font-size:15px;letter-spacing:.02em}.h1{font-family:var(--display);font-weight:800;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.02em;margin:8px 0 10px;color:var(--ink)}.h1 .hl{color:var(--brand-ink)}.lead{font-family:var(--display);font-size:19px;color:var(--ink2);margin:0 0 26px;line-height:1.45}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.tile{position:relative;height:96px;border-radius:14px;background:#fff;border:0;box-shadow:var(--shadow);display:grid;place-items:center;padding:8px;transition:box-shadow .15s,transform .15s}.tile:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #03071214,0 10px 22px -12px #0f223659}.tile img{max-width:100%;max-height:76px;object-fit:contain}.tile .word{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--g950)}.tile.sel{box-shadow:inset 0 0 0 3px var(--ok),0 10px 22px -14px #15803d80}.tile .tick{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}.tile .tick .ico{width:16px;height:16px}.wiz-foot{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding:14px 0 calc(14px + env(safe-area-inset-bottom));flex-wrap:wrap;background:linear-gradient(to top,var(--bg) 70%,rgba(244,247,251,0))}.wiz-grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.range-val{font-family:var(--display);font-weight:800;font-size:44px;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--brand)}.seg{display:inline-flex;padding:4px;gap:4px;border-radius:11px;background:var(--g100);flex-wrap:wrap}.seg button{border:0;background:transparent;height:36px;padding:0 14px;border-radius:8px;font-weight:600;color:var(--g600)}.seg button.on{background:#fff;color:var(--primary-700);box-shadow:0 1px 3px #03071226}.preview-gain{background:var(--ink);color:#fff;border-radius:16px;padding:22px}.preview-gain .big{font-family:var(--display);font-weight:800;font-size:46px;color:#4ade80;line-height:1;margin:8px 0}.preview-gain small{color:#cbd5e1}.app{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 36px)}.side{background:#fff;border-right:1px solid var(--g200);padding:18px 12px;position:sticky;top:0;height:calc(100vh - 36px);overflow:auto}.side-logo{height:30px;margin:2px 8px 22px;display:block}.nav{display:flex;flex-direction:column;gap:2px}.nav button{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:9px;border:0;background:transparent;color:var(--g700);font-weight:500;text-align:left;position:relative}.nav button .ico{color:var(--g500)}.nav button:hover{background:var(--g50)}.nav button.on{background:var(--g100);color:var(--primary-700);font-weight:600}.nav button.on .ico{color:var(--primary)}.nav .dot{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--primary);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center}.nav-group{margin:16px 12px 6px;font-size:12px;font-weight:600;color:var(--g500)}.main{min-width:0;display:flex;flex-direction:column}.top{height:60px;background:#fff;border-bottom:1px solid var(--g200);display:flex;align-items:center;gap:12px;padding:0 22px;position:sticky;top:0;z-index:20}.top .store{font-weight:700}.top .grow{flex:1}.balance{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--ok-50);color:var(--ok);font-weight:600;font-size:13px;box-shadow:inset 0 0 0 1px #16a34a38}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.content{padding:24px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}.page{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.page-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-h h2{margin:0;font-size:24px;letter-spacing:-.01em}.page-h p{margin:4px 0 0;color:var(--g500)}.tour{position:sticky;top:84px;display:grid;gap:14px}.tour-card{padding:18px}.tour h3{margin:0 0 4px;font-family:var(--display);font-size:19px}.tour .prog{height:8px;border-radius:4px;background:var(--g100);overflow:hidden;margin:12px 0 14px}.tour .prog span{display:block;height:100%;background:var(--ok);transition:width .4s}.task{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 10px;border-radius:10px;border:0;background:transparent;text-align:left;color:var(--g700)}.task:hover{background:var(--g50)}.task .c{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--g300);color:#fff;margin-top:1px}.task.done .c{background:var(--ok);box-shadow:none}.task.done .t{color:var(--g500);text-decoration:line-through}.task .c .ico{width:14px;height:14px}.task .t{font-weight:600;font-size:14px}.task .s{font-size:12.5px;color:var(--g500);margin-top:1px}.gain-card{padding:18px;background:var(--ink);color:#fff;border-radius:14px}.gain-card .k{font-size:12px;font-weight:700;letter-spacing:.08em;color:#86efac}.gain-card .v{font-family:var(--display);font-weight:800;font-size:34px;line-height:1.1;margin:6px 0 2px;color:#4ade80}.gain-card p{margin:0;color:#cbd5e1;font-size:13.5px;line-height:1.45}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stat{padding:16px}.stat .l{color:var(--g500);font-size:13px;font-weight:500}.stat .v{font-size:28px;font-weight:700;margin-top:4px}.stat .d{font-size:12.5px;font-weight:500;margin-top:2px}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-weight:600;font-size:13px;color:var(--g950);background:var(--g50);padding:10px 14px;border-bottom:1px solid var(--g200);white-space:nowrap}.tbl td{padding:10px 14px;border-bottom:1px solid var(--g100);white-space:nowrap}.tbl tr.sel td{background:var(--primary-50)}.tbl tr.flash td{animation:flash 1.2s ease-out}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--g50)}@keyframes flash{0%{background:#fef9c3}to{background:transparent}}.clogo{width:64px;height:30px;object-fit:contain;border-radius:5px;box-shadow:0 0 0 1px var(--g200);background:#fff;vertical-align:middle}.cword{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:12.5px}.toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--g200);flex-wrap:wrap}.empty{padding:44px 20px;text-align:center;color:var(--g500)}.empty .ico{width:44px;height:44px;color:var(--g300);margin-bottom:8px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03071273;display:grid;place-items:center;z-index:50;padding:16px;animation:fade .15s}.modal{width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 70px -20px #03071280;animation:pop .18s ease-out}.modal-h{padding:20px 22px 4px}.modal-h h3{margin:0;font-size:19px}.modal-h p{margin:4px 0 0;color:var(--g500)}.modal-b{padding:16px 22px;display:grid;gap:16px}.modal-f{padding:14px 22px 20px;display:flex;justify-content:flex-end;gap:10px}.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.opt{position:relative;height:66px;border-radius:11px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--g300);display:grid;place-items:center;padding:6px}.opt img{max-width:100%;max-height:52px;object-fit:contain}.opt.sel{box-shadow:inset 0 0 0 3px var(--ok);background:var(--ok-50)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:#fff;z-index:51;box-shadow:-20px 0 60px -20px #03071266;padding:22px;overflow:auto;animation:slide .22s ease-out}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:grid;gap:10px;z-index:60;width:min(380px,calc(100% - 36px))}.toast{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px #0307120f,0 18px 40px -14px #03071266;animation:slide .22s ease-out}.toast .ico{width:24px;height:24px;color:var(--ok)}.toast.info .ico{color:var(--primary)}.toast b{display:block;font-size:14px}.toast span{font-size:13px;color:var(--g500)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(8px)}}@keyframes slide{0%{opacity:0;transform:translate(30px)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.toast{animation-name:rise}.progress{height:10px;border-radius:5px;background:var(--g100);overflow:hidden}.progress span{display:block;height:100%;background:var(--ok);transition:width .2s}.tl{position:relative;margin-top:16px}.tl-ev{position:relative;display:flex;gap:14px;padding-bottom:18px}.tl-ev:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--g200)}.tl-ev .c{width:24px;height:24px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 3px var(--primary);background:#fff}.tl-ev.done .c{background:var(--ok);box-shadow:none}.tl-ev .a{font-weight:600}.tl-ev .b{font-size:13px;color:var(--g500)}.sms-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.phone{width:330px;height:640px;border-radius:44px;background:#0b1220;padding:12px;box-shadow:0 30px 60px -24px #03071299}.screen{height:100%;border-radius:34px;background:#f1f5f9;overflow:hidden;display:flex;flex-direction:column}.screen-h{display:flex;align-items:center;gap:10px;padding:34px 14px 12px;background:#fff;border-bottom:1px solid #e2e8f0}.screen-b{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.bubble{background:#fff;border-radius:16px 16px 16px 5px;padding:10px 12px;font-size:13.5px;line-height:1.45;box-shadow:0 4px 12px -8px #0f172a80;animation:pop .2s ease-out}.bubble .meta{display:flex;gap:6px;align-items:center;margin-bottom:4px;font-size:11.5px;color:var(--g500)}.bubble a{color:var(--primary-700);font-weight:600;text-decoration:none;word-break:break-all}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border:0;height:30px;padding:0 10px;border-radius:8px;background:var(--primary-50);color:#1e40af;font-family:var(--mono);font-size:12.5px;box-shadow:inset 0 0 0 1px #bfdbfe}.tag:hover{background:#dbeafe}.tp{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#f8fafc}.tp-bar{height:40px;background:#eef2f7;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--g200);font-size:13px;color:var(--g600)}.tp-in{padding:20px;display:grid;gap:14px}.tp-head{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:14px;box-shadow:var(--shadow)}.tp-logo{width:52px;height:52px;border-radius:14px;color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px}.steps4{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 10px 14px;background:#fff;border-radius:14px;box-shadow:var(--shadow)}.steps4 .line{position:absolute;left:12.5%;right:12.5%;top:37px;height:3px;background:var(--g200)}.steps4 .line span{display:block;height:100%;background:var(--primary);transition:width .4s}.st{position:relative;text-align:center;font-size:12.5px}.st .c{width:40px;height:40px;border-radius:50%;margin:0 auto 8px;background:var(--g200);color:var(--g600);display:grid;place-items:center;font-weight:700}.st.ok .c{background:var(--ok);color:#fff}.st.now .c{background:var(--primary);color:#fff;box-shadow:0 0 0 5px var(--primary-50)}.swatches{display:flex;gap:8px}.swatch{width:30px;height:30px;border-radius:50%;border:0;box-shadow:inset 0 0 0 2px #ffffffb3}.swatch.on{outline:3px solid var(--g950);outline-offset:2px}.finish{max-width:1060px;margin:0 auto;padding:36px 20px 60px}.gains{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:24px 0}.gain{padding:20px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #16a34a47,0 18px 34px -24px #0f223680}.gain .ic{width:46px;height:46px;border-radius:12px;background:var(--ok);color:#fff;display:grid;place-items:center}.gain .ic .ico{width:26px;height:26px}.gain .v{font-family:var(--display);font-weight:800;font-size:34px;color:#14532d;margin-top:14px;line-height:1.05}.gain .l{margin-top:6px;color:var(--ink2);line-height:1.4}.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.note{font-size:12.5px;color:var(--g500)}.sheet{width:794px;max-width:100%;aspect-ratio:210 / 297;margin:0 auto;background:#fff;padding:22px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;box-shadow:var(--shadow)}.label{border:2px dashed #9ca3af;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;overflow:hidden}.label .top{display:flex;justify-content:space-between;align-items:center;height:auto;padding:0;position:static;border:0;background:none}.label img{width:90px;height:40px;object-fit:contain}.bc{height:46px;background:repeating-linear-gradient(90deg,#111 0 3px,#fff 3px 5px,#111 5px 6px,#fff 6px 9px,#111 9px 13px,#fff 13px 15px,#111 15px 16px,#fff 16px 19px)}.vn{font-family:var(--mono);font-weight:700;font-size:16px;text-align:center;letter-spacing:.04em}.codbox{margin-top:auto;border:2px solid #111;border-radius:4px;padding:5px 8px;display:flex;justify-content:space-between;font-weight:800}@media print{body *{visibility:hidden!important}.sheet,.sheet *{visibility:visible!important}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;box-shadow:none}}@media(max-width:1180px){.content{grid-template-columns:minmax(0,1fr)}.tour{position:static}.sms-grid{grid-template-columns:1fr}.phone{margin:0 auto}}@media(max-width:860px){.app{grid-template-columns:1fr}.side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--g200);padding:10px}.side-logo{display:none}.nav{flex-direction:row;overflow-x:auto}.nav button{flex:none}.nav-group{display:none}.content{padding:14px}.wiz-grid2{grid-template-columns:1fr}.wiz-grid2 .preview-gain{padding:16px 18px}.preview-gain .big{font-size:38px}.top{padding:0 14px}.top .hide-sm{display:none}}.spin svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}a.btn{text-decoration:none}.modal-b{grid-template-columns:minmax(0,1fr)}.modal .sheet{width:100%;padding:12px;gap:10px;box-shadow:inset 0 0 0 1px var(--g200)}.modal .label img{width:70px;height:32px}[data-hint]{position:relative;animation:hint-ring 1.8s ease-out infinite}@keyframes hint-ring{0%{outline:2px solid rgba(31,163,227,.9);outline-offset:0}to{outline:2px solid rgba(31,163,227,0);outline-offset:9px}}[data-hint]:after{content:attr(data-hint);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%);z-index:15;padding:5px 10px;border-radius:8px;background:var(--ink);color:#fff;font:600 12.5px/1.2 var(--ui);white-space:nowrap;text-decoration:none;pointer-events:none;box-shadow:0 8px 18px -8px #03071280;animation:hint-bob 1.8s ease-in-out infinite}[data-hint]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);z-index:15;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--ink);pointer-events:none;animation:hint-bob 1.8s ease-in-out infinite}[data-hint-below]:after{bottom:auto;top:calc(100% + 9px)}[data-hint-below]:before{bottom:auto;top:calc(100% + 3px);border:6px solid transparent;border-top:0;border-bottom-color:var(--ink)}@keyframes hint-bob{50%{translate:0 -3px}}.nav [data-hint]:after,.nav [data-hint]:before{display:none}.nav [data-hint]{background:#e0f2fe}.task.now{background:#f0f9ff}.task.now .c{box-shadow:inset 0 0 0 2px var(--brand);color:var(--brand-ink)}.task .c{font-size:11.5px;font-weight:700;color:var(--g500)}.guide-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border:0;background:transparent;color:var(--g500);font-size:12.5px;font-weight:600;border-radius:8px}.guide-toggle:hover{background:var(--g50);color:var(--g700)}.guide-toggle .ico{width:16px;height:16px}@media(prefers-reduced-motion:reduce){[data-hint],[data-hint]:after,[data-hint]:before{animation:none}[data-hint]{outline:2px solid var(--brand);outline-offset:3px}}.stepbar{display:none}.flip svg{transform:rotate(180deg)}@media(max-width:1180px){.tour-card{display:none}.content{padding-bottom:120px}.toasts{bottom:104px}.stepbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--g200);box-shadow:0 -12px 30px -18px #03071273;padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.stepbar-dots{display:flex;gap:5px;margin-bottom:9px}.stepbar-dots span{flex:1;height:6px;border-radius:3px;background:var(--g200);transition:background .3s}.stepbar-dots span.ok{background:var(--ok)}.stepbar-dots span.now{background:var(--brand);animation:dot-glow 1.6s ease-in-out infinite}@keyframes dot-glow{50%{opacity:.45}}.stepbar-row{display:flex;align-items:center;gap:10px}.stepbar-info{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;text-align:left;color:var(--g950)}.stepbar-n{flex:none;min-width:44px;height:36px;padding:0 8px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:16px}.stepbar-t{min-width:0;display:grid}.stepbar-t b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepbar-t small{color:var(--g500);font-size:12px}.stepbar-list{max-height:55vh;overflow:auto;margin:-2px -4px 10px;padding:4px;border-bottom:1px solid var(--g200)}.stepbar-list .prog{display:none}}.eshop-ok{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:600;color:var(--ok)}.eshop-ok .ico{width:13px;height:13px}.subs{display:flex;gap:8px;flex-wrap:wrap}.sub{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1.5px currentColor;font-weight:600;font-size:13.5px}.sub .ico{width:18px;height:18px}.free-note{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--ok-50);color:var(--ok);font-weight:600;font-size:13.5px;box-shadow:inset 0 0 0 1px #16a34a40}.free-note .ico{width:18px;height:18px;flex:none}.reward{flex:none;align-self:center;padding:3px 7px;border-radius:7px;background:var(--g100);color:var(--g500);font-size:11.5px;font-weight:700;white-space:nowrap}.reward.on{background:var(--ok-100);color:var(--ok)}.task.done .reward{text-decoration:none}.score{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 10px}.score .v{font-size:30px}.score p{margin:0}.score-bar{height:8px;border-radius:4px;background:#ffffff24;overflow:hidden;margin-bottom:10px}.score-bar span{display:block;height:100%;background:#4ade80;transition:width .6s}.score-mini{color:var(--g500);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-mini b{color:var(--ok)}.toast.gain{background:var(--ink);color:#fff}.toast.gain .ico{color:#4ade80}.toast.gain span{color:#cbd5e1}.h2{font-family:var(--display);font-weight:800;font-size:26px;color:var(--ink);margin:0 0 14px}.breakdown{display:grid}.bd-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--g100)}.bd-row:last-child{border-bottom:0}.bd-ic{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--primary-50);color:var(--primary-700)}.bd-row.on .bd-ic{background:var(--ok-100);color:var(--ok)}.bd-txt{flex:1;min-width:0;display:grid;gap:2px}.bd-txt span{color:var(--g500);font-size:13.5px}.bd-val{flex:none;display:grid;justify-items:end;gap:2px;font-family:var(--display);font-weight:800;font-size:18px;color:var(--ink)}.bd-val .eurv{color:#14532d}.bd-val small{display:inline-flex;align-items:center;gap:3px;font-family:var(--ui);font-size:11.5px;font-weight:600;color:var(--ok)}.bd-val small .ico{width:12px;height:12px}.assume{margin-top:18px}.assume summary{display:flex;align-items:center;gap:10px;padding:16px 18px;cursor:pointer;font-weight:700;list-style:none;flex-wrap:wrap}.assume summary::-webkit-details-marker{display:none}.assume summary .muted{font-weight:500;font-size:13px}.assume-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:4px 18px 18px}.assume-grid .field span{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--g700)}.freebies{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.freebie{display:flex;gap:12px;padding:14px;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.freebie .bd-ic{background:var(--ok-100);color:var(--ok)}.freebie b{display:block}.freebie span{color:var(--g500);font-size:13.5px}@media(max-width:560px){.bd-row{flex-wrap:wrap;padding:12px 14px}.bd-val{width:100%;grid-auto-flow:column;justify-content:start;gap:12px;padding-left:54px}}.signup{max-width:820px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-l{display:block;font-weight:600;font-size:13.5px;margin-bottom:6px}.field-err{display:block;margin-top:5px;color:var(--bad);font-size:12.5px;font-weight:600}.form-msg{padding:10px 14px;border-radius:10px;background:var(--bad-50);color:var(--bad);font-weight:600}.consents{display:grid;gap:10px;margin-top:18px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--g700);line-height:1.45;cursor:pointer}.consent .check{margin-top:1px;flex:none}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.mail-art{width:72px;height:72px;border-radius:20px;background:var(--primary-50);color:var(--primary);display:grid;place-items:center;margin-bottom:18px}.mail-art .ico{width:38px;height:38px}.loading{min-height:60vh;display:grid;place-items:center;color:var(--g500)}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.code-box{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--primary-50);box-shadow:inset 0 0 0 1px #bfdbfe}.code-box b{font-size:20px;letter-spacing:.06em;color:var(--primary-700)}.signup .wiz-foot{position:static;background:none;padding-bottom:0}.manual-opt{position:relative;width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;border:0;border-radius:14px;background:#fff;box-shadow:var(--shadow);text-align:left;color:var(--g950)}.manual-opt:hover{box-shadow:0 0 0 1px #03071214,0 10px 22px -12px #0f223659}.manual-opt.sel{box-shadow:inset 0 0 0 3px var(--ok)}.manual-opt .tick{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}.manual-opt .tick .ico{width:16px;height:16px}.manual-ic{width:48px;height:48px;flex:none;border-radius:12px;background:var(--primary-50);color:var(--primary);display:grid;place-items:center}.manual-ic .ico{width:26px;height:26px}.manual-txt{display:grid;gap:2px}.manual-txt b{font-size:17px}.manual-txt span{color:var(--g500);font-size:14px}.or-line{margin:18px 0 12px;color:var(--g500);font-size:14px;font-weight:600}.month-val{display:flex;align-items:center;gap:12px}.month-input{width:170px;height:64px;padding:0 14px;border:0;border-radius:12px;box-shadow:inset 0 0 0 2px var(--g300);font-family:var(--display);font-weight:800;font-size:40px;color:var(--ink);background:#fff}.month-input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--primary)}.month-val span{font-family:var(--display);font-weight:800;font-size:17px;line-height:1.15;color:var(--brand-ink)}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.presets button{height:34px;padding:0 12px;border:0;border-radius:9px;background:var(--g100);color:var(--g700);font-weight:600}.presets button.on{background:var(--primary);color:#fff}.what-list{margin:12px 0 14px;padding-left:20px;display:grid;gap:8px;color:#e2e8f0;line-height:1.4}.gain-card.locked .lock-title{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:800;font-size:19px;margin:8px 0 6px}.gain-card.locked .lock-title .ico{color:#86efac}.stepbar-t small{color:var(--g500);font-size:12px}.intro{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#f0f9ff;box-shadow:inset 0 0 0 1px #bae6fd}.intro p{margin:0;font-size:14.5px;line-height:1.5;color:var(--g700)}.intro p+p{margin-top:6px}.intro b{color:var(--ink)}.intro-ic{width:36px;height:36px;flex:none;border-radius:10px;background:#fff;color:var(--brand-ink);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #bae6fd}.inline-preview{display:none}.inline-preview .bubble{background:#f1f5f9}@media(max-width:1180px){.inline-preview{display:block}.tp-settings{order:-1}}@media(min-width:1181px){.content{grid-template-columns:minmax(0,1fr) 290px}}.small{font-size:12.5px}.caps{text-transform:uppercase}.selall{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;cursor:pointer}.tbl td .eshop-ok{display:flex}.tbl tr.warn td{background:#fffbeb}.tbl td{white-space:normal}.tbl td .nw,.tbl td.mono{white-space:nowrap}.tag{font-family:var(--ui);font-size:13px;height:32px}.modal{display:flex;flex-direction:column;overflow:hidden}.modal-h,.modal-f{flex:none}.modal-b{flex:1 1 auto;min-height:0;overflow:auto}.modal-f{border-top:1px solid var(--g100);padding-top:12px}.modal .sheet{aspect-ratio:auto;grid-template-rows:auto}.modal .label{overflow:visible}.toasts{pointer-events:none}body:has(.backdrop) .toasts{display:none}[data-hint]{scroll-margin:90px 0 150px}[data-hint]:after{white-space:normal;width:max-content;max-width:210px;text-align:center}.top [data-hint]:after{left:auto;right:0;transform:none}.top [data-hint]:before{left:auto;right:22px}.wiz-foot{background:var(--bg);box-shadow:0 -10px 16px -12px #0f223640}.tile-named{height:112px;grid-template-rows:1fr auto;gap:4px}.tile-named img{max-height:60px}.tile-cap{font-size:13px;font-weight:700;color:var(--g700)}.tile-ic{width:34px;height:34px;color:var(--g500)}.signup-for{display:flex;gap:8px;align-items:flex-start;margin:-12px 0 22px;padding:10px 12px;border-radius:12px;background:var(--ok-50);color:#14532d;font-weight:600;font-size:14.5px}.signup-for .ico{color:var(--ok)}.form-ok{padding:10px 14px;border-radius:10px;background:var(--ok-50);color:var(--ok);font-weight:600}.mail-hint{margin:6px 0 4px;font-size:14.5px;display:grid;gap:2px}.tp-col{display:grid;gap:12px;align-content:start;scroll-margin-top:80px}.tp-caption{font-weight:600}.mobile-only{display:none}.honest{margin:-6px 0 22px;font-size:13.5px;color:var(--g600)}.assume .card-h span{display:inline-flex;align-items:center;gap:8px}.live-total{margin:0 18px 14px;padding:12px 14px;border-radius:12px;background:var(--ok-50);color:#14532d;font-size:14.5px}.assume details.more{border-top:1px solid var(--g100)}.assume details.more summary{padding:14px 18px;cursor:pointer;font-weight:600;color:var(--primary-700)}.gain .l{font-size:14.5px}@media(max-width:1180px){.mobile-only{display:inline-flex}.desktop-only{display:none}.stepbar-t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}}@media(max-width:720px){.tbl-cards thead{display:none}.tbl-cards,.tbl-cards tbody{display:block}.tbl-cards tr{display:block;position:relative;padding:12px 14px;border-bottom:1px solid var(--g100)}.tbl-cards tr:has(.td-check){padding-left:46px}.tbl-cards td{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0;border:0;background:none!important}.tbl-cards tr.sel,.tbl-cards tr.warn{background:var(--primary-50)}.tbl-cards tr.warn{background:#fffbeb}.tbl-cards td[data-label]:before{content:attr(data-label);color:var(--g500);font-size:12.5px;font-weight:600}.tbl-cards td.td-main{display:block;padding-bottom:6px}.tbl-cards td.td-check{position:absolute;left:14px;top:14px;padding:0}.tbl-cards td.td-no{font-size:12px;color:var(--g500);padding:0}.tbl-cards td.td-more{display:none}.tbl-cards td>span{text-align:right}.check{width:22px;height:22px}.modal .sheet{grid-template-columns:1fr}.swatch{width:38px;height:38px}.input{font-size:16px}}[data-hint]:after{content:attr(data-hint);content:attr(data-hint) / ""}.data-notice{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:var(--shadow);color:var(--g700);font-size:13.5px;line-height:1.5}.data-notice .ico{flex:none;color:var(--ok);margin-top:1px}
