:root[data-console-theme=night]{--console-print:#14212b;--console-button-fill:color-mix(in srgb, var(--channel-light,#b6d8ee) 78%, #eaf4fa);--console-recess:color-mix(in srgb, var(--channel-atmosphere,#10131b) 65%, #06080c);--console-warn:#ffd475;--console-cap-gloss:linear-gradient(175deg, #ffffff70, #ffffff12 42%, #00000018 44%, #ffffff08 78%, #ffffff30);--console-cap-shadow:inset 0 0 0 1px #ffffff90, inset 3px 3px 0 #ffffff38, inset -3px -4px 0 #00000035, inset 0 0 14px #ffffff30, 0 4px 0 #05080b, 0 6px 6px #00000050}[data-console-theme=night] :is(.console-key,.console-night-bank a){background:var(--console-cap-gloss),var(--console-button-fill);border:4px ridge color-mix(in srgb,var(--console-edge) 65%,#acb5b8);box-shadow:var(--console-cap-shadow),0 0 16px color-mix(in srgb,var(--channel-light) 22%,transparent)}[data-console-theme=night] :is(.console-key-caption,.console-night-bank a){color:var(--console-print);text-shadow:0 1px #fff5,0 -1px #00000018}[data-console-theme=night] [data-console-button]:not([data-console-exempt] *){border:1px solid var(--console-edge);white-space:normal;border-radius:4px;height:auto;min-height:40px;padding-block:8px;font-weight:650;line-height:1.3;box-shadow:inset 0 1px #ffffff28,0 3px #05080b}[data-console-theme=night] [data-console-button=default]:not([data-console-exempt] *){background:var(--console-cap-gloss),var(--console-button-fill);color:var(--console-print);border:3px ridge color-mix(in srgb,var(--console-edge) 65%,#acb5b8);box-shadow:var(--console-cap-shadow);letter-spacing:.035em;text-shadow:0 1px #ffffff60;font-family:Oswald,sans-serif}[data-console-theme=night] :is([data-console-button=outline],[data-console-button=secondary]):not([data-console-exempt] *){background:linear-gradient(175deg,#ffffff24,#ffffff04 45%,#00000020 48%),var(--surface-2);color:var(--foreground);border:2px ridge var(--console-edge);text-shadow:0 1px 1px #000;letter-spacing:.025em;font-family:Oswald,sans-serif;box-shadow:inset 2px 2px #ffffff18,inset -2px -2px #0005,0 3px #05080b}[data-console-theme=night] [data-console-button=destructive]:not([data-console-exempt] *){color:#fff5f3;background:#63272e;border-color:#ef9191;box-shadow:inset 3px 0 #ff7272,0 3px #05080b}[data-console-theme=night] :is([data-console-button=ghost],[data-console-button=link]):not([data-console-exempt] *){color:var(--foreground);box-shadow:none;background:0 0;border-color:#0000}[data-console-theme=night] [data-console-button]:hover:not(:disabled):not([data-console-exempt] *){filter:brightness(1.08)}[data-console-theme=night] [data-console-button]:active:not(:disabled):not([data-console-exempt] *){transform:translateY(2px);box-shadow:inset 0 1px 3px #0004}[data-console-theme=night] [data-console-button]:disabled{opacity:.45;box-shadow:none;filter:none}[data-console-theme=night] :is([data-console-button],.console-navigation a,.console-navigation button):focus-visible{outline:3px solid var(--channel-light,#eee);outline-offset:3px;box-shadow:0 0 0 3px #06090d}.console-page-header{background:linear-gradient(150deg,#ffffff09,transparent 65%),var(--console-recess);border:2px solid var(--console-edge);border-radius:7px;padding:20px 24px;box-shadow:inset 0 0 0 2px #0006,0 4px #06090d}.console-page-header h1{letter-spacing:.025em;text-shadow:2px 2px #000;font-family:Oswald,sans-serif}.console-page-header>div:last-child{flex-wrap:wrap}.console-panel{border:2px solid var(--console-edge);background:var(--surface-1);border-radius:8px;box-shadow:0 4px #06090d}.console-panel>header{background:linear-gradient(#ffffff12,transparent),var(--surface-2);color:var(--foreground);border-bottom:2px solid var(--console-edge);box-shadow:inset 3px 0 0 var(--channel-light);padding:16px 22px;position:relative}.console-panel>header h2{color:var(--channel-light);text-shadow:1px 2px #000;font-family:Oswald,sans-serif}.console-panel>header p{color:var(--muted-foreground)}.console-panel>div{background:var(--surface-1)}.console-panel>header:after{content:"";background:linear-gradient(130deg,#a6b4b8 40%,#172027 42% 58%,#89969b 60%);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.console-workspace .glass{background:linear-gradient(155deg,#ffffff06,transparent 45%),var(--surface-1);border:1px solid var(--console-edge);border-radius:7px;box-shadow:inset 0 1px #ffffff18,0 3px #06090d}.console-workspace .glass>h2{letter-spacing:.02em;font-family:Oswald,sans-serif}.console-warning{color:#ffe3a1;background:#33291b;border-color:#ab8545}.console-warning button{color:inherit}.console-section-nav{background:var(--background)}.console-section-nav button,.console-step-nav :is(button,a),.console-navigation-keys :is(a,button){border:1px solid var(--console-edge);background:linear-gradient(175deg,#ffffff28,#ffffff04 43%,#00000020 46%),var(--surface-2);min-height:42px;color:var(--foreground);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font:500 15px/1.3 Oswald,sans-serif;text-decoration:none;display:inline-flex;box-shadow:inset 2px 2px #ffffff25,inset -2px -2px #0005,0 3px #05080b}.console-step-nav [aria-current],.console-navigation-keys [aria-current],.console-navigation-keys [aria-expanded=true]{background:var(--console-cap-gloss),var(--console-button-fill);color:var(--console-print);box-shadow:inset 0 -3px #ffffff80,0 2px #05080b}.console-workspace [role=tablist]:not([data-console-exempt] *){background:var(--console-recess);border:1px solid var(--console-edge);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:5px;gap:6px;padding:6px}.console-workspace [role=tab]:not([data-console-exempt] *){white-space:normal;background:var(--surface-2);height:auto;min-height:40px;color:var(--foreground);border:1px solid var(--console-edge);border-radius:4px;padding:8px 12px;line-height:1.3;box-shadow:inset 0 1px #ffffff20,0 2px #05080b}.console-workspace :is([role=tab][aria-selected=true],[role=tab][data-state=active]):not([data-console-exempt] *){background:var(--console-button-fill);color:var(--console-print);font-weight:750;box-shadow:inset 0 -3px #fff9,0 2px #05080b}.console-workspace :is(input:not([type=file]):not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select):not([data-console-exempt] *){background-color:var(--console-recess);color:var(--foreground);border-color:var(--console-edge);border-radius:4px;box-shadow:inset 0 2px 3px #0005}.console-navigation{background:var(--surface-1);border-bottom:2px solid var(--console-edge);padding:12px 24px}.console-navigation-keys{flex-wrap:wrap;gap:8px;display:flex}.console-navigation-drawer:not([hidden]){grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:18px 0 8px;display:grid}.console-navigation-drawer section{flex-direction:column;gap:8px;display:flex}.console-navigation-drawer h2{color:var(--channel-light);margin-bottom:4px;font:600 16px Oswald,sans-serif}.console-navigation-drawer a{border:1px solid var(--console-edge);background:var(--surface-2);border-radius:4px;padding:10px 12px}.console-navigation-drawer a:hover{background:var(--surface-3)}@media(pointer:coarse){[data-console-theme=night] [data-console-button]:not([data-console-exempt] *){min-height:44px}}@media(max-width:640px){.console-page-header{padding:16px}.console-navigation{padding:10px 12px}.console-navigation-keys{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.console-navigation-keys :is(a,button){padding:9px;font-size:14px}.console-navigation-drawer:not([hidden]){grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){[data-console-button]{transition:none!important}}[data-reduce-motion=true] [data-console-button]{transition:none!important}@media(max-width:1050px){.console-topbar{flex-wrap:wrap;height:auto;min-height:56px;padding-block:8px}}.console-mode-switch button{min-height:36px}.console-record-panel{background:var(--surface-1);border-color:var(--console-edge);box-shadow:inset 0 1px #ffffff18,0 3px #06090d}[data-console-theme=night] [data-console-size=icon]:not([data-console-exempt] *){min-width:40px;padding:8px}@media(pointer:coarse){[data-console-theme=night] [data-console-size=icon]:not([data-console-exempt] *){min-width:44px}}[data-console-theme=night] :is(.console-section-nav button,.console-step-nav a,.console-step-nav button,.console-navigation-keys a,.console-navigation-keys button):active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0006}[data-console-theme=night] .console-module:active .console-key,[data-console-theme=night] .console-night-bank a:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #0005,inset 0 0 12px #fff5}
