:root{--bg: #0f1115;--surface: #151820;--text: #e6e6e6;--muted: #a0a4ab;--border: rgb(68, 71, 81);--body-width: 1000px;--body-width-padding: 1rem;--project-gaps: 10px;--exp-item-margin: 1rem;--color-bg: #0f1115;--color-surface: #445154;--color-surface-dark: #3a3a3a;--color-text: #dbdbdb;--color-text-muted: rgb(122, 124, 129);--color-border: rgb(85, 88, 100);--color-accent: #7dd3fc;--color-accent-vibrant: #3b67a1;--color-accent-muted: #80c6ff;--color-accent-dull: #1e6166;--color-accent-dark: #4f5555;--color-code-bg: #1d1f21;--code-padding: 12px}body{font-family:system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.7;max-width:var(--body-width);margin:0 auto;padding:1.5rem var(--body-width-padding)}a{color:var(--color-text);text-decoration:none}a:hover,a:hover *{color:var(--color-accent)}section{margin-bottom:3.5rem}h2{font-size:1.45rem;color:var(--color-accent);font-weight:500}hr{border:0;border-top:1px solid var(--color-border);margin:0}pre{border:solid 1px var(--color-border);border-radius:3px;background-color:var(--color-code-bg)}code{display:block;padding:var(--code-padding)}button,input[type=button],input[type=submit]{background-color:var(--color-accent-vibrant);color:var(--color-text);padding:6px 8px;cursor:pointer;border:1px solid color-mix(in srgb,var(--color-accent-vibrant),white 7.5%);border-radius:3px}button:hover,input[type=button]:hover{color:var(--color-bg);background-color:var(--color-accent-muted);border:1px solid color-mix(in srgb,var(--color-accent-muted),white 25%)}input[type=checkbox],input[type=radio]{cursor:pointer;accent-color:var(--color-accent)}input[type=color]{cursor:pointer}input[type=date]{color-scheme:dark}input[type=file]::file-selector-button{background-color:var(--color-surface-dark);color:var(--color-text);border:1px solid color-mix(in srgb,var(--color-surface-dark),white 25%);border-radius:3px;padding:6px;cursor:pointer}input[type=text],input[type=password],input[type=email],textarea,select{box-shadow:none;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;color:var(--color-text);padding:5px 5px 5px 8px;font-size:1rem;font-family:inherit;box-sizing:border-box;width:100%;max-width:300px}textarea{min-height:100px;max-width:min(600px,100%)}select{font-size:revert}input[type=range]{appearance:none;background:transparent;cursor:pointer;width:100%;max-width:300px}input[type=range]::-webkit-slider-runnable-track{background:var(--color-surface-dark);height:.5rem;border-radius:.5rem}input[type=range]::-webkit-slider-thumb{appearance:none;margin-top:-4px;background-color:var(--color-accent);height:1rem;width:1rem;border-radius:50%}progress{appearance:none;width:100%;max-width:300px;height:.75rem}progress::-webkit-progress-bar{background-color:var(--color-surface-dark);border-radius:3px}progress::-webkit-progress-value{background-color:var(--color-accent);border-radius:3px}progress::-moz-progress-bar{background-color:var(--color-accent);border-radius:3px}summary{cursor:pointer}