.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.bx{overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .3s var(--ease),box-shadow .3s}.bx:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.b-theme,.b-logic,.b-convo{grid-column:span 2}.b-log,.b-spam,.b-phone{grid-column:span 3}@media(min-width:961px){.b-log,.b-spam,.b-phone{grid-column:span 2}}.bx-art{position:relative;height:210px;background:linear-gradient(160deg,var(--surface-2),var(--bg-2));border-bottom:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.bx-tx{padding:22px 24px 26px;display:grid;gap:8px;align-content:start}.bx-tx p{color:var(--fg-2);font-size:15px}.mi{display:block;height:22px;border-radius:6px;border:1px solid var(--line-2);background:var(--surface)}.mb{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 14px;border-radius:99px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;justify-self:start}.mf{position:absolute;width:62%;padding:16px;display:grid;gap:9px;border-radius:12px;box-shadow:var(--shadow);animation:skin 9s infinite;animation-delay:calc(var(--i) * 3s);opacity:0}.mf b{font-size:15px}.mf-dawn{background:#fff;color:#121212}.mf-dawn .mi{border-radius:0;border-color:#8b8b8b;background:#fff}.mf-dawn .mb{border-radius:0;background:#121212}.mf-atelier{background:#f6f0ea;color:#2b2420;font-family:Georgia,serif}.mf-atelier .mi{border-radius:6px;border-color:#c9b9ac;background:#fffdfb}.mf-atelier .mb{background:#8c5a3c;font-family:var(--font)}.mf-volt{background:#111014;color:#f3f2f5;text-transform:uppercase}.mf-volt b{font-weight:800}.mf-volt .mi{border-radius:8px;border-color:#45434d;background:#1b1a20}.mf-volt .mb{border-radius:8px;background:#ff5a36;color:#111014}@keyframes skin{0%{opacity:0;transform:translateY(10px) scale(.97)}6%,33%{opacity:1;transform:none}39%,to{opacity:0;transform:translateY(-8px) scale(.98)}}.b-logic .bx-art{place-items:center start;padding:0 26px;align-content:center;gap:10px}.lg-q{font-size:13px;font-weight:650}.lg-chips{display:flex;gap:8px}.lg-chips span{height:30px;padding:0 12px;display:inline-flex;align-items:center;border-radius:99px;border:1px solid var(--line-2);background:var(--surface);font-size:12px;font-weight:600}.lg-on{animation:lgOn 5s infinite}.lg-new{display:grid;grid-template-rows:0fr;width:100%;animation:lgNew 5s infinite}.lg-new>div{overflow:hidden;display:grid;gap:6px}.lg-l{font-size:12px;font-weight:650;display:flex;gap:6px;align-items:center}.lg-l em{font-style:normal;display:inline-flex;gap:3px;align-items:center;font-size:10.5px;padding:1px 7px;border-radius:99px;background:var(--brand-soft);color:var(--brand-ink)}.lg-l .ic{width:10px;height:10px}@keyframes lgOn{0%,18%{background:var(--surface);color:var(--fg);border-color:var(--line-2)}24%,88%{background:var(--brand);color:#fff;border-color:var(--brand)}94%,to{background:var(--surface);color:var(--fg)}}@keyframes lgNew{0%,28%{grid-template-rows:0fr;opacity:0}38%,86%{grid-template-rows:1fr;opacity:1}94%,to{grid-template-rows:0fr;opacity:0}}.b-convo .bx-art{place-items:start center}.cv-prog{position:absolute;left:0;right:0;top:0;height:3px;background:color-mix(in srgb,var(--brand) 18%,transparent)}.cv-prog i{display:block;height:100%;background:var(--brand);animation:cvProg 9s infinite var(--ease)}.cv-track{width:78%;animation:cvSlide 9s infinite var(--ease)}.cv-q{height:210px;display:grid;align-content:center;gap:7px}.cv-q small{color:var(--brand-ink);font-weight:700;font-size:11px}.cv-q b{font-size:16px;letter-spacing:-.01em}.cv-q span{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line-2));border-radius:7px;font-size:12px;background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.cv-q span.on{background:color-mix(in srgb,var(--brand) 18%,var(--surface));border-color:var(--brand)}.cv-q em{width:17px;height:17px;display:grid;place-items:center;border-radius:4px;border:1px solid var(--brand);font-style:normal;font-size:9.5px;font-weight:800;color:var(--brand-ink);background:var(--surface)}.cv-q span.on em{background:var(--brand);color:#fff}@keyframes cvSlide{0%,27%{transform:translateY(0)}33%,60%{transform:translateY(-210px)}66%,93%{transform:translateY(-420px)}to{transform:translateY(0)}}@keyframes cvProg{0%,27%{width:18%}33%,60%{width:55%}66%,93%{width:100%}to{width:18%}}.b-log .bx-art{place-items:stretch;align-content:center;gap:8px;padding:0 22px}.dl-h{display:flex;justify-content:space-between;font-size:12px;color:var(--fg-3);margin-bottom:2px}.dl-h b{color:var(--fg)}.dl{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:13px}.dl .pill{margin-left:auto;height:22px;font-size:11px;font-style:normal}.dl-i{width:16px;height:16px;color:var(--ok);stroke-width:2.6}.dl-icn{position:relative;width:16px;height:16px}.dl-icn .ic{position:absolute;inset:0;width:16px;height:16px}.dl-r{color:var(--warn);animation:spinR 1.2s linear infinite,swA 6s infinite}.dl-c{color:var(--ok);stroke-width:2.6;animation:swB 6s infinite}.dl-st{margin-left:auto;position:relative;display:grid}.dl-st .pill{grid-area:1 / 1;margin:0;justify-self:end}.dl-st .warn{animation:swA 6s infinite}.dl-st .ok{animation:swB 6s infinite}@keyframes swA{0%,55%{opacity:1}60%,95%{opacity:0}to{opacity:1}}@keyframes swB{0%,55%{opacity:0;transform:scale(.85)}62%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes spinR{to{rotate:360deg}}@property --n{syntax: "<integer>"; inherits: false; initial-value: 1188;}.b-spam .bx-art{align-content:center;gap:6px}.sp-shield{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);animation:pulse 2.4s infinite}.sp-shield .ic{width:28px;height:28px}.sp-n{font-size:40px;font-weight:800;letter-spacing:-.03em;counter-reset:n var(--n);animation:tick 8s infinite steps(96);font-variant-numeric:tabular-nums}.sp-n:after{content:counter(n)}.sp-l{font-size:13px;color:var(--fg-3)}@keyframes tick{0%{--n: 1188}to{--n: 1284}}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--brand) 30%,transparent)}50%{box-shadow:0 0 0 14px transparent}}.ph-f{width:132px;height:236px;margin-top:40px;border-radius:26px;border:6px solid #17151f;background:var(--surface);overflow:hidden;box-shadow:var(--shadow-lg)}.ph-scroll{display:grid;gap:9px;padding:16px 12px;animation:phS 7s infinite var(--ease)}.ph-scroll b{font-size:12px;line-height:1.2}.ph-ch{display:flex;gap:5px}.ph-ch i{flex:1;height:22px;border-radius:99px;border:1px solid var(--line-2)}.ph-ch .on{background:var(--brand);border-color:var(--brand)}@keyframes phS{0%,25%{transform:translateY(0)}55%,80%{transform:translateY(-120px)}to{transform:translateY(0)}}@media(max-width:960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bx{grid-column:span 1!important}}@media(max-width:640px){.bento{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.mf:first-child{opacity:1}.lg-on{background:var(--brand);color:#fff}.lg-new{grid-template-rows:1fr;opacity:1}.dl-st .warn,.dl-r{opacity:0}.dl-st .ok,.dl-c{opacity:1}}.tour{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:26px;align-items:start}.tour-tabs{display:grid;gap:6px}.tour-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--fg-2);transition:background .25s,border-color .25s,color .25s;overflow:hidden}.tour-tabs button .ic{grid-row:span 2;margin-top:2px;color:var(--fg-3)}.tt-t{font-weight:700;font-size:17px;color:var(--fg)}.tt-d{font-size:14px;line-height:1.5;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease);overflow:hidden}.tour-tabs button[aria-selected=true]{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-xs)}.tour-tabs button[aria-selected=true] .ic{color:var(--brand)}.tour-tabs button[aria-selected=true] .tt-d{grid-template-rows:1fr}.tour-tabs button:hover:not([aria-selected=true]){background:var(--surface-2)}.tt-bar{position:absolute;left:18px;right:18px;bottom:0;height:2px;background:transparent}.tt-bar b{display:block;height:100%;width:0;background:var(--brand);border-radius:2px}.tour-tabs button[aria-selected=true] .tt-bar b{animation:ttbar var(--tour-ms, 7s) linear forwards;animation-play-state:var(--tour-play, running)}@keyframes ttbar{to{width:100%}}.tour-stage{position:relative;overflow:hidden;min-height:440px;background:var(--surface)}.ts-bar{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:12.5px;color:var(--fg-3)}.ts-bar i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.ts-bar span{margin-left:10px}.tp{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;min-height:400px;animation:tpIn .45s var(--ease)}@keyframes tpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tp>div:first-child{border-right:1px solid var(--line);padding:18px;display:grid;gap:8px;align-content:start;background:var(--surface-2)}.tp>div:nth-child(2){padding:26px;display:grid;gap:12px;align-content:start}.tb-h{font-size:12px;font-weight:700;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em}.tb-i{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:9px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:600}.tb-i .ic{width:15px;height:15px;color:var(--fg-3)}.tb-rule .ic{color:var(--brand)}.tb-drag{animation:drag 6s infinite var(--ease);position:relative;z-index:1}@keyframes drag{0%,20%{transform:none;box-shadow:none}30%{transform:translate(8px,-6px) rotate(-1.5deg);box-shadow:var(--shadow-lg)}50%,60%{transform:translate(8px,36px) rotate(-1deg);box-shadow:var(--shadow-lg)}70%,to{transform:translateY(44px);box-shadow:none}}.tb-add{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:9px;border:1px dashed var(--line-2);color:var(--brand-ink);font-size:13px;font-weight:600}.tb-add .ic{width:14px;height:14px}.tb-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tb-f{display:grid;gap:6px}.tb-f em{font-style:normal;font-size:12.5px;font-weight:650}.tb-f i{height:38px;border-radius:9px;border:1px solid var(--line-2)}.tb-ph{animation:phIn 6s infinite var(--ease)}@keyframes phIn{0%,55%{opacity:.35;outline:2px dashed transparent}65%,to{opacity:1}}.tb-rulecard{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--brand-soft);color:var(--brand-ink);font-size:13.5px;animation:pop .5s .2s var(--ease) both}.tb-rulecard .ic{width:16px;height:16px}.dz-h{font-size:12px;font-weight:700;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.dz-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dz-row.three{grid-template-columns:repeat(3,1fr)}.dz-t{height:46px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:11.5px;font-weight:650}.dz-t.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);color:var(--brand-ink)}.tp-design>div:nth-child(2){background:#f6f0ea;color:#2b2420;place-items:center}:root[data-theme=dark] .tp-design>div:nth-child(2){background:#1c1a24;color:var(--fg)}.dz-q{width:min(360px,100%);display:grid;gap:8px;animation:tpIn .6s .1s var(--ease) both}.dz-q small{color:#8c5a3c;font-weight:700}.dz-q b{font-family:Georgia,serif;font-size:24px;font-weight:600;line-height:1.2;margin-bottom:6px}.dz-q>span{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:99px;border:1px solid #c9b9ac;background:#fffdfb;font-size:14px;color:#2b2420}.dz-q>span.on{background:#ecdccf;border-color:#8c5a3c;animation:blinkOn 1.2s .8s 2}.dz-q em{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:1px solid #8c5a3c;font-style:normal;font-size:11px;font-weight:800;color:#8c5a3c}.dz-q>span.on em{background:#8c5a3c;color:#fff}.dz-q .dz-ok{width:fit-content;height:40px;border:0;background:#8c5a3c;color:#fff;padding:0 18px;font-weight:700}.dz-ok small{font-weight:400;opacity:.8;margin-left:6px}@keyframes blinkOn{50%{background:#d9c2ac}}.tp-notify{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tp-notify>div:first-child{background:var(--surface)}.nt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:12px;border-radius:12px;border:1px solid var(--line);font-size:13px}.nt .ic,.nt .kl{width:18px;height:18px;grid-row:span 2}.nt .kl{border-radius:5px;background:#232426;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.nt em{grid-column:2;font-style:normal;font-size:11.5px;color:var(--ok)}.sw{grid-row:span 2;width:34px;height:20px;border-radius:99px;background:var(--line-2);position:relative}.sw:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .3s var(--ease)}.sw.on{background:var(--brand)}.sw.on:after{transform:translate(14px)}.nt:nth-child(3) .sw{animation:swOn 5s infinite}@keyframes swOn{0%,20%{background:var(--line-2)}30%,to{background:var(--brand)}}.nt-mail{background:var(--surface-2)}.nm-h{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.nm-h small{color:var(--fg-3)}.nm-l{display:block;height:10px;border-radius:6px;background:var(--line)}.nm-ref{margin-top:6px;font-size:13px;color:var(--fg-2)}.tp-publish{grid-template-columns:1fr;position:relative}.pb-ed{display:grid;grid-template-columns:210px 1fr;min-height:400px}.pb-side{padding:16px;display:grid;gap:6px;align-content:start;border-right:1px solid var(--line);background:var(--surface-2)}.pb-h{font-size:12px;font-weight:700;color:var(--fg-3);margin-bottom:4px}.pb-s{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:8px;font-size:13px;background:var(--surface);border:1px solid var(--line)}.pb-new{border-color:var(--brand);color:var(--brand-ink);font-weight:650;animation:pbIn 6s infinite var(--ease)}.pb-new .ic{width:14px;height:14px}@keyframes pbIn{0%,15%{opacity:0;transform:translate(-12px)}25%,to{opacity:1;transform:none}}.pb-page{padding:18px;display:grid;gap:14px;align-content:start}.pb-hero{height:110px;border-radius:12px;background:linear-gradient(135deg,#e9e4ff,#fde3ef)}.pb-form{display:grid;gap:8px;padding:16px;border-radius:12px;border:2px solid var(--brand);animation:pbIn 6s infinite var(--ease)}.pb-form i{height:30px;border-radius:8px;border:1px solid var(--line-2)}.pb-form span{width:90px;height:30px;border-radius:99px;background:var(--brand)}.pb-toast{position:absolute;left:50%;bottom:18px;translate:-50% 0;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:var(--fg);color:var(--bg);font-size:13px;font-weight:600;white-space:nowrap;animation:toastUp 6s infinite var(--ease)}.pb-toast .ic{width:16px;height:16px;color:var(--ok)}@keyframes toastUp{0%,30%{opacity:0;transform:translateY(10px)}38%,88%{opacity:1;transform:none}96%,to{opacity:0}}.tp-inbox{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.tp-inbox>div:first-child{background:var(--surface);padding:12px}.ib-r{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:12px;border-radius:10px;font-size:13px}.ib-r small{color:var(--fg-3);grid-column:1}.ib-r .pill{grid-row:span 2;align-self:center;height:22px;font-size:11px;font-style:normal}.ib-r.on{background:var(--brand-soft)}.ib-det{background:var(--surface-2)}.ib-a{display:grid;gap:2px;font-size:14px}.ib-a small{color:var(--fg-3);font-size:12px}.ib-tl{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-2)}.ib-tl i{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}.ib-tl:nth-of-type(1){animation:tpIn .4s .2s var(--ease) both}.ib-tl:nth-of-type(2){animation:tpIn .4s .5s var(--ease) both}.ib-tl:nth-of-type(3){animation:tpIn .4s .8s var(--ease) both}@media(max-width:960px){.tour{grid-template-columns:minmax(0,1fr)}.tour-tabs{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;gap:6px;padding-bottom:2px}.tour-tabs button{grid-template-columns:auto auto;padding:10px 14px}.tour-tabs button .ic{grid-row:auto}.tt-d{display:none}}@media(max-width:640px){.tp,.tp-notify,.tp-inbox{grid-template-columns:minmax(0,1fr)}.tp>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.pb-ed{grid-template-columns:minmax(0,1fr)}.pb-side{display:none}.tour-stage{min-height:0}}
