@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{hanging-punctuation:first last}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;line-height:1.5}#root{border-inline:1px solid var(--border);text-align:center;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}img,picture,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}textarea{resize:vertical}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;line-height:1}:where(p,li){text-wrap:pretty}:target{scroll-margin-block:5rem}:root{--page-padding:1rem;--bg-color:#252630;--sans:"Noto Sans", sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:"Space Mono", monospace;--font-size-small:.625rem;--font-size-main:1rem;--font-size-med:1.25rem;--font-size-large:1.75rem;--text-spacing-small:.5px;--text-spacing-med:3px;--line-height-small:1;--line-height-med:1.1;--line-height-large:1.2;--_text-style---trim-top:0rem;--_text-style---trim-bottom:0rem;--nav-hover:#2d2e3a;--text:#fff;--bg-light:#f4f3ec80;--text-h:#08060d;--bg:#fff;--widget-bg-colour:#2a2b32;--widget-bg-light:#3c3e46;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sub-heading:--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--nav-bg-colour:#0d00ff;--widget-min-height:200px;--widget-padding:1rem;line-height:18px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#dce0e8;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}:root{font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.text-style-small{font-family:var(--sub-heading), monospace;font-style:normal;font-weight:400;font-size:var(--font-size-small);line-height:var(--line-height-small);letter-spacing:var(--text-spacing-small);text-transform:uppercase;color:inherit}.text-style-main{font-family:var(--sub-heading), monospace;font-style:normal;font-weight:400;font-size:var(--font-size-main);line-height:var(--line-height-small);letter-spacing:var(--text-spacing-small);text-transform:uppercase;color:inherit}.text-style-med{font-family:var(--sub-heading), monospace;font-style:normal;font-weight:400;font-size:var(--font-size-med);line-height:var(--line-height-small);letter-spacing:var(--text-spacing-small);text-transform:uppercase;color:inherit}.text-style-large{font-family:var(--sub-heading), monospace;font-style:normal;font-weight:400;font-size:var(--font-size-large);line-height:var(--line-height-small);letter-spacing:var(--text-spacing-small);text-transform:uppercase;color:inherit}.widget{padding:var(--widget-padding);background-color:var(--bg-color);min-height:var(--widget-min-height);border-radius:.25rem;flex-direction:column;display:flex;overflow:hidden}.widget-header{padding-bottom:var(--widget-padding);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.weather-widget{grid-column:span 2}.widget-body{flex-direction:column;justify-content:center;gap:1rem;height:100%;display:flex}.widget-refresh{color:#fff}.widget-refresh svg{width:12px;height:12px}.widget-top{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.datetime-wrapper{flex-direction:column;align-items:end;display:flex}.widget-refresh:hover{transition:transform 1s;transform:rotate(360deg)}.app{flex-direction:column;height:100svh;display:flex;overflow:hidden}.main{nin-height:0;flex:1}.container{width:100%;height:100%}.dashboard{padding:var(--page-padding);width:100%;height:100%}.dashboard .layout{grid-template-columns:280px 1fr;grid-auto-rows:minmax(150px,auto);align-items:start;gap:1rem;padding:0;display:grid;position:relative}.interface{height:100%;padding-right:8px;overflow-y:auto}.widgets-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);align-items:stretch;gap:1rem;width:100%;display:grid}.navbar{background-color:var(--nav-bg-colour);z-index:1000;width:100%;height:90px;padding:0px var(--page-padding);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex;position:static;top:0;left:0}.nav-layout{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-links{flex-direction:row;gap:1rem;list-style-type:none;display:flex}.sidebar{height:100%;padding:var(--page-padding);background-color:var(--bg-color);border-radius:.25rem;flex-direction:column;justify-content:start;display:flex;position:sticky}.sidebar_links{flex-direction:column;gap:4px;display:flex}.sidebar_link{cursor:pointer;border-radius:6px;width:100%;padding:10px 0}.sidebar_link:hover{background-color:var(--nav-hover)}.weather-top{flex-direction:row;justify-content:space-between;display:flex}.datetime-wrapper{gap:.5rem}.weather-icon{background-color:red;width:50px;height:50px}.weather-container{flex-direction:column;align-items:start;gap:1rem;display:flex}.weather-current-wrapper{flex-direction:column;align-content:start;align-items:start;display:flex}.weather-current{text-align:start;flex-direction:column;align-content:start;gap:.5rem;display:flex}.weather-range-wrapper{background-color:var(--widget-bg-light);color:var(--text-h);border-radius:100vw;flex-direction:row;justify-content:start;gap:.25rem;padding:6px 12px;display:flex}.weather-range{display:inline-block}.weather-temp{font-size: }