:root{--bg:#0a0e13;--panel:#121821;--panel-2:#182029;--rail:#0d131a;--border:#232d3a;--border-soft:#1b242f;--text:#e6edf3;--muted:#8a98a8;--faint:#5c6875;--accent:#2e7ce4;--accent-dim:#14487f;--accent-ink:#eaf2ff;--up:#3fb950;--warn:#d29922;--down:#f85149;--up-bg:rgba(63,185,80,.14);--warn-bg:rgba(210,153,34,.16);--down-bg:rgba(248,81,73,.15);--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;--shadow:0 1px 0 hsla(0,0%,100%,.02),0 8px 24px rgba(0,0,0,.35);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--fs-xs:11px;--fs-sm:12.5px;--fs-md:13px;--fs-base:14px;--fs-lg:17px;--fs-h1:21px;--fs-display:26px}@media (prefers-color-scheme:light){:root{--bg:#f5f7fa;--panel:#fff;--panel-2:#f0f3f6;--rail:#fff;--border:#dce2ea;--border-soft:#e7ecf1;--text:#0d1520;--muted:#5a6672;--faint:#8a96a3;--accent:#175cc2;--accent-dim:#a7c6ef;--accent-ink:#fff;--up:#1a7f37;--warn:#9a6700;--down:#cf222e;--up-bg:rgba(26,127,55,.1);--warn-bg:rgba(154,103,0,.12);--down-bg:rgba(207,34,46,.1);--shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.08)}}:root[data-theme=dark]{--bg:#0a0e13;--panel:#121821;--panel-2:#182029;--rail:#0d131a;--border:#232d3a;--border-soft:#1b242f;--text:#e6edf3;--muted:#8a98a8;--faint:#5c6875;--accent:#2e7ce4;--accent-dim:#14487f;--accent-ink:#eaf2ff;--up:#3fb950;--warn:#d29922;--down:#f85149;--up-bg:rgba(63,185,80,.14);--warn-bg:rgba(210,153,34,.16);--down-bg:rgba(248,81,73,.15)}:root[data-theme=light]{--bg:#f5f7fa;--panel:#fff;--panel-2:#f0f3f6;--rail:#fff;--border:#dce2ea;--border-soft:#e7ecf1;--text:#0d1520;--muted:#5a6672;--faint:#8a96a3;--accent:#175cc2;--accent-dim:#a7c6ef;--accent-ink:#fff;--up:#1a7f37;--warn:#9a6700;--down:#cf222e;--up-bg:rgba(26,127,55,.1);--warn-bg:rgba(154,103,0,.12);--down-bg:rgba(207,34,46,.1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono,.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num{text-align:right}.app{display:grid;grid-template-columns:216px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"rail top" "rail main";height:100vh;transition:grid-template-columns .16s ease}.app.collapsed{grid-template-columns:64px 1fr}.rail{grid-area:rail;background:var(--rail);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px;gap:2px;min-height:0}.app.collapsed .rail{padding:14px 8px}.top{grid-area:top;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 18px}.main{grid-area:main;overflow:auto;padding:22px 24px 60px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.app.collapsed .brand{justify-content:center;padding:4px 0 16px}.brand-mark{width:26px;height:26px;border-radius:7px;flex:none;position:relative;background:linear-gradient(150deg,var(--accent),var(--accent-dim));box-shadow:0 0 16px -4px var(--accent);overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-mark:after{content:"";position:absolute;inset:6px;border-radius:3px;border:1.5px solid var(--accent-ink);opacity:.55}.brand-mark.has-img:after{display:none}.brand-name{font-weight:650;letter-spacing:-.01em}.brand-sub{font-size:11px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase}.app.collapsed .brand-name,.app.collapsed .brand-sub,.app.collapsed .nav-label,.app.collapsed .rail-version{display:none}.nav-label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:14px 10px 6px}.nav{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:8px;color:var(--muted);cursor:pointer;border:1px solid transparent;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav:hover{background:var(--panel);color:var(--text)}.nav.active{background:var(--panel-2);color:var(--text);border-color:var(--border)}.nav.active .ic{color:var(--accent)}.nav .ic{width:18px;height:18px;flex:none;color:var(--faint)}.nav small{margin-left:auto;font-size:10px;color:var(--faint);font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);padding:1px 6px;border-radius:20px}.app.collapsed .nav{justify-content:center;gap:0;font-size:0;padding:10px 0}.app.collapsed .nav small{display:none}.app.collapsed .nav .ic{width:19px;height:19px}.rail-foot{margin-top:auto;border-top:1px solid var(--border-soft);padding-top:10px}.collapse-btn,.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--muted);flex:none}.collapse-btn:hover,.icon-btn:hover{color:var(--text);border-color:var(--faint)}.collapse-btn .ic{width:17px;height:17px;transition:transform .16s ease}.app.collapsed .collapse-btn .ic{transform:rotate(180deg)}.site-sel{display:flex;align-items:center;gap:9px;padding:7px 11px;background:var(--bg);border:1px solid var(--border);border-radius:9px;min-width:180px}.site-sel .dot{width:7px;height:7px;border-radius:50%;background:var(--up);flex:none;box-shadow:0 0 0 3px var(--up-bg)}.site-sel span{color:var(--faint);font-size:12px}.search{flex:1 1;max-width:440px;display:flex;align-items:center;gap:9px;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--muted)}.search input{all:unset;flex:1 1;color:var(--text);font-family:var(--font-mono);font-size:13px}.search input::placeholder{color:var(--faint);font-family:var(--font-ui)}.top-actions{margin-left:auto;display:flex;gap:9px}.btn,.top-actions{align-items:center}.btn{display:inline-flex;gap:7px;padding:8px 13px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.btn:hover{border-color:var(--faint)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default;filter:none}.link{color:var(--accent);cursor:pointer}.link:hover{text-decoration:underline}.linkbtn{background:none;border:none;padding:0;cursor:pointer;font:inherit}.linkbtn:hover{text-decoration:underline}.linkbtn:disabled{opacity:.5;cursor:default;text-decoration:none}.btn .ic{width:15px;height:15px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2b3a4a,#1a2530);display:grid;place-items:center;font-size:12px;font-weight:650;color:#fff}.avatar,.range{border:1px solid var(--border)}.range{display:flex;border-radius:8px;overflow:hidden;background:var(--bg)}.range a{padding:8px 11px;font-size:12.5px;color:var(--muted);border-right:1px solid var(--border-soft)}.range a:last-child{border-right:0}.range a.on{background:var(--panel-2);color:var(--text)}.mod-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px}.mod-head h1{margin:0;font-size:21px;font-weight:650;letter-spacing:-.02em}.mod-head .desc{color:var(--muted);font-size:13px;padding-bottom:2px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:18px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:15px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.tile .k{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.tile .v{font-size:26px;font-weight:600;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1}.tile .v small{font-size:14px;color:var(--muted);font-weight:500}.tile .d{font-size:12px;color:var(--muted)}.cols{display:grid;grid-template-columns:1fr 340px;grid-gap:16px;align-items:start}.cols,.stack{gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border-soft)}.panel-head h3{margin:0;font-size:13.5px;font-weight:600}.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;color:var(--faint);border:1px solid var(--border);border-radius:20px;padding:1px 8px;white-space:nowrap}.panel-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:9px 16px;border-bottom:1px solid var(--border-soft);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;background:var(--panel)}thead th.r{text-align:right}tbody td{padding:10px 16px;border-bottom:1px solid var(--border-soft);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--panel-2)}td.rank{color:var(--faint);width:26px}.ipport,td.rank{font-family:var(--font-mono)}.ipport .port{color:var(--accent)}.asn{font-family:var(--font-mono);color:var(--muted);font-size:12px}.bar{position:relative;height:6px;background:var(--border-soft);overflow:hidden;min-width:80px}.bar,.bar>span{border-radius:4px}.bar>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent-dim),var(--accent))}.proto{font-family:var(--font-mono);font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.aslist{padding:6px 8px}.asrow{display:grid;grid-template-columns:1fr auto;grid-gap:4px 12px;gap:4px 12px;align-items:center;padding:8px 10px;border-radius:8px}.asrow:hover{background:var(--panel-2)}.asrow .nm{font-weight:550}.asrow .sub{grid-column:1;color:var(--faint);font-size:11px}.asrow .sub,.asrow .val{font-family:var(--font-mono)}.asrow .val{grid-row:1/3;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.minibar{grid-column:1/3;height:5px;border-radius:3px;background:var(--border-soft);overflow:hidden}.minibar>span{display:block;height:100%;border-radius:3px;background:var(--accent)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid transparent;white-space:nowrap}.chip .d{width:6px;height:6px;border-radius:50%;flex:none}.chip.up{color:var(--up);background:var(--up-bg)}.chip.up .d{background:var(--up)}.chip.warn{color:var(--warn);background:var(--warn-bg)}.chip.warn .d{background:var(--warn)}.chip.down{color:var(--down);background:var(--down-bg)}.chip.down .d{background:var(--down)}.util-row{display:flex;align-items:center;gap:16px;padding:11px 16px;border-bottom:1px solid var(--border-soft)}.util-row:last-child{border-bottom:0}.util-if{flex:0 0 320px;width:320px;min-width:0;display:flex;flex-direction:column;gap:3px}.util-if .nm{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:7px}.util-if .an,.util-if .nm{font-family:var(--font-mono)}.util-if .an{color:var(--faint);font-size:11px;line-height:1.35;word-break:break-word}.util-bars{flex:1 1;display:flex;flex-direction:column;gap:5px;min-width:0}.ub{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.ub .lbl{width:22px;text-transform:uppercase;letter-spacing:.05em}.ub .track{flex:1 1;height:7px;border-radius:4px;background:var(--border-soft);overflow:hidden}.ub .track>span{display:block;height:100%;border-radius:4px}.ub.in .track>span{background:var(--accent)}.ub.out .track>span{background:#7c86f0}.ub .v{font-family:var(--font-mono);width:86px;text-align:right;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dtabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dtab{padding:6px 12px;border-radius:8px;border:1px solid var(--border-soft);color:var(--muted);font-size:13px;cursor:pointer;background:transparent;text-decoration:none;white-space:nowrap}.dtab:hover{color:var(--text)}.dtab.active{background:var(--accent);border-color:var(--accent);color:#fff}.subtabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--border-soft)}.subtab,.subtabs{align-items:center}.subtab{padding:6px 12px 8px;font-size:12.5px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;white-space:nowrap}.subtab:hover{color:var(--text)}.subtab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.dcanvas{width:100%;display:block;touch-action:none;background:var(--panel);border-radius:10px}.dnode{cursor:-webkit-grab;cursor:grab}.dnode:active{cursor:-webkit-grabbing;cursor:grabbing}.dnode text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dbtn{padding:6px 14px;border-radius:8px;border:1px solid var(--border-soft);background:var(--panel-2);color:var(--text);font-size:13px;cursor:pointer}.dbtn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.dbtn:disabled{opacity:.45;cursor:default}.dhint{color:var(--faint);font-size:12px}.hrow{padding:9px 12px;border-bottom:1px solid var(--border-soft)}.hrow:last-child{border-bottom:0}.hrow .top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.hrow .desc{font-size:12px;color:var(--text);line-height:1.35;min-width:0}.hrow .fig{font-family:var(--font-mono);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}.hrow .minibar{margin-top:7px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.tin{background:var(--panel);border:1px solid var(--border-soft);border-radius:8px;padding:8px 12px;color:var(--text);font-size:13px;min-width:230px;font-family:inherit}.tin:focus{outline:none;border-color:var(--accent)}.tin::placeholder{color:var(--faint)}.seg{display:flex;border:1px solid var(--border-soft);border-radius:8px;overflow:hidden}.seg button{padding:7px 13px;background:transparent;border:0;border-right:1px solid var(--border-soft);color:var(--muted);font-size:12.5px;cursor:pointer;font-family:inherit}.seg button:last-child{border-right:0}.seg button:hover{color:var(--text)}.seg button.on{background:var(--accent);color:#fff}th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}th.sortable .ar{color:var(--accent);font-size:10px;margin-left:3px}.count-note{color:var(--faint);font-size:12px}.push{margin-left:auto}.addbtn{padding:8px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.addbtn.ghost{background:transparent;color:var(--accent)}.addbtn:disabled{opacity:.55;cursor:not-allowed}.empty{padding:40px 16px;text-align:center;color:var(--faint)}.placeholder{display:grid;place-items:center;height:60vh;color:var(--muted);text-align:center;grid-gap:8px;gap:8px}.placeholder .big{font-size:17px;color:var(--text);font-weight:600}.infodot{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--border);color:var(--faint);font-size:10px;font-style:normal;font-weight:700;cursor:help;position:relative;vertical-align:middle;font-family:var(--font-ui);outline:none}.infodot:focus-visible,.infodot:hover{color:var(--text);border-color:var(--faint)}.infodot .tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:280px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 11px;font-size:var(--fs-sm);line-height:1.45;color:var(--muted);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:60;white-space:normal;text-align:left;font-weight:400;letter-spacing:normal;text-transform:none}.infodot:focus-visible .tip,.infodot:hover .tip{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.infodot .tip{transition:none}}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 15px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:var(--fs-md)}.notice .ic{color:var(--warn);flex:none;margin-top:1px}.notice.warn{border-color:var(--warn);background:var(--warn-bg);color:var(--text)}.btn.ghost{background:transparent}.btn.danger{color:var(--down);border-color:var(--down)}.btn.danger:hover{background:var(--down-bg);border-color:var(--down)}.btn.sm{padding:5px 10px}.btn.icon{padding:8px;width:34px;height:34px;justify-content:center}.input{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:8px 12px;color:var(--text);font-size:var(--fs-md);font-family:inherit}.input:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--faint)}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.field .hint{font-size:11.5px;color:var(--faint)}.ml-auto{margin-left:auto}.nowrap{white-space:nowrap}.text-accent{color:var(--accent)}.text-muted{color:var(--muted)}.text-faint{color:var(--faint)}.text-down{color:var(--down)}.text-up{color:var(--up)}.text-warn{color:var(--warn)}.row{gap:6px}.row,.row-8{display:inline-flex;align-items:center}.row-8,.stack{gap:8px}.stack{display:flex;flex-direction:column}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);max-width:400px;width:100%;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal h3{margin:0 0 8px;font-size:16px}.modal p{margin:0 0 18px;color:var(--muted);font-size:13.5px;line-height:1.5}.modal .actions{display:flex;gap:10px;justify-content:flex-end}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 18px;font-size:13px;box-shadow:0 12px 30px rgba(0,0,0,.4);opacity:0;transition:opacity .25s,transform .25s;z-index:210;pointer-events:none;max-width:80vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.err{border-color:var(--down);color:var(--down)}@media (prefers-reduced-motion:reduce){.toast{transition:none}}@media (max-width:1080px){.cols{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.app{grid-template-columns:56px 1fr}.brand-name,.brand-sub,.nav-label,.rail-version{display:none}.brand{padding:4px 0 16px}.brand,.nav{justify-content:center}.nav{gap:0;font-size:0;padding:10px 0}.nav small{display:none}.nav .ic{width:19px;height:19px}.top{gap:10px;padding:0 12px}.range,.site-sel{display:none}.search{max-width:none}.main{padding:16px 14px 60px}.tiles{grid-template-columns:1fr}.dtabs{overflow-x:auto;flex-wrap:nowrap}}@media print{.no-print,.shell-nav,.sidebar,nav{display:none!important}.main{padding:0!important}.panel{page-break-inside:avoid;break-inside:avoid;border-color:#ccc}body{background:#fff}}.btn.sm{padding:4px 10px;font-size:12px}.capture-bare{min-height:100vh;background:var(--bg);color:var(--text);padding:16px;max-width:820px;margin:0 auto}@media (max-width:640px){.capture-bare{padding:12px 12px 96px}.capture-bare .mod-head h1{font-size:19px}.capture-bare .mod-head .desc{font-size:12px}}.capture-bare input,.capture-bare select,.capture-bare textarea{min-height:44px}.capture-bare .btn{min-height:40px}.capture-bare.mobileframe{max-width:430px;margin:24px auto;border:1px solid var(--border);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:16px 14px 40px}.cf-wrap{display:flex;flex-direction:column;gap:14px}.cf-bar{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:12px 14px;box-shadow:0 1px 2px rgba(20,30,45,.06),0 10px 30px rgba(20,30,45,.06);position:-webkit-sticky;position:sticky;top:8px;z-index:6}.cf-bar .top{display:flex;align-items:center;gap:11px}.cf-logo{object-fit:contain;border-radius:6px}.cf-logo,.cf-mark{height:28px;width:28px;flex-shrink:0}.cf-mark{border-radius:7px;background:var(--accent)}.cf-crumb{min-width:0;flex:1 1}.cf-crumb b{font-size:14px;letter-spacing:-.01em}.cf-crumb b,.cf-crumb small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-crumb small{color:var(--muted);font-size:11.5px}.cf-pill{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:5px 11px;font-size:11.5px;font-weight:600;flex-shrink:0}.cf-pill.on{background:color-mix(in srgb,var(--up) 15%,var(--panel));color:var(--up)}.cf-pill.off{background:color-mix(in srgb,var(--warn) 20%,var(--panel));color:var(--warn)}.cf-pill .d{width:7px;height:7px;border-radius:50%;background:currentColor}.cf-actions{gap:8px;align-items:center}.cf-actions,.cf-secs{display:flex;margin-top:11px}.cf-secs{gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.cf-secs::-webkit-scrollbar{display:none}.cf-sec{flex-shrink:0;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:20px;background:var(--panel-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.cf-sec.on{background:var(--accent);color:#fff;border-color:transparent}.cf-sec .c{font-size:10.5px;opacity:.85;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cf-card{background:var(--panel);border:1px solid var(--border);border-radius:15px;box-shadow:0 1px 2px rgba(20,30,45,.05);overflow:hidden}.cf-card>.hd{display:flex;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid var(--border)}.cf-card>.hd h3{margin:0;font-size:14px;letter-spacing:-.01em}.cf-body{padding:15px}.cf-photos{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cf-photo{border-radius:11px;object-fit:cover;border:1px solid var(--border);cursor:pointer}.cf-addphoto,.cf-photo{width:62px;height:62px;background:var(--panel-2)}.cf-addphoto{border-radius:11px;border:1.5px dashed var(--border);display:grid;place-items:center;color:var(--muted);cursor:pointer}.cf-addphoto svg{width:20px;height:20px}.cf-addphoto{background:var(--accent);border:1.5px solid transparent;color:#fff}.cf-addphoto svg{width:22px;height:22px}.cf-uploadphoto{width:62px;height:62px;border-radius:11px;border:1.5px solid var(--border);background:var(--panel-2);display:grid;place-items:center;color:var(--muted);cursor:pointer}.cf-uploadphoto svg{width:20px;height:20px}