:root{--max-width:1920px;--border-radius:12px;--card-border-radius:8px;--card-padding:16px;--h1:124px;--h2:56px;--h3:48px;--h4:40px;--h5:32px;--h6:24px;--p:16px;--caption:12px;--gap:12px;--gap-lg:36px;--padding-lg:150px;--padding-md:40px;--padding-sm:16px;--padding-xs:8px;--footer-height:120px;--card-width:124px;--card-height:64px;--card-backdrop-blur:12px;--breakpoint-moblie:320px;--breakpoint-tablet:804px;--breakpoint-laptop:1212px;--breakpoint-desktop:1620px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--z-index-base:0;--z-index-dim:1;--z-index-img-title:2;--z-index-modal:3;--z-index-toast:4;--z-index-scroll-to-top:5;--z-index-header:1000;--white:#ffffff;--black:#222222}:root,html[data-theme=light]{--primary-color:#fff555;--primary-color-light:#fff777;--primary-color-dark:#fff333;--link-color:#b8860b;--secondary-color:#888888;--info-color:#007bff;--error-color:#ef4545;--warning-color:#ffaa00;--text-color:#222222;--background-color:#ffffff;--card-background-color:rgba(255,255,255,0.35);--card-glass-border:rgba(255,255,255,0.45);--card-shadow-color-up:rgba(255,255,255,0.35);--card-shadow-color-down:rgba(0,0,0,0.06);--image-card-shadow-color-up:#ffffff88;--image-card-shadow-color-down:#00000088;--search-input-bg:rgba(255,255,255,0.5);--monitor-bezel-color:rgba(37,37,37,0.85);--monitor-screen-bg:rgba(255,255,255,0.28);--dim-opacity:0.25}html[data-theme=dark]{--primary-color:#fff500;--primary-color-light:#fff700;--primary-color-dark:#fff300;--link-color:var(--primary-color);--secondary-color:#888888;--info-color:#007bff;--error-color:#ee4444;--warning-color:#ffaa00;--text-color:#efefef;--background-color:#111111;--card-background-color:rgba(30,30,30,0.58);--card-glass-border:rgba(255,255,255,0.1);--card-shadow-color-up:rgba(255,255,255,0.08);--card-shadow-color-down:rgba(0,0,0,0.2);--image-card-shadow-color-up:#ffffff88;--image-card-shadow-color-down:#00000088;--search-input-bg:rgba(255,255,255,0.12);--monitor-bezel-color:rgba(26,26,26,0.9);--monitor-screen-bg:rgba(10,10,10,0.5);--dim-opacity:0.5}@media (max-width:1212px){:root{--h1:96px;--h2:48px;--h3:36px;--h4:28px;--h5:24px;--h6:20px;--p:16px;--caption:10px}}@media (max-width:804px){:root{--h1:72px;--h2:36px;--h3:28px;--h4:24px;--h5:20px;--h6:18px;--p:14px;--caption:10px}}@media (max-width:320px){:root{--h1:48px;--h2:32px;--h3:24px;--h4:20px;--h5:16px;--h6:14px;--p:12px;--caption:8px}}*{box-sizing:border-box;padding:0;margin:0}html{overflow:auto;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body,html{display:block;width:100%;height:100%;font-size:var(--p)}body{color:var(--text-color);background:var(--background-color);transition:background-color .2s ease-in-out}.card-glass{backdrop-filter:blur(var(--card-backdrop-blur));-webkit-backdrop-filter:blur(var(--card-backdrop-blur));border:1px solid var(--card-glass-border)}.button-card-shadow,.card-shadow{border:1px solid var(--card-glass-border);backdrop-filter:none;-webkit-backdrop-filter:none}.card-shadow{transition:box-shadow .2s ease-in-out}.button-card-shadow,.card-shadow{box-shadow:inset 0 1px 2px var(--card-shadow-color-up),inset 0 -1px 2px var(--card-shadow-color-down)}.button-card-shadow{transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;cursor:pointer}.button-card-shadow:focus-within,.button-card-shadow:hover{transform:translateY(1px);box-shadow:inset 0 1px 2px var(--card-shadow-color-down),inset 0 -1px 2px var(--card-shadow-color-up)}