@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg: #0f0e0c;
  --bg2: #161410;
  --bg3: #1f1c16;
  --bg4: #1a1814;
  --bg5: #12100e;
  --fg: #e8e4de;
  --muted: #8a8278;
  --dim: #5c554b;
  --bd: #2a2520;
  --bd2: #353028;
  --amber: #d97706;
  --abr: #f59e0b;
  --aglow: rgba(217,119,6,.15);
  --red: #dc2626;
  --grn: #65a30d;
  --font: 'Inter',system-ui,-apple-system,sans-serif;
  --nh: 56px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;height:100%;overflow-x:hidden}
body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button{cursor:pointer;font-family:var(--font);background:none;border:none;color:inherit;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
a{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.sd-i,.mid-it,.dm-dd-opt,.mo-i,.hero-inp,.hero-dd,[role=button]{user-select:none;-webkit-user-select:none}
input,select,textarea{font-family:var(--font);outline:none}
::selection{background:rgba(217,119,6,.3);color:#fff}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:var(--dim)}


.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nh);background:rgba(15,14,12,.92);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--bd)}
.nav-l-txt{display:inline}
.nav-l-am{color:var(--amber)}
.nav-in{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%}
.nav-l{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;position:relative}
.nav-l::before{content:'\25C6';font-size:.7rem;color:var(--abr);opacity:.7}
.nav-l::after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:linear-gradient(90deg,var(--amber),transparent 80%);border-radius:1px;opacity:.4;animation:bp 3s ease-in-out infinite}
@keyframes bp{0%,100%{opacity:.3;width:60%}50%{opacity:.7;width:100%}}
.nav-r{display:flex;align-items:center;gap:4px}
.nav-r a{position:relative;font-size:.78rem;font-weight:500;color:var(--muted);padding:6px 14px;border-radius:6px;transition:color .25s,background .25s}
.nav-r a::after{content:'';position:absolute;left:14px;right:14px;bottom:3px;height:1.5px;background:var(--amber);border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.nav-r a:hover{color:var(--fg);background:rgba(217,119,6,.08)}
.nav-r a:hover::after{transform:scaleX(1)}




.toastWrap{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:340px;pointer-events:none}
.toast{background:rgba(22,20,16,.96);backdrop-filter:blur(12px);border:1px solid var(--bd);border-radius:10px;padding:12px 18px;font-size:.82rem;color:var(--fg);pointer-events:auto;animation:ti .3s ease;box-shadow:0 8px 32px rgb(0 0 0 / .5);border-left:3px solid var(--dim)}
.toast-suc{border-left-color:var(--grn)}
.toast-err{border-left-color:var(--red)}
@keyframes ti{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}


.dash{display:flex;min-height:calc(100vh - var(--nh));min-height:calc(100dvh - var(--nh));padding-top:var(--nh)}


.sd{width:240px;flex-shrink:0;background:var(--bg5);border-right:1px solid var(--bd);display:flex;flex-direction:column;overflow-y:auto;position:sticky;top:var(--nh);height:calc(100vh - var(--nh));height:calc(100dvh - var(--nh))}
.sd-h{padding:18px 14px 10px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:8px}
.sd-t{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-weight:600}
.sd-c{margin-left:auto;background:var(--bg3);padding:1px 8px;border-radius:8px;font-size:.62rem;color:var(--muted);font-weight:600}
.sd-l{flex:1;overflow-y:auto;padding:6px 8px}
.sd-i{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:.78rem;color:var(--muted);transition:background .2s,color .2s;margin-bottom:2px;cursor:pointer;position:relative;overflow:hidden;min-width:0}
.sd-i:hover{background:var(--bg3);color:var(--fg)}
.sd-i.on{background:rgba(217,119,6,.1);color:var(--abr);font-weight:600}
.sd-i.on::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--amber);border-radius:0 3px 3px 0}


