:root{--bg:#e9f5f3;--panel:#fff;--ink:#12262b;--mute:#587278;--line:#cfe3df;--accent:#0b7a75;--onaccent:#fff;--warn:#d9480f;--danger:#dc2626;--warnbg:#ffe8d9;--ok:#12805c;--adm:#fff1c2;--admink:#3d2f00;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#0e1b1e;--panel:#162a2e;--ink:#e6f4f2;--mute:#8fb0ab;--line:#26413f;--accent:#3ec9bf;--onaccent:#062a28;--warn:#ff9a66;--danger:#ef4444;--warnbg:#3b2418;--ok:#5fd1a4;--adm:#4a3b00;--admink:#ffe9a3}}*,:after,:before{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}b,h2,h3,strong{font-weight:550}a{color:var(--accent)}.wrap{max-width:860px;margin:0 auto;padding:0 16px 48px}.narrow{max-width:420px}.narrow,.top{margin:0 auto}.top{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:860px}.brand{font-weight:600;font-size:20px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}.top .grow{flex:1 1}h1{font-size:clamp(30px,7vw,48px);line-height:1.08;letter-spacing:-.03em;margin:20px 0 12px;font-weight:600}h2{font-size:18px;margin:0 0 10px}h3{font-size:15px;margin:16px 0 6px}.lead{font-size:17px;max-width:52ch;margin:0 0 20px}.hint{font-size:13px;color:var(--mute)}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px}label{display:block;font-size:13px;color:var(--mute);margin:12px 0 4px}label:first-child{margin-top:0}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}input[type=checkbox]{width:auto}input[type=color]{padding:2px;height:42px;width:80px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;min-height:70px}pre{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;overflow-x:auto;font-size:13px;margin:8px 0;white-space:pre-wrap;word-break:break-all}.btn{display:inline-block;border:0;background:var(--accent);color:var(--onaccent);font:inherit;font-weight:500;padding:10px 16px;border-radius:10px;cursor:pointer;text-decoration:none;text-align:center}.btn.ghost{color:var(--ink)}.btn.danger,.btn.ghost{background:none;border:1px solid var(--line)}.btn.danger{color:var(--danger)}.btn.sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.grid2{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.err{color:var(--warn);font-size:14px;min-height:20px;margin:8px 0 0}.ok{color:var(--ok)}.tabs{position:-webkit-sticky;position:sticky;top:0;z-index:3;background:var(--bg);display:flex;gap:6px;overflow-x:auto;padding:8px 16px;max-width:860px;margin:0 auto}.tabs button{flex:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-weight:450;font-size:14px;padding:7px 14px;border-radius:999px;cursor:pointer}.tabs button[aria-selected=true]{background:var(--accent);color:var(--onaccent);border-color:var(--accent)}.tabs i{font-style:normal;background:var(--warn);color:#fff;font-size:11px;border-radius:9px;padding:1px 6px;margin-left:6px}.li{display:flex;gap:10px;align-items:center;padding:12px 0;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);color:var(--ink);font:inherit}button.li{cursor:pointer}.li:first-child{border-top:0}.li .no{flex:0 0 28px;align-self:flex-start;text-align:right;font-weight:400;color:var(--mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.li .open{flex:1 1;min-width:0;display:flex;gap:10px;align-items:center;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.li .t.stack b,.li .t.stack small{white-space:normal;overflow:visible}.li.edit{align-items:flex-start}.li.edit .no{padding-top:11px}.li.edit .t .row:last-child{margin-top:10px}.li .t .grid3{display:grid;grid-gap:8px;gap:8px;grid-template-columns:2fr 1fr 1fr}@media(max-width:560px){.li .t .grid3{grid-template-columns:1fr}}.li .t{flex:1 1;min-width:0}.li .t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li .nm{display:flex;align-items:baseline;gap:8px;min-width:0}.li .nm b{flex:0 1 auto;min-width:0;font-weight:500}.li .nm time{flex:none;font-size:12px;color:var(--mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.li .tags{display:flex;flex-wrap:wrap;gap:6px;flex:none}.li.conv .del{align-self:flex-start;border-color:transparent;padding:6px 10px;font-size:13px}.li .t small{display:block;color:var(--mute);overflow:hidden;text-overflow:ellipsis}.li .t small,.tag{white-space:nowrap}.tag{font-size:12px;font-weight:450;padding:3px 10px;border-radius:999px;background:var(--line);color:var(--ink)}.tag.w{background:var(--warnbg);color:var(--warn)}.tag.a{background:var(--accent);color:var(--onaccent)}.tag.ok{background:color-mix(in srgb,var(--ok) 16%,var(--panel));color:var(--ok);font-weight:550}.item{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}.item .grid3{display:grid;grid-gap:8px;gap:8px;grid-template-columns:2fr 1fr 1fr}.msgs{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow-y:auto;padding:4px 2px}.m{max-width:85%;padding:9px 12px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word;font-size:15px}.m small{display:block;font-size:11px;opacity:.65;margin-top:3px}.m.customer{align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:4px}.m.bot{background:var(--accent);color:var(--onaccent)}.m.admin,.m.bot{align-self:flex-end;border-bottom-right-radius:4px}.m.admin{background:var(--adm);color:var(--admink)}.m em{display:block;font-style:normal;font-weight:500;font-size:12px;margin-bottom:2px}.bar{height:10px;background:var(--line);border-radius:999px;overflow:hidden;margin:6px 0 4px}.bar i{display:block;height:100%;background:var(--accent)}.bar.hot i{background:var(--warn)}.toast{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:16px;z-index:30;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 32px));background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 14px 10px 10px;font-size:14px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.14);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.on{opacity:1;transform:none}.toast i{flex:0 0 22px;height:22px;border-radius:50%;background:var(--ok);color:var(--panel);display:grid;place-items:center}.toast.err i{background:var(--warn)}.toast svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media(max-width:560px){.toast{left:16px;right:16px;max-width:none}}.steps{display:grid;grid-gap:12px;gap:12px;margin-top:28px}@media (min-width:720px){.steps{grid-template-columns:repeat(3,1fr)}}iframe.preview{width:100%;height:520px;border:1px solid var(--line);border-radius:12px;background:#fff}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn.lg{padding:13px 22px;font-size:16px;border-radius:12px}.btn.inv{background:var(--onaccent);color:var(--accent)}.spin{display:inline-block;width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;vertical-align:-2px;margin-right:8px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.sk{display:block;border-radius:8px;background:linear-gradient(90deg,var(--line) 0,color-mix(in srgb,var(--line) 35%,var(--panel)) 50%,var(--line) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sk-gap{display:grid;grid-gap:8px;gap:8px}.preview-box{position:relative}.preview-box .sk-over{position:absolute;inset:0;border-radius:12px;pointer-events:none}.app{min-height:100vh}.app-main{margin-left:248px;min-width:0}.app-main .wrap{padding-top:28px}.ptitle{font-size:26px;line-height:1.15;letter-spacing:-.02em;margin:0 0 18px;font-weight:600}.side{position:fixed;top:0;bottom:0;left:0;width:248px;z-index:30;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px;padding:calc(18px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px))}.side .brand{padding:0 8px}.shopbox{margin:0 4px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line);min-width:0}.shopbox b{font-size:14px}.shopbox b,.shopbox small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopbox small{font-size:12px;color:var(--mute)}.side nav{display:flex;flex-direction:column;gap:2px;flex:1 1;overflow-y:auto}.nav-i{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;background:none;color:var(--ink);font:inherit;font-weight:450;font-size:15px;border-radius:10px;cursor:pointer;text-align:left}.nav-i svg{flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.nav-i:hover{background:var(--bg)}.nav-i[aria-current=page]{background:var(--accent);color:var(--onaccent)}.nav-i[aria-current=page] svg{opacity:1}.nav-i i{margin-left:auto;font-style:normal;background:var(--warn);color:#fff;font-size:11px;border-radius:9px;padding:1px 7px}.side-foot{border-top:1px solid var(--line);padding:12px 8px 0;display:grid;grid-gap:8px;gap:8px}.side-foot .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbar,.scrim{display:none}@media (max-width:859px){.app-main{margin-left:0}.app-main .wrap{padding-top:16px}.mbar{display:flex;align-items:center;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--bg);padding:10px 16px;border-bottom:1px solid var(--line)}.mbar button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}.mbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.mbar .grow{flex:1 1}.mbar i{font-style:normal;font-size:11px;border-radius:9px;padding:1px 7px}.mbar i,.mbar-notif{background:var(--warn);color:#fff}.mbar-notif{display:flex;align-items:center;gap:5px;border-radius:999px;padding:6px 11px;text-decoration:none;font-size:13px;font-weight:600;line-height:1}.mbar-notif svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mbar-notif b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.side{transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s;box-shadow:none}.side.open{transform:none;visibility:visible;transition-delay:0s;box-shadow:0 0 40px rgba(0,0,0,.25)}.scrim{display:block;position:fixed;inset:0;z-index:25;background:rgba(7,20,22,.5);opacity:0;pointer-events:none;transition:opacity .2s}.scrim.on{opacity:1;pointer-events:auto}}.nav{display:flex;align-items:center;gap:10px;max-width:1080px;margin:0 auto;padding:14px 20px}.nav .grow{flex:1 1}.land{max-width:1080px;margin:0 auto;padding:0 20px 40px}.hero{display:grid;grid-gap:36px;gap:36px;padding:28px 0 56px;align-items:center}@media (min-width:900px){.hero{grid-template-columns:1.05fr .95fr;gap:56px;padding:56px 0 80px}}.hero h1{font-size:clamp(34px,6.2vw,60px);line-height:1.04;letter-spacing:-.035em;margin:0 0 16px;font-weight:600;font-optical-sizing:auto}.hero .lead{font-size:18px;max-width:46ch}.hero .note{margin:14px 0 0;font-size:14px;color:var(--mute)}.demo{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:0;overflow:hidden;box-shadow:0 18px 50px -24px color-mix(in srgb,var(--accent) 55%,transparent);max-width:440px;width:100%;justify-self:center}.demo-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.demo-h .av{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--onaccent);display:grid;place-items:center;font-weight:600}.demo-h b{display:block;font-size:15px;line-height:1.2}.demo-h small{color:var(--mute);font-size:12px}.demo-b{display:flex;flex-direction:column;gap:8px;padding:16px;min-height:380px}.demo .b{max-width:84%;padding:9px 13px;border-radius:16px;font-size:15px;line-height:1.4;animation:pop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.85s + .4s)}.demo .b.c{align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:4px}.demo .b.r{background:var(--accent);color:var(--onaccent)}.demo .b.h,.demo .b.r{align-self:flex-end;border-bottom-right-radius:4px}.demo .b.h{background:var(--adm);color:var(--admink)}.demo .b.h em{display:block;font-style:normal;font-weight:600;font-size:12px;margin-bottom:2px}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.97)}}.sec{padding:48px 0;border-top:1px solid var(--line)}.sec h2{font-size:clamp(24px,4vw,34px);letter-spacing:-.025em;line-height:1.1;margin:0 0 24px;font-weight:600}.flow{list-style:none;margin:0;padding:0;display:grid;grid-gap:16px;gap:16px}@media (min-width:760px){.flow{grid-template-columns:repeat(3,1fr);gap:20px}}.flow li{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 30px -22px color-mix(in srgb,var(--accent) 70%,transparent)}@media (min-width:760px){.flow li:not(:last-child):after{content:"";position:absolute;top:44px;right:-21px;width:22px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 4px,transparent 4px 8px);z-index:1}}.flow .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--panel));margin-bottom:12px}.flow .ic,.flow .n{color:var(--accent)}.flow .n{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.flow h3{font-size:19px;margin:0 0 4px;letter-spacing:-.01em}.flow p{margin:0;color:var(--mute)}.ctrl{display:grid;grid-gap:0;gap:0;margin:0}@media (min-width:760px){.ctrl{grid-template-columns:1fr 1fr;column-gap:48px}}.ctrl div{padding:16px 0;border-top:1px solid var(--line)}.ctrl dt{font-weight:550;font-size:17px;margin-bottom:4px}.ctrl dd{margin:0;color:var(--mute)}.cta{background:var(--accent);color:var(--onaccent);border-radius:24px;padding:36px 24px;margin:24px 0 36px;display:grid;grid-gap:16px;gap:16px;justify-items:start}@media (min-width:760px){.cta{padding:48px}}.cta h2{margin:0;font-size:clamp(26px,4.4vw,38px);line-height:1.08;letter-spacing:-.03em;font-weight:600;max-width:20ch}.cta p{margin:0;max-width:48ch;opacity:.9}.foot{max-width:1080px;margin:0 auto;padding:0 20px 28px;color:var(--mute);font-size:13px}.auth{min-height:100vh;display:grid}@media (min-width:900px){.auth{grid-template-columns:1fr 1fr}}.auth-art{display:none;background:var(--accent);color:var(--onaccent);padding:40px 48px;flex-direction:column;justify-content:space-between;gap:32px}@media (min-width:900px){.auth-art{display:flex}}.auth-art .brand{color:var(--onaccent)}.auth-art .brand span{color:inherit;opacity:.75}.auth-art h2{font-size:clamp(30px,3.4vw,44px);line-height:1.08;letter-spacing:-.03em;margin:0;font-weight:600;max-width:15ch}.art-chat{display:flex;flex-direction:column;gap:8px;max-width:340px}.art-chat span{padding:9px 13px;border-radius:16px;font-size:15px;background:color-mix(in srgb,var(--onaccent) 15%,transparent)}.art-chat .l{align-self:flex-start;border-bottom-left-radius:4px}.art-chat .r{align-self:flex-end;border-bottom-right-radius:4px;background:var(--onaccent);color:var(--accent)}.auth-form{display:flex;flex-direction:column;padding:18px 20px 32px}.auth-form .brand{display:inline-block}.auth-box{flex:1 1;display:flex;flex-direction:column;justify-content:center;max-width:380px;width:100%;margin:0 auto;padding:24px 0}.auth-box h1{font-size:34px;margin:0 0 6px;letter-spacing:-.03em}.auth-box .sub{margin:0 0 20px;color:var(--mute)}.seg{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;border-radius:12px;background:var(--panel);border:1px solid var(--line);margin-bottom:20px}.seg button{border:0;background:none;color:var(--mute);font:inherit;font-weight:500;padding:9px;border-radius:9px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--accent);color:var(--onaccent)}.pw{position:relative}.pw input{padding-right:92px}.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--accent);font:inherit;font-weight:500;font-size:13px;padding:6px 10px;border-radius:8px;cursor:pointer}.auth-box .field-hint{font-size:12px;color:var(--mute);margin:6px 0 0}@media (prefers-reduced-motion:reduce){.demo .b,.sk,.spin{animation:none!important}.scrim,.side{transition:none!important}}a.nav-i{text-decoration:none}.hint .spin{width:11px;height:11px;margin-right:6px}.btn.sm .spin{width:12px;height:12px;margin-right:6px}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.modal-bg{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:20px;width:100%;max-width:380px;box-shadow:0 12px 40px rgba(0,0,0,.25)}.modal h3{margin:0 0 6px;font-size:18px}.modal .row{flex-direction:row;justify-content:flex-end}.modal p{margin:0;color:var(--mute);font-size:14px}.busy{display:inline-grid;align-items:center;justify-items:center}.busy>*{grid-area:1/1}.busy.on .busy-t{visibility:hidden}.busy .spin{margin:0;vertical-align:baseline}:root{--info:#2563eb}@media (prefers-color-scheme:dark){:root{--info:#60a5fa}}.guide{border:1px solid var(--line);border-radius:12px;background:var(--bg);margin:10px 0 14px}.guide summary{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-weight:450;font-size:15px;list-style:none;border-radius:12px}.guide summary::-webkit-details-marker{display:none}.guide summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide .gi{flex:none;width:20px;height:20px;color:var(--info)}.guide .gc{flex:none;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--mute);stroke-width:2;transition:transform .15s}.guide[open] .gc{transform:rotate(180deg)}.guide-body{padding:0 14px 12px;font-size:14px}.guide-body ol{margin:0;padding-left:20px}.guide-body li{margin:0 0 8px}.guide-body li:last-child{margin-bottom:0}.guide-body .hint{margin:10px 0 0}.shopbox select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23587278' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;padding:8px 30px 8px 10px;font-size:14px;font-weight:550;margin-bottom:6px;cursor:pointer;text-overflow:ellipsis}.shopbox{display:grid;grid-gap:2px;gap:2px}.shopbox b{font-size:15px;font-weight:600}.linkbtn{display:flex;align-items:center;gap:6px;width:100%;margin-top:8px;padding:7px 8px;background:var(--panel);border:1px dashed var(--line);border-radius:8px;color:var(--accent);font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-align:left}.linkbtn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.mem{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.mem:first-of-type{border-top:0}.mem .t{flex:1 1;min-width:0}.mem .t b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mem .t small{color:var(--mute);font-size:12px}.sw{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:15px;margin:10px 0 0}.lead{margin:-6px 0 16px;color:var(--mute);font-size:14px;line-height:1.55;max-width:720px}.stats{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;grid-gap:2px;gap:2px;min-width:0}.stat b{font-size:18px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat small{font-size:12px;color:var(--mute)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px!important}.sect{font-size:12px;font-weight:550;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:22px 2px 10px}.chead{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.chead h2{margin:0 0 2px;font-size:17px}.chead p{margin:0}.chead .tag{flex:none}.fgrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.fgrid.one{grid-template-columns:1fr}.fgrid label{margin:0;font-size:14px;color:var(--ink)}.flabel{display:block;margin-bottom:5px;font-weight:500}.flabel,.test{font-size:13px}.test.ok{color:var(--ok)}.test.bad{color:var(--warn)}.card.plan{border-left:4px solid var(--accent)}@media (max-width:640px){.fgrid,.stats{grid-template-columns:1fr}.chead{flex-direction:column;gap:8px}}.phead{margin-bottom:18px}.phead .ptitle{margin:0}.psub{margin:4px 0 0;font-size:14px;color:var(--mute)}.keylist{display:grid;grid-gap:12px;gap:12px;margin-bottom:12px}.keyslot{display:grid;grid-gap:4px;gap:4px;min-width:0}.keyrow{display:flex;gap:8px;align-items:center}.keyrow input{flex:1 1;min-width:0}.keyrow .btn{flex:none}.stats.s4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.stats.s4{grid-template-columns:1fr 1fr}}.chead .btn{flex:none}.hint.note{margin:10px 0 0}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:6px}.toolbar input{flex:1 1;min-width:0}.toolbar .hint{flex:none;white-space:nowrap}.empty{text-align:center;padding:28px 12px;color:var(--mute);font-size:14px}.empty b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}.empty p{margin:0}.rows{margin-top:6px}.srow{padding:14px 0;border-top:1px solid var(--line)}.rows>.srow:first-child{border-top:0}.srow-h{display:flex;align-items:center;gap:8px;min-width:0}.srow .t{flex:1 1;min-width:0}.srow .t b,.srow .t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srow .t small{color:var(--mute);font-size:13px}.srow-btn{width:100%;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px}.chev{flex:none;width:16px;height:16px;fill:none;stroke:var(--mute);stroke-width:2;transition:transform .15s}.chev.up{transform:rotate(180deg)}.detail{margin-top:12px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.detail h3{margin:0 0 2px;font-size:15px}.detail p.hint{margin:0 0 10px}.danger-zone,.detail input,.detail select{background:var(--panel)}.danger-zone{margin-top:16px;padding:14px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:12px}.danger-zone h3{color:var(--danger)}.li .amt{font-weight:550;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:560px){.li.pay{flex-wrap:wrap}.li.pay .t{flex:1 0 100%}.li.pay .amt{margin-right:auto}}.urow{align-items:flex-start}.av{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);color:var(--accent);font-weight:600}.chips{margin-top:6px}.chips,.utags{display:flex;flex-wrap:wrap;gap:6px}.utags{justify-content:flex-end}@media (max-width:560px){.urow{flex-wrap:wrap}.utags{flex:1 0 100%;justify-content:flex-start;padding-left:46px}}.olist{margin:0;padding-left:20px}.olist li{margin:0 0 8px}.olist li:last-child{margin-bottom:0}.code{border:1px solid var(--line);border-radius:6px;padding:1px 6px;word-break:break-all;font-size:13px}.code,.row.savebar{background:var(--bg)}.row.savebar{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;margin:16px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}@media (max-width:560px){body{font-size:15px}.wrap{padding:0 14px 40px}.app-main .wrap{padding-top:14px}.ptitle{font-size:22px;margin-bottom:14px}h2{font-size:16px}.card{padding:14px;border-radius:14px;margin-bottom:12px}.brand{font-size:19px}.mbar{padding:8px 14px}.li{gap:8px;padding:12px 0}.li .no{flex-basis:20px;font-size:13px;padding-top:1px}.li .open{flex-wrap:wrap;gap:6px 8px}.li .open .t{flex:1 1 100%}.li .t small{font-size:13px}.li .tags{flex:1 1 100%}.tag{font-size:11.5px;padding:2px 9px}.li.conv .del{color:var(--danger);padding:6px 8px}.btn{padding:10px 14px}.btn.sm{padding:7px 12px}.m{font-size:14.5px}.msgs{max-height:58vh}.lead{font-size:15px}.hero h1{font-size:clamp(30px,9vw,40px)}.sec{padding:36px 0}.sec h2{font-size:24px}.cta{padding:28px 20px;border-radius:20px}.land,.nav{padding-left:16px;padding-right:16px}}.addbar{margin:0 0 14px}@media (max-width:560px){.addbar .btn{display:block;width:100%}}.plan-now{border-left:4px solid var(--accent)}.plan-now h2{margin:2px 0 0;font-size:22px;letter-spacing:-.02em}.pn-h{align-items:flex-start;margin-bottom:6px}.plan-now .use,.pn-h{display:flex;justify-content:space-between;gap:10px}.plan-now .use{align-items:baseline;margin-top:16px;font-size:14px;color:var(--mute)}.plan-now .use b{color:var(--ink);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plan-now .use .pct{font-size:13px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plan-now .use .pct.hot{color:var(--warn)}.plan-now p.hint{margin-top:10px}.sect-t{font-size:16px;margin:22px 2px 10px}.terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:8px;gap:8px;margin-bottom:12px}.terms button{display:grid;grid-gap:1px;gap:1px;justify-items:center;padding:10px 6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;text-align:center}.terms button b{font-weight:500;font-size:15px}.terms button small{font-size:12px;color:var(--mute)}.terms button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.terms button[aria-pressed=true] small{color:var(--accent)}.plans{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:14px}.pcard{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.pcard.cur{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok);background:color-mix(in srgb,var(--ok) 5%,var(--panel))}.pcard .ph{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pcard .ph b{font-size:17px;font-weight:550;margin-right:2px}.pcard .price{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pcard .price small{font-weight:400;letter-spacing:0}.pcard .price small,.pcard .was{font-size:13px;color:var(--mute)}.pcard .was{margin-top:-4px}.pcard .hint{margin:0 0 6px}.pcard .btn{margin-top:auto;width:100%}.note-pay{margin:0 2px 14px}.li.pay{flex-wrap:wrap}.li.pay .t{flex:1 1 60%}.li .oid{font-size:11.5px;word-break:break-all;opacity:.8}.li .oid,.li .t.stack small{white-space:normal}.pstep{padding:18px}.pstep-h{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.pstep-h h2{margin:0 0 2px;font-size:17px}.pstep-h .hint{margin:0;line-height:1.55}.pstep-no{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--onaccent);font-size:14px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pstep-note{margin:8px 0 0}.pstep textarea.mono{line-height:1.6}.codebox{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}.codebox-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--line);background:var(--panel);font-size:13px;color:var(--mute)}.codebox pre{margin:0;border:0;border-radius:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.linkbox{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.linkbox-url{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.linkbox-act{display:flex;gap:8px;flex:none}@media (max-width:560px){.pstep{padding:14px}.linkbox{flex-direction:column;align-items:stretch;padding:12px}.linkbox-url{white-space:normal;word-break:break-all}.linkbox-act .btn{flex:1 1}}.usage{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.usage b{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage span{color:var(--mute);font-size:14px}.usage small{margin-left:auto;color:var(--mute);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.swrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:15px;cursor:pointer}.swrow-t{display:grid;grid-gap:1px;gap:1px;min-width:0}.swrow-t b{font-weight:500}.swrow-t small{color:var(--mute);font-size:13px}.swrow input[type=checkbox]{flex:none;width:20px;height:20px;accent-color:var(--accent)}.fsec{margin:20px 0 10px;padding-top:16px;border-top:1px solid var(--line);font-size:15px}.fgrid>div{min-width:0}.fgrid>div>label{margin-top:0;margin-bottom:5px;font-size:13px;color:var(--mute)}.field-hint{margin:6px 0 0}.colorrow{display:flex;align-items:center;gap:10px}.bot-save{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.tfield{margin-top:12px}.card.dz{border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.card.dz h2{color:var(--danger)}.card.dz .chead{border-bottom:0;padding-bottom:0;margin-bottom:12px}.card.dz .row{margin-top:0}.coba-frame{max-width:480px;margin:0 auto}.coba-act{max-width:480px;margin:14px auto 0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.card>.chead .btn{align-self:flex-start}.diag-sum{margin:12px 0 4px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:14px}.diag-sum.ok{border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}.diag-sum.bad{border-color:color-mix(in srgb,var(--warn) 50%,var(--line))}.diag{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.diag:first-child{border-top:0}.diag-i{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:var(--panel)}.diag-i.bad{background:var(--warn)}.diag-i svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.diag .t{flex:1 1;min-width:0}.diag .t b{display:block;font-weight:500}.diag .t small{display:block;color:var(--mute);font-size:13px}.diag .t small.tech{margin-top:4px}.diag .tag{flex:none}@media (max-width:560px){.diag{flex-wrap:wrap}.diag .tag{margin-left:36px}}.navlink{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;padding:6px 10px}.navlink:hover{color:var(--accent)}.prices{display:grid;grid-gap:16px;gap:16px;margin-bottom:16px}@media (min-width:760px){.prices{grid-template-columns:repeat(3,1fr);gap:20px}}.price-c{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.price-c.feat{border:2px solid var(--accent)}.price-c .ph{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price-c .ph b{font-size:18px}.price-c .amt{font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.1}.price-c .amt small{font-size:14px;font-weight:400;color:var(--mute);letter-spacing:0}.price-c .was{font-size:13px;color:var(--mute);margin-top:-6px}.price-c ul{list-style:none;margin:4px 0 8px;padding:0;display:grid;grid-gap:6px;gap:6px;flex:1 1;color:var(--mute);font-size:15px}.price-c li{display:flex;align-items:flex-start;gap:8px}.price-c .ck{flex:none;color:var(--accent);margin-top:2px}.price-c li b{color:var(--ink);font-weight:550}.price-c .btn{width:100%}html{scroll-behavior:smooth}.rv.arm .flow li,.rv.arm .price-c{opacity:0;transform:translateY(22px)}.rv.in .flow li,.rv.in .price-c{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.rv.in .flow li:nth-child(2),.rv.in .price-c:nth-child(2){animation-delay:.15s}.rv.in .flow li:nth-child(3),.rv.in .price-c:nth-child(3){animation-delay:.3s}.rv.in .flow li:not(:last-child):after{transform-origin:left;animation:draw .5s ease-out both;animation-delay:.45s}.rv.in .flow li:nth-child(2):after{animation-delay:.6s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.rv .flow li,.rv .price-c{animation:none!important;opacity:1!important;transform:none!important}}.expiry{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--warnbg);border:1px solid var(--warn);color:var(--ink);border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:14px}.expiry span{flex:1 1 220px}.mini{display:flex;align-items:flex-end;gap:8px;height:150px;padding-top:6px}.mini-c{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.mini-c i{display:block;width:100%;max-width:44px;background:var(--accent);border-radius:6px 6px 2px 2px;opacity:.9}.mini-c small{font-size:12px;color:var(--mute)}.mini-n{font-size:12px;font-weight:550;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-height:16px}