@import "https://fonts.googleapis.com/css2?family=Geist:wght@400..700&family=Geist+Mono:wght@400;500&display=swap";:root{color-scheme:light dark;--font:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--bg:light-dark(#f5f7fa,#0a0c10);--surface:light-dark(#fff,#11141a);--surface-2:light-dark(#f0f3f7,#181c24);--hover:light-dark(#0e16210b,#ffffff0d);--line:light-dark(#e4e8ee,#20262f);--line-strong:light-dark(#d2d9e2,#2c333e);--fg:light-dark(#0e1621,#eef3f8);--muted:light-dark(#566170,#9aa4b2);--subtle:light-dark(#646e7b,#7d8796);--field:light-dark(#868f9c,#606a79);--accent:light-dark(#0a74c9,#8fd3ff);--accent-hover:light-dark(#0864ad,#b5e3ff);--accent-fg:light-dark(#fff,#04131f);--accent-soft:light-dark(#e7f3fd,#13212d);--accent-text:light-dark(#075ea5,#8fd3ff);--ink:#0a0c10;--ice:#8fd3ff;--success:light-dark(#0f7a55,#4cd59a);--success-soft:light-dark(#e3f5ec,#10261d);--warning:light-dark(#a35a00,#f5b453);--warning-soft:light-dark(#fdf1df,#2a2112);--danger:light-dark(#c8283a,#ff7a85);--danger-soft:light-dark(#fdebed,#2c1519);--violet:light-dark(#6d4ed8,#b6a4ff);--violet-soft:light-dark(#f0ecfd,#1f1a33);--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px;--shadow-c:light-dark(#0e162112,#0006);--shadow-sm:0 1px 2px var(--shadow-c);--shadow:0 1px 2px var(--shadow-c), 0 6px 16px -4px var(--shadow-c);--shadow-lg:0 2px 6px var(--shadow-c), 0 24px 48px -12px light-dark(#0e162138,#0009);--ring:0 0 0 3px color-mix(in oklab, var(--accent) 28%, transparent);--ease:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";margin:0}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600;line-height:1.2}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}a.link{color:var(--accent-text);font-weight:500}a.link:hover{text-underline-offset:3px;text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block}[hidden],[data-search-miss]{display:none!important}[tabindex="-1"]:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in oklab, var(--accent) 24%, transparent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.icon-sm{width:16px;height:16px}:root[data-sfx=off] .sound-on,:root:not([data-sfx=off]) .sound-off{display:none}.icon-lg{width:22px;height:22px}.skip{z-index:100;border-radius:var(--r);background:var(--fg);color:var(--bg);padding:8px 14px;font-weight:500;position:fixed;top:8px;left:8px;translate:0 -200%}.skip:focus{translate:0}.is-loading>.when-loaded,:not(.is-loading)>.when-loading{display:none}.h1{font-size:28px}.h2{font-size:20px}.h3{font-size:16px}.lead{color:var(--muted);font-size:16px}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.sm{font-size:13px}.xs{font-size:12px}.strong{font-weight:600}.mono{font-family:var(--mono)}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--subtle)}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row{align-items:center;gap:8px;min-width:0;display:flex}.row-wrap{flex-wrap:wrap}.stack{align-content:start;gap:12px;display:grid}.spacer{flex:1}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.divider{background:var(--line);border:0;height:1px;margin:0}.btn{border:1px solid var(--line-strong);border-radius:var(--r);height:36px;color:var(--fg);white-space:nowrap;cursor:pointer;background:linear-gradient(var(--surface), color-mix(in oklab, var(--surface), var(--fg) 4%));box-shadow:0 1px 2px var(--shadow-c), inset 0 1px 0 light-dark(#fff,#ffffff0f);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s,filter .15s;display:inline-flex}.btn:is(:hover,.is-hover){border-color:var(--field);background:linear-gradient(var(--surface), color-mix(in oklab, var(--surface), var(--fg) 7%))}.btn:is(:active,.is-active){box-shadow:inset 0 1px 3px var(--shadow-c)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{color:var(--accent-fg);background:linear-gradient(color-mix(in oklab, var(--accent), #fff 14%), var(--accent));border-color:color-mix(in oklab, var(--accent), #000 22%);box-shadow:inset 0 1px 0 #ffffff47, 0 1px 2px var(--shadow-c), 0 3px 8px -2px color-mix(in oklab, var(--accent) 45%, transparent)}.btn-primary:is(:hover,.is-hover){border-color:color-mix(in oklab, var(--accent), #000 22%);background:linear-gradient(color-mix(in oklab, var(--accent), #fff 24%), color-mix(in oklab, var(--accent), #fff 6%))}.btn-primary:is(:active,.is-active){box-shadow:inset 0 1px 3px #00000040}.btn-soft{background:var(--accent-soft);color:var(--accent-text);box-shadow:none;border-color:#0000}.btn-soft:is(:hover,.is-hover){background:color-mix(in oklab, var(--accent-soft), var(--accent) 10%);border-color:#0000}.btn-ghost{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:is(:hover,.is-hover){background:var(--hover);color:var(--fg);border-color:#0000}.btn-danger{color:light-dark(#fff,#2a0a0e);background:linear-gradient(color-mix(in oklab, var(--danger), #fff 10%), var(--danger));border-color:color-mix(in oklab, var(--danger), #000 22%);box-shadow:inset 0 1px 0 #ffffff38, 0 1px 2px var(--shadow-c)}.btn-danger:is(:hover,.is-hover){border-color:color-mix(in oklab, var(--danger), #000 22%);background:linear-gradient(var(--danger), color-mix(in oklab, var(--danger), #000 10%))}@property --atmo{syntax:"<number>";inherits:false;initial-value:.42}.btn-ai{--spin:#eef3f8;isolation:isolate;color:#eef3f8;--galaxy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Cg fill='%23eef3f8'%3E%3Ccircle cx='8' cy='9' r='.6' fill-opacity='.8'/%3E%3Ccircle cx='31' cy='27' r='.5' fill-opacity='.5'/%3E%3Ccircle cx='47' cy='6' r='.7' fill-opacity='.9'/%3E%3Ccircle cx='66' cy='21' r='.5' fill-opacity='.6'/%3E%3Ccircle cx='83' cy='33' r='.6' fill-opacity='.7'/%3E%3Ccircle cx='97' cy='12' r='.5' fill-opacity='.5'/%3E%3Ccircle cx='112' cy='25' r='.8' fill-opacity='.9'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 120px 40px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='36'%3E%3Cg fill='%23eef3f8' fill-opacity='.35'%3E%3Ccircle cx='12' cy='18' r='.4'/%3E%3Ccircle cx='29' cy='5' r='.4'/%3E%3Ccircle cx='44' cy='30' r='.4'/%3E%3Ccircle cx='61' cy='14' r='.4'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 70px 36px, radial-gradient(ellipse 90% 120% at 50% 150%, rgb(143 211 255/var(--atmo)), transparent 62%), radial-gradient(ellipse 70% 120% at 15% -20%, #28466e8c, transparent 65%), #05070a;background:var(--galaxy);border-color:#8fd3ff47;transition:--atmo .3s,border-color .2s,box-shadow .2s,transform .1s;animation:40s linear infinite star-drift;position:relative;box-shadow:inset 0 1px #ffffff14,0 6px 18px -8px #8fd3ff8c}.btn-ai:before{content:"";pointer-events:none;opacity:.8;height:1px;transition:left .35s var(--ease), right .35s var(--ease), opacity .2s;background:linear-gradient(90deg,#0000,#e0f3ff80 25%,#fff 50%,#e0f3ff80 75%,#0000);position:absolute;bottom:-1px;left:14%;right:14%}.btn-ai .icon{color:#cfeeff;filter:drop-shadow(0 0 4px #8fd3ffe6)}.btn-ai:is(:hover,.is-hover){background:var(--galaxy);--atmo:.68;border-color:#8fd3ff80;box-shadow:inset 0 1px #ffffff1a,0 8px 24px -8px #8fd3ffcc}.btn-ai:is(:hover,.is-hover):before{opacity:1;left:4%;right:4%}.btn-ai:is(:active,.is-active){box-shadow:inset 0 1px 4px #0009}@keyframes star-drift{to{background-position:-120px 0,-70px 0,0 0,0 0,0 0}}.btn-ai-outline{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(90deg, var(--line-strong), light-dark(#5bb8f0,#8fd3ff) 50%, var(--line-strong)) border-box;border-color:#0000;box-shadow:0 5px 12px -9px #8fd3fff2}.btn-ai-outline .icon{color:var(--accent)}.btn-ai-outline:is(:hover,.is-hover){background:radial-gradient(ellipse 80% 110% at 50% 150%, color-mix(in oklab, var(--accent) 16%, var(--surface)), var(--surface) 72%) padding-box, linear-gradient(90deg, var(--field), var(--accent) 50%, var(--field)) border-box;border-color:#0000}.btn-sm{border-radius:8px;gap:6px;height:30px;padding:0 10px;font-size:13px}.btn-lg{height:44px;padding:0 20px;font-size:15px}.btn-icon{width:36px;padding:0}.btn-sm.btn-icon{width:30px}.btn-block{width:100%}.btn[aria-busy=true]{pointer-events:none;position:relative;color:#0000!important}.btn[aria-busy=true]>*{visibility:hidden}.btn[aria-busy=true]:after{content:"";border:2px solid var(--spin,var(--fg));border-right-color:#0000;border-radius:50%;width:16px;height:16px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.btn-primary{--spin:var(--accent-fg)}@keyframes spin{to{rotate:1turn}}.field{align-content:start;gap:6px;display:grid}.label{font-size:13px;font-weight:500}.hint{color:var(--subtle);font-size:12px}.field-error{color:var(--danger);font-size:12px}.compose-row>.field-error{grid-column:2}.field:has(:required)>.label:after,.compose-row:has(:required)>.label:after{content:" *" / "";color:var(--danger)}.input,.select,.textarea{background:var(--surface);border:1px solid var(--field);border-radius:var(--r);outline:none;width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;field-sizing:content;height:auto;min-height:96px;padding:10px 12px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--subtle)}.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in oklab, var(--field), var(--fg) 30%)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}.input:user-invalid,.textarea:user-invalid,.input[aria-invalid=true]{border-color:var(--danger)}.select{appearance:none;cursor:pointer;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238792a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:34px}.input-group{position:relative}.input-group>.icon{color:var(--subtle);pointer-events:none;position:absolute;top:50%;left:11px;translate:0 -50%}.input-group>.input{padding-left:36px}.input-group>.kbd{position:absolute;top:50%;right:9px;translate:0 -50%}input[type=checkbox]:not(.switch),input[type=radio]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.check{cursor:pointer;align-items:center;gap:10px;display:flex}.switch{appearance:none;cursor:pointer;background:var(--field);border-radius:99px;flex:none;width:36px;height:20px;margin:0;transition:background .2s;position:relative}.switch:before{content:"";width:16px;height:16px;transition:translate .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch:checked{background:var(--accent)}.switch:checked:before{translate:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-width:0}.card-pad{padding:20px}.card-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:14px 20px;display:flex}.card-title{font-size:15px;font-weight:600}.card-footer{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 20px;display:flex}.card-link{transition:border-color .15s, box-shadow .2s, translate .2s var(--ease)}.card-link:hover{border-color:var(--line-strong);box-shadow:var(--shadow);translate:0 -2px}.badge{background:var(--surface-2);height:22px;color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-accent{background:var(--accent-soft);color:var(--accent-text)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-violet{background:var(--violet-soft);color:var(--violet)}.badge-outline{box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.avatar{--h:235;background:light-dark(oklch(.93 .05 var(--h)),oklch(.32 .06 var(--h)));width:32px;height:32px;color:light-dark(oklch(.42 .12 var(--h)),oklch(.9 .07 var(--h)));border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:44px;height:44px;font-size:15px}.avatar-stack{display:flex}.avatar-stack>.avatar{box-shadow:0 0 0 2px var(--surface)}.avatar-stack>.avatar+.avatar{margin-left:-8px}.kbd{font:500 11px/1 var(--mono);border:1px solid var(--line-strong);color:var(--muted);background:var(--surface);border-bottom-width:2px;border-radius:5px;padding:3px 6px}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:22px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 0;font-weight:500;display:inline-flex}.tab:hover{color:var(--fg)}.tab[aria-current]{color:var(--fg);border-color:var(--accent)}.segmented{background:var(--surface-2);border-radius:var(--r);gap:2px;padding:3px;display:inline-flex}.segmented>label,.segmented>button{height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented>label:has(:checked),.segmented>[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.segmented>label:has(:focus-visible){outline:2px solid var(--accent)}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--fg)}.breadcrumb [aria-current]{color:var(--fg);font-weight:500}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--subtle);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--hover)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .shrink{white-space:nowrap;width:1%}:root[data-density=compact] .table :is(td,th){padding-block:6px}:root[data-density=compact] .list-item{padding-block:8px}:root[data-density=compact] .table .thumb{width:30px;height:30px}.stat{gap:4px;padding:18px 20px;display:grid}.stat-label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.delta{color:var(--success);align-items:center;gap:3px;font-size:12px;font-weight:500;display:inline-flex}.delta.down{color:var(--danger)}.meter{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.meter>span{height:100%;width:var(--v,50%);background:var(--accent);border-radius:inherit;display:block}.meter.warning>span{background:var(--warning)}.meter.danger>span{background:var(--danger)}.bars{align-items:flex-end;gap:8px;height:120px;display:flex}.bars>span{height:var(--v);background:color-mix(in oklab, var(--accent) 22%, var(--surface-2));border-radius:6px 6px 3px 3px;flex:1;min-height:4px;transition:background .15s}.bars>span:hover,.bars>span.on{background:var(--accent)}.list{align-content:start;display:grid}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding:12px 20px;display:flex}.list-item:last-child{border-bottom:0}a.list-item:hover{background:var(--hover)}.tile{border-radius:var(--r);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);flex:none;place-items:center;display:grid}.tile.success{background:var(--success-soft);color:var(--success)}.tile.warning{background:var(--warning-soft);color:var(--warning)}.tile.danger{background:var(--danger-soft);color:var(--danger)}.tile.violet{background:var(--violet-soft);color:var(--violet)}.tile.neutral{background:var(--surface-2);color:var(--muted)}.callout{border-radius:var(--r);background:var(--accent-soft);color:var(--accent-text);align-items:flex-start;gap:12px;padding:12px 14px;font-size:13px;display:flex}.callout>.icon{margin-top:1px}.callout strong{font-weight:600;display:block}.callout.success{background:var(--success-soft);color:var(--success)}.callout.warning{background:var(--warning-soft);color:var(--warning)}.callout.danger{background:var(--danger-soft);color:var(--danger)}.empty{text-align:center;justify-items:center;gap:10px;padding:48px 24px;display:grid}.empty .tile{border-radius:var(--r-lg);width:48px;height:48px;margin-bottom:4px}.empty p{color:var(--muted);max-width:36ch}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--surface-2) 30%, var(--hover) 50%, var(--surface-2) 70%) 0 0 / 300% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}dialog.modal{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--fg);box-shadow:var(--shadow-lg);padding:0}dialog.modal[open]{animation:pop .28s var(--ease)}dialog.modal::backdrop{backdrop-filter:blur(4px);background:#080c1273}.modal-header{align-items:flex-start;gap:12px;padding:20px 24px 4px;display:flex}.modal-header p{color:var(--muted);margin-top:4px;font-size:13px}.modal-body{gap:16px;padding:16px 24px 20px;display:grid}.modal-footer{border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-xl) var(--r-xl);justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.menu[popover]{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:210px;color:var(--fg);box-shadow:var(--shadow-lg);margin:0;padding:6px}@supports (position-area:bottom){.menu[popover]{position-area:bottom span-left;position-try-fallbacks:flip-block, flip-inline;margin-top:6px;inset:auto}}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;display:flex}.menu-item:hover{background:var(--hover)}.menu-item .kbd{margin-left:auto}.menu-item.danger{color:var(--danger)}.menu-sep{background:var(--line);height:1px;margin:6px 0}.menu-label{letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);padding:8px 10px 4px;font-size:11px;font-weight:500}dialog.palette{width:min(560px,100vw - 32px);margin:12vh auto auto}.palette-search{margin:12px}.palette-list{max-height:min(50vh,420px);padding:0 8px 8px;overflow-y:auto}.palette .menu-item:focus-visible{background:var(--accent-soft);color:var(--accent-text);outline:0}.palette-empty{text-align:center;color:var(--muted);padding:20px}.toast[popover]{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);max-width:calc(100vw - 40px);color:var(--fg);box-shadow:var(--shadow-lg);align-items:center;gap:12px;margin:0;padding:12px 14px 12px 16px;display:none;inset:auto 20px 20px auto}.toast[popover]:popover-open{animation:pop .3s var(--ease);display:flex}.toast-text{font-weight:500}.tooltip[popover]{background:var(--fg);color:var(--bg);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);border:0;border-radius:7px;margin:0;padding:5px 9px;font-size:12px;font-weight:500;animation:.12s ease-out fade-in;position:fixed;inset:auto}@keyframes fade-in{0%{opacity:0}}.has-dot{position:relative}.has-dot:after{content:"";background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:7px;right:8px}:where(:root[data-buttons=flat],.style-flat) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline){background:var(--surface);box-shadow:var(--shadow-sm)}:where(:root[data-buttons=flat],.style-flat) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline):is(:hover,.is-hover){background:var(--surface-2);border-color:var(--line-strong)}:where(:root[data-buttons=flat],.style-flat) .btn-primary{background:var(--accent);box-shadow:inset 0 1px 0 #ffffff26, var(--shadow-sm);border-color:#0000}:where(:root[data-buttons=flat],.style-flat) .btn-primary:is(:hover,.is-hover){background:var(--accent-hover);border-color:#0000}:where(:root[data-buttons=flat],.style-flat) .btn:is(:active,.is-active){transform:translateY(1px)}:where(:root[data-buttons=ink],.style-ink) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline){background:var(--surface-2);box-shadow:none;border-color:#0000}:where(:root[data-buttons=ink],.style-ink) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline):is(:hover,.is-hover){background:color-mix(in oklab, var(--surface-2), var(--fg) 7%);border-color:#0000}:where(:root[data-buttons=ink],.style-ink) .btn-primary{--spin:var(--bg);background:var(--fg);color:var(--bg);box-shadow:none;border-color:#0000}:where(:root[data-buttons=ink],.style-ink) .btn-primary:is(:hover,.is-hover){background:color-mix(in oklab, var(--fg), var(--bg) 20%);border-color:#0000}:where(:root[data-buttons=ink],.style-ink) .btn:is(:active,.is-active){box-shadow:none;transform:scale(.97)}:where(:root[data-buttons=pill],.style-pill) .btn{border-radius:99px;padding-inline:18px}:where(:root[data-buttons=pill],.style-pill) .btn-sm{padding-inline:12px}:where(:root[data-buttons=pill],.style-pill) .btn.btn-icon{padding:0}:where(:root[data-buttons=pill],.style-pill) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline){background:var(--accent-soft);color:var(--accent-text);box-shadow:none;border-color:#0000}:where(:root[data-buttons=pill],.style-pill) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline):is(:hover,.is-hover){background:color-mix(in oklab, var(--accent-soft), var(--accent) 12%);border-color:#0000}:where(:root[data-buttons=pill],.style-pill) .btn-primary{background:var(--accent);box-shadow:0 6px 16px -6px color-mix(in oklab, var(--accent) 70%, transparent);border-color:#0000}:where(:root[data-buttons=pill],.style-pill) .btn-primary:is(:hover,.is-hover){background:var(--accent-hover);border-color:#0000}:where(:root[data-buttons=pill],.style-pill) .btn:is(:active,.is-active){transform:scale(.96)}:where(:root[data-buttons=ice],.style-ice) .btn-primary{background:linear-gradient(135deg, var(--accent), light-dark(#38b4f5,#c8eeff));box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 22px -8px color-mix(in oklab, var(--accent) 80%, transparent);border-color:#0000}:where(:root[data-buttons=ice],.style-ice) .btn-primary:is(:hover,.is-hover){background:linear-gradient(135deg, var(--accent), light-dark(#38b4f5,#c8eeff));filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffff4d, 0 10px 28px -6px color-mix(in oklab, var(--accent) 90%, transparent);border-color:#0000}:where(:root[data-buttons=ice],.style-ice) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline){background:color-mix(in oklab, var(--surface) 60%, transparent);backdrop-filter:blur(10px);border-color:color-mix(in oklab, var(--accent) 30%, var(--line));box-shadow:none}:where(:root[data-buttons=ice],.style-ice) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline):is(:hover,.is-hover){background:color-mix(in oklab, var(--surface) 60%, transparent);border-color:var(--accent);color:var(--accent-text)}:where(:root[data-buttons=tactile],.style-tactile) .btn{border-bottom-width:3px;transition:transform 80ms,border-bottom-width 80ms,background .15s}:where(:root[data-buttons=tactile],.style-tactile) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline){background:var(--surface);box-shadow:none;border-bottom-color:color-mix(in oklab, var(--line-strong), var(--fg) 14%)}:where(:root[data-buttons=tactile],.style-tactile) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline):is(:hover,.is-hover){background:var(--surface-2);border-color:var(--line-strong);border-bottom-color:color-mix(in oklab, var(--line-strong), var(--fg) 14%)}:where(:root[data-buttons=tactile],.style-tactile) .btn-primary{background:var(--accent);box-shadow:none;border-color:#0000;border-bottom-color:color-mix(in oklab, var(--accent), #000 28%)}:where(:root[data-buttons=tactile],.style-tactile) .btn-primary:is(:hover,.is-hover){background:var(--accent-hover);border-color:#0000;border-bottom-color:color-mix(in oklab, var(--accent), #000 28%)}:where(:root[data-buttons=tactile],.style-tactile) .btn:is(:active,.is-active){box-shadow:none;border-bottom-width:1px;transform:translateY(2px)}:where(:root[data-buttons=tactile],.style-tactile) .btn-ghost{border-bottom-width:1px}:where(:root[data-buttons=outline],.style-outline) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline){border:1.5px solid var(--accent);color:var(--accent-text);box-shadow:none;background:0 0}:where(:root[data-buttons=outline],.style-outline) .btn:not(.btn-primary,.btn-soft,.btn-ghost,.btn-danger,.btn-ai,.btn-ai-outline):is(:hover,.is-hover){background:var(--accent-soft);border-color:var(--accent)}:where(:root[data-buttons=outline],.style-outline) .btn-primary{background:var(--accent);box-shadow:none;border-color:#0000}:where(:root[data-buttons=outline],.style-outline) .btn-primary:is(:hover,.is-hover){background:var(--accent-hover);border-color:#0000}.btn-group{--br:var(--r);display:inline-flex}.btn-group.sm{--br:8px}.btn-group>.btn{box-shadow:none;border-radius:0}.btn-group>.btn:first-child{border-radius:var(--br) 0 0 var(--br)}.btn-group>.btn:last-child{border-radius:0 var(--br) var(--br) 0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn-primary+.btn-primary{border-left:1px solid #ffffff47;margin-left:0}.btn-group>.btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);position:relative}.input-affix{background:var(--surface);border:1px solid var(--field);border-radius:var(--r);align-items:center;min-width:0;height:38px;transition:border-color .15s,box-shadow .15s;display:flex}.input-affix:hover{border-color:color-mix(in oklab, var(--field), var(--fg) 30%)}.input-affix:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.input-affix:has(:user-invalid,[aria-invalid=true]){border-color:var(--danger)}.input-affix>.input{background:0 0;border:0;flex:1;min-width:0;height:100%;box-shadow:none!important}.input-affix>.affix{color:var(--muted);white-space:nowrap;align-self:stretch;align-items:center;padding:0 0 0 12px;font-size:13px;display:flex}.input-affix>.input+.affix{padding:0 12px 0 0}.input-affix>.affix.boxed{background:var(--surface-2);border-left:1px solid var(--line);border-radius:0 calc(var(--r) - 1px) calc(var(--r) - 1px) 0;padding:0 12px}.input-affix>.btn{margin-right:4px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}.input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.counter{color:var(--subtle);font-variant-numeric:tabular-nums;justify-self:end;font-size:12px}.counter.near{color:var(--warning)}.dropzone{text-align:center;cursor:pointer;border:1.5px dashed var(--field);border-radius:var(--r-lg);color:var(--muted);place-items:center;gap:6px;padding:24px;transition:border-color .15s,background .15s,color .15s;display:grid}.dropzone:hover,.dropzone[data-drag]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.dropzone:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.chip{border:1px solid var(--line-strong);background:var(--surface);height:30px;font:500 13px var(--font);color:var(--fg);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}button.chip{cursor:pointer}button.chip:hover{background:var(--surface-2)}.chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.chip .avatar{width:20px;height:20px;margin-left:-6px;font-size:9px}.chip-x{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-6px;display:grid}.chip-x:hover{background:var(--hover);color:var(--fg)}.avatar[data-status]{position:relative}.avatar[data-status]:after{content:"";background:var(--subtle);width:30%;min-width:8px;height:30%;min-height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.avatar[data-status=online]:after{background:var(--success)}.avatar[data-status=away]:after{background:var(--warning)}.avatar[data-status=busy]:after{background:var(--danger)}.accordion{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.accordion details+details{border-top:1px solid var(--line)}.accordion summary{cursor:pointer;align-items:center;gap:12px;padding:14px 20px;font-weight:500;list-style:none;display:flex}.accordion summary::-webkit-details-marker{display:none}.accordion summary:hover{background:var(--hover)}.accordion summary:after{content:"";background:var(--subtle);width:16px;height:16px;transition:rotate .25s var(--ease);flex:none;margin-left:auto;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.accordion details[open] summary:after{rotate:180deg}.accordion details>:not(summary){color:var(--muted);padding:0 20px 16px}@supports (interpolate-size:allow-keywords){.accordion{interpolate-size:allow-keywords}.accordion details::details-content{block-size:0;transition:block-size .3s var(--ease), content-visibility .3s allow-discrete;overflow:clip}.accordion details[open]::details-content{block-size:auto}}.steps{counter-reset:step;gap:8px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:step;color:var(--muted);flex:1;gap:8px;min-width:0;font-size:13px;font-weight:500;display:grid}.steps li:before{content:"";background:var(--surface-2);border-radius:99px;height:4px}.steps li[data-state=done]:before{background:var(--accent)}.steps li[aria-current]:before{background:linear-gradient(90deg, var(--accent) 50%, var(--surface-2) 50%)}.steps li[aria-current]{color:var(--fg);font-weight:600}.steps li>span:before{content:"Step " counter(step);letter-spacing:.04em;color:var(--subtle);font-size:11px;font-weight:500;display:block}.pagination{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pagination>a:not(.btn),.pagination>span{min-width:32px;height:32px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;padding:0 6px;font-size:13px;font-weight:500;display:grid}.pagination>a:not(.btn):hover{background:var(--hover);color:var(--fg)}.pagination>a[aria-current]{background:var(--accent-soft);color:var(--accent-text)}.kv{grid-template-columns:minmax(80px,max-content) 1fr;gap:10px 20px;margin:0;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{min-width:0;margin:0}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{gap:12px;min-width:0;padding-bottom:18px;display:flex;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:34px;bottom:2px;left:15px}.timeline .tile{width:32px;height:32px}dialog.sheet{border:0;border-left:1px solid var(--line);border-radius:var(--r-xl) 0 0 var(--r-xl);background:var(--surface);width:min(440px,100vw);height:100dvh;max-height:none;color:var(--fg);box-shadow:var(--shadow-lg);margin:0 0 0 auto;padding:0}dialog.sheet[open]{animation:sheet-in .32s var(--ease);flex-direction:column;display:flex}dialog.sheet::backdrop{backdrop-filter:blur(4px);background:#080c1273}.sheet-body{flex:1;align-content:start;gap:16px;padding:16px 24px 24px;display:grid;overflow-y:auto}dialog.sheet .modal-footer{border-radius:0 0 0 var(--r-xl)}@keyframes sheet-in{0%{translate:100%}}@media (width<=640px){dialog.sheet{border-left:0;border-top:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;height:auto;max-height:88dvh;margin:auto 0 0}dialog.sheet[open]{animation-name:sheet-up}dialog.sheet .modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:0}@keyframes sheet-up{0%{translate:0 100%}}}.app-icon{flex:none;width:24px;height:24px}.app-icon.sm{width:20px;height:20px}.app-icon.lg{width:48px;height:48px}.app-icon.xl{width:64px;height:64px;filter:drop-shadow(0 6px 12px var(--shadow-c))}.app{grid-template-columns:248px 1fr;min-height:100dvh;display:grid}.app.rail{grid-template-columns:68px 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:2px;height:100dvh;padding:14px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 8px 14px;font-size:15px;font-weight:600;display:flex}.brand-mark{background:var(--ink);color:#eef3f8;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.brand-mark svg{width:18px;height:18px}.nav-section{letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);padding:16px 10px 6px;font-size:11px;font-weight:500}.nav-item{height:36px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex}.nav-item:hover{background:var(--hover);color:var(--fg)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.nav-item .count{color:var(--subtle);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.nav-item[aria-current=page] .count{color:inherit}.sidebar-footer{border-top:1px solid var(--line);gap:2px;margin-top:auto;padding-top:12px;display:grid}.me{border-radius:var(--r);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.me:hover{background:var(--hover)}.footer-controls{align-items:center;gap:6px;padding:6px 4px;display:flex}.theme-switch>button{justify-content:center;width:30px;padding:0}.theme-switch .icon{width:15px;height:15px}.tabbar{display:none}.rail .sidebar{align-items:center;padding-inline:10px}.rail .brand{padding:4px 0 14px}.rail .sidebar .nav-section{border-top:1px solid var(--line);width:24px;margin-top:8px;padding:10px 0 4px;font-size:0}.rail .sidebar .nav-item{justify-content:center;width:44px;padding:0}.rail .sidebar :is(.brand-name,.nav-label,.count,.me-meta){display:none}.rail .sidebar-footer{justify-items:center}.rail .footer-controls,.rail .theme-switch{flex-direction:column}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:10;background:color-mix(in oklab, var(--bg) 82%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:12px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-search{flex:1;max-width:440px}.page{align-content:start;gap:20px;width:100%;max-width:1360px;padding:24px;display:grid}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;display:flex}.page-header h1{font-size:24px}.page-header p{color:var(--muted);margin-top:4px}@media (width<=860px){.app,.app.rail{padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-columns:1fr}.sidebar{display:none}.tabbar{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in oklab, var(--surface) 88%, transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.tab-item{color:var(--muted);font:500 11px var(--font);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-items:center;gap:3px;padding:6px 0;display:grid;position:relative}.tab-item .icon{width:22px;height:22px}.tab-item[aria-current=page]{color:var(--accent-text)}.tab-item .dot{background:var(--accent);min-width:16px;height:16px;color:var(--accent-fg);text-align:center;border-radius:99px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:4px;left:calc(50% + 8px)}.topbar{padding:0 16px;position:static}.page{padding:16px}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.input-group>.kbd{display:none}.toast[popover]{inset:auto 16px calc(76px + env(safe-area-inset-bottom)) 16px}}@supports (position-area:top){.menu.more-menu[popover]{position-area:top span-left;margin:0 0 8px}.menu.me-menu[popover]{position-area:top span-right;margin:0 0 8px}}@media (width<=640px){.hide-xs,.table-stack thead{display:none}.table-stack tbody tr{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;display:flex}.table-stack tbody tr:last-child{border-bottom:0}.table-stack td{order:2;border:0!important;width:auto!important;padding:0!important}.table-stack td:first-child,.table-stack .main-cell,.table-stack td:last-child:has(>.btn-icon){order:1}.table-stack .main-cell{flex:1 0 calc(100% - 72px)}.table-stack .num{margin-left:auto}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}.sidebar{view-transition-name:sidebar}.tabbar{view-transition-name:tabbar}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}}@media (pointer:coarse){.btn-sm{height:36px}.btn-sm.btn-icon{width:36px}.qty button{width:34px;height:34px}input[type=checkbox]:not(.switch),input[type=radio]{width:20px;height:20px}.menu-item{padding-block:11px}}@media (prefers-contrast:more){:root{--line:var(--field);--line-strong:var(--field);--muted:light-dark(#3d4754,#c3cbd6);--subtle:light-dark(#4a5562,#a8b2bf)}}
