@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{--md-sys-color-primary: #6750a4;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #eaddff;--md-sys-color-on-primary-container: #21005d;--md-sys-color-secondary: #625b71;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e8def8;--md-sys-color-on-secondary-container: #1d192b;--md-sys-color-tertiary: #7d5260;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #ffd8e4;--md-sys-color-on-tertiary-container: #31111d;--md-sys-color-error: #b3261e;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #f9dedc;--md-sys-color-on-error-container: #410e0b;--md-sys-color-background: #fffbfe;--md-sys-color-on-background: #1c1b1f;--md-sys-color-surface: #fffbfe;--md-sys-color-on-surface: #1c1b1f;--md-sys-color-surface-variant: #e7e0ec;--md-sys-color-on-surface-variant: #49454f;--md-sys-color-outline: #79747e;--md-sys-color-outline-variant: #cac4d0;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f7f2fa;--md-sys-color-surface-container: #f3edf7;--md-sys-color-surface-container-high: #ece6f0;--md-sys-color-surface-container-highest: #e6e0e9;--md-sys-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3)}.dark{--md-sys-color-primary: #d0bcff;--md-sys-color-on-primary: #381e72;--md-sys-color-primary-container: #4f378b;--md-sys-color-on-primary-container: #eaddff;--md-sys-color-secondary: #ccc2dc;--md-sys-color-on-secondary: #332d41;--md-sys-color-secondary-container: #4a4458;--md-sys-color-on-secondary-container: #e8def8;--md-sys-color-tertiary: #efb8c8;--md-sys-color-on-tertiary: #492532;--md-sys-color-tertiary-container: #633b48;--md-sys-color-on-tertiary-container: #ffd8e4;--md-sys-color-error: #f2b8b5;--md-sys-color-on-error: #601410;--md-sys-color-error-container: #8c1d18;--md-sys-color-on-error-container: #f9dedc;--md-sys-color-background: #1c1b1f;--md-sys-color-on-background: #e6e1e5;--md-sys-color-surface: #1c1b1f;--md-sys-color-on-surface: #e6e1e5;--md-sys-color-surface-variant: #49454f;--md-sys-color-on-surface-variant: #cac4d0;--md-sys-color-outline: #938f99;--md-sys-color-outline-variant: #49454f;--md-sys-color-surface-container-lowest: #0f0d13;--md-sys-color-surface-container-low: #1c1b1f;--md-sys-color-surface-container: #201f23;--md-sys-color-surface-container-high: #2b2930;--md-sys-color-surface-container-highest: #36343b;--md-sys-elevation-1: 0 1px 3px 1px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .3);--md-sys-elevation-2: 0 2px 6px 2px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .3);--md-sys-elevation-3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Roboto,system-ui,sans-serif;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:1rem}.top-app-bar{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-2);position:sticky;top:0;z-index:100}.nav-content{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-title{display:flex;align-items:center;gap:.5rem;color:var(--md-sys-color-on-surface);text-decoration:none;font-size:1.25rem;font-weight:500}.nav-title:hover{color:var(--md-sys-color-primary)}.nav-actions{display:flex;gap:.5rem}.icon-button{background:none;border:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-button:hover{background:var(--md-sys-color-surface-variant)}.dark .light-icon,.light .dark-icon{display:none}.dark .dark-icon,.light .light-icon{display:block}footer{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:2rem 1.5rem;text-align:center;margin-top:4rem}.card{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:1.5rem;box-shadow:var(--md-sys-elevation-1);transition:box-shadow .2s,background .2s,border-color .2s}.card:hover{box-shadow:var(--md-sys-elevation-2);border-color:var(--md-sys-color-outline)}a.card:hover{background:var(--md-sys-color-surface-container)}.filled-button{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;padding:.625rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:box-shadow .2s,filter .2s}.filled-button:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.1)}.outlined-button{background:transparent;color:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-outline);padding:.625rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.outlined-button:hover{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-primary)}a{color:var(--md-sys-color-primary);text-decoration:none}a:hover{text-decoration:underline}.material-symbols-outlined{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:default;text-decoration:none}