.sd-email{display:flex;align-items:center;gap:6px;padding:14px 14px 4px;border-bottom:1px solid var(--bd);margin-bottom:4px;overflow:hidden;min-width:0}
.sd-email-addr{flex:1;min-width:0;font-size:.72rem;font-weight:600;color:var(--abr);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-email-cp{flex-shrink:0;width:28px;height:28px;border-radius:6px;border:1px solid var(--bd);background:var(--bg3);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}
.sd-email-cp:hover{color:var(--abr);border-color:var(--amber)}
.sd-n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-b{background:var(--amber);color:#0f0e0c;font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:8px;line-height:1.6;flex-shrink:0}
.sd-a{padding:8px;border-top:1px solid var(--bd);display:flex;flex-direction:column;gap:2px;flex-shrink:0}
.sd-btn{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:.75rem;font-weight:500;color:var(--muted);width:100%;text-align:left;transition:background .2s,color .2s}
.sd-btn:hover{background:var(--bg3);color:var(--fg)}
.sd-btn svg{opacity:.6;transition:opacity .2s}
.sd-btn:hover svg{opacity:1}


.mid{width:380px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--bd)}
.mid-h{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--bd);flex-shrink:0;overflow:hidden;min-width:0}
.mid-t{font-size:.82rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mid-c{background:var(--bg3);padding:1px 8px;border-radius:8px;font-size:.68rem;color:var(--muted);font-weight:600;flex-shrink:0;line-height:1.5}
.mid-ref{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1px solid var(--bd);background:var(--bg3);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}
.mid-ref:hover{color:var(--abr);border-color:var(--amber)}
.mid-ref.load svg{animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mid-e{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:6px}
.mid-e svg{opacity:.4}
.mid-e p{font-size:.8rem;color:var(--muted)}
.mid-es{font-size:.7rem;color:var(--dim)}
.mid-l{flex:1;overflow-y:auto;padding:4px 0}
.mid-it{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid var(--bd);transition:background .2s;cursor:pointer;position:relative}
.mid-it:hover{background:var(--bg3)}
.mid-it.un{background:rgba(217,119,6,.02)}
.mid-it.un::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);border-radius:0 2px 2px 0}
.mid-it.sel{background:rgba(217,119,6,.08)}
.mid-it.sel::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--abr);border-radius:0 2px 2px 0}
.mid-it.sel .mid-f{color:var(--abr)}
.mid-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:1px}
.sent-av{background:var(--amber)!important;font-size:.75rem;line-height:1}
.av-1{background:linear-gradient(135deg,#d97706,#f59e0b)}
.av-2{background:linear-gradient(135deg,#92400e,#d97706)}
.av-3{background:linear-gradient(135deg,#78716c,#a8a29e)}
.av-4{background:linear-gradient(135deg,#57534e,#78716c)}
.av-5{background:linear-gradient(135deg,#451a03,#92400e)}
.mid-b{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}
.mid-f{font-size:.8rem;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:8px}
.mid-fnm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mid-tm{font-size:.62rem;color:var(--dim);font-weight:500;flex-shrink:0;margin-left:auto;line-height:1.5}
.mid-s{font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.4}


.vw{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;max-height:calc(100vh - var(--nh));max-height:calc(100dvh - var(--nh))}
.vw-e{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:.82rem}
.vw-e svg{opacity:.25}
.vw-h{padding:16px 24px 4px;border-bottom:1px solid var(--bd);flex-shrink:0}
.vw-sb{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:12px;line-height:1.3;word-break:break-word}
.vw-m{display:grid;grid-template-columns:auto 1fr;gap:1px 14px;align-items:baseline;font-size:.8rem}
.vw-ml{color:var(--dim);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.vw-mv{color:var(--fg);word-break:break-all}
.vw-from{cursor:pointer;transition:color .2s}
.vw-from:hover{color:var(--abr)}
.vw-from::after{content:'Copiar';font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);margin-left:6px;opacity:0;transition:opacity .2s}
.vw-from:hover::after{opacity:1}
.vw-me{color:var(--muted);font-size:.72rem}
.vw-bd{flex:1;overflow-y:auto;background:#f5f5f5}
.vw-bd iframe{width:100%;border:none;display:block}
.vw-txt{padding:20px 24px;font-size:.84rem;line-height:1.8;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;color:var(--fg)}

.vw-meta-chev,.vw-kebab{display:none;background:none;border:none;color:var(--dim);cursor:pointer;padding:4px;flex-shrink:0}
.vw-kebab:hover{color:var(--fg)}
.vw-act-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 10px;border-top:1px solid var(--bd)}
.vw-reply-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--bd);border-radius:6px;color:var(--muted);cursor:pointer;padding:5px 12px;font-size:.68rem;font-weight:500;font-family:inherit;transition:all .15s}
.vw-reply-btn:hover{border-color:var(--amber);color:var(--amber)}
.vw-reply-btn svg{flex-shrink:0}
.vw-cmp{display:none;flex:1;flex-direction:column;overflow-y:auto;background:var(--bg)}
.vw-cmp-row{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--bd);gap:8px;transition:background .2s}
.vw-cmp-row:focus-within{background:rgba(217,119,6,.03)}
.vw-cmp-lbl{font-size:.68rem;color:var(--muted);width:50px;flex-shrink:0;text-align:right}
.vw-cmp-val{font-size:.78rem;color:var(--fg);font-weight:500}
.vw-cmp-inp{flex:1;background:none;border:none;border-bottom:1px solid transparent;font-size:.78rem;color:var(--fg);outline:none;font-family:inherit;padding:4px 0;transition:border-color .2s}
.vw-cmp-inp:focus{border-bottom-color:var(--amber)}
.vw-cmp-inp:focus{color:var(--fg)}
.vw-cmp-inp[readonly]{color:var(--dim);cursor:default;border-bottom:none}
.vw-cmp-inp.input-error{border-bottom-color:var(--red)}
.vw-cmp-body{flex:1;width:100%;background:transparent;border:none;padding:16px 20px;font-size:.82rem;color:var(--fg);outline:none;font-family:inherit;resize:none;min-height:200px;line-height:1.6}
.vw-cmp-acts{display:flex;gap:8px;padding:10px 16px;justify-content:flex-end;border-top:1px solid var(--bd)}
.vw-cmp-cancel{padding:7px 16px;border-radius:6px;font-size:.72rem;font-weight:600;border:1px solid var(--bd);background:var(--bg3);color:var(--muted);cursor:pointer;font-family:inherit}
.vw-cmp-cancel:hover{border-color:var(--dim);color:var(--fg)}
.vw-cmp-send{padding:7px 20px;border-radius:6px;font-size:.72rem;font-weight:600;border:none;background:var(--amber);color:#0f0e0c;cursor:pointer;font-family:inherit}
.vw-cmp-send:hover{opacity:.85}
.vw-cmp-send:disabled{opacity:.6;cursor:not-allowed}
.vw-cmp-send.spin{position:relative;color:transparent!important}
.vw-cmp-send.spin::after{content:'';position:absolute;inset:0;margin:auto;width:14px;height:14px;border:2px solid #0f0e0c;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}
.vw-cmp-cc-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--dim);font-size:.62rem;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;margin:0 0 0 60px;transition:color .2s}
.vw-cmp-cc-toggle:hover{color:var(--muted)}
.vw-cmp-cc-row{display:none}
.vw-cmp-cc-row.show{display:flex}
@media (max-width:767px){.vw-cmp-row{padding:6px 12px}.vw-cmp-body{padding:12px 14px;min-height:120px}.vw-cmp-cc-toggle{margin-left:50px}}
.vw-top{display:flex;align-items:flex-start;gap:4px}
.vw-meta-collapse{overflow:hidden;transition:max-height .25s ease}
.vw-meta-collapse.collapsed{max-height:0!important}
.vw-tabs{display:flex;gap:4px;justify-content:center;margin-top:8px;border-top:1px solid var(--bd);padding:10px 4px;flex-wrap:wrap}
.vt{font-size:.7rem;padding:4px 12px;border-radius:6px;border:1px solid var(--bd);background:var(--bg3);color:var(--muted);cursor:pointer;transition:color .2s,background .2s,border-color .2s;font-weight:500}
.vt:hover{color:var(--fg);border-color:var(--dim)}
.vt.on{background:rgba(217,119,6,.15);color:var(--abr);border-color:var(--amber);font-weight:600}
.vt-code{font-family:"SF Mono","Fira Code","Consolas",monospace;font-size:.78rem;line-height:1.6;white-space:pre-wrap;word-break:break-all;padding:20px 24px;color:#e0e0e0;background:#1a1a1a;margin:0}
.vw-bd .vt-raw{font-family:"SF Mono","Fira Code","Consolas",monospace;font-size:.72rem;line-height:1.5;white-space:pre-wrap;word-break:break-all;padding:16px 20px;color:#ccc;background:#111;margin:0;min-height:100%}
.vw-bd .vt-raw-wrap{position:relative;width:100%}
.vw-bd .vt-raw-wrap .copy-btn{position:absolute;top:8px;right:8px;padding:5px 12px;border-radius:6px;font-size:.7rem;font-weight:600;border:1px solid var(--bd);background:var(--bg3);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .2s,color .2s,border-color .2s;z-index:2}
.vw-bd .vt-raw-wrap:hover .copy-btn{opacity:1}
.vw-bd .vt-raw-wrap .copy-btn:hover{color:var(--abr);border-color:var(--amber)}
.vw-bd .vt-raw-wrap .copy-btn.copied{color:var(--grn);border-color:var(--grn)}


.mb{display:none;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--bd);flex-shrink:0}
.mb button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--bd);background:var(--bg2);color:var(--muted);transition:color .2s,border-color .2s}
.mb button:hover{color:var(--abr);border-color:var(--amber)}
.mb span{font-size:.82rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-ov{display:none}
.vw-back{display:none}


.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid var(--bd);background:var(--bg2);color:var(--fg);transition:border-color .2s,background .2s}
.btn:hover{border-color:var(--amber);background:var(--bg3)}
.btn-s{background:var(--amber);color:#0f0e0c;border-color:var(--amber);font-weight:700}
.btn-s:hover{filter:brightness(1.15);border-color:var(--abr)}


.mo-ov{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}
.mo{background:var(--bg4);border:1px solid var(--bd2);border-radius:14px;width:100%;max-width:420px;box-shadow:0 24px 64px rgb(0 0 0 / .6);animation:mi .25s ease}
@keyframes mi{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.mo-h{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}
.mo-h h2{font-size:1rem;font-weight:700}
.mo-x{font-size:1.5rem;line-height:1;color:var(--dim);padding:0 4px;transition:color .2s}
.mo-x:hover{color:var(--fg)}
.mo-b{padding:16px 24px;display:flex;flex-direction:column;gap:12px}
.mo-l{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.mo-i{padding:10px 12px;border-radius:8px;border:1px solid var(--bd);background:var(--bg2);color:var(--fg);font-size:.85rem;width:100%;transition:border-color .2s}
.mo-i:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--aglow)}
.mo-f{display:flex;gap:8px;padding:0 24px 20px;justify-content:flex-end}
.mo-h{font-size:.7rem;color:var(--dim);margin-top:-4px}


.dm-dd{position:relative}
.dm-dd-trig{display:flex;align-items:center;gap:6px;width:100%;padding:10px 36px 10px 12px;border-radius:8px;border:1px solid var(--bd);background:var(--bg2);color:var(--fg);font-size:.85rem;cursor:pointer;transition:border-color .2s,box-shadow .2s;text-align:left;position:relative}
.dm-dd-trig::after{content:'';position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);transform:translateY(-60%) rotate(45deg);transition:transform .2s,border-color .2s}
.dm-dd.open .dm-dd-trig{border-color:var(--amber);box-shadow:0 0 0 3px var(--aglow)}
.dm-dd.open .dm-dd-trig::after{transform:translateY(-30%) rotate(-135deg);border-color:var(--amber)}
.dm-dd-trig:hover{border-color:var(--dim)}
.dm-dd-at{color:var(--amber);font-weight:600;font-size:.9rem}
.dm-dd-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg);border:1px solid var(--bd);border-radius:10px;overflow:hidden;z-index:100;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.dm-dd.open .dm-dd-panel{opacity:1;transform:translateY(0);pointer-events:auto}
.dm-dd-opt{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:none;border-bottom:1px solid var(--bd);background:transparent;color:var(--muted);font-size:.82rem;cursor:pointer;transition:background .15s,color .15s;text-align:left;font-family:inherit}
.dm-dd-opt:last-child{border-bottom:none}
.dm-dd-opt:hover{background:var(--bg2);color:var(--fg)}
.dm-dd-opt.sel{color:var(--amber);background:var(--aglow)}
.dm-dd-opt .dm-dd-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);flex-shrink:0;opacity:0;transition:opacity .15s}
.dm-dd-opt.sel .dm-dd-dot{opacity:1}





@media (max-width: 1023px) {
  .sd{position:fixed;z-index:90;left:-280px;top:var(--nh);bottom:0;transition:left .3s ease}
  .sd.open{left:0;box-shadow:4px 0 32px rgba(0,0,0,.4)}
  .sd-ov{display:none;position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.55)}
  .sd-ov.s{display:block}
  .mid{flex:1;min-width:0}
  .mid-c{padding:0 5px;border-radius:4px;font-size:.55rem;line-height:1.5}
  .vw{width:100%;border-left:none}
  .vw-back{display:inline-flex}
  .vw-bd{word-break:break-word;overflow-wrap:break-word}
  .vw-bd img{max-width:100%;height:auto}
  .vw-bd table{max-width:100%;display:block;overflow-x:auto}
}


@media (max-width: 767px) {
  .dash{flex-direction:column;min-height:calc(100vh - var(--nh));min-height:calc(100dvh - var(--nh))}
  .sd{width:280px;height:auto;bottom:0}
  .mid{width:100%;flex:1;border-right:none}
  .mid-h{padding:12px 14px}
  .mid-it{padding:10px 14px}
  .mid-t{font-size:.78rem}
  .mid-e{padding:40px 16px}
  .mid-e svg{width:36px;height:36px}
  .vw{position:fixed;top:0;left:0;right:0;bottom:0;z-index:110;background:var(--bg);display:none;flex-direction:column;overflow:hidden}
  .vw.open{display:flex}
  .nav.vw-open{display:none}
  .vw-h{flex-shrink:0;padding:10px 14px;border-bottom:1px solid var(--bd);background:var(--bg)}
  .vw-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:500;color:var(--muted);cursor:pointer;background:var(--bg2);border-radius:8px;margin-bottom:8px}
  .vw-back:hover{color:var(--abr)}
  .vw-meta-chev{display:block;margin-top:2px;transition:transform .25s ease}
  .vw-meta-chev.open{transform:rotate(180deg)}
  .vw-kebab{display:block;writing-mode:vertical-lr}
  .vw-top{display:flex;align-items:flex-start;gap:6px}
  .vw-sb{flex:1;font-size:.95rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;word-break:break-word;margin:0}
  .vw-meta-collapse{max-height:200px}
  .vw-meta-collapse.collapsed{max-height:0!important}
  .vw-m{display:flex;flex-direction:column;gap:6px;padding:10px 0 0}
  .vw-ml{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}
  .vw-mv{font-size:.82rem}
  .vw-tabs{display:none;gap:2px;justify-content:center;padding:10px 0;border-top:1px solid var(--bd);margin-top:8px;flex-wrap:wrap}
  .vw-tabs.open{display:flex}
  .vt{font-size:.7rem;padding:5px 10px}
  .vw-bd{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;word-break:break-word;overflow-wrap:break-word;display:flex;flex-direction:column;background:#f5f5f5!important;min-height:0}
  .vw-bd iframe{flex:1;min-height:0;width:100%;border:none;display:block}
  .vw-txt{padding:14px 14px 40px;font-size:.85rem;line-height:1.7;word-break:break-word;overflow-wrap:break-word;max-width:100%}
  .vt-raw-wrap{max-height:none;max-width:100%;overflow-x:auto;width:100%}
  .vt-raw{font-size:.68rem;padding:12px 14px;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word}
  .vt-code{padding:14px;font-size:.72rem;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}
  .vw-bd img{max-width:100%;height:auto}
  .vw-bd table{max-width:100%;display:block;overflow-x:auto}
  .vw-bd pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
  .mb{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:var(--nh);border-bottom:1px solid var(--bd);background:var(--bg);position:sticky;top:0;z-index:10}
  .mb-back{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted);cursor:pointer;background:none;border:none;font-family:var(--font)}
  .hero{padding:72px 16px 40px;min-height:auto}
  .hero-h1{font-size:1.5rem;line-height:1.25}
  .hero-p{font-size:.82rem;padding:0 8px}
  .hero-form{max-width:100%;padding:14px}
  .hero-form-inner{flex-direction:column;gap:10px}
  .hero-inp{width:100%;font-size:16px;padding:12px 14px}
  .hero-dd{width:100%}
  .hero-dd .dm-dd-trig{width:100%;font-size:16px;padding:12px 36px 12px 14px}
  .hero-dd .dm-dd-panel{left:0;right:0;min-width:0}
  .hero-go{width:100%;padding:12px;font-size:1rem}
  .sd{padding-bottom:60px}
  .sd-a{padding-bottom:12px}
  .stats{gap:20px;margin-top:28px;margin-bottom:48px}
  .stat-n{font-size:1.3rem}
  .sec-h h2{font-size:1.5rem}
  .fg{grid-template-columns:1fr;gap:14px}
  .fc{padding:22px}
  .mo{max-width:100%;margin:0 12px;border-radius:12px}
  .mo-h{padding:16px 18px 0}
  .mo-b{padding:14px 18px}
  .mo-f{padding:0 18px 16px}
  .dm-dd-panel{left:0;right:auto;min-width:180px}
  .toastWrap{left:12px;right:12px;bottom:12px;max-width:none}
  .toast{font-size:.78rem;padding:10px 14px}
}


@media (max-width: 400px) {
  .hero{padding:64px 14px 28px}
  .hero-h1{font-size:1.3rem}
  .hero-form{padding:12px}
  .sd{width:260px}
  .mid-it{padding:8px 10px}
  .stats{gap:14px}
  .stat-n{font-size:1.1rem}
  .stat-l{font-size:.65rem}
}


.hero{min-height:85vh;min-height:85dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px 60px;text-align:center;position:relative}
.hero::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(217,119,6,.06) 0%,transparent 70%);pointer-events:none}
.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.2);font-size:.7rem;font-weight:600;color:var(--abr);margin-bottom:20px;letter-spacing:.02em}
.hero-h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-.04em;max-width:700px;margin-bottom:16px}
.hero-h1 span{color:var(--abr)}
.hero-glow{text-shadow:0 0 40px var(--aglow)}
.hero-p{font-size:clamp(.85rem,2vw,1rem);color:var(--muted);max-width:480px;margin-bottom:32px;line-height:1.7}
.hero-form{background:rgba(22,20,16,.7);border:1px solid var(--bd);border-radius:16px;padding:24px;max-width:560px;width:100%;backdrop-filter:blur(8px)}
.hero-fi,.hero-form-inner{display:flex;gap:10px;flex-wrap:nowrap}
.hero-inp{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--bd);background:var(--bg2);color:var(--fg);font-size:.85rem;min-width:0;transition:border-color .2s}
.hero-inp:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--aglow)}
.hero-sl,.hero-dom{appearance:none;-webkit-appearance:none;flex:0 0 auto;padding:10px 36px 10px 12px;border-radius:8px;border:1px solid var(--bd);background:var(--bg2);color:var(--fg);font-size:.82rem;cursor:pointer;transition:border-color .2s}
.hero-sl:focus,.hero-dom:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--aglow)}
.hero-dom option{background:var(--bg);color:var(--fg)}
.hero-go{padding:10px 24px;border-radius:8px;border:none;background:var(--amber);color:#0f0e0c;font-weight:700;font-size:.82rem;transition:filter .2s;white-space:nowrap}
.hero-go:hover{filter:brightness(1.15)}
.hero-err{color:var(--red);font-size:.82rem;margin-top:16px}
.hero-dd{flex:0 0 auto;min-width:165px;z-index:500}
.hero-dd .dm-dd-trig{padding:9px 36px 9px 10px;font-size:.82rem}
.hero-dd .dm-dd-panel{z-index:501}
.stats{display:flex;gap:32px;margin-top:40px;margin-bottom:80px;justify-content:center;flex-wrap:wrap}
.stat-c{text-align:center}
.stat-n{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--abr)}
.stat-l{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.stat-n.pop{animation:statPop .4s ease}
@keyframes statPop{0%{transform:scale(1)}50%{transform:scale(1.15);color:var(--amber)}100%{transform:scale(1)}}
.sec{max-width:1200px;margin:0 auto;padding:0 24px}
.sec-h{text-align:center;margin-bottom:48px}
.sec-h h2{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:8px;color:var(--fg)}
.sec-h p{color:var(--muted);font-size:.88rem;max-width:480px;margin:0 auto}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:80px}
.fc{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:28px;position:relative;overflow:hidden;transition:border-color .3s}
.fc:hover{border-color:var(--bd2)}
.fc::after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:2px;border-radius:1px;background:var(--amber);opacity:.3}
.fi{width:40px;height:40px;border-radius:10px;background:rgba(217,119,6,.12);color:var(--abr);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.1rem}
.fc h3{font-size:.92rem;font-weight:700;margin-bottom:6px;color:var(--fg)}
.fc p{font-size:.8rem;color:var(--muted);line-height:1.6}
.ftr{text-align:center;padding:32px 24px;font-size:.75rem;color:var(--dim);border-top:1px solid var(--bd);margin-top:40px}


@keyframes fu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero{animation:fu .6s ease}
.stats{animation:fu .7s ease .1s both}
.fg{animation:fu .8s ease .2s both}
button,a,.sd-i,.mid-it,.dm-dd-opt,.vw-tab,.nav-l,.nav-r a,.mb-menu,.mb-new,.mb-back,.mo-btn,.sd-a a,.mo-cancel,.mo-create,.vw-back,.copy-btn,.mid-ref,.sd-ct,.sd-ct svg,.mid-h button,.vw-h button{-webkit-tap-highlight-color:transparent}
.mb,.mb *,.sd-a,.mo,.mo-h,.mo-b,.mo-f,.dm-dd-trig,.dm-dd-at,.nav,.nav *,.sd,.sd *{user-select:none;-webkit-user-select:none}