.health{grid-template-columns:auto 1fr;align-items:center;gap:26px;display:grid}.donut-wrap{width:132px;height:132px;position:relative}.donut{width:132px;height:132px;box-shadow:var(--inset);background:conic-gradient(var(--cyan) 0 var(--pct,0%), transparent var(--pct,0%) 100%);border-radius:50%;-webkit-mask:radial-gradient(52px,#0000 98%,#000 100%);mask:radial-gradient(52px,#0000 98%,#000 100%)}.donut-wrap .c{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut-wrap .c b{font-size:26px;display:block}.donut-wrap .c small{color:var(--muted);font-size:11px}.legend{gap:10px;display:grid}.legend div{color:var(--label);align-items:center;gap:10px;font-size:13px;display:flex}.legend div span:last-child{color:var(--ink);margin-left:auto;font-weight:600}.feed{margin:0;padding:0;list-style:none}.feed li{border-top:1px solid var(--line);gap:12px;padding:11px 0;font-size:13px;display:flex}.feed li:first-child{border-top:0}.feed li>div{flex:1;min-width:0}.feed time{color:var(--muted);white-space:nowrap;font-size:12px}.feed small{color:var(--muted);font-size:12px;display:block}.first-run{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.peer-name{align-items:center;gap:12px;display:flex}.peer-name b{font-weight:600;display:block}.peer-name small{color:var(--muted);font-size:12px}.os{width:34px;height:34px;box-shadow:var(--inset-sm);color:var(--label);border-radius:11px;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:grid}.v6{font-size:11.5px;display:block}.side-box .picker-box{box-shadow:none;padding:0}.flow-arrow{background:var(--base);width:46px;height:46px;box-shadow:var(--raised);color:var(--cyan);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:18px;display:grid}.flow-arrow:active{box-shadow:var(--inset-sm)}.row-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ports{margin-top:12px}.opts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.posture{margin-top:14px}.posture h6{color:var(--label);margin:0 0 8px;font-size:12px;font-weight:500}.tester{gap:10px;display:grid}.tester-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tester-row select{flex:1;min-width:150px}.tester-arrow{color:var(--cyan)}.tester .port{width:110px}.verdict{box-shadow:var(--inset-sm);color:var(--label);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.verdict.conflict{box-shadow:var(--inset-sm), inset 0 0 0 1px #fcd34d4d}@media (width<=1100px){.opts{grid-template-columns:1fr}}.avatar.sm{width:30px;height:30px;font-size:11px}.last-seen{text-align:right;flex:none;width:78px}.split .last-seen{display:none}.user-title{align-items:center;gap:12px;display:flex}.user-title small{color:var(--muted);font-size:12px;font-weight:400;display:block}.role-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role-opt{text-align:left;background:var(--base);color:var(--label);box-shadow:var(--raised-sm);cursor:pointer;border:0;border-radius:14px;gap:2px;padding:12px 14px;display:grid}.role-opt b{color:var(--ink);font-size:13px}.role-opt small{color:var(--muted);font-size:11.5px}.role-opt[aria-checked=true]{box-shadow:var(--inset-sm), inset 0 0 0 1px #21d9f059}.role-opt[aria-checked=true] b{color:var(--cyan)}.role-opt:disabled{cursor:not-allowed;opacity:.55}a.tag{text-decoration:none}a.tag:hover{color:var(--cyan)}@media (width<=1100px){.role-list{grid-template-columns:1fr}}.key-expiry{text-align:right;flex:none;width:120px}.split .key-expiry{display:none}.limit-input{width:130px}.stack-label{color:var(--label);gap:6px;font-size:12px;display:grid}.activity-bar{margin-bottom:14px}.day+.day{margin-top:18px}.day-h{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px 4px;font-size:11px;font-weight:600}.cat-dot{border-radius:50%;flex:none;width:8px;height:8px}.list-row time{flex:none}table.flows tbody tr{cursor:default}.endpoint{display:grid}.endpoint b{font-size:13px;font-weight:600}.endpoint small{color:var(--muted);font-size:11.5px}.policy{margin-top:4px;font-size:11.5px;display:block}.settings-grid{max-width:820px}.versions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.versions>div{box-shadow:var(--inset-sm);border-radius:14px;gap:2px;padding:14px 16px;display:grid}.versions small{color:var(--muted);font-size:11.5px}.versions b{color:var(--ink);font-size:18px}.versions+*{margin-top:16px}.notes{white-space:pre-wrap;color:var(--label);margin:0;font-size:13px}.steps{flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.steps li{color:var(--muted);box-shadow:var(--inset-sm);border-radius:999px;padding:6px 12px;font-size:12px}.steps li.done{color:var(--cyan)}.steps li.now{color:var(--ink);box-shadow:var(--inset-sm), inset 0 0 0 1px #a78bfa80}.update-ok{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}@media (width<=820px){.versions{grid-template-columns:1fr}}.net-list{gap:10px;display:grid}.net-row{box-shadow:var(--inset-sm);border-radius:14px;gap:8px;padding:12px 14px;display:grid}.net-row.off{opacity:.6}.net-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.net-main b{font-weight:600}.net-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.net-form{box-shadow:var(--inset-sm), inset 0 0 0 1px #a78bfa40;border-radius:14px;gap:12px;padding:14px;display:grid}.kind-ok,.kind-bad{margin-left:6px;font-size:11px;font-style:normal}.kind-ok{color:var(--cyan)}.kind-bad{color:var(--muted)}.group-badge{width:30px;height:30px;color:var(--cyan);box-shadow:var(--inset-sm);border-radius:10px;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:grid}.route-dest{gap:12px;margin-top:12px;display:grid}.input.prio{width:90px}.editor-head{align-items:center;gap:14px;display:flex}.stack-label{color:var(--label);gap:6px;margin-top:12px;font-size:12px;display:grid}.team-tabs{margin:-8px 0 20px}.ns-list{gap:10px;display:grid}.ns-row{grid-template-columns:minmax(0,1fr) 90px auto;align-items:center;gap:10px;display:grid}.record-grid{grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) 110px;align-items:end;gap:12px;display:grid}.record-grid label,.record-grid>div{color:var(--label);gap:6px;font-size:12px;display:grid}.suffix-field{align-items:center;gap:6px;display:flex}.suffix-field span{white-space:nowrap;font-size:12px}.settings-narrow{max-width:720px}@media (width<=1100px){.record-grid{grid-template-columns:1fr}}.wg-config-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.code{min-width:260px;font-family:var(--mono);color:var(--label);box-shadow:var(--inset);white-space:pre;-webkit-user-select:all;user-select:all;border-radius:14px;flex:1;margin:0;padding:14px 16px;font-size:12px;line-height:1.65;overflow-x:auto}.qr{width:196px;height:196px;box-shadow:var(--inset);border-radius:14px;flex:none;place-items:center;padding:10px;display:grid}.qr img{border-radius:6px;width:100%;height:100%}.steps-list{color:var(--label);gap:6px;margin:0 0 14px;padding-left:18px;font-size:13px;display:grid}.warn-note{color:var(--amber);box-shadow:var(--inset-sm), inset 0 0 0 1px #fcd34d40;border-radius:13px;margin:12px 0 0;padding:10px 14px;font-size:12.5px}.key-input{margin-top:10px}.wg-flow .side-box{min-height:0}.flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.side-box{box-shadow:var(--inset);border-radius:16px;min-width:0;padding:12px}.side-box h6{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px 4px;font-size:11px}.flow-arrow{width:46px;height:46px;box-shadow:var(--raised);color:var(--cyan);border-radius:50%;place-items:center;font-size:18px;display:grid}.svc-route{box-shadow:var(--inset-sm);border-radius:16px;grid-template-columns:110px minmax(0,1fr) 90px auto;align-items:end;gap:10px 12px;margin-bottom:12px;padding:14px;display:grid}.svc-route label,.svc-scheme{color:var(--label);gap:6px;font-size:12px;display:grid}.svc-scheme>span{font-size:12px}.svc-host{grid-column:2}.svc-wide{grid-column:1/-1}.svc-remove{justify-self:start}.routes-table{border-collapse:collapse;width:100%;font-size:13px}.routes-table th{text-align:left;color:var(--label);padding:0 8px 8px 0;font-size:12px;font-weight:500}.routes-table td{border-top:1px solid var(--line);word-break:break-all;padding:8px 8px 8px 0}.tags.inline{vertical-align:middle;flex-wrap:wrap;gap:6px;display:inline-flex}.proxies{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.proxies>:first-child{grid-column:1/-1}.inline-form{align-items:center;gap:10px;margin-bottom:10px;display:flex}.inline-form .input{flex:1;min-width:0}.fresh-token{gap:12px;margin-bottom:14px;padding:16px;display:grid}.run-it{gap:10px;display:grid}.token-list .list-row.static{cursor:default}@media (width<=1100px){.proxies{grid-template-columns:1fr}.svc-route{grid-template-columns:1fr 1fr}.svc-target,.svc-host,.svc-wide{grid-column:1/-1}}@property --rn-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--base:#08090c;--shadow-dark:#000;--shadow-light:#14161f;--grid:#ffffff04;--ink:#e6e9f2;--muted:#737b8f;--label:#c9cede;--line:#161925;--violet:#a78bfa;--cyan:#21d9f0;--pink:#f472b6;--green:#5eead4;--amber:#fcd34d;--red:#fda4af;--idle:#262b3b;--font:"Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--raised:7px 7px 16px var(--shadow-dark), -5px -5px 14px var(--shadow-light);--raised-sm:3px 3px 8px var(--shadow-dark), -2px -2px 7px var(--shadow-light);--raised-lg:14px 14px 36px var(--shadow-dark), -10px -10px 30px var(--shadow-light);--inset:inset 5px 5px 12px var(--shadow-dark), inset -4px -4px 11px var(--shadow-light);--inset-sm:inset 3px 3px 7px var(--shadow-dark), inset -2px -2px 6px var(--shadow-light);--radius-lg:24px;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--base);margin:0}body{min-height:100vh;color:var(--ink);font:14px/1.5 var(--font);background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 40px 40px, var(--base);position:relative}body:before{--wm-clear:90px;content:"";z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, transparent var(--wm-clear), #000 calc(var(--wm-clear) + 160px));-webkit-mask-image:linear-gradient(to bottom, transparent var(--wm-clear), #000 calc(var(--wm-clear) + 160px));mask-image:linear-gradient(to bottom, transparent var(--wm-clear), #000 calc(var(--wm-clear) + 160px));background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iMzIwIiB2aWV3Qm94PSIwIDAgMzIwIDMyMCI+PCEtLSBEWU5SIHdhdGVybWFyayB0aWxlOiA4IHggOCBncmlkIHNxdWFyZXMgb2YgNDBweCwgIkRZTlIiIGluIGEgc2NhdHRlcmVkIDcgb2YgdGhlbS4gUmVwZWF0cyBiZWhpbmQgZXZlcnkgcGFnZSAoc3R5bGVzL3Rva2Vucy5jc3MpLiAtLT48ZyBmaWxsPSIjZTZlOWYyIiBmaWxsLW9wYWNpdHk9IjAuMDYiIGZvbnQtZmFtaWx5PSJIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjguNSIgZm9udC13ZWlnaHQ9IjcwMCIgbGV0dGVyLXNwYWNpbmc9IjEuMiI+PHRleHQgeD0iNjAuNSIgeT0iNjMuNSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+RFlOUjwvdGV4dD48dGV4dCB4PSIyMjAuNSIgeT0iMjMuNSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+RFlOUjwvdGV4dD48dGV4dCB4PSIxNDAuNSIgeT0iMTQzLjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkRZTlI8L3RleHQ+PHRleHQgeD0iMzAwLjUiIHk9IjE4My41IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5EWU5SPC90ZXh0Pjx0ZXh0IHg9IjIwLjUiIHk9IjIyMy41IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5EWU5SPC90ZXh0Pjx0ZXh0IHg9IjIyMC41IiB5PSIyNjMuNSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+RFlOUjwvdGV4dD48dGV4dCB4PSIxMDAuNSIgeT0iMzAzLjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkRZTlI8L3RleHQ+PC9nPjwvc3ZnPgo=) 0 0/320px 320px;position:absolute;inset:0}#root{z-index:1;position:relative}a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}@keyframes rn-spin{to{--rn-angle:360deg}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.grad-text{background:linear-gradient(100deg, var(--violet), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted)}.mono{font-family:var(--mono);color:var(--label);font-size:12px}.panel{border-radius:var(--radius-lg);background:var(--base);box-shadow:var(--raised-lg);min-width:0;padding:22px 24px}.panel-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel-head>div:first-child{flex:1;min-width:0}.panel-head h3{margin:0;font-size:15px;font-weight:600}.panel-head p{color:var(--muted);margin:2px 0 0;font-size:12.5px}.ring{isolation:isolate;border-radius:calc(var(--radius-lg) + 2px);background:conic-gradient(from var(--rn-angle), var(--idle) 0turn .06turn, var(--cyan) .16turn, var(--violet) .27turn, var(--idle) .38turn .56turn, var(--pink) .68turn, var(--violet) .8turn, var(--idle) .92turn 1turn);box-shadow:var(--raised-lg);padding:2px;animation:9s linear infinite rn-spin;display:flex;position:relative}.ring:after{content:"";z-index:-1;border-radius:calc(var(--radius-lg) + 6px);background:inherit;filter:blur(20px);opacity:.25;animation:9s linear infinite rn-spin;position:absolute;inset:-4px}.ring>.panel{box-shadow:inset 2px 2px 6px var(--shadow-light), inset -2px -2px 6px var(--shadow-dark);flex:1}.btn{border-radius:var(--radius);background:var(--base);height:44px;color:var(--ink);cursor:pointer;box-shadow:var(--raised);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:box-shadow .2s,transform .2s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:var(--inset-sm);transform:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:16px;height:16px;stroke:var(--cyan)}.btn.quiet{box-shadow:none;color:var(--violet);height:auto;padding:0 6px}.btn.quiet:active{box-shadow:none}.btn.danger{color:var(--red)}.btn.sm{height:34px;padding:0 12px;font-size:12.5px}.field{border-radius:var(--radius);min-height:44px;box-shadow:var(--inset);color:var(--muted);align-items:center;gap:10px;padding:0 14px;display:flex}.field svg{flex:none;width:16px;height:16px}.field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.field input::placeholder{color:var(--muted)}.field:focus-within{box-shadow:var(--inset), 0 0 0 1px #a78bfa73}.chips{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.chip{color:var(--label);background:var(--base);box-shadow:var(--raised);cursor:pointer;border:0;border-radius:12px;padding:7px 14px;font-size:12.5px}.chip[aria-pressed=true]{box-shadow:var(--inset-sm);color:var(--cyan);font-weight:600}.seg{box-shadow:var(--inset-sm);border-radius:13px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:6px 12px;font-size:12.5px}.seg button[aria-pressed=true]{color:var(--ink);background:var(--base);box-shadow:var(--raised-sm);font-weight:600}.toggle{background:var(--base);width:42px;height:24px;box-shadow:var(--inset-sm);cursor:pointer;border:0;border-radius:99px;flex:none;padding:0;position:relative}.toggle:after{content:"";background:var(--muted);width:18px;height:18px;box-shadow:2px 2px 5px var(--shadow-dark);border-radius:50%;transition:left .2s;position:absolute;top:3px;left:3px}.toggle[aria-checked=true]:after{background:linear-gradient(135deg, var(--cyan), var(--violet));left:21px}.pill{box-shadow:var(--inset-sm);color:var(--label);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;display:inline-flex}.tag{background:var(--base);box-shadow:var(--raised-sm);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.tag i{color:var(--muted);font-style:normal}.tags{flex-wrap:wrap;gap:6px;display:flex}.dot{background:var(--idle);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.dot.warn{background:var(--amber);box-shadow:0 0 8px #fcd34d80}.dot.bad{background:var(--red);box-shadow:0 0 8px #fda4af80}.stat .k{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.stat .v{letter-spacing:-.02em;margin-top:6px;font-size:30px;font-weight:700}.stat .v small{color:var(--muted);font-size:18px;font-weight:600}.stat .d{color:var(--muted);margin-top:2px;font-size:12px}.meter{height:8px;box-shadow:var(--inset-sm);border-radius:99px;margin-top:14px;overflow:hidden}.meter i{background:linear-gradient(90deg, var(--violet), var(--cyan));border-radius:99px;height:100%;display:block}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:0 14px 12px;font-size:11px;font-weight:600}table.data td{border-top:1px solid var(--line);vertical-align:middle;padding:13px 14px}table.data tbody tr{cursor:pointer}table.data tbody tr:hover td{background:#ffffff03}table.data tbody tr[aria-selected=true] td{background:#21d9f009}.list-row{border:0;border-top:1px solid var(--line);border-radius:var(--radius);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:12px 14px;display:flex}.list-row:first-of-type{border-top-color:#0000}.list-row[aria-selected=true]{box-shadow:var(--inset-sm);border-top-color:#0000}.list-row[aria-selected=true]+.list-row{border-top-color:#0000}.list-row .t{flex:1;min-width:0}.list-row .t b{font-size:13.5px;font-weight:600;display:block}.list-row .t small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.state{text-align:center;color:var(--muted);place-items:center;gap:8px;padding:48px 16px;display:grid}.state b{color:var(--ink);font-size:15px}.state.error b{color:var(--red)}.spinner{border:3px solid var(--idle);border-top-color:var(--cyan);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite rn-rotate}@keyframes rn-rotate{to{transform:rotate(360deg)}}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.grid-main{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:22px;margin-top:22px;display:grid}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main,.split{grid-template-columns:1fr}}.picker{position:relative}.picker-box{cursor:text;flex-wrap:wrap;gap:6px;padding:6px 10px}.picker-box input{min-width:90px;padding:6px 2px}.picker-box.has-error{box-shadow:var(--inset), 0 0 0 1px #fda4af80}.tag-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 0 0 2px;font-size:14px;line-height:1}.tag-x:hover{color:var(--red)}.picker-list{z-index:20;border-radius:var(--radius);background:var(--base);box-shadow:var(--raised-lg), inset 0 0 0 1px var(--line);max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.picker-list li{cursor:pointer;border-radius:10px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px;display:flex}.picker-list li[aria-selected=true]{box-shadow:var(--inset-sm);color:var(--cyan)}.field-error{color:var(--red);margin:6px 2px 0;font-size:12px}.input{border-radius:var(--radius);background:var(--base);width:100%;min-height:44px;box-shadow:var(--inset);color:var(--ink);font:inherit;border:0;outline:0;padding:0 14px;font-size:13.5px}.input:focus{box-shadow:var(--inset), 0 0 0 1px #a78bfa73}select.input{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}.copybox{border-radius:var(--radius);box-shadow:var(--inset);align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.copybox code{white-space:nowrap;min-width:0;color:var(--ink);-webkit-user-select:all;user-select:all;flex:1;font-size:12.5px;overflow-x:auto}.picker-list li.picker-create{color:var(--label)}.picker-list li.picker-create:not(:first-child){border-top:1px solid var(--line);border-radius:0 0 10px 10px}.app{grid-template-columns:248px minmax(0,1fr);gap:28px;max-width:2400px;margin:0 auto;padding:22px clamp(16px,2vw,40px) 40px;display:grid}.side{background:var(--base);box-shadow:var(--raised-lg);border-radius:26px;align-self:start;padding:22px 14px;position:sticky;top:22px}.brand{align-items:center;gap:10px;padding:0 10px 18px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand svg{width:28px;height:28px}.nav-group{margin-top:14px}.nav-group h4{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;padding:0 12px;font-size:10.5px;font-weight:600}.nav a{color:var(--label);border-radius:13px;align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;text-decoration:none;transition:color .2s;display:flex}.nav a svg{opacity:.75;flex:none;width:17px;height:17px}.nav a:hover{color:var(--ink)}.nav a.active{box-shadow:var(--inset-sm);font-weight:600}.nav a.active span{background:linear-gradient(100deg, var(--violet), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.nav a.active svg{opacity:1;stroke:var(--cyan)}.nav .badge{color:var(--cyan);box-shadow:var(--inset-sm);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px;font-style:normal}.me{box-shadow:var(--inset-sm);border-radius:16px;align-items:center;gap:10px;margin-top:22px;padding:12px;display:flex}.me>div:not(.avatar){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.me small{color:var(--muted);font-size:11px;display:block}.avatar{width:32px;height:32px;color:var(--base);background:linear-gradient(135deg, var(--cyan), var(--violet));border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.top{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:26px;display:flex}.top h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}.top p{color:var(--muted);margin:2px 0 0;font-size:13px}.top .grow{flex:1}.top .field{width:280px}@media (width<=820px){.app{grid-template-columns:1fr;padding:16px}.side{position:static}.top .field{order:3;width:100%}}.input.title-input{min-height:50px;font-size:18px;font-weight:700}.input.desc-input{color:var(--label);margin-top:10px;font-size:13px}.section{margin-top:22px}.section h5{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.note{margin:0 0 10px;font-size:12.5px}.opt{box-shadow:var(--inset-sm);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.opt>span:first-child{flex:1}.opt small{color:var(--muted);font-size:11.5px;display:block}.form-errors{color:var(--red);box-shadow:var(--inset-sm), inset 0 0 0 1px #fda4af40;border-radius:13px;margin:18px 0 0;padding:10px 14px 10px 30px;font-size:12.5px}p.form-errors{padding-left:14px}.editor-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.editor-actions .grow{flex:1}.detail-status{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.detail-h{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.facts{grid-template-columns:max-content 1fr;gap:9px 22px;margin:0 0 20px;font-size:13px;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.hint{margin-top:8px}.small{font-size:12px}.form-grid{grid-template-columns:1fr 1fr;align-items:end;gap:12px 14px;display:grid}.form-grid label{color:var(--label);gap:6px;font-size:12px;display:grid}.pw-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1100px){.opts,.form-grid{grid-template-columns:1fr}}