@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/nayancode/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/nayancode/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/nayancode/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/nayancode/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/nayancode/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/nayancode/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/nayancode/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/nayancode/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/nayancode/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/nayancode/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/nayancode/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/nayancode/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/nayancode/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/nayancode/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/nayancode/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/nayancode/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/nayancode/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=dark]{--bg:#0b1220;--bg-elev:#111a2c;--surface:#111a2c;--surface-solid:#111a2c;--surface-hi:#18233a;--border:#d6e0f21f;--border-hi:#d6e0f23d;--text:#e9edf4;--text-dim:#b4bccb;--text-faint:#939cae;--accent:#8ea6ff;--accent-2:#ff8a5c;--accent-3:#5fd39a;--on-accent:#0b1220;--gold:#e0a848;--warn:#f2b84b;--danger:#ff8a80;--grad:linear-gradient(#8ea6ff, #8ea6ff);--glow:0 0 0 1px #8ea6ff47;--shadow:0 1px 0 #ffffff08 inset, 0 16px 36px -20px #000000bf;--grid-line:transparent;--chart-a:#8ea6ff;--chart-b:#ff8a5c;--chart-c:#c2cfff;--chart-d:#e0a848;--chart-mute:#b4bccb59;--code-bg:#0d1524}[data-theme=light]{--bg:#f4f5f7;--bg-elev:#fff;--surface:#fff;--surface-solid:#fff;--surface-hi:#eef0f4;--border:#e2e5eb;--border-hi:#cdd2da;--text:#0d1526;--text-dim:#3b4557;--text-faint:#5a6475;--accent:#2445c6;--accent-2:#c2410c;--accent-3:#17703f;--on-accent:#fff;--gold:#9a5b06;--warn:#9a5b06;--danger:#b42318;--grad:linear-gradient(#2445c6, #2445c6);--glow:0 0 0 1px #2445c64d;--shadow:0 1px 2px #0d15260d, 0 10px 24px -14px #0d152633;--grid-line:transparent;--chart-a:#2445c6;--chart-b:#c2410c;--chart-c:#56637c;--chart-d:#b7791f;--chart-mute:#5a647559;--code-bg:#f4f5f7}:root{--font:"IBM Plex Sans Variable", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r-sm:4px;--r:6px;--r-lg:8px;--ease:cubic-bezier(.22, 1, .36, 1);--sidebar-w:248px;--topbar-h:58px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14.5px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}::selection{background:color-mix(in srgb, var(--accent) 32%, transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}code,.mono{font-family:var(--mono);font-feature-settings:"zero", "ss01";font-size:.92em}.grad-text{color:var(--accent)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.card-pad{padding:18px 20px}.card-title{border-bottom:1px solid var(--border);letter-spacing:.01em;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.card-title .sub{color:var(--text-faint);font-size:12px;font-weight:400}.btn{border:1px solid var(--border-hi);background:var(--surface-hi);cursor:pointer;transition:transform .2s var(--ease), border-color .2s, background .2s, box-shadow .2s;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:550;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;pointer-events:none}.btn.primary{background:var(--text);color:var(--bg);border:1px solid #0000}.btn.primary:hover{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-hi);border-color:var(--border)}.btn.sm{border-radius:8px;padding:5px 10px;font-size:12px}.btn.icon{padding:8px}.input,.select,textarea.input{background:var(--code-bg);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:8px 11px;font-size:13px;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}textarea.input{font-family:var(--mono);resize:vertical;min-height:120px;font-size:12px;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%239aa8c7' stroke-width='1.8'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:30px}label.field{color:var(--text-dim);gap:5px;font-size:12px;font-weight:500;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid,.stack{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.badge{letter-spacing:.03em;border:1px solid var(--border-hi);color:var(--text-dim);border-radius:3px;align-items:center;gap:6px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.live{color:var(--accent-3);border-color:color-mix(in srgb, var(--accent-3) 40%, transparent);background:color-mix(in srgb, var(--accent-3) 8%, transparent)}.badge.building{color:var(--warn);background:#fbbf2414;border-color:#fbbf2466}.badge.planned{color:var(--text-faint)}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.live .dot{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.6;box-shadow:0 0 0 5px #0000}}.kbd{font-family:var(--mono);border:1px solid var(--border-hi);color:var(--text-dim);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px}.tabs{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--text-dim);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:550;transition:color .2s;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab .pill{background:var(--surface-hi);border:1px solid var(--border-hi);z-index:0;border-radius:4px;position:absolute;inset:0}.tab span{z-index:1;position:relative}.stat{gap:2px;padding:14px 16px;display:grid}.stat .v{letter-spacing:-.02em;font-feature-settings:"tnum";font-size:22px;font-weight:650}.stat .l{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600}.callout{border:1px solid var(--border);background:var(--code-bg);color:var(--text-dim);border-radius:6px;gap:10px;padding:11px 14px;font-size:12.5px;display:flex}.callout.warn{border-color:#fbbf2466}.callout.err{color:var(--danger);border-color:#fb718580}.table-wrap{border-radius:0 0 var(--r) var(--r);max-height:460px;overflow:auto}table.t{border-collapse:collapse;width:100%;font-size:12.5px}table.t th{z-index:1;background:var(--surface-solid);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border-bottom:1px solid var(--border);white-space:nowrap;cursor:default;padding:9px 12px;font-size:11px;font-weight:600;position:sticky;top:0}table.t th.sortable{cursor:pointer}table.t th.sortable:hover{color:var(--text)}table.t td{border-bottom:1px solid var(--border);font-feature-settings:"tnum";vertical-align:middle;padding:7px 12px}table.t tr:hover td{background:var(--surface-hi)}td.num,th.num{text-align:right;font-family:var(--mono);font-size:12px}.seqbox{font-family:var(--mono);word-break:break-all;background:var(--code-bg);border:1px solid var(--border);white-space:pre-wrap;border-radius:6px;max-height:260px;padding:12px 14px;font-size:12px;line-height:1.7;overflow:auto}.nt-A{color:#4ade80}.nt-C{color:#60a5fa}.nt-G{color:#fbbf24}.nt-T,.nt-U{color:#fb7185}[data-theme=light] .nt-A{color:#15803d}[data-theme=light] .nt-C{color:#1d4ed8}[data-theme=light] .nt-G{color:#b45309}[data-theme=light] .nt-T{color:#be123c}.progress{background:var(--border);border-radius:3px;height:3px;overflow:hidden}.progress>i{background:var(--grad);height:100%;transition:width .25s var(--ease);display:block}.spinner{border:2px solid var(--border-hi);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shimmer{background:linear-gradient(90deg, transparent, var(--surface-hi), transparent);background-size:200% 100%;animation:1.6s infinite sh}@keyframes sh{to{background-position:-200% 0}}.dropzone{border:1.5px dashed var(--border-hi);text-align:center;color:var(--text-dim);transition:all .2s var(--ease);cursor:pointer;border-radius:6px;padding:18px;font-size:13px}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);color:var(--text)}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100%;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-elev);z-index:20;flex-direction:column;gap:6px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;padding:6px 10px 14px;font-size:16px;font-weight:700;display:flex}.brand svg{flex:none}.nav-section{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);padding:14px 12px 6px;font-size:10.5px;font-weight:700}.nav-item{isolation:isolate;color:var(--text-dim);border-radius:4px;align-items:center;gap:11px;padding:8px 12px;font-size:13.5px;font-weight:550;transition:color .2s,background .2s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--surface-hi)}.nav-item.active{color:var(--text)}.nav-item.active .nav-bg{background:var(--surface-hi);border:1px solid var(--border-hi);z-index:-1;border-radius:4px;position:absolute;inset:0}.nav-item>*{z-index:1;position:relative}.nav-item .ico{width:18px;height:18px;color:var(--text-faint);flex:none}.nav-item.active .ico,.nav-item:hover .ico{color:var(--accent)}.nav-item .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-left:auto;font-size:9.5px}.sidebar-foot{color:var(--text-faint);gap:6px;margin-top:auto;padding:10px;font-size:11.5px;display:grid}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:15;height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:10px;padding:0 22px;display:flex;position:sticky;top:0}.topbar .title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:650;overflow:hidden}.topbar .spacer{flex:1}.search-btn{border:1px solid var(--border);background:var(--code-bg);min-width:240px;color:var(--text-faint);cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:7px 12px;font-size:13px;transition:border-color .2s;display:flex}.search-btn:hover{border-color:var(--border-hi);color:var(--text-dim)}.search-btn .kbd{margin-left:auto}.netbadge{border:1px solid color-mix(in srgb, var(--accent-3) 40%, transparent);color:var(--accent-3);background:color-mix(in srgb, var(--accent-3) 8%, transparent);cursor:pointer;border-radius:3px;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.topbar .netbadge:not(.out){--accent-3:#5fd39a}.netbadge.out{color:var(--warn);background:#fbbf2412;border-color:#fbbf2473}.content{width:100%;max-width:1480px;margin:0 auto;padding:26px 28px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-head h1{font-size:28px;font-weight:700}.page-head p{color:var(--text-dim);max-width:62ch;margin-top:6px}.menu-btn{display:none}@media (max-width:1000px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{width:270px;transition:transform .3s var(--ease);background:var(--bg-elev);position:fixed;top:0;left:0;transform:translate(-102%)}.sidebar.open{transform:none;box-shadow:0 0 80px #0009}.menu-btn{display:inline-flex}.search-btn{min-width:0}.search-btn span.lbl{display:none}.content{padding:18px 16px 50px}.topbar{gap:4px;padding:0 10px}.topbar .spacer{min-width:4px}.netbadge{padding:5px 8px}.hide-sm{display:none!important}}.split{grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.split>*{min-width:0}.split .btn{white-space:normal;text-align:center}@media (max-width:1100px){.split{grid-template-columns:1fr}}.split--narrow{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}@media (max-width:1100px){.split--narrow{grid-template-columns:minmax(0,1fr)}}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1100px){.cols-3,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}.overlay{z-index:100;background:#060a128c;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.palette{border-radius:var(--r-lg);background:var(--bg-elev);border:1px solid var(--border-hi);width:min(640px,92vw);overflow:hidden;box-shadow:0 30px 80px -24px #0000008c}.palette input{width:100%;font:inherit;border:0;border-bottom:1px solid var(--border);color:var(--text);background:0 0;outline:none;padding:18px 20px;font-size:16px}.palette-list{max-height:50vh;padding:8px;overflow:auto}.palette-item{cursor:pointer;color:var(--text-dim);border-radius:4px;align-items:center;gap:12px;padding:10px 12px;display:flex}.palette-item[aria-selected=true]{background:var(--surface-hi);color:var(--text)}.palette-item .grp{color:var(--text-faint);margin-left:auto;font-size:11px}.drawer{z-index:90;background:var(--bg-elev);border-left:1px solid var(--border-hi);flex-direction:column;width:min(520px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-30px 0 100px -20px #000000b3}.drawer header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;font-weight:650;display:flex}.drawer .body{align-content:start;gap:14px;padding:18px 20px;display:grid;overflow:auto}.toast{z-index:120;background:var(--bg-elev);border:1px solid var(--border-hi);box-shadow:var(--shadow);border-radius:6px;padding:10px 16px;font-size:13px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.chart{width:100%;position:relative}.chart canvas{border-radius:4px;width:100%;display:block}.chart-tip{pointer-events:none;z-index:5;background:var(--bg-elev);border:1px solid var(--border-hi);box-shadow:var(--shadow);white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:11.5px;position:absolute;transform:translate(10px,-50%)}.legend{color:var(--text-dim);flex-wrap:wrap;gap:14px;padding:0 4px;font-size:11.5px;display:flex}.legend i{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.mol-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:14px;display:grid}.mol-card{background:var(--code-bg);border:1px solid var(--border);transition:border-color .2s, transform .2s var(--ease);border-radius:6px;gap:6px;padding:8px;display:grid}.mol-card:hover{border-color:var(--accent);transform:translateY(-2px)}.mol-card .svgwrap{background:#fff;border-radius:8px;place-items:center;height:150px;display:grid;overflow:hidden}.mol-card .svgwrap svg{max-width:100%;max-height:100%}.mol-card .nm{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.mol-card .pp{color:var(--text-faint);font-size:11px;font-family:var(--mono);flex-wrap:wrap;gap:8px;display:flex}.molstar-host{border:1px solid var(--border);background:#0b0f1a;border-radius:6px;max-width:100%;height:620px;position:relative;overflow:hidden}.btn.lg{border-radius:6px;padding:13px 22px;font-size:14.5px}.spot{--mx:50%;--my:50%;border:1px solid var(--border);background:var(--surface);height:100%;transition:border-color .3s, transform .4s var(--ease);isolation:isolate;border-radius:8px;align-content:start;gap:12px;padding:22px;display:grid;position:relative;overflow:hidden}.spot:before{content:none}.spot:hover{border-color:var(--border-hi);background:var(--surface-hi)}.spot-ico{color:var(--accent)}.spot h3{font-size:19px;font-weight:680}.spot p{color:var(--text-dim);font-size:13.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips span{background:var(--code-bg);border:1px solid var(--border);color:var(--text-dim);border-radius:3px;padding:3px 9px;font-size:11px}.spot .go{color:var(--accent);opacity:0;transition:all .3s var(--ease);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;display:inline-flex;transform:translate(-6px)}.spot:hover .go{opacity:1;transform:none}.brand img{flex:none;display:block}.brand .brand-t{gap:2px;line-height:1.1;display:grid}.brand .brand-t b{letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.brand .brand-t small{color:var(--text-faint);letter-spacing:.02em;font-size:11px;font-weight:500}.chart-export{margin-top:4px;font-size:12px}.export-panel{border:1px solid var(--border);background:var(--surface-solid);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:6px;padding:10px;display:grid}
