html,body,#root{margin:0;padding:0}html:not([data-site-page=true]),body:not([data-site-page=true]),body:not([data-site-page=true]) #root{height:100%;height:100dvh}html:not([data-site-page=true]),body:not([data-site-page=true]){overflow:hidden}html.light-mode,body.light-mode,#root.light-mode{background:#fff;color:#000}html.dark-mode,body.dark-mode,#root.dark-mode{background:#111827;color:#fff}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}html,body,button,[role=button],.taskbar-surface,.window-chrome,.panel-surface,.context-surface,.start-surface{-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;-moz-user-select:text;user-select:text}img{-webkit-user-drag:none}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true]{-webkit-touch-callout:default}:root{--accent:#3b82f6;--accent-hover:#2563eb;--accent-subtle-bg-light:rgba(59,130,246,.18);--accent-subtle-bg-dark:rgba(59,130,246,.35);--accent-subtle-text-light:#1d4ed8;--accent-subtle-text-dark:#bfdbfe}.accent-button{background:var(--accent);color:#fff;transition:background-color .18s,box-shadow .18s}.accent-button:hover,.accent-button:focus{background:var(--accent-hover)}.light-mode .accent-subtle{background:var(--accent-subtle-bg-light);color:var(--accent-subtle-text-light)}.dark-mode .accent-subtle{background:var(--accent-subtle-bg-dark);color:var(--accent-subtle-text-dark)}.panel-surface{transition:background-color .25s,color .25s,border-color .25s}.light-mode{--text-primary:#212121;--text-primary-90:rgba(33,33,33,.9);--text-primary-80:rgba(33,33,33,.8);--text-primary-70:rgba(33,33,33,.7);--text-primary-50:rgba(33,33,33,.5);--text-primary-40:rgba(33,33,33,.4)}.dark-mode{--text-primary:#ffffff;--text-primary-90:rgba(255,255,255,.9);--text-primary-80:rgba(255,255,255,.8);--text-primary-70:rgba(255,255,255,.7);--text-primary-50:rgba(255,255,255,.5);--text-primary-40:rgba(255,255,255,.4)}.tp{color:var(--text-primary)}.tp-90{color:var(--text-primary-90)}.tp-80{color:var(--text-primary-80)}.tp-70{color:var(--text-primary-70)}.tp-50{color:var(--text-primary-50)}.tp-40{color:var(--text-primary-40)}.light-mode .icon-mono{filter:invert(0) brightness(0) saturate(100%)}.dark-mode .icon-mono{filter:invert(1) brightness(2) saturate(0)}.light-mode{scrollbar-color:rgba(0,0,0,.45) rgba(0,0,0,.08)}.dark-mode{scrollbar-color:rgba(255,255,255,.5) rgba(255,255,255,.1)}.light-mode *::-webkit-scrollbar,.dark-mode *::-webkit-scrollbar{width:10px;height:10px}.light-mode *::-webkit-scrollbar-track{background:transparent}.dark-mode *::-webkit-scrollbar-track{background:transparent}.light-mode *::-webkit-scrollbar-thumb{background:#00000061;border-radius:10px;border:2px solid rgba(255,255,255,.6)}.dark-mode *::-webkit-scrollbar-thumb{background:#ffffff73;border-radius:10px;border:2px solid rgba(0,0,0,.3)}.light-mode *::-webkit-scrollbar-thumb:hover{background:#0000008c}.dark-mode *::-webkit-scrollbar-thumb:hover{background:#ffffffa6}.light-mode .start-menu-scrollable::-webkit-scrollbar{width:8px}.dark-mode .start-menu-scrollable::-webkit-scrollbar{width:8px}.light-mode .start-menu-scrollable::-webkit-scrollbar-button{display:none}.dark-mode .start-menu-scrollable::-webkit-scrollbar-button{display:none}.light-mode .start-menu-scrollable::-webkit-scrollbar-track{background:transparent}.dark-mode .start-menu-scrollable::-webkit-scrollbar-track{background:transparent}.light-mode .start-menu-scrollable::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px;border:none}.dark-mode .start-menu-scrollable::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px;border:none}.light-mode .start-menu-scrollable::-webkit-scrollbar-thumb:hover{background:#0006}.dark-mode .start-menu-scrollable::-webkit-scrollbar-thumb:hover{background:#fff6}.light-mode .start-menu-scrollable{scrollbar-color:rgba(0,0,0,.25) transparent}.dark-mode .start-menu-scrollable{scrollbar-color:rgba(255,255,255,.25) transparent}.panel-scrollable{scrollbar-gutter:stable both-edges;padding-right:12px}.no-layout-shift *{transition:none!important;animation:none!important}.light-mode .panel-surface{color:#212121}.light-mode .context-surface{background:#ffffffe6;color:#212121}.light-mode .taskbar-surface{background:#ffffffbf;color:#212121}.light-mode .taskbar-surface button:hover{background:#21212114}.light-mode .start-surface{color:#212121}.light-mode .text-dim{color:#2121218c!important}.light-mode .text-mid{color:#212121bf!important}.light-mode .border-thematic{border-color:#00000026!important}.light-mode .notif-accent:hover{border-color:var(--accent)!important}.light-mode .notif-accent{border-color:var(--accent)}.dark-mode .notif-accent:hover{border-color:var(--accent)!important}.dark-mode .notif-accent{border-color:var(--accent)}.accent-fade{background:var(--accent);opacity:.25}.light-mode .aperture-option{color:#212121}.dark-mode .aperture-option{color:#fff}.light-mode .aperture-option[data-selected=true]{background-color:var(--accent-subtle-bg-light);border:1px solid var(--accent);color:#212121;animation:aperture-select .4s cubic-bezier(.34,1.56,.64,1)}.dark-mode .aperture-option[data-selected=true]{background-color:var(--accent-subtle-bg-dark);border:1px solid var(--accent);color:#fff;animation:aperture-select .4s cubic-bezier(.34,1.56,.64,1)}@keyframes aperture-select{0%{transform:scale(.95);filter:brightness(1)}30%{filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}@keyframes shimmer-focus{0%{transform:scale(.95);filter:brightness(1)}30%{filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}.taskbar-app-shimmer{animation:shimmer-focus .4s cubic-bezier(.34,1.56,.64,1)}.taskbar-app-name-fade{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.switch-accent-checked{background:var(--accent)!important}.accent-text{color:var(--accent, #3b82f6)!important}.light-mode .menu-divider{background:#00000026}.light-mode .menu-disabled{color:#21212166!important}.light-mode .check-accent{background:#212121}.light-mode .mono-icon{background-color:#212121!important}.dark-mode .mono-icon{background-color:#fff!important}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .18s ease-out}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slide-in-down .18s ease-out}@keyframes slide-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-in-up .18s ease-out}@keyframes flyout-closing{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(.98)}}.flyout-closing{animation:flyout-closing .12s ease-in forwards}@keyframes gutter-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes gutter-slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}.gutter-opening{animation:gutter-slide-in .25s cubic-bezier(.25,.46,.45,.94) forwards}.gutter-closing{animation:gutter-slide-out .25s cubic-bezier(.25,.46,.45,.94) forwards}[data-gutter-animating] [data-desktop-window]{transition:left .25s cubic-bezier(.25,.46,.45,.94),width .25s cubic-bezier(.25,.46,.45,.94)!important}@keyframes pill-closing{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2px)}}.pill-closing{animation:pill-closing .08s ease-in forwards}@keyframes window-opening{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.window-opening{animation:window-opening .12s ease-out}@keyframes taskbar-app-closing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.taskbar-app-closing{animation:taskbar-app-closing .15s ease-in forwards}@keyframes taskbar-app-closing-pinned{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(1)}}.taskbar-app-closing-pinned{animation:taskbar-app-closing-pinned .2s ease-out forwards}@keyframes tab-entering{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tab-entering{animation:tab-entering .15s ease-out}@keyframes tab-closing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.tab-closing{animation:tab-closing .15s ease-in forwards}.wallpaper-layer{background-size:cover;background-position:center center;background-repeat:no-repeat;transition:opacity .65s ease-in-out}@keyframes theme-icon-set{0%{transform:translateY(0);opacity:1}to{transform:translateY(24px);opacity:0}}@keyframes theme-icon-rise{0%{transform:translateY(-24px);opacity:0}60%{transform:translateY(2px);opacity:1}80%{transform:translateY(-1px)}to{transform:translateY(0);opacity:1}}.theme-icon-setting{animation:theme-icon-set .4s ease-in forwards}.theme-icon-rising{animation:theme-icon-rise .5s ease-out .3s both}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 3px #0000004d;border:none}.opacity-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 3px #0000004d;border:none}.opacity-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #0006}.opacity-slider::-moz-range-thumb:hover{box-shadow:0 2px 6px #0006}html[data-input-modality=mouse] .start-surface button:focus,html[data-input-modality=mouse] .taskbar-surface button:focus{outline:none!important;box-shadow:none!important;--tw-ring-color: transparent !important;--tw-ring-shadow: 0 0 #0000 !important;--tw-ring-offset-shadow: 0 0 #0000 !important}html[data-input-modality=keyboard] .start-surface button:focus-visible,html[data-input-modality=keyboard] .taskbar-surface button:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}html.light-mode[data-input-modality=keyboard] .start-surface button:focus-visible,html.light-mode[data-input-modality=keyboard] .taskbar-surface button:focus-visible{outline-color:#0006}@keyframes window-closing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.window-closing{animation:window-closing .3s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}