:root{--n-0:#fff;--n-25:#fbfbfc;--n-50:#f6f6f8;--n-100:#eeeef1;--n-150:#e4e4e9;--n-200:#d7d7de;--n-300:#c0c0c9;--n-400:#9a9aa6;--n-500:#74747f;--n-600:#55555f;--n-700:#3d3d45;--n-800:#27272d;--n-900:#161619;--n-950:#0b0b0d;--canvas:#e6e7ea;--ink:var(--n-950);--ink-2:var(--n-700);--ink-3:var(--n-500);--ink-4:var(--n-400);--on-ink:#fff;--glass:#ffffff85;--glass-strong:#ffffffb3;--glass-thin:#ffffff61;--glass-raised:#ffffffc7;--solid:#fff;--glass-highlight:#ffffffa6;--hairline:#11111617;--hairline-2:#11111624;--fill:#1111160a;--fill-2:#11111612;--fill-3:#1111161c;--ok:#4b7d5e;--ok-bg:#4b7d5e24;--warn:#9a7340;--warn-bg:#9a734026;--bad:#a8554e;--bad-bg:#a8554e24;--info:#4f6b86;--info-bg:#4f6b8621;--font-ui:"Onest", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Code", monospace;--t-xs:.72rem;--t-sm:.81rem;--t-base:.906rem;--t-md:1rem;--t-lg:1.125rem;--t-xl:1.375rem;--t-2xl:1.75rem;--t-3xl:2.25rem;--t-4xl:3rem;--t-5xl:4rem;--r-xs:8px;--r-sm:11px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--r-3xl:36px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--s-12:80px;--blur-sm:12px;--blur-md:26px;--blur-lg:44px;--blur-xl:64px;--blur-saturate:180%;--sh-sm:0 1px 2px #0d0d120d, 0 1px 1px #0d0d120a;--sh-md:0 6px 20px -6px #0d0d121a, 0 2px 6px -2px #0d0d120f;--sh-lg:0 18px 48px -12px #0d0d122e, 0 6px 16px -8px #0d0d121a;--sh-xl:0 32px 80px -16px #0d0d1242, 0 12px 28px -12px #0d0d1224;--ease:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .5, 1);--dur-1:.14s;--dur-2:.24s;--dur-3:.42s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--n-0:#0b0b0d;--n-25:#101013;--n-50:#141418;--n-100:#1a1a1f;--n-150:#202026;--n-200:#2a2a31;--n-300:#3a3a43;--n-400:#54545f;--n-500:#7c7c87;--n-600:#9a9aa4;--n-700:#b9b9c1;--n-800:#d6d6dc;--n-900:#ececf0;--n-950:#fbfbfd;--canvas:#08080a;--ink:var(--n-950);--ink-2:var(--n-700);--ink-3:var(--n-500);--ink-4:var(--n-400);--on-ink:#0b0b0d;--glass:#1c1c228c;--glass-strong:#202027b8;--glass-thin:#1a1a2066;--glass-raised:#26262ecc;--solid:#15151a;--glass-highlight:#ffffff1a;--hairline:#ffffff1a;--hairline-2:#ffffff29;--fill:#ffffff0b;--fill-2:#ffffff14;--fill-3:#ffffff21;--ok:#6fbf90;--ok-bg:#6fbf9029;--warn:#d6a463;--warn-bg:#d6a46329;--bad:#e08982;--bad-bg:#e0898229;--info:#84a6c9;--info-bg:#84a6c929;--sh-sm:0 1px 2px #0006;--sh-md:0 8px 24px -8px #0000008c, 0 2px 6px -2px #0006;--sh-lg:0 22px 56px -14px #000000a8, 0 8px 18px -10px #00000080;--sh-xl:0 40px 96px -20px #000000bd, 0 14px 32px -14px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);font-size:var(--t-base);color:var(--ink);background:var(--canvas);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--dur-3) var(--ease), color var(--dur-3) var(--ease);line-height:1.5;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}svg{display:block}::selection{background:color-mix(in srgb, var(--ink) 18%, transparent)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r-xs)}.mono{font-family:var(--font-mono);font-feature-settings:"ss02";letter-spacing:-.02em}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(var(--blur-saturate));backdrop-filter:blur(var(--blur-lg)) saturate(var(--blur-saturate));border:1px solid var(--hairline);box-shadow:var(--sh-md), inset 0 1px 0 var(--glass-highlight)}.glass-strong{background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(var(--blur-saturate));backdrop-filter:blur(var(--blur-xl)) saturate(var(--blur-saturate))}.btn{border-radius:var(--r-md);font-size:var(--t-base);white-space:nowrap;transition:transform var(--dur-1) var(--ease), background var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), opacity var(--dur-1) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:inline-flex}.btn svg{width:17px;height:17px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--on-ink);box-shadow:var(--sh-sm), inset 0 1px 0 #ffffff2e}.btn-primary:hover{background:color-mix(in srgb, var(--ink) 88%, var(--canvas));box-shadow:var(--sh-md), inset 0 1px 0 #fff3}.btn-secondary{background:var(--glass-raised);color:var(--ink);border-color:var(--hairline-2);box-shadow:var(--sh-sm), inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.btn-secondary:hover{background:var(--solid);border-color:var(--hairline-2);box-shadow:var(--sh-md)}.btn-tinted{background:var(--fill-2);color:var(--ink)}.btn-tinted:hover{background:var(--fill-3)}.btn-danger{background:var(--bad);color:#fff;box-shadow:var(--sh-sm), inset 0 1px 0 #ffffff2e}.btn-danger:hover{filter:brightness(1.06);box-shadow:var(--sh-md)}.btn-sm{font-size:var(--t-sm);border-radius:var(--r-sm);gap:6px;padding:6px 12px}.btn-sm svg{width:15px;height:15px}.btn-lg{font-size:var(--t-md);border-radius:var(--r-lg);gap:9px;padding:12px 22px}.btn-pill{border-radius:var(--r-full)}.btn-icon{width:38px;padding:9px}.btn-icon.btn-sm{width:32px;padding:7px}.btn[disabled]{opacity:.45;pointer-events:none}.btn .spin{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--glass);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--blur-saturate));backdrop-filter:blur(var(--blur-md)) saturate(var(--blur-saturate));box-shadow:var(--sh-md), inset 0 1px 0 var(--glass-highlight);padding:var(--s-5)}.card.solid{background:var(--solid);-webkit-backdrop-filter:none;backdrop-filter:none}.card.outline{box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.card.interactive{transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);cursor:pointer}.card.interactive:hover{box-shadow:var(--sh-lg), inset 0 1px 0 var(--glass-highlight);transform:translateY(-3px)}.grid{gap:var(--s-4);display:grid}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.badge{border-radius:var(--r-full);font-size:var(--t-xs);border:1px solid #0000;align-items:center;gap:6px;padding:3px 10px;font-weight:600;line-height:1.4;display:inline-flex}.badge.neutral{background:var(--fill-2);color:var(--ink-2);border-color:var(--hairline)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.solid{background:var(--ink);color:var(--on-ink)}.status{font-size:var(--t-sm);color:var(--ink-2);align-items:center;gap:7px;font-weight:550;display:inline-flex}.dot{border-radius:50%;flex:none;width:8px;height:8px;position:relative}.dot.ok{background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent);animation:pulse 2.4s var(--ease) infinite}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.idle{background:var(--ink-4)}.dot.info{background:var(--info)}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.chip{border-radius:var(--r-full);background:var(--fill-2);border:1px solid var(--hairline);font-size:var(--t-sm);align-items:center;gap:7px;padding:6px 8px 6px 12px;font-weight:500;display:inline-flex}.chip .x{width:18px;height:18px;color:var(--ink-3);transition:background var(--dur-1) var(--ease);border-radius:50%;place-items:center;display:grid}.chip .x:hover{background:var(--fill-3);color:var(--ink)}.chip .x svg{width:12px;height:12px}.kbd{font-family:var(--font-mono);font-size:var(--t-xs);background:var(--fill-2);border:1px solid var(--hairline);box-shadow:0 1.5px 0 var(--hairline-2);color:var(--ink-2);border-radius:7px;padding:3px 7px}.field{flex-direction:column;gap:6px;display:flex}.field>label{font-size:var(--t-sm);color:var(--ink-2);font-weight:600}.field .help{font-size:var(--t-xs);color:var(--ink-3)}.field .help.err{color:var(--bad)}.input,.textarea,.select{border-radius:var(--r-md);background:var(--glass-thin);border:1px solid var(--hairline-2);width:100%;color:var(--ink);font-size:var(--t-base);transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease), background var(--dur-1) var(--ease);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));padding:10px 13px}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.input:focus,.textarea:focus,.select:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 11%, transparent);background:var(--solid);outline:none}.input.has-err,.textarea.has-err,.select.has-err{border-color:var(--bad)}.input.has-err:focus,.textarea.has-err:focus,.select.has-err:focus{box-shadow:0 0 0 3px var(--bad-bg)}.textarea{resize:vertical;min-height:76px}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap svg.lead{width:17px;height:17px;color:var(--ink-4);pointer-events:none;position:absolute;left:12px}.input-wrap .input{padding-left:38px}.input-wrap.field-trailing .input{padding-right:40px}.field-toggle{border-radius:var(--r-sm);width:30px;height:30px;color:var(--ink-3);cursor:pointer;transition:color var(--dur-1) var(--ease), background var(--dur-1) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:6px}.field-toggle:hover{color:var(--ink)}.field-toggle:focus-visible{color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 11%, transparent);outline:none}.field-toggle svg{width:17px;height:17px}.select-wrap{position:relative}.select{appearance:none;cursor:pointer;padding-right:36px}.select-wrap svg{width:16px;height:16px;color:var(--ink-3);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.strength{align-items:center;gap:var(--s-2);display:flex}.strength-track{flex:1;gap:4px;display:flex}.strength-seg{border-radius:var(--r-full);background:var(--fill-3);height:5px;transition:background var(--dur-1) var(--ease);flex:1}.strength-label{font-size:var(--t-xs);color:var(--ink-3);text-align:right;min-width:3.5em;font-weight:600}.strength-bad .strength-seg.is-filled{background:var(--bad)}.strength-bad .strength-label{color:var(--bad)}.strength-warn .strength-seg.is-filled{background:var(--warn)}.strength-warn .strength-label{color:var(--warn)}.strength-ok .strength-seg.is-filled{background:var(--ok)}.strength-ok .strength-label{color:var(--ok)}.strength-strong .strength-seg.is-filled{background:var(--ok)}.strength-strong .strength-label{color:var(--ok)}.switch{align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch .track{border-radius:var(--r-full);background:var(--fill-3);border:1px solid var(--hairline);width:46px;height:28px;transition:background var(--dur-2) var(--ease);position:relative}.switch .track:after{content:"";background:var(--solid);width:22px;height:22px;box-shadow:var(--sh-sm);transition:transform var(--dur-2) var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.track{background:var(--ink)}.switch input:checked+.track:after{transform:translate(18px)}.switch input:focus-visible+.track{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 14%, transparent)}.check-c,.radio-c{cursor:pointer;font-size:var(--t-base);align-items:center;gap:10px;display:inline-flex}.check-c input,.radio-c input{opacity:0;position:absolute}.check-c .box{border:1.5px solid var(--hairline-2);background:var(--glass-thin);width:20px;height:20px;color:var(--on-ink);transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);border-radius:7px;place-items:center;display:grid}.check-c .box svg{opacity:0;width:13px;height:13px;transition:opacity var(--dur-1) var(--ease), transform var(--dur-1) var(--ease-spring);transform:scale(.6)}.check-c input:checked+.box{background:var(--ink);border-color:var(--ink)}.check-c input:checked+.box svg{opacity:1;transform:none}.radio-c .box{border:1.5px solid var(--hairline-2);background:var(--glass-thin);width:20px;height:20px;transition:border-color var(--dur-1) var(--ease);border-radius:50%;place-items:center;display:grid}.radio-c .box:after{content:"";background:var(--ink);width:10px;height:10px;transition:transform var(--dur-1) var(--ease-spring);border-radius:50%;transform:scale(0)}.radio-c input:checked+.box{border-color:var(--ink)}.radio-c input:checked+.box:after{transform:scale(1)}.check-c input:focus-visible+.box,.radio-c input:focus-visible+.box{box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 14%, transparent)}.slider{appearance:none;border-radius:var(--r-full);background:var(--fill-3);outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--solid);border:1px solid var(--hairline-2);width:22px;height:22px;box-shadow:var(--sh-md);cursor:pointer;transition:transform var(--dur-1) var(--ease);border-radius:50%}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--solid);border:1px solid var(--hairline-2);width:22px;height:22px;box-shadow:var(--sh-md);cursor:pointer;border-radius:50%}.frame{border-radius:var(--r-lg);border:1px solid var(--hairline);background:var(--solid);box-shadow:var(--sh-md);overflow:hidden}[data-theme=dark] .frame{background:#0e0e12}.frame-bar{border-bottom:1px solid var(--hairline);background:var(--glass-thin);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));align-items:center;gap:8px;padding:9px 12px;display:flex}.traffic{gap:6px;display:flex}.traffic i{background:var(--fill-3);border-radius:50%;width:11px;height:11px}.frame-url{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--ink-3);background:var(--fill);border:1px solid var(--hairline);border-radius:var(--r-full);flex:1;align-items:center;gap:7px;min-width:0;padding:4px 11px;display:flex}.frame-url svg{flex:none;width:12px;height:12px}.frame-url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frame-title{font-size:var(--t-xs);color:var(--ink-3);font-weight:600}.frame-body{font-family:var(--font-mono);font-size:var(--t-xs);min-height:168px;padding:14px;line-height:1.7}.code .ln{color:var(--ink-4);-webkit-user-select:none;user-select:none;width:22px;display:inline-block}.code .kw{color:var(--ink);font-weight:600}.code .st{color:var(--ink-3)}.code .cm{color:var(--ink-4);font-style:italic}.code .fn{color:var(--ink-2);font-weight:600}.preview-doc{font-family:var(--font-ui)}.preview-doc .eyebrow{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);font-weight:650}.preview-doc h4{font-size:var(--t-lg);letter-spacing:-.02em;margin:5px 0 10px;font-weight:700}.preview-doc .line{background:var(--fill-2);border-radius:4px;height:8px;margin-bottom:8px}.preview-doc .line.w1{width:100%}.preview-doc .line.w2{width:86%}.preview-doc .line.w3{width:64%}.preview-doc .ck{font-size:var(--t-sm);color:var(--ink-2);align-items:center;gap:8px;margin-top:11px;display:flex}.preview-doc .ck .b{background:var(--ok-bg);width:16px;height:16px;color:var(--ok);border-radius:5px;place-items:center;display:grid}.preview-doc .ck .b svg{width:11px;height:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.app-shell{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-ui)}.app-shell__bar{align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-6);border-bottom:1px solid var(--hairline);flex-wrap:wrap;display:flex}.app-shell__brand{letter-spacing:-.02em;font-weight:700}.app-shell__nav{gap:var(--s-4);display:flex}.app-shell__conn{margin-left:auto}.app-shell__content{gap:var(--s-6);padding:var(--s-6);grid-template-columns:1fr 1fr;max-width:1080px;margin:0 auto;display:grid}@media (max-width:840px){.app-shell__content{grid-template-columns:1fr}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-ui);padding:var(--s-6);place-items:center;display:grid}.auth__card{gap:var(--s-5);width:100%;max-width:25rem;padding:var(--s-8) var(--s-7);flex-direction:column;display:flex}.auth__head{gap:var(--s-2);flex-direction:column;display:flex}.auth__brand{font-size:var(--t-sm);letter-spacing:-.02em;color:var(--ink-2);font-weight:700}.auth__title{font-size:var(--t-2xl);letter-spacing:-.02em;margin:0;font-weight:700}.auth__sub{font-size:var(--t-sm);color:var(--ink-3);margin:0}.auth__form{gap:var(--s-4);flex-direction:column;display:flex}.auth__meta{gap:var(--s-2);margin-top:calc(-1 * var(--s-2));flex-direction:column;display:flex}.auth__verdict{font-size:var(--t-xs);color:var(--ink-3);margin:0}.auth__rules{gap:var(--s-1) var(--s-4);font-size:var(--t-xs);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.auth__rule{align-items:center;gap:var(--s-2);color:var(--ink-4);display:flex}.auth__rule[data-met=true]{color:var(--ink-2)}.auth__rule-icon{width:.9em;height:.9em;color:var(--ok);visibility:hidden;align-items:center;display:inline-flex}.auth__rule[data-met=true] .auth__rule-icon{visibility:visible}.auth__error{font-size:var(--t-sm);color:var(--bad);margin:0}.auth__handle{font-size:var(--t-sm);color:var(--ink-2);margin:0}.auth__submit{width:100%;margin-top:var(--s-1)}.auth__footer{text-align:center;font-size:var(--t-sm);color:var(--ink-3);margin:0}.auth__footer a{color:var(--ink);font-weight:600;text-decoration:none}.auth__footer a:hover{text-decoration:underline}.cp__card{max-width:30rem}.cp__repos{gap:var(--s-3);flex-direction:column;display:flex}.cp__repos-label{font-size:var(--t-sm);color:var(--ink-2);margin:0;font-weight:600}.cp__repos-help{margin:calc(-1 * var(--s-2)) 0 0;font-size:var(--t-xs);color:var(--ink-3)}.cp__repo-row{align-items:flex-end;gap:var(--s-2);display:flex}.cp__repo-field{flex:auto}.cp__repo-remove{flex:none}.cp__add{align-self:flex-start}.cp__later{font-size:var(--t-sm);color:var(--ink-2);align-items:flex-start}.cp__later-hint{margin-top:var(--s-1);font-size:var(--t-xs);color:var(--ink-3);display:block}.cp__form-error{gap:var(--s-2);flex-direction:column;display:flex}.cp__open-link{font-size:var(--t-sm);color:var(--ink);align-self:flex-start;font-weight:600;text-decoration:none}.cp__open-link:hover{text-decoration:underline}.landing{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-ui);padding:var(--s-6);place-items:center;display:grid}.landing__hero{text-align:center;align-items:center;gap:var(--s-5);flex-direction:column;max-width:34rem;display:flex}.landing__brand{font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.landing__title{font-size:var(--t-4xl);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.1}.landing__sub{max-width:30rem;font-size:var(--t-lg);color:var(--ink-3);margin:0;line-height:1.5}.landing__actions{align-items:center;gap:var(--s-5);margin-top:var(--s-2);display:flex}.sidebar-shell{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-ui);grid-template-columns:16rem 1fr;display:grid}.sidebar{gap:var(--s-4);padding:var(--s-5) var(--s-4);border-right:1px solid var(--hairline);background:var(--n-0);flex-direction:column;display:flex}.sidebar__brand{letter-spacing:-.02em;color:var(--ink);padding:var(--s-2);font-weight:700;text-decoration:none}.sidebar__nav{gap:var(--s-1);flex-direction:column;display:flex}.sidebar__link{padding:var(--s-2) var(--s-3,.75rem);border-radius:var(--radius-2,.5rem);color:var(--ink-2);font-size:var(--t-sm);text-decoration:none}.sidebar__link:hover{background:var(--n-50);color:var(--ink)}.sidebar__link.is-active{background:var(--n-100);color:var(--ink);font-weight:600}.sidebar__conn{font-size:var(--t-xs);color:var(--ink-3)}.sidebar__footer{margin-top:auto;position:relative}.sidebar__profile{align-items:center;gap:var(--s-2);width:100%;padding:var(--s-2) var(--s-3,.75rem);border:1px solid var(--hairline);border-radius:var(--radius-2,.5rem);color:var(--ink);cursor:pointer;text-align:left;background:0 0;display:flex}.sidebar__profile-text{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar__handle{font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sidebar__email{font-size:var(--t-xs);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__skeleton{border-radius:var(--radius-2,.5rem);background:var(--n-100);height:2.25rem;display:block}.sidebar__menu{bottom:calc(100% + var(--s-2));background:var(--n-0);border:1px solid var(--hairline);border-radius:var(--radius-2,.5rem);padding:var(--s-1);box-shadow:var(--shadow-2,0 8px 24px #0000001f);position:absolute;left:0;right:0}.sidebar__menu-item{align-items:center;gap:var(--s-2);width:100%;padding:var(--s-2) var(--s-3,.75rem);color:var(--ink);cursor:pointer;font-size:var(--t-sm);border-radius:var(--radius-1,.375rem);background:0 0;border:0;display:flex}.sidebar__menu-item:hover{background:var(--n-50)}.sidebar__content{padding:var(--s-6);max-width:1080px}.sidebar__hamburger{top:var(--s-4);left:var(--s-4);z-index:20;padding:var(--s-2);border:1px solid var(--hairline);border-radius:var(--radius-2,.5rem);background:var(--n-0);color:var(--ink);cursor:pointer;box-shadow:var(--sh-sm);place-items:center;display:none;position:fixed}@media (max-width:840px){.sidebar-shell{grid-template-columns:1fr}.sidebar__hamburger{display:inline-flex}.sidebar{z-index:19;width:16rem;padding-top:var(--s-10);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar__content{padding-top:calc(var(--s-6) + 2.5rem)}}.shell-conn{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.projects{gap:var(--s-6);flex-direction:column;width:100%;display:flex}.projects__head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);display:flex}.projects__head-text{gap:var(--s-1);flex-direction:column;display:flex}.projects__new{flex:none}.projects__title{font-size:var(--t-2xl);letter-spacing:-.02em;margin:0;font-weight:700}.projects__sub{font-size:var(--t-sm);color:var(--ink-3);margin:0}.proj-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.proj-card{gap:var(--s-4);text-align:left;border-radius:var(--r-xl);flex-direction:column;width:100%;display:flex}.proj-card__head{align-items:center;gap:var(--s-3);display:flex}.proj-logo{background:var(--fill-2);border:1px solid var(--hairline);width:38px;height:38px;font-family:var(--font-mono);font-size:var(--t-sm);color:var(--ink-2);border-radius:11px;flex:none;place-items:center;font-weight:700;display:grid}.proj-card__id{flex-direction:column;gap:2px;min-width:0;display:flex}.proj-name{letter-spacing:-.01em;font-weight:650}.proj-remote{font-size:var(--t-xs);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.proj-remote__more{color:var(--ink-4)}.proj-remote--empty{color:var(--ink-4);font-style:italic}.machines,.detail-machines{gap:var(--s-2);flex-direction:column;display:flex}.machine{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--fill);border:1px solid var(--hairline);display:flex}.machine__main{flex-direction:column;gap:1px;min-width:0;display:flex}.machine__label{font-size:var(--t-sm);font-weight:600}.machine__state{font-size:var(--t-xs);color:var(--ink-3)}.proj-card__stats{align-items:center;gap:var(--s-4);font-size:var(--t-sm);color:var(--ink-2);display:flex}.proj-stat{align-items:center;gap:6px;display:inline-flex}.proj-stat--ago{color:var(--ink-3);font-size:var(--t-xs);margin-left:auto}.skeleton{background:linear-gradient(90deg, var(--fill-2) 25%, var(--fill-3) 37%, var(--fill-2) 63%);border-radius:var(--r-sm);animation:skeleton-shimmer 1.4s var(--ease) infinite;background-size:400% 100%;display:block}.skeleton--line{height:12px}.proj-card--skeleton{gap:var(--s-3);flex-direction:column;display:flex}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.proj-empty{gap:var(--s-4);max-width:34rem;padding:var(--s-8) var(--s-6);border:1px dashed var(--hairline-2);border-radius:var(--r-xl);background:var(--glass-thin);flex-direction:column;display:flex}.proj-empty__title{font-size:var(--t-xl);letter-spacing:-.02em;margin:0;font-weight:700}.proj-empty__lead{color:var(--ink-3);font-size:var(--t-sm);margin:0}.proj-empty__cta{align-self:flex-start}.proj-empty__steps{padding-left:var(--s-5);gap:var(--s-2);font-size:var(--t-sm);color:var(--ink-2);flex-direction:column;margin:0;display:flex}.proj-empty__waiting{font-size:var(--t-sm);color:var(--ink-2);align-items:center;gap:8px;margin:0;display:inline-flex}.proj-error{color:var(--ink-2)}.detail{gap:var(--s-6);flex-direction:column;width:100%;display:flex}.crumbs{align-items:center;gap:var(--s-2);font-size:var(--t-sm);display:flex}.detail__back{color:var(--ink-2);font-weight:600}.detail__back:hover{text-decoration:underline}.crumbs__sep{color:var(--ink-4)}.crumbs__here{color:var(--ink);font-weight:600}.detail__head{align-items:center;gap:var(--s-4);display:flex}.detail__id{flex-direction:column;gap:2px;min-width:0;display:flex}.detail__title{font-size:var(--t-2xl);letter-spacing:-.02em;margin:0;font-weight:700}.detail__remotes{flex-direction:column;gap:2px;display:flex}.detail__remote{font-size:var(--t-sm);color:var(--ink-3)}.detail__remote--empty{color:var(--ink-4)}.detail__remote--empty code{font-size:var(--t-xs);color:var(--ink-3)}.detail__link-remote{margin-top:var(--s-3);max-width:480px}.link-remote{gap:var(--s-2);flex-direction:column;display:flex}.link-remote__row{align-items:flex-end;gap:var(--s-2);display:flex}.link-remote__field{flex:auto}.link-remote__submit{flex:none}.link-remote__error{gap:var(--s-2);flex-direction:column;display:flex}.link-remote__open{font-size:var(--t-sm);color:var(--ink);align-self:flex-start;font-weight:600;text-decoration:none}.link-remote__open:hover{text-decoration:underline}.detail__section{gap:var(--s-3);flex-direction:column;display:flex}.section-head{align-items:baseline;gap:var(--s-3);display:flex}.section-title{font-size:var(--t-md);letter-spacing:-.02em;margin:0;font-weight:650}.section-meta{font-size:var(--t-xs);color:var(--ink-3)}.detail__stats{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{padding:var(--s-4);border-radius:var(--r-lg);background:var(--fill);border:1px solid var(--hairline)}.stat__k{font-size:var(--t-xs);color:var(--ink-3);margin-bottom:4px}.stat__v{font-size:var(--t-lg);align-items:baseline;gap:6px;font-weight:650;display:inline-flex}.stat__s{font-size:var(--t-sm);color:var(--ink-3);font-weight:500}.art-sections{gap:var(--s-4);flex-direction:column;display:flex}.art-section{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--glass-thin);padding:var(--s-4)}.art-sec-head{align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.art-sec-title{font-size:var(--t-sm);margin:0;font-weight:650}.art-sec-count{font-size:var(--t-xs);color:var(--ink-3);background:var(--fill-2);border-radius:var(--r-full);padding:1px 8px}.art-sec-spacer{flex:1}.live-chip{font-size:var(--t-xs);color:var(--ink-3);align-items:center;gap:6px;display:inline-flex}.art-empty{font-size:var(--t-sm);color:var(--ink-3);padding:var(--s-3)}.art-cards{gap:var(--s-3);flex-direction:column;width:100%;display:flex}.art-card{background:var(--glass-raised);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--sh-md);overflow:hidden}.art-card-head{align-items:center;gap:var(--s-2);padding:11px var(--s-4);border-bottom:1px solid var(--hairline);background:linear-gradient(var(--glass-highlight), transparent);display:flex}.art-card-head .art-card-kind{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-3);font-size:.66rem;font-weight:600}.art-card-kind:after{content:"·";margin-left:var(--s-2);color:var(--ink-4)}.art-card-name{font-size:var(--t-sm);color:var(--ink);font-weight:600}.art-card-spacer{flex:1}.art-card-meta{font-size:var(--t-xs);color:var(--ink-3)}.art-card-body{padding:var(--s-1) var(--s-4) var(--s-4);color:var(--ink-2);font-size:var(--t-base);line-height:1.6}.art-card-body>:first-child{margin-top:0}.art-card-body>:last-child{margin-bottom:0}.art-card-body h1{color:var(--ink);letter-spacing:-.01em;margin:var(--s-4) 0 var(--s-1);font-size:1.02rem;font-weight:700}.art-card-body h2{font-size:var(--t-md);color:var(--ink);margin:var(--s-4) 0 var(--s-1);padding-bottom:var(--s-1);border-bottom:1px solid var(--hairline);font-weight:650}.art-card-body h3{font-size:var(--t-sm);color:var(--ink);margin:var(--s-3) 0 var(--s-1);font-weight:650}.art-card-body p{margin:7px 0}.art-card-body a{color:var(--ink);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4)}.art-card-body strong{color:var(--ink);font-weight:650}.art-card-body ul,.art-card-body ol{padding-left:var(--s-5);margin:7px 0}.art-card-body li{margin:3px 0}.art-card-body li::marker{color:var(--ink-4)}.art-card-body ul:has(li input[type=checkbox]){padding-left:2px;list-style:none}.art-card-body li:has(input[type=checkbox]){align-items:flex-start;gap:var(--s-2);list-style:none;display:flex}.art-card-body li input[type=checkbox]{accent-color:var(--ink);width:15px;height:15px;margin-top:2px}.art-card-body table{border-collapse:collapse;width:100%;font-size:var(--t-sm);margin:11px 0;display:block;overflow-x:auto}.art-card-body th,.art-card-body td{border:1px solid var(--hairline);text-align:left;padding:7px 11px}.art-card-body th{background:var(--fill-2);color:var(--ink);font-weight:650}.art-card-body tbody tr:nth-child(2n) td{background:var(--fill)}.art-card-body code{font-family:var(--font-mono);background:var(--fill-2);border:1px solid var(--hairline);border-radius:6px;padding:1px 5px;font-size:.78em}.art-card-body pre{color:#e8e8ee;border-radius:var(--r-sm);font-family:var(--font-mono);background:#0b0b0d;margin:11px 0;padding:13px 15px;font-size:.76rem;line-height:1.55;overflow:auto}.art-card-body pre code{color:inherit;background:0 0;border:0;padding:0;font-size:1em}.art-card-body blockquote{border-left:2px solid var(--hairline-2);color:var(--ink-3);padding-left:var(--s-3);margin:10px 0}.art-card-body hr{border:0;border-top:1px solid var(--hairline);margin:var(--s-4) 0}.projects,.detail{max-width:1080px}.mockup-frame{gap:var(--s-2);flex-direction:column;display:flex}.mockup-frame-toolbar{align-items:center;display:flex}.mockup-frame .frame-body{min-height:0;padding:0}.mockup-iframe{background:#fff;border:0;width:100%;height:460px;display:block}[data-theme=dark] .mockup-iframe{background:#0e0e12}.mockup-frame-error{padding:var(--s-3) var(--s-4);border:1px solid var(--bad,#c2410c);border-radius:var(--radius-2,8px);color:var(--bad,#c2410c);background:color-mix(in srgb, var(--bad,#c2410c) 8%, transparent);font-size:.875rem}.mockup-card .art-card-body,.mockup-card>.mockup-frame{padding:var(--s-3) var(--s-4) var(--s-4)}.selection-deck{padding:var(--s-4);margin-bottom:var(--s-4);gap:var(--s-3);flex-direction:column;display:flex}.selection-deck__q{font-size:var(--t-md,1rem);margin:0;font-weight:600}.deck-options--grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.deck-options--tabs{display:block}.deck-option{gap:var(--s-2);padding:var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--glass-thin);cursor:pointer;transition:border-color var(--ease,.15s);flex-direction:column;display:flex}.deck-option:focus-visible{outline:2px solid var(--accent,#3b82f6);outline-offset:2px}.deck-option--on{border-color:var(--accent,#3b82f6);box-shadow:0 0 0 1px var(--accent,#3b82f6) inset}.deck-option .mockup-iframe{pointer-events:none}.deck-option__label{font-weight:600;font-size:var(--t-sm,.875rem)}.deck-option__note{font-size:var(--t-xs);color:var(--ink-3)}.deck-tabs{gap:var(--s-2);flex-wrap:wrap;display:flex}.deck-tab{padding:6px var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-full,999px);background:var(--glass-thin);font-size:var(--t-xs);cursor:pointer}.deck-tab--on{border-color:var(--accent,#3b82f6);color:var(--ink)}.selection-deck__comment{flex-direction:column;gap:4px;display:flex}.selection-deck__comment label{font-size:var(--t-xs);color:var(--ink-3)}.selection-deck__comment textarea{width:100%;min-height:64px;padding:var(--s-2);border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--fill);color:var(--ink);font-family:var(--font-ui);resize:vertical}.selection-deck__actions{justify-content:flex-end;display:flex}