:root{--bg:#f5f5f5;--surface:#fff;--surface2:#faf9f8;--ink:#201f1e;--mut:#605e5c;--line:#e1dfdd;--pri:#0f6cbd;--pri-h:#115ea3;--pri-soft:#ebf3fc;--ok:#107c10;--ok-soft:#dff6dd;--warn:#9d5d00;--warn-soft:#fff4ce;--bad:#c50f1f;--bad-soft:#fdf3f4;--neutral-soft:#f0f0f0;--shadow:0 2px 4px #0000000f,0 0 2px #00000014;--shadow-lg:0 8px 16px #0000001a,0 0 2px #0000001a;--r:8px}@media (prefers-color-scheme:dark){:root{--bg:#1b1a19;--surface:#292827;--surface2:#222120;--ink:#f3f2f1;--mut:#a19f9d;--line:#3b3a39;--pri:#479ef5;--pri-h:#62abf5;--pri-soft:#0c2a47;--ok:#6bb700;--ok-soft:#1d3a14;--warn:#f7c948;--warn-soft:#3b2e0b;--bad:#f1707b;--bad-soft:#3a1a1d;--neutral-soft:#343332;--shadow:0 2px 4px #0006;--shadow-lg:0 8px 16px #00000080}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.6 Segoe UI,Noto Sans Thai,Sarabun,system-ui,sans-serif}a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:28px;line-height:1.25}h2{font-size:18px}h3{font-size:15px}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.mut{color:var(--mut)}.sm{font-size:13px}.nav{z-index:10;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;gap:12px;height:56px;display:flex}.brand{align-items:center;gap:10px;font-weight:600;display:flex;color:var(--ink)!important;text-decoration:none!important}.logo{color:#fff;background:linear-gradient(135deg,#0f6cbd,#2899f5 60%,#8fd0ff);border-radius:6px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:700;display:grid}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a,.nav-links button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;text-decoration:none}.nav-links a:hover,.nav-links button:hover{background:var(--neutral-soft);text-decoration:none}.hero{color:#fff;background:linear-gradient(135deg,#0b3d91 0%,#0f6cbd 45%,#2b88d8 100%);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(600px 300px at 85% 10%,#ffffff2e,#0000 60%),radial-gradient(500px 300px at 0 100%,#ffffff1a,#0000 60%);position:absolute;inset:0}.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding-top:56px;padding-bottom:64px;display:grid;position:relative}.hero h1{font-size:38px;line-height:1.2}.hero p{opacity:.92;max-width:520px;font-size:16px}.hero .chips{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:6px 12px;font-size:13px}.price-row{flex-wrap:wrap;gap:14px;margin-top:26px;display:flex}.price{border-radius:var(--r);background:#ffffff24;border:1px solid #ffffff47;min-width:150px;padding:12px 18px}.price small{opacity:.85;display:block}.price b{font-size:24px}@media (max-width:820px){.hero .wrap{grid-template-columns:1fr;padding-top:36px;padding-bottom:40px}.hero h1{font-size:30px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin:16px 0;padding:24px}.card.float{box-shadow:var(--shadow-lg);color:var(--ink)}.page{padding-top:28px;padding-bottom:56px}.page-head{margin:8px 0 4px}label{margin:14px 0 6px;font-size:13px;font-weight:600;display:block}input,select,textarea{background:var(--surface);width:100%;height:36px;color:var(--ink);font:inherit;border:1px solid #8a8886;border-radius:4px;padding:0 12px;transition:border-color .1s,box-shadow .1s}input:hover,select:hover,textarea:hover{border-color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri);outline:0}input:disabled{background:var(--neutral-soft);color:var(--mut)}.otp{letter-spacing:.5em;text-align:center;height:44px;font-size:20px;font-weight:600}button{font:inherit;cursor:pointer}.btn{border:1px solid var(--pri);background:var(--pri);color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:36px;margin-top:18px;padding:0 18px;font-weight:600;transition:background .1s;display:inline-flex}.btn:hover{background:var(--pri-h);border-color:var(--pri-h)}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%;height:40px}.btn.ghost{color:var(--pri);background:0 0}.btn.ghost:hover{background:var(--pri-soft)}.btn.sm{height:28px;margin:0;padding:0 12px;font-size:13px}.link{color:var(--pri);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.link:hover{text-decoration:underline}.alert{border-left:4px solid;border-radius:4px;margin-top:14px;padding:10px 12px;font-size:14px}.alert.err{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.alert.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row>*{flex:1;min-width:140px}.steps{gap:8px;margin-bottom:6px;display:flex}.steps i{background:var(--line);border-radius:2px;flex:1;height:4px}.steps i.on{background:var(--pri)}.plans{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.plan{border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;background:var(--surface);text-align:left;padding:14px;transition:all .12s;position:relative}.plan:hover{border-color:var(--pri)}.plan.sel{border-color:var(--pri);background:var(--pri-soft);box-shadow:0 0 0 1px var(--pri)}.plan b{font-size:20px;display:block}.plan span{color:var(--mut);font-size:13px}.plan em{background:var(--ok);color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;font-style:normal;position:absolute;top:-9px;right:10px}.profile{grid-template-columns:auto 1fr;align-items:center;gap:28px;display:grid}.ring{--p:0;background:conic-gradient(var(--c,var(--pri)) calc(var(--p)*1%),var(--neutral-soft) 0);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.ring>div{background:var(--surface);text-align:center;border-radius:50%;place-items:center;width:118px;height:118px;line-height:1.1;display:grid}.ring b{font-size:34px;display:block}.ring span{color:var(--mut);font-size:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px;display:grid}.kv{border-radius:var(--r);background:var(--surface2);border:1px solid var(--line);padding:12px 14px}.kv small{color:var(--mut);font-size:12px;display:block}.kv b{word-break:break-all;font-size:15px;font-weight:600}@media (max-width:620px){.profile{text-align:center;grid-template-columns:1fr;justify-items:center}}.badge{border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.ACTIVE{background:var(--ok-soft);color:var(--ok)}.badge.EXPIRING{background:var(--warn-soft);color:var(--warn)}.badge.EXPIRED{background:var(--bad-soft);color:var(--bad)}.badge.PENDING{background:var(--neutral-soft);color:var(--mut)}.scroll{margin:0 -4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--mut);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 8px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);padding:10px 8px}tbody tr:hover{background:var(--surface2)}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);cursor:pointer;text-align:left;font:inherit;color:inherit;padding:14px 16px}.stat:hover{border-color:var(--pri)}.stat.on{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri)}.stat small{color:var(--mut);display:block}.stat b{font-size:26px;line-height:1.2}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-top:8px;display:flex}.tabs button{color:var(--mut);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-weight:600}.tabs button.on{color:var(--pri);border-color:var(--pri)}.modal-bg{z-index:30;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:12px;width:100%;max-width:520px;padding:24px}.empty{text-align:center;color:var(--mut);padding:28px}.foot{color:var(--mut);text-align:center;padding:24px;font-size:13px}html{scroll-behavior:smooth}.section{margin:40px 0}.sec-title{margin-bottom:12px;font-size:22px}.section.two{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:760px){.section.two{grid-template-columns:1fr}}.md p{margin:0 0 12px}.md p:last-child{margin-bottom:0}.md-h{color:var(--pri);margin:20px 0 8px;font-size:16px}.md-ul,.md-ol{margin:0 0 12px;padding-left:22px}.md li{margin:5px 0}.md-ul{padding-left:0;list-style:none}.md-ul li{padding-left:24px;position:relative}.md-ul li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:0}.md-ol li::marker{color:var(--pri);font-weight:700}.faq{padding:8px 24px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--pri);font-size:20px;line-height:1}.faq details[open] summary:after{content:"–"}.faq details .md{color:var(--mut);margin-top:10px}.guides{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.guide{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:16px;transition:all .12s;display:flex}.guide:hover{border-color:var(--pri);text-decoration:none;transform:translateY(-2px)}.gi{font-size:24px}.cta-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.btn.light{color:#0f6cbd;background:#fff;border-color:#fff;margin-top:0}.btn.light:hover{background:#eaf3fc;text-decoration:none}.btn.outline-light{color:#fff;background:0 0;border-color:#ffffffb3;margin-top:0}.btn.outline-light:hover{background:#ffffff24;text-decoration:none}.cta-band{color:#fff;background:linear-gradient(135deg,#0b3d91,#0f6cbd);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.cta-band h2{font-size:22px}.cta-band p{margin:6px 0 0}textarea{resize:vertical;height:auto;padding:8px 12px;font-family:inherit;line-height:1.5}.md-img{border:1px solid var(--line);border-radius:8px;max-width:100%;height:auto;margin:10px 0;display:block}.editor{grid-template-columns:1fr 1fr;gap:16px;display:grid}.editor .preview{border:1px solid var(--line);background:var(--surface2);border-radius:8px;max-height:420px;padding:14px;overflow:auto}@media (max-width:820px){.editor{grid-template-columns:1fr}}.rev{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:8px 0 24px;display:grid}.menu-block{text-align:left;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;transition:all .15s;display:flex;text-decoration:none!important}.menu-block:hover{border-color:var(--pri);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.menu-block b{font-size:18px}.mb-icon{background:var(--pri-soft);border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:4px;font-size:30px;display:grid}.mb-meta{color:var(--pri);margin-top:auto;padding-top:8px;font-size:13px;font-weight:600}.crumb{margin:6px 0 4px;font-size:15px}.crumb .link{font-size:15px}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.pager-ctl{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pager-ctl button{border:1px solid var(--line);background:var(--surface);min-width:32px;height:32px;color:var(--ink);border-radius:6px;padding:0 8px}.pager-ctl button:hover:not(:disabled){border-color:var(--pri);color:var(--pri)}.pager-ctl button.on{background:var(--pri);border-color:var(--pri);color:#fff}.pager-ctl button:disabled{opacity:.4;cursor:default}.pager-ctl select{width:auto;height:32px;margin-left:6px}.checks{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px 16px;margin-top:12px;display:grid}.checks label{align-items:center;gap:8px;margin:4px 0;font-size:14px;font-weight:400;display:flex}.checks input{width:auto;height:auto}.nav-link{border-radius:6px;padding:6px 12px;color:var(--ink)!important;text-decoration:none!important}.nav-link:hover{background:var(--neutral-soft)}.nav-cta{background:var(--pri);border-radius:6px;padding:6px 16px;font-weight:600;color:#fff!important;text-decoration:none!important}.nav-cta:hover{background:var(--pri-h)}.avatar{color:#fff;background:linear-gradient(135deg,#0f6cbd,#2899f5);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-grid}.avatar.lg{width:40px;height:40px;font-size:18px}.avatar.xl{width:52px;height:52px;font-size:22px}.user-menu{position:relative}.user-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;max-width:300px;padding:4px 10px 4px 4px;display:flex}.user-chip:hover{background:var(--surface2);border-color:var(--pri)}.user-mail{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.caret{color:var(--mut);font-size:11px}.user-pop{background:var(--surface);border:1px solid var(--line);width:280px;box-shadow:var(--shadow-lg);z-index:40;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.user-pop-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 12px;display:flex}.user-pop a,.user-pop button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;display:block;color:var(--ink)!important;text-decoration:none!important}.user-pop a:hover,.user-pop button:hover{background:var(--neutral-soft)}.user-pop .danger{color:var(--bad)!important}@media (max-width:640px){.user-mail{display:none}.user-chip{padding:4px 8px 4px 4px}.brand{font-size:14px}}.welcome-head{align-items:center;gap:14px;display:flex}.welcome-stat{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;padding:14px;display:grid}.welcome-stat small{color:var(--mut);font-size:12px;display:block}.welcome-stat b{font-size:15px}.welcome-actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.danger:hover{filter:brightness(.9);background:var(--bad)}.danger-zone{border-color:var(--bad)}.danger-zone h2{color:var(--bad)}.switch{cursor:pointer;align-items:center;gap:10px;margin:0;font-weight:400;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{background:#8a8886;border-radius:999px;flex:none;width:46px;height:26px;transition:all .15s;position:relative}.slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .15s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:var(--ok)}.switch input:checked+.slider:after{left:23px}.switch input:focus-visible+.slider{outline:2px solid var(--pri);outline-offset:2px}.hero.slim:before{opacity:.9}.hero.slim h1{font-size:34px}.slip-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 14px;display:flex}.seg{border:1px solid var(--line);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{color:var(--ink);font:inherit;background:0 0;border:0;padding:7px 16px}.seg button.on{background:var(--pri);color:#fff}.slip-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.slip-tile{text-align:left;color:var(--ink);cursor:zoom-in;font:inherit;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.slip-img{aspect-ratio:3/4;background:var(--neutral-soft) center top/cover no-repeat;border:1px solid var(--line);width:100%;box-shadow:var(--shadow);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.slip-tile:hover .slip-img{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.slip-img.contain{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;background-color:#0000;background-position:50%;background-size:contain;border:0;border-radius:8px}.slip-shield{-webkit-touch-callout:none;background:0 0;position:absolute;inset:0}.slip-cap{color:var(--mut);text-align:center;font-size:13px}.lightbox{z-index:60;background:#000000db;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lb-stage{flex-direction:column;gap:8px;width:min(94vw,820px);height:min(86vh,1100px);display:flex}.lb-stage .slip-img{flex:1;min-height:0}.lb-cap{color:#fff;text-align:center;font-size:14px}.lb-close,.lb-nav{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:50%;width:44px;height:44px;font-size:24px;position:absolute}.lb-close{font-size:18px;top:14px;right:14px}.lb-nav{top:50%;transform:translateY(-50%)}.lb-prev{left:12px}.lb-next{right:12px}.lb-close:hover,.lb-nav:hover{background:#ffffff4d}@media (max-width:560px){.slip-grid{grid-template-columns:repeat(2,1fr);gap:10px}.lb-nav{width:38px;height:38px}}.slip-strip{grid-template-columns:repeat(6,1fr);gap:10px;margin:10px 0 4px;display:grid}@media (max-width:820px){.slip-strip{grid-template-columns:repeat(3,1fr)}}.switch.sm .slider:after{width:14px;height:14px;top:3px;left:3px}.switch.sm input:checked+.slider:after{left:19px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.eyebrow.dark{background:#fff3}.btn.fb-btn{color:#fff;background:#1877f2;border-color:#1877f2;gap:8px;margin-top:0;text-decoration:none}.btn.fb-btn:hover{background:#1565d8;border-color:#1565d8;text-decoration:none}.btn.fb-btn img{border-radius:5px}.btn.line-btn{color:#fff;background:#06c755;border-color:#06c755;gap:8px;margin-top:0;text-decoration:none}.btn.line-btn:hover{background:#05b34c;border-color:#05b34c;text-decoration:none}.btn.big{height:46px;padding:0 24px;font-size:16px}.section.tight{margin:20px 0}.center{text-align:center}.sec-title.center{margin-bottom:18px}.more{margin-top:10px;font-weight:600;display:inline-block}.spot{color:#fff;box-shadow:var(--shadow-lg);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:30px;display:flex;position:relative;overflow:hidden}.spot h2{font-size:26px;line-height:1.3}.spot p{opacity:.95;margin:8px 0 0}.credit-spot{background:linear-gradient(135deg,#065f46 0%,#0f766e 50%,#0e7490 100%)}.credit-spot:before{content:"";background:radial-gradient(420px 220px at 90% 0,#ffffff2e,#0000 60%);position:absolute;inset:0}.spot-text,.spot-art{position:relative}.spot-text{flex:320px}.spot-art{flex:0 380px;justify-content:center;min-width:260px;display:flex}.spot .btn{color:#065f46;background:#fff;border-color:#fff;margin-top:14px}.spot .btn:hover{background:#ecfdf5}.ticks{margin:14px 0 0;padding:0;list-style:none}.ticks li{margin:5px 0;padding-left:26px;position:relative}.ticks li:before{content:"✓";color:#86efac;font-weight:800;position:absolute;left:0}.pcard .ticks li:before{color:var(--ok)}.receipt-art{width:100%;max-width:340px;height:auto}.slip-fan{width:320px;height:300px;position:relative}.fan{width:150px;transition:transform .2s;position:absolute}.fan .slip-img{border:3px solid #fff;box-shadow:0 14px 30px #00000059}.fan-0{z-index:3;top:0;left:85px}.fan-1{z-index:2;top:40px;left:0;transform:rotate(-9deg)}.fan-2{z-index:1;top:40px;left:170px;transform:rotate(9deg)}.fb-spot{background:linear-gradient(135deg,#1877f2,#0c5fd6)}.fb-left{flex:320px;align-items:center;gap:18px;display:flex}.fb-logo{border-radius:16px;flex:none;box-shadow:0 6px 16px #00000040}.fb-actions{flex-wrap:wrap;gap:12px;display:flex}.fb-spot .btn.fb-btn{color:#1877f2;background:#fff;border-color:#fff}.fb-spot .btn.fb-btn:hover{background:#eaf2ff}.fb-spot .btn.line-btn,.fb-spot .btn{margin-top:0}.showcase{grid-template-columns:1.05fr 1fr;align-items:center;gap:34px;display:grid}.showcase-art{width:100%;height:auto;max-height:420px}.feat-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.feat{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.feat b{font-size:15px;display:block}.feat span:not(.ill-icon){color:var(--mut);font-size:13px;line-height:1.45;display:block}.ill-icon{border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 10px #00000026}.steps-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.step{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex;position:relative}.step b{font-size:16px}.step>span:last-child{color:var(--mut);font-size:13px}.step-n{color:var(--line);font-size:30px;font-weight:800;position:absolute;top:12px;right:14px}.price-cards{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto;display:grid}.pcard{background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:24px;position:relative}.pcard.best{border-color:var(--pri);box-shadow:0 8px 24px #0f6cbd33}.pcard h3{font-size:18px}.amt{color:var(--pri);margin:6px 0 4px;font-size:40px;font-weight:800}.amt small{color:var(--mut);font-size:14px;font-weight:500}.pcard .ticks{margin:10px 0 16px}.pcard .btn{margin-top:0}.ribbon{background:var(--ok);color:#fff;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;position:absolute;top:-11px;right:18px}.chip-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip-links a{border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border-radius:999px;padding:8px 16px;font-size:14px;text-decoration:none}.chip-links a:hover{border-color:var(--pri);color:var(--pri)}@media (max-width:860px){.showcase{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}.spot{padding:22px}.slip-fan{transform-origin:top;height:260px;margin:0 auto;transform:scale(.85)}}@media (max-width:980px){.price-cards{grid-template-columns:1fr 1fr;max-width:640px}}@media (max-width:860px){.price-cards{grid-template-columns:1fr 1fr}}@media (max-width:560px){.feat-grid,.price-cards{grid-template-columns:1fr}.spot h2{font-size:22px}.amt{font-size:34px}}.total{color:var(--mut);margin-bottom:6px;font-size:13px}.ribbon.alt{background:var(--pri)}.plans.three{grid-template-columns:repeat(3,1fr)}@media (max-width:480px){.plans.three{grid-template-columns:1fr}}.visitors{color:var(--ink);margin:0 0 6px;font-size:14px}.visitors .mut{font-size:12px}.bars{align-items:flex-end;gap:4px;height:170px;padding-bottom:18px;display:flex;position:relative}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;min-width:0;height:100%;display:flex;position:relative}.bar{background:var(--pri);border-radius:4px 4px 0 0;order:1;min-height:2px}.bar-new{background:var(--ok);opacity:.95;z-index:1;pointer-events:none;border-radius:4px 4px 0 0;position:absolute;bottom:0;left:0;right:0}.bar-col span{text-align:center;color:var(--mut);font-size:10px;position:absolute;bottom:-18px;left:0;right:0}.dot{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}@media (max-width:640px){.bar-col:nth-child(2n) span{display:none}}.nav-menu,.nav-actions{align-items:center;gap:6px;display:flex}.nav-link,.nav-cta,.user-chip{white-space:nowrap}@media (max-width:720px){.nav .wrap{flex-wrap:wrap;row-gap:2px;height:auto;padding-top:8px;padding-bottom:4px}.brand{order:1;min-width:0}.nav-links{display:contents}.nav-actions{order:2;margin-left:auto}.nav-menu{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:0 0 100%;order:3;gap:2px;margin:0 -20px;padding:0 20px 6px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}.nav-menu::-webkit-scrollbar{display:none}.nav-menu .nav-link{flex:none;padding:6px 12px;font-size:14px}}@media (max-width:380px){.nav .wrap{column-gap:8px}.brand{gap:8px;font-size:13px}.brand .logo{border-radius:5px;width:24px;height:24px;font-size:13px}.nav-cta{padding:6px 12px;font-size:13px}.user-chip{padding:3px 6px 3px 3px}}.cc{z-index:70;background:var(--surface);border:1px solid var(--line);max-width:760px;box-shadow:var(--shadow-lg);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;max-height:70vh;margin:0 auto;padding:16px 18px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;overflow:auto}.cc-body{flex:320px;font-size:14px;line-height:1.55}.cc-body p{color:var(--mut);margin:4px 0 0}.cc-body b{color:var(--ink)}.cc-list{color:var(--mut);margin:8px 0 0;padding-left:18px;font-size:13px}.cc-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-actions .btn{margin:0}.foot-links{margin:0 0 6px;font-size:13px}@media (max-width:560px){.cc{padding:14px;bottom:8px;left:8px;right:8px}.cc-actions{width:100%}.cc-actions .btn{flex:1}}.copyright{text-align:center;color:var(--mut);border-top:1px solid var(--line);margin-top:8px;padding:18px 16px 30px;font-size:13px;line-height:1.6}.copyright div{color:var(--ink);font-weight:600}.copyright p{max-width:720px;margin:4px auto 0;font-size:12px}.premium{--gold:#e6c875;color:#e9edf7;background:radial-gradient(900px 480px at 50% -80px,#3b82f64d,#0000 70%),radial-gradient(700px 360px at 92% 18%,#e6c8751a,#0000 70%),linear-gradient(#060a14 0%,#0a1020 55%,#080d1a 100%);padding:0 0 56px;position:relative;overflow:hidden}.prem-hero{text-align:center;padding:56px 20px 14px}.prem-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);background:#e6c8750f;border:1px solid #e6c87559;border-radius:999px;padding:6px 18px;font-size:12px;display:inline-block}.prem-hero h1{background:linear-gradient(#fff,#c9d4ee 75%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:18px 0 12px;font-size:clamp(30px,5.4vw,54px);font-weight:700;line-height:1.22}.prem-hero p{color:#aab4cc;max-width:640px;margin:0 auto;font-size:16px}.prem-stats{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;display:flex}.prem-stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #e6c8753d;border-radius:16px;min-width:158px;padding:14px 24px}.prem-stat b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:32px;line-height:1.15;display:block}.prem-stat small{color:#9aa6c0}.prem-empty{text-align:center;color:#aab4cc;max-width:560px;margin:34px auto;padding:0 20px}.prem-empty a{color:var(--gold)}.prem-note{text-align:center;color:#7f8ba6;max-width:640px;margin:34px auto 0;padding:0 20px;font-size:13px}.pshot{aspect-ratio:3/4;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:linear-gradient(110deg,#121a2e 30%,#1e2944 46%,#121a2e 62%) 0 0/200% 100%;border:1px solid #ffffff14;border-radius:18px;width:100%;animation:1.6s linear infinite shimmer;position:relative;overflow:hidden}.pshot.ready{background-color:#0f1628;background-position:top;background-repeat:no-repeat;background-size:cover;animation:.8s both fadeImg}.pshot.contain{aspect-ratio:auto;border:0;border-radius:12px;height:100%}.pshot.contain.ready{background-color:#0000;background-position:50%;background-size:contain}.reel-section{margin-top:22px}.reel-wrap{--w:clamp(210px,62vw,290px);position:relative}.reel{scroll-snap-type:x mandatory;padding:28px calc(50% - var(--w)/2) 34px;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:22px;display:flex;overflow-x:auto}.reel::-webkit-scrollbar{display:none}.reel-item{flex:0 0 var(--w);scroll-snap-align:center;color:inherit;cursor:pointer;font:inherit;transform:scale(var(--s,.86));opacity:var(--o,.5);will-change:transform;background:0 0;border:0;flex-direction:column;gap:14px;padding:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s;display:flex}.reel-item .pshot{aspect-ratio:3/4.1;transition:box-shadow .5s;box-shadow:0 24px 50px #0000008c}.reel-item.on .pshot{box-shadow:0 30px 70px #000000b3,0 0 0 1px #e6c87599,0 0 40px #e6c87533}.reel-cap{text-align:center;color:#aab4cc;font-size:13px;transition:color .4s}.reel-item.on .reel-cap{color:var(--gold)}.reel-arrow{width:48px;height:48px;color:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#080c18b8;border:1px solid #e6c87566;border-radius:50%;font-size:28px;line-height:1;transition:all .25s;position:absolute;top:calc(50% - 40px)}.reel-arrow.l{left:max(8px,50% - 450px)}.reel-arrow.r{right:max(8px,50% - 450px)}.reel-arrow:hover:not(:disabled){background:var(--gold);color:#101828}.reel-arrow:disabled{opacity:.25;cursor:default}.reel-count{text-align:center;color:#8e9ab6;letter-spacing:.22em;font-variant-numeric:tabular-nums;font-size:13px}.reel-count i{opacity:.5;font-style:normal}.prem-hint{text-align:center;color:#7f8ba6;margin:10px 0 0;font-size:13px}.prem-more{max-width:1040px;margin:38px auto 0;padding:0 20px}.prem-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.prem-bar h2{color:#fff;font-size:22px}.seg.dark{background:#ffffff0a;border-color:#e6c87552}.seg.dark button{color:#cbd5ea}.seg.dark button.on{background:var(--gold);color:#101828}.pgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 20px;display:grid}.ptile{cursor:zoom-in;color:inherit;font:inherit;text-align:left;animation:.8s cubic-bezier(.2,.8,.2,1) both fadeUp;animation-delay:calc(var(--i,0)*90ms);background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.ptile .pshot{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;box-shadow:0 14px 34px #00000080}.ptile:hover .pshot{border-color:#e6c87566;transform:translateY(-6px);box-shadow:0 24px 50px #0000009e,0 0 0 1px #e6c87580}.ptile-cap{text-align:center;color:#9aa6c0;font-size:13px}.prem-loadmore{text-align:center;margin-top:30px}.prem-btn{height:50px;color:var(--gold);cursor:pointer;background:linear-gradient(#e6c8752e,#e6c8750d);border:1px solid #e6c8758c;border-radius:999px;padding:0 32px;font:600 15px Segoe UI,Noto Sans Thai,sans-serif;transition:all .3s}.prem-btn:hover:not(:disabled){background:var(--gold);color:#101828;transform:translateY(-2px);box-shadow:0 10px 28px #e6c87547}.prem-btn:disabled{opacity:.6;cursor:default}.lb2{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050810e6;animation:.3s both fadeIn}.lb2 .lb-stage .pshot.contain{flex:1;min-height:0}.lb-stage.in-next{animation:.5s cubic-bezier(.2,.8,.2,1) both slideNext}.lb-stage.in-prev{animation:.5s cubic-bezier(.2,.8,.2,1) both slidePrev}.lb2 .lb-cap{color:var(--gold);letter-spacing:.04em}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fadeImg{0%{opacity:.3;filter:blur(12px)}to{opacity:1;filter:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideNext{0%{opacity:0;transform:translate(46px)scale(.97)}to{opacity:1;transform:none}}@keyframes slidePrev{0%{opacity:0;transform:translate(-46px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:640px){.reel-arrow{display:none}.reel{gap:16px}.pgrid{grid-template-columns:repeat(2,1fr);gap:18px 12px}.prem-stat{flex:130px;min-width:0;padding:12px 14px}.prem-stat b{font-size:26px}}@media (prefers-reduced-motion:reduce){.premium *,.lb2,.lb2 *{transition:none!important;animation:none!important}.reel{scroll-behavior:auto}}.trust-big{text-align:center;color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b3d91,#0f6cbd 55%,#2b88d8);border-radius:22px;margin:34px auto 0;padding:26px 20px;position:relative;overflow:hidden}.trust-big:before{content:"";background:radial-gradient(420px 200px at 85% 0,#ffffff38,#0000 60%);position:absolute;inset:0}.trust-big>*{display:block;position:relative}.tb-label{opacity:.95;font-size:clamp(16px,2.6vw,22px);font-weight:600}.tb-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 6px 28px #00000040;font-size:clamp(64px,15vw,128px);font-weight:800;line-height:1.05}.tb-num small{letter-spacing:0;margin-left:.3em;font-size:.32em;font-weight:700}.tb-sub{opacity:.9;margin-top:6px;font-size:14px}.trust-big.dark{max-width:640px;box-shadow:none;background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #e6c87559;margin:30px auto 0}.trust-big.dark .tb-num{background:linear-gradient(#fff3c4,#e6c875 70%);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.flow{counter-reset:none;grid-template-columns:repeat(5,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.flow-step{text-align:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;transition:transform .25s,opacity .25s;display:flex;position:relative}.flow-step:not(:last-child):after{content:"";background:linear-gradient(90deg,var(--line),#93c5fd);width:14px;height:2px;position:absolute;top:44px;right:-13px}.flow-ico{display:inline-flex;position:relative}.flow-ico .ill-icon{border-radius:16px;width:56px;height:56px}.flow-step b{font-size:15px;line-height:1.3}.flow-step small{color:var(--mut);font-size:12.5px;line-height:1.35}.flow-n{color:#94a3b8;font-size:13px;font-weight:800;position:absolute;top:8px;left:12px}.flow-step.done{background:#f0fdf4;border-color:#bbf7d0}.flow-step.done .flow-ico .ill-icon{filter:saturate(.6)}.flow-tick{color:#fff;text-align:center;background:#16a34a;border:2px solid #fff;border-radius:50%;width:22px;height:22px;font:700 13px/22px system-ui;position:absolute;bottom:-6px;right:-6px}.flow-step.now{box-shadow:0 0 0 3px #0f6cbd2e,var(--shadow);border-color:#0f6cbd;transform:translateY(-3px)}.flow-step.now .flow-n{color:#0f6cbd}.flow-step.next{opacity:.55}.flow-note{text-align:center;color:#0b3d91;margin:14px 0 0;font-weight:600}@media (max-width:860px){.flow{grid-template-columns:1fr 1fr}.flow-step:not(:last-child):after{display:none}.flow-step:last-child{grid-column:1/-1}}.slip-up{max-width:480px;margin:22px auto 0}.slip-drop{cursor:pointer;text-align:center;background:#f0f7ff;border:2px dashed #93c5fd;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:22px 14px;transition:background .2s,border-color .2s;display:flex}.slip-drop:hover{background:#e0efff;border-color:#0f6cbd}.slip-drop small{color:var(--mut)}.slip-ico{font-size:34px}.pv-tabs{flex-wrap:wrap;gap:8px;margin:6px 0 14px;display:flex}.pv-tabs button{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px}.pv-tabs button.on{color:#fff;background:#0f6cbd;border-color:#0f6cbd}.pv-tabs.sm button{padding:6px 12px;font-size:13px}.pv-frame{border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.pv-bar{background:#e5e7eb;align-items:center;gap:6px;padding:10px 14px;display:flex}.pv-bar i{background:#9ca3af;border-radius:50%;width:10px;height:10px}.pv-bar span{color:#4b5563;background:#fff;border-radius:999px;margin-left:10px;padding:2px 14px;font-size:12px}.pv-body{padding:18px 16px 26px}.pv-mail{border:1px solid var(--line);background:#f3f2f1;border-radius:14px;width:100%;height:760px}.prorate{max-width:760px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fdf2f8,#fff7ed);border:1px solid #fbcfe8;border-radius:18px;align-items:center;gap:16px;margin:0 auto 22px;padding:16px 20px;display:flex}.prorate b{color:#9d174d;font-size:clamp(17px,2.6vw,22px);display:block}.prorate span:not(.prorate-ico){color:#7c4a5e;margin-top:2px;font-size:14px;display:block}.prorate-ico .ill-icon{border-radius:16px;width:56px;height:56px}.prorate.teal{background:linear-gradient(135deg,#f0fdfa,#ecfeff);border-color:#99f6e4}.prorate.teal b{color:#0f766e}.prorate.teal span:not(.prorate-ico){color:#3f6b66}.line-cta{text-align:center;max-width:520px;margin:20px auto 0}.line-btn{color:#fff;background:#06c755;border-color:#06c755;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:17px;text-decoration:none;display:flex}.line-btn:hover{background:#05b04c}.line-msg{text-align:left;white-space:pre-wrap;word-break:break-word;font:inherit;color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin:8px 0;padding:12px 14px;font-size:14px}.bar{background:#e5e7eb;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.bar i{background:linear-gradient(90deg,#0f6cbd,#4fa3ec);border-radius:999px;height:100%;transition:width .4s;display:block}.dash-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.dash-kpi{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:2px;padding:16px 18px;display:flex}.dash-kpi small{color:var(--mut)}.dash-kpi b{font-variant-numeric:tabular-nums;font-size:clamp(22px,3vw,30px);line-height:1.2}.dash-kpi span{font-size:12.5px}.dash-kpi.warn{background:#fffbeb;border-color:#fcd34d}.up{color:#16a34a}.down{color:#dc2626}.dash-row{flex-wrap:wrap;gap:14px;display:flex}.dash-row>.card{margin:0 0 14px}.chart{align-items:flex-end;gap:6px;height:220px;margin-top:14px;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.chart-bar{border-radius:6px 6px 0 0;flex-direction:column;width:100%;max-width:38px;min-height:2px;transition:height .5s;display:flex;overflow:hidden}.chart-bar i{min-height:1px;display:block}.chart-val{color:var(--mut);font-size:11px}.chart-x{color:var(--mut);white-space:nowrap;font-size:11px}.legend{color:var(--mut);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:13px;display:flex}.legend i,.donut-list i{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.donut-wrap{flex-wrap:wrap;align-items:center;gap:18px;margin-top:10px;display:flex}.donut{border-radius:50%;flex:none;place-items:center;width:150px;height:150px;display:grid;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:26px}.donut span{z-index:1;font-size:14px;font-weight:700;position:relative}.donut-list{flex-direction:column;flex:1;gap:10px;min-width:150px;display:flex}.donut-list>div{align-items:flex-start;display:flex}.donut-list i{margin-top:6px}.donut-list b{font-size:14px;display:block}.donut-list span{color:var(--mut);font-size:12.5px}.dash-status{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;display:grid}.dash-st{border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;text-align:left;border-radius:14px;flex-direction:column;padding:12px;display:flex}.dash-st b{font-size:26px;line-height:1.1}.dash-st span{color:var(--mut);font-size:13px}.dash-st.EXPIRED{background:var(--bad-soft)}.dash-st.EXPIRING{background:var(--warn-soft)}.dash-st.ACTIVE{background:var(--ok-soft)}.dash-st.PENDING{background:var(--neutral-soft)}@media (max-width:860px){.dash-kpis,.dash-status{grid-template-columns:1fr 1fr}.chart{gap:3px}.chart-x{font-size:9px}}.paycard{color:#fff;text-align:left;background:radial-gradient(420px 200px at 100% 0,#e6c87533,#0000 60%),linear-gradient(135deg,#0b1a3d,#13306b);border:1px solid #c9a24a;border-radius:20px;margin:12px 0;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 14px 34px #0b1a3d59}.paycard:after{content:"";pointer-events:none;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.paycard-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.paycard-eyebrow{letter-spacing:.22em;color:#e6c875;font-size:12px;font-weight:700}.paycard-bank{letter-spacing:.06em;background:#1e4fd8;border-radius:8px;padding:3px 12px;font-size:13px;font-weight:800}.paycard-label{color:#9fb0d0;letter-spacing:.04em;margin-top:10px;font-size:12px}.paycard-val{font-size:17px;font-weight:600}.paycard-acc{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.paycard-acc b{letter-spacing:.08em;color:#f3d98a;text-shadow:0 2px 12px #e6c87559;font:700 clamp(24px,6vw,32px)/1.2 Courier New,monospace}.paycard-acc button{color:#f3d98a;font:inherit;cursor:pointer;background:#e6c8751f;border:1px solid #e6c87580;border-radius:999px;padding:6px 16px;font-size:13px}.paycard-acc button:hover{background:#e6c87538}.paycard-amt{border-top:1px dashed #e6c87566;justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:12px;display:flex}.paycard-amt span{color:#9fb0d0;font-size:13px}.paycard-amt b{color:#fff;font-size:26px}.sumbox{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;margin:14px 0;padding:14px 18px}.sumbox h3{color:var(--mut);margin:0 0 8px;font-size:15px}.sumbox>div{justify-content:space-between;gap:12px;padding:5px 0;font-size:14px;display:flex}.sumbox>div span{color:var(--mut)}.sumbox .cut b{color:#16a34a}.sumbox .sum-total{border-top:1px dashed var(--line);margin-top:6px;padding-top:10px;font-size:16px}.sumbox .sum-total span{color:var(--fg,#201f1e);font-weight:600}.sumbox .sum-total b{color:#0f6cbd;font-size:26px}.plan .rate-tag{color:#0f766e;background:#ccfbf1;border-radius:999px;margin-top:4px;padding:1px 8px;font-size:11px;display:block}.prorate.violet{background:linear-gradient(135deg,#f5f3ff,#fdf4ff);border-color:#ddd6fe}.prorate.violet b{color:#5b21b6}.prorate.violet span:not(.prorate-ico){color:#5b4a86}.plans.four{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.plan em.hot{background:linear-gradient(135deg,#ea580c,#f59e0b)}.plan .save-tag{color:#fff;background:#16a34a;border-radius:999px;margin-top:4px;padding:2px 10px;font-size:12px;font-weight:700;display:block}.upsell{background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:16px;flex-direction:column;gap:4px;margin-top:12px;padding:14px 16px;display:flex}.upsell b{color:#9a3412;font-size:16px}.upsell span{color:#7c4a1d;font-size:14px;line-height:1.6}.upsell strong{color:#c2410c;font-size:17px}.upsell-nudge{color:#92400e;width:100%;font:inherit;cursor:pointer;text-align:left;background:#fffbeb;border:1px dashed #f59e0b;border-radius:12px;margin:10px 0;padding:11px 14px;font-size:14px;display:block}.upsell-nudge:hover{background:#fef3c7}.email-rule{background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #fde68a;border-radius:14px;margin:8px 0 14px;padding:14px 16px}.email-rule b{color:#92400e}.email-rule ul{color:#78350f;margin:8px 0;padding-left:20px;font-size:14px;line-height:1.7}.email-rule-ok{color:#92400e;cursor:pointer;align-items:flex-start;gap:8px;margin:6px 0 0;font-size:14px;font-weight:600;display:flex}.email-rule-ok input{width:auto;height:auto;margin-top:4px}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{background:var(--neutral-soft,#f3f4f6)}.sort-ind{color:#b8bec9;margin-left:5px;font-size:11px}.sort-ind.on{color:#0f6cbd}.keycopy{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:all;user-select:all;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #bfdbfe;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.keycopy:hover{border-color:#0f6cbd}.keycopy code{letter-spacing:.05em;color:#0b3d91;word-break:break-all;font:700 clamp(15px,4.4vw,19px)/1.4 ui-monospace,Menlo,Consolas,monospace}.keycopy-btn{color:#fff;-webkit-user-select:none;user-select:none;background:#0f6cbd;border-radius:999px;flex:none;padding:6px 14px;font-size:13px;font-weight:600}.keycopy-btn.ok{background:#16a34a}.keycopy-btn.fail{white-space:normal;background:#dc2626}.home-detail{margin-top:12px}.copychip{border:1px solid var(--line);background:var(--surface);font:inherit;color:#0f6cbd;cursor:pointer;white-space:nowrap;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:12px}.copychip:hover{background:#eff6ff;border-color:#0f6cbd}.copychip.ok{color:#fff;background:#16a34a;border-color:#16a34a}.copychip.fail{color:#fff;background:#dc2626;border-color:#dc2626}.kv .copychip{margin:6px 0 0;padding:4px 12px;font-size:13px;display:inline-block}input[type=date],input[type=month],input[type=number]{appearance:none;min-width:0;max-width:100%}input[type=date]{text-align:left;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}.modal label{display:block}@media (max-width:560px){.row>*{width:100%;min-width:0;flex:100%!important}.row{gap:0}.modal{border-radius:14px;padding:18px 16px}.modal-bg{padding:10px}.modal input,.modal select,.modal textarea{height:42px;font-size:16px}.modal textarea{height:auto}.modal .btn{white-space:normal;text-align:center;height:auto;min-height:42px;padding:9px 14px;line-height:1.35}.modal .row>div{margin-bottom:2px}.modal h2{font-size:19px}}.review-card{text-align:center;background:radial-gradient(360px 160px at 100% 0,#1877f21f,#0000 70%),linear-gradient(135deg,#eff6ff,#fdf4ff);border:1px solid #bfdbfe;border-radius:20px;margin:18px 0 0;padding:20px 18px}.review-stars{letter-spacing:4px;color:#f59e0b;text-shadow:0 2px 10px #f59e0b66;font-size:26px}.review-card h3{color:#1e3a8a;margin:6px 0 4px;font-size:19px}.review-card p{color:#334155;max-width:520px;margin:6px auto 0;font-size:14.5px;line-height:1.7}.review-sample{text-align:left;background:#fff;border:1px dashed #93c5fd;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;max-width:520px;margin:14px auto;padding:12px 14px;display:flex}.review-sample small{color:var(--mut)}.review-sample span{color:#0f172a;font-size:14.5px;line-height:1.6}.review-sample .copychip{margin:2px 0 0}.fb-review{color:#fff;background:#1877f2;border-color:#1877f2;justify-content:center;align-items:center;gap:10px;max-width:520px;margin:0 auto;text-decoration:none;display:flex}.fb-review:hover{background:#1668d8}.mq-box{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin:8px 0 0;padding:10px 12px;font-size:14px;line-height:1.6}.plan .prorate-note{color:#0f766e;font-size:12px}.plan s{color:#9ca3af}.store-closed{color:#e0e7ff;background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #6366f1;border-radius:14px;flex-direction:column;gap:4px;margin:18px 0 26px;padding:16px 20px;display:flex}.store-closed b{color:#fff;font-size:17px}.store-closed span{font-size:14.5px;line-height:1.7}.store-pill{color:#e0e7ff;background:#0f172a8c;border:1px solid #a5b4fc99;border-radius:999px;margin:24px 0 0;padding:8px 18px;font-size:13.5px;display:inline-block}.store-card .seg button{padding:8px 14px}.store-pill+.cta-row{margin-top:26px}@media (max-width:720px){table.rt{width:100%;display:block}table.rt thead{display:none}table.rt tbody{display:block}table.rt tr{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;margin:0 0 10px;padding:8px 14px;display:block}table.rt td{word-break:break-word;justify-content:space-between;align-items:baseline;gap:14px;font-size:14px;line-height:1.5;display:flex;text-align:right!important;border:0!important;padding:3px 0!important}table.rt td:before{content:attr(data-label);text-align:left;max-width:34%;color:var(--mut);flex:0 0 34%;font-size:12px;font-weight:600}table.rt td[data-label=""]:before,table.rt td:not([data-label]):before{display:none}table.rt td:first-child{margin-bottom:4px;font-size:15px;font-weight:700;display:block;text-align:left!important;border-bottom:1px solid var(--line)!important;padding-bottom:8px!important}table.rt td:first-child:before,table.rt td:empty{display:none}table.rt td[data-label=""]{flex-wrap:wrap;justify-content:flex-end;gap:8px}table.rt td[colspan]{display:block;text-align:center!important}table.rt td[colspan]:before{display:none}.scroll{overflow-x:visible}.stats{grid-template-columns:repeat(2,1fr)}.menu-block{padding:14px}.page-head h1{font-size:22px}}.home-sum{grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 4px;display:grid}.home-sum>div{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;padding:10px 14px;display:flex}.home-sum small{color:var(--mut);font-size:12px}.home-sum b{font-size:28px;line-height:1.15}.home-sum span{color:var(--mut);font-size:12px}.home-sum .ok{background:var(--ok-soft);border-color:#bbf7d0}.home-sum .ok b{color:var(--ok)}@media (max-width:720px){.home-sum{grid-template-columns:1fr 1fr}}.seo-prev{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:2px;margin:14px 0;padding:12px 14px;display:flex}.seo-prev small{color:var(--mut)}.seo-prev b{color:#1a0dab;font-size:18px;font-weight:500;line-height:1.3}.seo-prev i{color:#006621;font-size:13px;font-style:normal}.seo-prev span{color:#4d5156;font-size:14px;line-height:1.5}.sw{flex:none;width:51px;height:31px;margin:0;display:inline-block;position:relative}.sw input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.sw span{background:#c7c7cc;border-radius:31px;transition:background .2s;position:absolute;inset:0}.sw span:before{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000047}.sw input:checked+span{background:#34c759}.sw input:checked+span:before{transform:translate(20px)}.sw input:focus-visible+span{outline:2px solid var(--pri);outline-offset:2px}.sw input:disabled{cursor:not-allowed}.sw input:disabled+span{opacity:.5}.setrow{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.setrow:first-of-type{border-top:0}.setrow .st{flex:1;min-width:0}.setrow .st b{font-size:15px;font-weight:600;display:block}.setrow .st small{color:var(--mut);margin-top:2px;font-size:12.5px;line-height:1.5;display:block}.setrow .saved{color:#17803d;white-space:nowrap;margin-right:8px;font-size:12px;font-weight:600}.stepper{flex:none;align-items:center;gap:6px;display:inline-flex}.stepper button{border:1px solid var(--line);background:var(--surface2);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;margin:0;padding:0;font-size:20px;line-height:1}.stepper button:hover:not(:disabled){background:var(--line)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper output{text-align:center;min-width:64px;font-size:16px;font-weight:700}.stepper output small{color:var(--mut);margin-left:3px;font-size:12px;font-weight:400}.setsel{flex:none;max-width:220px}.adv{margin-top:6px}.adv>summary{cursor:pointer;color:var(--pri);padding:10px 0;font-size:14px;font-weight:600}@media (max-width:560px){.setrow{flex-wrap:wrap}.setrow .ctl{margin-left:auto}.setsel{width:100%;max-width:100%}.setrow:has(.setsel){flex-direction:column;align-items:stretch}.setrow:has(.setsel) .ctl{width:100%;margin-left:0}.stepper button{width:42px;height:42px}.sw{width:56px;height:34px}.sw span:before{width:30px;height:30px}.sw input:checked+span:before{transform:translate(22px)}}.md-h4{color:var(--ink);margin:16px 0 6px;font-size:14.5px}.md-quote{border-left:4px solid var(--pri);background:var(--surface2);color:var(--ink);border-radius:0 8px 8px 0;margin:0 0 12px;padding:12px 16px}.md-hr{border:0;border-top:1px solid var(--line);margin:18px 0}.rte{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.rte-bar{border-bottom:1px solid var(--line);background:var(--surface2);z-index:2;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;display:flex;position:sticky;top:0}.rte-bar button{min-width:38px;height:38px;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:4px;margin:0;padding:0 10px;font-size:14px;display:inline-flex}.rte-bar button:hover{background:var(--line)}.rte-bar button.on{background:var(--pri);color:#fff}.rte-bar button:disabled{opacity:.45;cursor:not-allowed}.rte-bar .sep{background:var(--line);width:1px;height:24px;margin:0 4px}.rte-area{outline:none;min-height:280px;max-height:60vh;padding:16px 18px;line-height:1.7;overflow:auto}.rte-area:focus{box-shadow:inset 0 0 0 2px #0f6cbd40}.rte-area:empty:before{content:attr(data-ph);color:var(--mut)}.rte-area h2{color:var(--pri);margin:20px 0 8px;font-size:16px}.rte-area h3{margin:16px 0 6px;font-size:14.5px}.rte-area p,.rte-area div{margin:0 0 12px}.rte-area ul,.rte-area ol{margin:0 0 12px;padding-left:22px}.rte-area ul{padding-left:0;list-style:none}.rte-area ul li{margin:5px 0;padding-left:24px;position:relative}.rte-area ul li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:0}.rte-area blockquote{border-left:4px solid var(--pri);background:var(--surface2);border-radius:0 8px 8px 0;margin:0 0 12px;padding:12px 16px}.rte-area hr{border:0;border-top:1px solid var(--line);margin:18px 0}.rte-area img{border:1px solid var(--line);border-radius:8px;max-width:100%;height:auto;margin:10px 0;display:block}.rte-area a{color:var(--pri);text-decoration:underline}.rte-area .tok{color:#5c4400;-webkit-user-select:all;user-select:all;background:#fff4ce;border:1px dashed #d4a017;border-radius:6px;padding:0 6px;font-weight:700;display:inline-block}.rte-code{resize:vertical;border:0;border-radius:0;width:100%;min-height:280px;padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.rte-foot{border-top:1px solid var(--line);background:var(--surface2);color:var(--mut);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}@media (max-width:560px){.rte-bar{flex-wrap:nowrap;overflow-x:auto}.rte-bar button{flex:none;min-width:42px;height:42px}.rte-area{max-height:55vh;padding:14px}}.news-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0;display:grid}.news-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);color:var(--ink);flex-direction:column;text-decoration:none;transition:transform .12s;display:flex;position:relative;overflow:hidden}.news-card:hover{text-decoration:none;transform:translateY(-2px)}.news-img{aspect-ratio:16/10;background-position:50%;background-size:cover;background-color:var(--surface2)}.news-img.none{justify-content:center;align-items:center;font-size:40px;display:flex}.news-info{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.news-info h2{margin:0;font-size:16px;line-height:1.4}.news-info p{color:var(--mut);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.news-info small{color:var(--mut);margin-top:auto}.news-pager{justify-content:center;align-items:center;gap:12px;margin:18px 0;display:flex}.news-hero{border-radius:10px;width:100%;height:auto;margin:0 0 14px;display:block}.news-body p{word-break:break-word;margin:0 0 14px;line-height:1.8}.news-tag{color:var(--pri)}@media (max-width:820px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.news-grid{grid-template-columns:1fr}}.btn.sm{white-space:nowrap;flex-shrink:0}.news-filter{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;display:flex}.news-filter input[type=search]{flex:220px;min-width:0;margin:0}.news-filter select{flex:0 200px;margin:0}.news-filter .btn{margin:0}.news-tags{flex-wrap:wrap;gap:8px;display:flex}.news-tags a{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none}.news-tags a small{color:var(--mut)}.news-tags a.on{background:var(--pri);border-color:var(--pri);color:#fff}.news-tags a.on small{color:#dbe9f7}.news-pager{flex-wrap:wrap}.news-pager .btn{min-width:36px;margin:0}.news-nav{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.news-nav a{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);padding:12px 14px;text-decoration:none;display:block}.news-nav small{color:var(--mut);display:block}.news-nav b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.news-nav .r{text-align:right}@media (max-width:560px){.news-nav{grid-template-columns:1fr}.news-nav .r{text-align:left}}.share{flex-direction:column;gap:10px;display:flex}.share-row{flex-wrap:wrap;gap:8px;display:flex}.share-btn{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:14px;display:inline-flex;color:var(--ink)!important;text-decoration:none!important}.share-btn:hover{background:var(--neutral-soft)}.share-ic{color:#fff;background:#64748b;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:grid}.share-btn.fb .share-ic{background:#1877f2}.share-btn.line .share-ic{background:#06c755}.share-btn.ms .share-ic{background:#0084ff}.share-btn.x .share-ic{background:#000}.share-btn.wa .share-ic{background:#25d366}.share-btn.tg .share-ic{background:#229ed9}@media (max-width:560px){.share-btn{padding:6px 12px 6px 6px;font-size:13px}.share-ic{width:24px;height:24px}}.announce{--ac:#b45309;--ac-soft:#fff7e0;--ac-line:#f5d98a;background:linear-gradient(90deg,var(--ac-soft),color-mix(in srgb,var(--ac-soft) 55%,var(--surface)));border-bottom:1px solid var(--ac-line);color:var(--ink)}.announce.info{--ac:#0f6cbd;--ac-soft:#e8f2fc;--ac-line:#b9d6f2}.announce.danger{--ac:#c50f1f;--ac-soft:#fdecee;--ac-line:#f3b9bf}.announce-in{align-items:center;gap:14px;max-width:1040px;margin:0 auto;padding:12px 20px;display:flex}.announce-ico{background:var(--ac);color:#fff;width:38px;height:38px;box-shadow:0 4px 10px color-mix(in srgb,var(--ac) 35%,transparent);border-radius:12px;flex:none;place-items:center;display:grid;position:relative}.announce-ico:after{content:"";border:2px solid var(--ac);opacity:0;border-radius:12px;animation:2.4s ease-out infinite announce-pulse;position:absolute;inset:0}@keyframes announce-pulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.announce-ico:after{animation:none}}.announce-body{flex-direction:column;gap:1px;min-width:0;line-height:1.55;display:flex}.announce-body b{letter-spacing:.06em;text-transform:uppercase;color:var(--ac);font-size:12px;font-weight:700}.announce-body span{overflow-wrap:anywhere;font-size:16px;font-weight:600}.announce.pv{border:1px solid var(--ac-line);border-radius:14px;overflow:hidden}.announce.pv .announce-in{padding:12px 14px}@media (prefers-color-scheme:dark){.announce{--ac:#f7b955;--ac-soft:#3b2e0b;--ac-line:#5a4512}.announce.info{--ac:#62abf5;--ac-soft:#0c2a47;--ac-line:#1c4770}.announce.danger{--ac:#f1707b;--ac-soft:#3a1a1d;--ac-line:#5c2a30}.announce-ico{color:#201f1e}}@media (max-width:560px){.announce-in{align-items:flex-start;gap:12px;padding:11px 16px}.announce-ico{border-radius:10px;width:34px;height:34px}.announce-body span{font-size:15px}}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:8px;display:grid}.stat-tile{border:1px solid var(--line);background:var(--surface2);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin:0;padding:10px 14px;transition:background .15s,border-color .15s,transform .1s;display:flex}.stat-tile:hover{border-color:#9bb8d4}.stat-tile:active{transform:scale(.98)}.stat-ico{background:var(--neutral-soft);width:32px;height:32px;color:var(--mut);border-radius:50%;flex:none;place-items:center;display:grid}.stat-txt{flex-direction:column;min-width:0;line-height:1.35;display:flex}.stat-txt b{font-size:14px}.stat-txt small{color:var(--mut);font-size:12.5px}.stat-tile.done{background:linear-gradient(135deg,var(--ok-soft),color-mix(in srgb,var(--ok-soft) 50%,var(--surface)));border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.stat-tile.done .stat-ico{background:var(--ok);color:#fff;box-shadow:0 3px 8px color-mix(in srgb,var(--ok) 35%,transparent)}.stat-tile.done .stat-txt small{color:var(--ok);font-weight:600}@media (max-width:560px){.stat-grid{grid-template-columns:1fr}}.news-cell{flex-direction:column;gap:6px;min-width:0;display:flex}.news-cell>.news-card{flex:1}.news-admin{justify-content:flex-end;display:flex}.news-pinned{margin:14px 0 6px}.news-pinned>h2{align-items:center;gap:6px;margin:0 0 8px;font-size:17px;display:flex}.news-pin-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.news-card.pin{border:2px solid var(--pri);background:linear-gradient(180deg,var(--pri-soft),var(--surface) 60%);box-shadow:0 6px 18px color-mix(in srgb,var(--pri) 18%,transparent)}.news-card.pin .news-info h2{font-size:17px}@media (max-width:820px){.news-pin-grid{grid-template-columns:1fr}}.news-info .badge{align-self:flex-start}.pin-flag{z-index:2;color:#fff;background:#d13438;border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;left:10px;transform:rotate(-18deg);box-shadow:0 4px 10px #d1343873}.pin-flag.big{width:38px;height:38px}h1 .pin-flag{vertical-align:middle;display:inline-grid;position:static}.pin-ribbon{z-index:2;pointer-events:none;width:108px;height:108px;position:absolute;top:0;left:0;overflow:hidden}.pin-ribbon b{text-align:center;color:#fff;letter-spacing:.04em;background:linear-gradient(#e5484d,#c4262b);border-top:1px solid #ffffff59;border-bottom:1px solid #0000001f;width:150px;padding:5px 0;font-size:13px;font-weight:700;position:absolute;top:20px;left:-34px;transform:rotate(-45deg);box-shadow:0 3px 8px #a0141973}.plans.four.two{grid-template-columns:1fr 1fr}.stor{border:1px solid var(--line);background:color-mix(in srgb,var(--pri) 3%,var(--surface));border-radius:14px;margin-top:16px;padding:14px}.stor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.stor-phase{background:color-mix(in srgb,var(--pri) 12%,transparent);color:var(--pri);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.stor-phase.new{color:#b45309;background:#d9770626}.stor-sum{flex-wrap:wrap;align-items:baseline;gap:6px;margin:10px 0 6px;display:flex}.stor-sum b{font-size:24px}.stor b.ok,.stor i.ok{color:var(--ok)}.stor b.warn{color:#d97706}.stor b.bad{color:var(--bad)}.stor-bar,.stor-mini{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.stor-bar i,.stor-mini i{background:var(--ok);border-radius:999px;height:100%;transition:width .25s;display:block;position:relative}.stor-bar i.warn,.stor-mini i.warn{background:#f59e0b}.stor-bar i.bad,.stor-mini i.bad{background:var(--bad)}.stor-list{gap:8px;margin-top:12px;display:grid}.stor-row{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:1fr minmax(150px,230px);align-items:center;gap:6px 14px;padding:10px 12px;display:grid}.stor-who{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.stor-mail{word-break:break-all;font-weight:600}.stor-in{grid-template-columns:1fr 84px;align-items:center;gap:8px;display:grid}.stor-in input{text-align:right;width:100%;margin:0;padding:6px 8px}.stor-mini{position:relative;overflow:visible}.stor-mini u{background:var(--mut);opacity:.6;width:2px;height:16px;position:absolute;top:-3px}.stor-row small{grid-column:1/-1}.stor-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}@media (max-width:560px){.stor-row{grid-template-columns:1fr}}.so-sum{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0;display:grid}.so-sum>div{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px}.so-sum small{color:var(--mut);display:block}.so-sum b{font-size:22px}.so-home{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:10px;overflow:hidden}.so-btn{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;grid-template-columns:150px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.so-btn:hover{background:color-mix(in srgb,var(--pri) 5%,transparent)}.so-name{font-weight:700}.so-name small{color:var(--mut);font-weight:400;display:block}.so-meter{gap:4px;display:grid}.so-meter span{font-size:13px}.so-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.so-body{padding:0 14px 14px}@media (max-width:640px){.so-btn{grid-template-columns:1fr}.so-tags{justify-content:flex-start}}.mstor{gap:14px;display:grid}.mstor-top{align-items:center;gap:12px;display:flex}.mstor-ic{color:#fff;background:linear-gradient(135deg,#0f6cbd,#5fb0f5);border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.mstor-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mstor-box{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:14px}.mstor-box.now{border-color:color-mix(in srgb,var(--pri) 45%,var(--line));background:color-mix(in srgb,var(--pri) 6%,var(--surface))}.mstor-box.next{border-style:dashed}.mstor-box small{color:var(--mut);display:block}.mstor-box b{margin:2px 0;font-size:26px;display:block}.mstor-box.next b{color:#b45309}.mstor-use{background:color-mix(in srgb,var(--pri) 5%,var(--surface));border-radius:12px;padding:12px 14px}.mstor-note{color:#7a4a00;background:#f59e0b24;border-radius:12px;padding:10px 12px;font-size:14px}@media (max-width:560px){.mstor-grid{grid-template-columns:1fr}}.so-meter b.ok{color:var(--ok)}.so-meter b.warn{color:#d97706}.so-meter b.bad{color:var(--bad)}.sself{border:1.5px solid color-mix(in srgb,var(--pri) 35%,var(--line));background:var(--surface);border-radius:14px;gap:10px;padding:14px;display:grid}.sself-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sself-pill{border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.sself-pill.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.sself-pill.warn{color:#9a5b00;background:#f59e0b2e}.sself-pill.bad{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.sself-ok{color:var(--ok);font-weight:600}.sself-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sself-row label{gap:4px;font-size:14px;font-weight:600;display:grid}.sself-in{grid-template-columns:1fr 78px;gap:6px;display:grid}.sself-in input,.sself-in select{margin:0}.sself-conf{background:color-mix(in srgb,var(--ok) 8%,transparent);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;grid-template-columns:none!important;font-weight:500!important;display:flex!important}.sself-conf input{width:auto;height:auto;margin-top:3px}@media (max-width:560px){.sself-row{grid-template-columns:1fr}}.sg-link{color:var(--pri);font:inherit;cursor:pointer;text-underline-offset:3px;text-align:left;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.sg-modal{outline:0;max-width:460px;max-height:94vh;padding:18px;overflow:auto}.sg-top{justify-content:space-between;align-items:center;display:flex}.sg-badge{background:color-mix(in srgb,var(--pri) 12%,transparent);color:var(--pri);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.sg-x{background:var(--soft,#f1f5f9);cursor:pointer;width:32px;height:32px;color:var(--mut);border:0;border-radius:50%;font-size:14px}.sg-art{background:linear-gradient(160deg,color-mix(in srgb,var(--pri) 8%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:10px;animation:.25s sgin}.sg-svg{width:100%;height:auto;display:block}.sg-h{margin:4px 0 6px;font-size:19px}.sg-p{margin:0 0 10px;line-height:1.7}.sg-do{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px;display:grid}.sg-do>div{border:1px solid var(--line);border-radius:12px;gap:4px;padding:10px;font-size:13px;display:grid}.sg-do b.ok{color:var(--ok)}.sg-do b.bad{color:var(--bad)}.sg-do span{color:var(--mut)}.sg-note{color:var(--mut);margin:0 0 12px;font-size:12.5px;line-height:1.6}.sg-dots{justify-content:center;gap:6px;margin-bottom:12px;display:flex}.sg-dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.sg-dots i.on{background:var(--pri);border-radius:6px;width:22px}.sg-dots i.done{background:color-mix(in srgb,var(--pri) 45%,var(--line))}.sg-nav{justify-content:space-between;gap:8px;display:flex}@keyframes sgin{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:480px){.sg-do{grid-template-columns:1fr}}.estep{margin:10px 0 0;padding:0;list-style:none;position:relative}.estep-i{align-items:flex-start;gap:12px;padding:0 0 14px;display:flex;position:relative}.estep-i:last-child{padding-bottom:0}.estep-i:not(:last-child):before{content:"";background:#d6dbe4;width:2px;position:absolute;top:32px;bottom:2px;left:15px}.estep-i.done:not(:last-child):before{background:#107c10}.estep-dot{color:#8a8886;background:#eef0f4;border:2px solid #d6dbe4;border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font-weight:700;display:grid}.estep-i.done .estep-dot{color:#fff;background:#107c10;border-color:#107c10}.estep-i.now .estep-dot{color:#fff;background:#0f6cbd;border-color:#0f6cbd;box-shadow:0 0 0 4px #0f6cbd2e}.estep-tx{flex-direction:column;gap:2px;min-width:0;padding-top:4px;display:flex}.estep-tx b{font-size:15px;line-height:1.35}.estep-tx small{color:var(--mut);font-size:13px;line-height:1.4}.estep-i.todo .estep-tx b{color:#a19f9d;font-weight:600}.estep-i.now .estep-tx b{color:#0f6cbd}