.dark,:root{--background:210 40% 2%;--foreground:190 100% 96%;--card:204 70% 6%;--card-foreground:190 100% 96%;--popover:204 70% 6%;--popover-foreground:190 100% 96%;--primary:193 100% 66%;--primary-foreground:210 40% 4%;--secondary:204 50% 10%;--secondary-foreground:190 60% 85%;--muted:204 40% 10%;--muted-foreground:196 25% 65%;--accent:204 50% 12%;--accent-foreground:190 100% 96%;--destructive:350 100% 72%;--destructive-foreground:0 0% 100%;--border:193 80% 70%/0.18;--input:193 80% 70%/0.18;--ring:193 100% 66%/0.35;--radius:0.0625rem;--sys-bracket:15px;--sys-notch:9px;--sys-display:var(--font-system-display),var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif}.system-app{background:radial-gradient(1100px 520px at 50% -14%,rgba(32,128,190,.11),transparent 68%),var(--sys-bg);color:var(--sys-text);min-height:100svh;letter-spacing:.01em}.system-app ::selection{background:color-mix(in srgb,var(--sys-cyan) 28%,transparent);color:var(--sys-text)}.system-app *{scrollbar-width:thin;scrollbar-color:rgba(120,225,255,.24) transparent}.sys-focus{outline:none}.sys-focus:focus-visible{border-color:var(--sys-cyan);outline:1px solid color-mix(in srgb,var(--sys-cyan) 45%,transparent);outline-offset:2px}.sys-corners:before{content:"";position:absolute;inset:-1px;z-index:3;pointer-events:none;--sys-bracket-ink:var(--sys-line-active);background:linear-gradient(var(--sys-bracket-ink),var(--sys-bracket-ink)) 0 0 /var(--sys-bracket) 1px no-repeat,linear-gradient(var(--sys-bracket-ink),var(--sys-bracket-ink)) 0 0 /1px var(--sys-bracket) no-repeat,linear-gradient(var(--sys-bracket-ink),var(--sys-bracket-ink)) 100% 0 /var(--sys-bracket) 1px no-repeat,linear-gradient(var(--sys-bracket-ink),var(--sys-bracket-ink)) 100% 0 /1px var(--sys-bracket) no-repeat,linear-gradient(var(--sys-bracket-ink),var(--sys-bracket-ink)) 0 100% /var(--sys-bracket) 1px no-repeat,linear-gradient(var(--sys-bracket-ink),var(--sys-bracket-ink)) 0 100% /1px var(--sys-bracket) no-repeat,linear-gradient(var(--sys-bracket-ink),var(--sys-bracket-ink)) 100% 100% /var(--sys-bracket) 1px no-repeat,linear-gradient(var(--sys-bracket-ink),var(--sys-bracket-ink)) 100% 100% /1px var(--sys-bracket) no-repeat;filter:drop-shadow(0 0 3px rgba(82,216,255,.4))}.sys-panel{position:relative;isolation:isolate;border:1px solid var(--sys-line-faint);background:linear-gradient(180deg,rgba(38,132,190,.08),transparent 24%),linear-gradient(166deg,rgba(6,28,46,.78),rgba(2,12,21,.88));box-shadow:inset 0 1px 0 rgba(150,235,255,.06),inset 0 0 48px rgba(30,153,225,.035)}.sys-panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,rgba(120,225,255,.022) 1px,transparent 0),linear-gradient(180deg,rgba(120,225,255,.022) 1px,transparent 0);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 78%)}.sys-rule{height:1px;background:linear-gradient(90deg,rgba(120,225,255,.5),rgba(120,225,255,.12) 42%,transparent)}.sys-label{display:flex;align-items:center;gap:7px;font-family:var(--sys-display);font-size:11px;font-weight:700;line-height:1;letter-spacing:.15em;text-transform:uppercase;color:var(--sys-text-muted)}.sys-label:before{content:"";flex:none;width:5px;height:5px;transform:rotate(45deg);border:1px solid var(--sys-line-active)}.sys-chip{padding:5px 13px 4px;border:1px solid rgba(142,233,255,.3);background:linear-gradient(180deg,rgba(45,128,181,.18),rgba(4,26,43,.42));font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.17em;text-transform:uppercase;color:var(--sys-text);text-shadow:0 0 9px rgba(124,231,255,.4)}.sys-chip,.sys-title{font-family:var(--sys-display)}.sys-title{text-shadow:0 0 20px rgba(82,216,255,.22)}.sys-field{width:100%;border:1px solid var(--sys-line);background:linear-gradient(180deg,#072235,#030f1b 34%);color:var(--sys-text);outline:none;box-shadow:inset 0 1px 0 rgba(150,235,255,.05);transition:border-color .14s var(--sys-ease),box-shadow .14s var(--sys-ease),color .14s var(--sys-ease)}.sys-field::placeholder{color:var(--sys-text-dim);letter-spacing:.01em}.sys-field:hover:not(:disabled),.sys-field:hover:not([data-disabled]){border-color:var(--sys-line-hover)}.sys-field:focus-visible,.sys-field[data-state=open]{border-color:var(--sys-cyan);box-shadow:inset 2px 0 0 var(--sys-cyan),inset 0 0 18px rgba(82,216,255,.1),0 0 0 1px rgba(82,216,255,.16),0 0 14px rgba(82,216,255,.12)}.sys-field:disabled,.sys-field[data-disabled]{cursor:not-allowed;opacity:.4}.sys-field[aria-invalid=true]{border-color:rgba(255,115,135,.55)}.sys-caret{display:grid;place-items:center;align-self:stretch;flex:none;width:30px;border-left:1px solid var(--sys-line);background:linear-gradient(180deg,rgba(24,76,108,.34),rgba(9,34,52,.34));color:var(--sys-cyan-soft);transition:background .14s var(--sys-ease),border-color .14s var(--sys-ease),color .14s var(--sys-ease)}.sys-caret svg{transition:transform .2s var(--sys-ease)}.sys-field:hover .sys-caret{color:var(--sys-cyan)}.sys-field[data-state=open] .sys-caret{border-left-color:rgba(82,216,255,.45);background:linear-gradient(180deg,rgba(34,106,148,.5),rgba(14,50,74,.5));color:var(--sys-cyan);filter:drop-shadow(0 0 6px rgba(82,216,255,.45))}.sys-field[data-state=open] .sys-caret svg{transform:rotate(180deg)}.sys-menu{position:relative;border:1px solid var(--sys-line);background:linear-gradient(180deg,rgba(6,27,44,.98),rgba(2,12,21,.99));box-shadow:0 20px 54px rgba(0,0,0,.6),0 0 26px rgba(30,153,225,.08),inset 0 1px 0 rgba(150,235,255,.07)}.sys-menu[data-state=open]{transform-origin:top center;animation:sysMenuIn .15s var(--sys-ease) both}.sys-menu-item{position:relative;display:flex;align-items:center;gap:9px;padding:8px 12px 8px 10px;font-size:14px;color:var(--sys-text-muted);cursor:default;outline:none;transition:background .11s var(--sys-ease),color .11s var(--sys-ease)}.sys-menu-mark{flex:none;width:7px;height:7px;transform:rotate(45deg);border:1px solid;opacity:0;transition:opacity .11s var(--sys-ease)}.sys-menu-item[data-highlighted]{background:linear-gradient(90deg,rgba(23,84,124,.55),rgba(18,58,82,.08));color:var(--sys-text);box-shadow:inset 2px 0 0 var(--sys-cyan)}.sys-menu-item[data-highlighted] .sys-menu-mark{opacity:.45}.sys-menu-item[data-state=checked]{color:var(--sys-cyan)}.sys-menu-item[data-state=checked] .sys-menu-mark{opacity:1;background:currentColor;box-shadow:0 0 7px rgba(82,216,255,.7)}@keyframes sysMenuIn{0%{opacity:0;transform:translateY(-5px) scaleY(.97)}to{opacity:1;transform:none}}.sys-btn{position:relative;isolation:isolate;background:var(--sys-btn-edge,var(--sys-line));clip-path:polygon(var(--sys-notch) 0,100% 0,100% calc(100% - var(--sys-notch)),calc(100% - var(--sys-notch)) 100%,0 100%,0 var(--sys-notch));transition:background .12s var(--sys-ease),color .12s var(--sys-ease),filter .16s var(--sys-ease)}.sys-btn:before{background:var(--sys-btn-fill,transparent);transition:background .12s var(--sys-ease)}.sys-btn:after,.sys-btn:before{content:"";position:absolute;inset:1px;z-index:-1;clip-path:inherit}.sys-btn:after{background:linear-gradient(105deg,transparent 36%,rgba(196,246,255,.16) 50%,transparent 64%);transform:translateX(-130%);transition:transform .56s var(--sys-ease)}.sys-btn:hover:after{transform:translateX(130%)}.sys-btn:focus-visible{--sys-btn-edge:var(--sys-cyan);filter:drop-shadow(0 0 8px rgba(82,216,255,.55))}.sys-btn:disabled:after{display:none}.sys-btn-default{--sys-btn-edge:#2e6f96;--sys-btn-fill:linear-gradient(180deg,#0f3a55,#071d2e);color:#b8e6f7}.sys-btn-default:hover{--sys-btn-edge:#6fd6f7;--sys-btn-fill:linear-gradient(180deg,#16506f,#0a2b43);color:#ecfbff;filter:drop-shadow(0 0 11px rgba(82,216,255,.28))}.sys-btn-event{--sys-btn-edge:#5cc6ee;--sys-btn-fill:linear-gradient(180deg,#16567a,#0a2a42);color:#e6faff;filter:drop-shadow(0 0 9px rgba(82,216,255,.2))}.sys-btn-event:hover{--sys-btn-edge:var(--sys-cyan);--sys-btn-fill:linear-gradient(180deg,#1d6c95,#0d3a57);color:#ffffff;filter:drop-shadow(0 0 16px rgba(82,216,255,.4))}.sys-btn-outline{--sys-btn-edge:#1d4a63;--sys-btn-fill:linear-gradient(180deg,#072235,#030f1b);color:var(--sys-cyan-soft)}.sys-btn-outline:hover{--sys-btn-edge:#57bbdf;--sys-btn-fill:linear-gradient(180deg,#0c3450,#061b2b);color:var(--sys-text);filter:drop-shadow(0 0 9px rgba(82,216,255,.2))}.sys-btn-secondary{--sys-btn-edge:#143147;--sys-btn-fill:linear-gradient(180deg,#06192a,#030e18);color:var(--sys-text-muted)}.sys-btn-secondary:hover{--sys-btn-edge:#245273;color:var(--sys-text)}.sys-btn-destructive{--sys-btn-edge:#7d3243;--sys-btn-fill:linear-gradient(180deg,#3d1220,#1c0810);color:#ff9aa8}.sys-btn-destructive:hover{--sys-btn-edge:#ff7387;--sys-btn-fill:linear-gradient(180deg,#55182a,#260b15);color:#ffc4cd;filter:drop-shadow(0 0 11px rgba(255,115,135,.28))}.sys-row{position:relative;border-bottom:1px solid var(--sys-line-faint);transition:background .13s var(--sys-ease)}.sys-row:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;background:var(--sys-cyan);opacity:0;box-shadow:0 0 10px rgba(82,216,255,.6);transition:opacity .13s var(--sys-ease)}.sys-row:hover:before{opacity:1}.sys-row:hover{background:linear-gradient(90deg,rgba(82,216,255,.06),rgba(82,216,255,.01) 58%,transparent)}.system-app select{appearance:none;padding-right:38px;border-color:var(--sys-line);background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239fe9ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),linear-gradient(180deg,#072235,#030f1b 34%);background-repeat:no-repeat;background-position:right 12px center,0 0;background-size:12px 12px,100% 100%;color:var(--sys-text);cursor:pointer;transition:border-color .14s var(--sys-ease),box-shadow .14s var(--sys-ease)}.system-app select:hover:not(:disabled){border-color:var(--sys-line-hover)}.system-app select:focus-visible{outline:none;border-color:var(--sys-cyan);box-shadow:inset 2px 0 0 var(--sys-cyan),0 0 0 1px rgba(82,216,255,.16)}.system-app select:disabled{cursor:not-allowed;opacity:.4}.system-app select option{background:#04131f;color:var(--sys-text)}@layer components{.sys-kbd{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:18px;height:18px;padding:0 5px;border:1px solid var(--sys-line-faint);border-bottom-color:var(--sys-line);background:rgba(3,15,27,.8);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:10px;font-weight:500;line-height:1;letter-spacing:.04em;color:var(--sys-text-dim);white-space:nowrap}}.sys-dock{border:1px solid var(--sys-line);background:linear-gradient(180deg,rgba(38,132,190,.1),transparent 40%),rgba(3,16,27,.94);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(150,235,255,.07);transition:border-color .16s var(--sys-ease),box-shadow .2s var(--sys-ease)}.sys-dock:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(82,216,255,.9) 50%,transparent);opacity:0;transform:scaleX(.2);transition:opacity .2s var(--sys-ease),transform .32s var(--sys-ease)}.sys-dock-active{border-color:rgba(120,225,255,.55);box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4),0 0 28px rgba(82,216,255,.14),inset 0 1px 0 rgba(150,235,255,.1)}.sys-dock-active:before{opacity:1;transform:scaleX(1)}.sys-skeleton{position:relative;overflow:hidden;background:rgba(120,225,255,.06)}.sys-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(150,235,255,.08),transparent);transform:translateX(-100%);animation:sysShimmer 1.4s var(--sys-ease) infinite}@keyframes sysShimmer{to{transform:translateX(100%)}}.sys-link-row{position:relative;display:flex;align-items:center;gap:14px;padding:14px 12px;border-bottom:1px solid var(--sys-line-faint);transition:background .13s var(--sys-ease)}.sys-link-row:focus-within,.sys-link-row:hover{background:linear-gradient(90deg,rgba(82,216,255,.06),rgba(82,216,255,.01) 58%,transparent)}.sys-link-row:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;background:var(--sys-cyan);opacity:0;box-shadow:0 0 10px rgba(82,216,255,.6);transition:opacity .13s var(--sys-ease)}.sys-link-row:focus-within:before,.sys-link-row:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.sys-menu[data-state=open]{animation:none}.sys-btn:after{display:none}.sys-skeleton:after{animation:none}}