*{box-sizing:border-box;-webkit-tap-highlight-color:transparent!important}body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}body.nav-expanded{margin-left:250px}body.nav-collapsed{margin-left:100px}@media (width < 768px){body.nav-expanded,body.nav-collapsed{margin-left:0!important}}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.category-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5.44px;margin-bottom:32px;align-items:center}.category-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-surface-variant);border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif;font-size:14.4px;font-weight:500;color:var(--md-sys-color-on-surface-variant);position:relative}.category-chip.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary-container);border-radius:300px}.category-color{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid var(--md-sys-color-on-surface-variant)}.delete-category-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-weight:700;transition:all .2s ease}.add-category-button{align-items:center;justify-content:center}.add-category-button .material-symbols-rounded{font-size:17.6px;color:var(--md-sys-color-on-surface-variant)}.task-list{display:flex;flex-direction:column;gap:4px;justify-content:center;list-style:none;padding:0;margin:0;overflow:hidden;border-radius:24px}.task-item{display:flex;align-items:start;gap:4px;border-radius:6px;transition:all .2s ease;position:relative;padding:20px;background-color:var(--md-sys-color-surface-container-high)}.task-content{display:flex;flex-direction:column;gap:12px;cursor:pointer;padding-inline:8px;border-radius:8px;transition:background-color .2s ease;flex:1}.task-title{font-size:18px;font-weight:600;font-family:Roboto,sans-serif;color:var(--md-sys-color-on-surface)}.task-description{font-size:14px;color:var(--md-sys-color-on-surface-variant);opacity:.8;font-family:Roboto,sans-serif;line-height:1.4}.task-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.task-tag{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;font-family:Roboto,sans-serif;background:#0000001a;color:#555;border:1px solid rgba(0,0,0,.1)}.tag-icon{font-size:14px}.due-date-tag{background:rgba(var(--md-sys-color-primary-rgb),.1);color:var(--md-sys-color-primary);border-color:rgba(var(--md-sys-color-primary-rgb),.2)}.overdue-tag,.priority-tag.priority-high{background:rgba(var(--md-sys-color-error-rgb),.1);color:var(--md-sys-color-error);border-color:rgba(var(--md-sys-color-error-rgb),.2)}.priority-tag.priority-medium{background:rgba(var(--md-sys-color-secondary-rgb),.1);color:var(--md-sys-color-secondary);border-color:rgba(var(--md-sys-color-secondary-rgb),.2)}.priority-tag.priority-low{background:rgba(var(--md-sys-color-tertiary-rgb),.1);color:var(--md-sys-color-tertiary);border-color:rgba(var(--md-sys-color-tertiary-rgb),.2)}.no-category-tag{background:rgba(var(--md-sys-color-outline-rgb),.1);color:var(--md-sys-color-outline);border-color:rgba(var(--md-sys-color-outline-rgb),.2)}.custom-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;flex-shrink:0;margin-top:2px;background:none;border:none;outline:none}.custom-checkbox input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2;margin:0}.checkmark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--md-sys-color-surface-container);border:2px solid var(--md-sys-color-outline);border-radius:50%;transition:border-color .2s,background-color .2s;z-index:1;font-size:20px;color:transparent}.custom-checkbox:hover .checkmark{border-color:var(--md-sys-color-primary)}.custom-checkbox input:checked~.checkmark{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.checkmark .material-symbols-rounded{font-size:20px;color:transparent;opacity:0;transition:color .2s,opacity .2s}.custom-checkbox input:checked~.checkmark .material-symbols-rounded{color:var(--md-sys-color-on-primary);opacity:1}.home-container{padding:16px 24px;max-width:1200px;margin:0 auto;flex:1;width:100%}@media (width < 768px){.home-container{margin-bottom:100px}}.task-section{margin-bottom:32px}.section-header{display:flex;align-items:center;justify-content:start;gap:.75rem;padding:12px 0;cursor:pointer;transition:all .2s ease}.section-icon{font-size:1.25rem;color:var(--md-sys-color-on-surface-variant);transition:transform .2s ease}.section-header[data-collapsed=true] .section-icon{transform:rotate(-90deg)}.section-title{display:flex;align-items:center;gap:8px;font-family:Playfair Display,serif;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.section-title span:nth-child(1){margin:0;padding:0}.task-count{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;font-family:Roboto,sans-serif}.settings-container{padding:16px 24px;max-width:1200px;margin:0 auto;flex:1;width:100%}@media (width < 768px){.settings-container{margin-bottom:100px}}nav{position:fixed;left:0;top:0;bottom:0;width:250px;padding-block:3rem;padding-inline:1rem;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-inline-end:2px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;justify-content:space-between;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000}nav.collapsed{width:100px}.actions{display:flex;flex-direction:column;gap:1rem;align-items:start}.menu{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:var(--md-sys-color-on-surface);transition:all .2s ease;font-size:28px}.fab{display:flex;justify-content:center;align-items:center;gap:10px;border:none;border-radius:16px;transition:all var(--motion-expressive-default-effects)}.fab:hover{transform:scale(1.02);box-shadow:0 0 20px #0003}.fab:active{transform:scale(1.02)}.fab.add-task-btn{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);width:168px;height:64px;transition:all var(--motion-expressive-default-effects)}.fab.add-task-btn .material-symbols-rounded{font-size:2.6rem;transition:all var(--motion-expressive-default-effects)}nav.collapsed .fab.add-task-btn{width:64px;height:64px;justify-content:center}.fab.add-task-btn .link-text{color:var(--md-sys-color-on-primary-container);font-size:16px;white-space:nowrap;transition:opacity .2s ease}nav.collapsed .fab.add-task-btn .link-text{display:none}.links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.links li{background-color:transparent;border-radius:2000px;width:100%;height:50px;display:flex;transition:all var(--motion-expressive-default-effects);cursor:pointer;overflow:hidden}.links li .material-symbols-rounded{font-size:2rem;color:var(--md-sys-color-on-surface)}.links li.active{background-color:var(--md-sys-color-secondary-container);animation:iconPop var(--motion-expressive-fast-effects)}.links li.active .material-symbols-rounded{color:var(--md-sys-color-on-secondary-container);font-variation-settings:"FILL" 1;animation:iconFill var(--motion-expressive-fast-effects)}.links li.active .link-text{color:var(--md-sys-color-secondary);font-weight:600}.nav-link{display:flex;align-items:center;justify-content:start;gap:1rem;text-decoration:none;transition:all .2s ease;font-family:Roboto,sans-serif;font-weight:500;width:100%;height:100%;color:var(--md-sys-color-on-surface);padding-inline:.8rem}.link-text{white-space:nowrap;opacity:1;transition:opacity .2s ease}nav.collapsed .link-text{display:none}nav.collapsed .nav-link{justify-content:center}.version-info{margin-inline-start:20px}nav.collapsed .version-info{visibility:hidden}@media (width < 768px){nav{position:fixed;left:50%;top:auto;bottom:20px;width:auto;height:auto;transform:translate(-50%);flex-direction:row-reverse;gap:9.6px;align-items:center;background:transparent;border:none;box-shadow:none;padding:0;z-index:1000}nav.collapsed{width:auto}.menu,.version-info{display:none}.actions{padding:0;border:none;flex-direction:row;gap:12px}.fab.add-task-btn{width:64px;height:64px}.fab.add-task-btn .link-text{display:none}.links{flex-direction:row;gap:8px;padding:8px;margin:0;background:var(--md-sys-color-secondary-container);border-radius:20000px}.links li{width:64px;height:64px;justify-content:center;align-items:center}.links li.active{background-color:var(--md-sys-color-primary)}.links li.active .material-symbols-rounded{color:var(--md-sys-color-on-primary)}.link-text{display:none}.nav-link{justify-content:center}}nav.collapsed{width:100px;padding-inline:12px;align-items:center}nav.collapsed .actions{align-items:center}nav.collapsed .add-task-btn{width:70px;height:70px}nav.collapsed .links li{width:50px;height:50px;justify-content:center}.header{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;width:calc(100vw - 250px);transition:width .3s cubic-bezier(.4,0,.2,1)}body.nav-collapsed .header{width:calc(100vw - 100px)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;font-family:Playfair Display,serif;color:var(--md-sys-color-on-surface)}.logo-icon{width:24px;height:24px}.logo-icon circle:nth-child(1){stroke:var(--md-sys-color-on-surface)}.logo-icon circle:nth-child(2){fill:var(--md-sys-color-on-surface)}.logo-icon path{fill:var(--md-sys-color-on-surface)}.filter-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:transparent;color:var(--md-sys-color-on-surface);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:20px}@media (width < 768px){.header{width:100%;background-color:var(--md-sys-color-surface-container)}}.custom-dialog{border:none;border-radius:12px;padding:24px;box-shadow:0 8px 32px #0000001f;background:#fff;min-width:400px;max-width:500px;animation:dialogEnter .25s cubic-bezier(.4,0,.2,1);transform-origin:center}.custom-dialog[closing]{animation:dialogExit .2s cubic-bezier(.4,0,1,1)}@keyframes dialogEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dialogExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.custom-dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdropEnter .25s cubic-bezier(.4,0,.2,1)}.custom-dialog[closing]::backdrop{animation:backdropExit .2s cubic-bezier(.4,0,1,1)}@keyframes backdropEnter{0%{opacity:0}to{opacity:1}}@keyframes backdropExit{0%{opacity:1}to{opacity:0}}.custom-dialog h2{margin:0 0 16px;font-size:20px;font-weight:600;color:#212529;font-family:Playfair Display,serif}.dialog-content{margin-bottom:16px}.dialog-content p{margin:0;color:#6c757d;line-height:24px;font-family:Roboto,sans-serif}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#495057;margin-bottom:4px;font-family:Playfair Display,serif}.dialog-input{padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}.dialog-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.dialog-input::placeholder{color:#adb5bd}.dialog-textarea{padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}.dialog-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.dialog-select{padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.dialog-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.dialog-input-group{display:flex;gap:8px}.dialog-input-group .dialog-input,.dialog-input-group .dialog-select{flex:1}.input-field{display:flex;flex-direction:column;gap:8px;flex:1}.dialog-title-with-checkbox{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#212529;font-family:Playfair Display,serif}.dialog-title-with-checkbox .dialog-checkbox{margin:0;width:20px;height:20px}.editable-title{background:none;border:none;font-size:20px;font-weight:600;color:#212529;padding:0;margin:0;outline:none;flex:1;min-width:0;font-family:Playfair Display,serif}.editable-title:focus{background-color:#007bff1a;border-radius:4px;padding:4px;margin:-4px}.dialog-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.dialog-button-primary{background-color:#007bff;color:#fff}.dialog-button-primary:hover{background-color:#0056b3;transform:translateY(-1px)}.dialog-button-secondary{background-color:#6c757d;color:#fff}.dialog-button-secondary:hover{background-color:#545b62;transform:translateY(-1px)}.dialog-button-danger{background-color:#dc3545;color:#fff}.dialog-button-danger:hover{background-color:#c82333;transform:translateY(-1px)}.dialog-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.dialog-checkbox{accent-color:#007bff;width:18px;height:18px;cursor:pointer}.task-info{font-size:12px;color:#6c757d;background-color:#f8f9fa;padding:12px;border-radius:8px;border:1px solid #e9ecef}.task-info div{margin-bottom:4px}.task-info div:last-child{margin-bottom:0}.color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.color-swatch{width:32px;height:32px;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 4px #0000001a}.color-swatch:hover{transform:scale(1.1);border-color:#007bff;box-shadow:0 4px 8px #00000026}.color-swatch.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.color-swatch.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.custom-color-swatch{width:32px;height:32px;border:2px solid #e9ecef;border-radius:6px;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;position:relative}.custom-color-swatch:hover{transform:scale(1.1);border-color:#007bff;box-shadow:0 4px 8px #00000026}.custom-color-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#6c757d;font-size:16px;pointer-events:none;z-index:1}.custom-color-input{width:100%;height:100%;border:none;border-radius:4px;cursor:pointer;background:none;padding:0;position:relative;z-index:2}.custom-color-input::-webkit-color-swatch-wrapper{padding:0;border-radius:4px;border:none}.custom-color-input::-webkit-color-swatch{border:none;border-radius:4px}.filter-menu{position:fixed;top:80px;right:24px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid #e9ecef;overflow:hidden;z-index:1000;min-width:200px;animation:menuEnter .2s cubic-bezier(.4,0,.2,1)}.filter-menu.closing{animation:menuExit .2s cubic-bezier(.4,0,.2,1)!important}.filter-ripple{display:block;overflow:hidden}.filter-option{padding:12px 16px;cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:#495057;border-bottom:1px solid #f8f9fa}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:#f8f9fa;color:#212529}.filter-option.active{background:#007bff;color:#fff}.filter-divider{height:1px;background:#e9ecef;margin:8px 0}@keyframes menuEnter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes menuExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@media (prefers-color-scheme: light){:root{--md-sys-color-primary: rgb(53 97 142);--md-sys-color-surface-tint: rgb(53 97 142);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(209 228 255);--md-sys-color-on-primary-container: rgb(24 73 116);--md-sys-color-secondary: rgb(83 95 112);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(214 228 247);--md-sys-color-on-secondary-container: rgb(59 72 88);--md-sys-color-tertiary: rgb(106 87 120);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(242 218 255);--md-sys-color-on-tertiary-container: rgb(82 64 95);--md-sys-color-error: rgb(186 26 26);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(255 218 214);--md-sys-color-on-error-container: rgb(147 0 10);--md-sys-color-background: rgb(248 249 255);--md-sys-color-on-background: rgb(25 28 32);--md-sys-color-surface: rgb(248 249 255);--md-sys-color-on-surface: rgb(25 28 32);--md-sys-color-surface-variant: rgb(223 226 235);--md-sys-color-on-surface-variant: rgb(66 71 78);--md-sys-color-outline: rgb(115 119 127);--md-sys-color-outline-variant: rgb(195 199 207);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(46 49 53);--md-sys-color-inverse-on-surface: rgb(239 240 247);--md-sys-color-inverse-primary: rgb(160 202 253);--md-sys-color-primary-fixed: rgb(209 228 255);--md-sys-color-on-primary-fixed: rgb(0 29 54);--md-sys-color-primary-fixed-dim: rgb(160 202 253);--md-sys-color-on-primary-fixed-variant: rgb(24 73 116);--md-sys-color-secondary-fixed: rgb(214 228 247);--md-sys-color-on-secondary-fixed: rgb(15 28 43);--md-sys-color-secondary-fixed-dim: rgb(186 200 219);--md-sys-color-on-secondary-fixed-variant: rgb(59 72 88);--md-sys-color-tertiary-fixed: rgb(242 218 255);--md-sys-color-on-tertiary-fixed: rgb(37 20 50);--md-sys-color-tertiary-fixed-dim: rgb(214 190 229);--md-sys-color-on-tertiary-fixed-variant: rgb(82 64 95);--md-sys-color-surface-dim: rgb(216 218 224);--md-sys-color-surface-bright: rgb(248 249 255);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(242 243 249);--md-sys-color-surface-container: rgb(236 238 244);--md-sys-color-surface-container-high: rgb(230 232 238);--md-sys-color-surface-container-highest: rgb(225 226 232);--color-scheme: light}}@media (prefers-color-scheme: dark){:root{--md-sys-color-primary: rgb(160 202 253);--md-sys-color-surface-tint: rgb(160 202 253);--md-sys-color-on-primary: rgb(0 50 87);--md-sys-color-primary-container: rgb(24 73 116);--md-sys-color-on-primary-container: rgb(209 228 255);--md-sys-color-secondary: rgb(186 200 219);--md-sys-color-on-secondary: rgb(37 49 64);--md-sys-color-secondary-container: rgb(59 72 88);--md-sys-color-on-secondary-container: rgb(214 228 247);--md-sys-color-tertiary: rgb(214 190 229);--md-sys-color-on-tertiary: rgb(59 41 72);--md-sys-color-tertiary-container: rgb(82 64 95);--md-sys-color-on-tertiary-container: rgb(242 218 255);--md-sys-color-error: rgb(255 180 171);--md-sys-color-on-error: rgb(105 0 5);--md-sys-color-error-container: rgb(147 0 10);--md-sys-color-on-error-container: rgb(255 218 214);--md-sys-color-background: rgb(16 20 24);--md-sys-color-on-background: rgb(225 226 232);--md-sys-color-surface: rgb(16 20 24);--md-sys-color-on-surface: rgb(225 226 232);--md-sys-color-surface-variant: rgb(66 71 78);--md-sys-color-on-surface-variant: rgb(195 199 207);--md-sys-color-outline: rgb(141 145 153);--md-sys-color-outline-variant: rgb(66 71 78);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(225 226 232);--md-sys-color-inverse-on-surface: rgb(46 49 53);--md-sys-color-inverse-primary: rgb(53 97 142);--md-sys-color-primary-fixed: rgb(209 228 255);--md-sys-color-on-primary-fixed: rgb(0 29 54);--md-sys-color-primary-fixed-dim: rgb(160 202 253);--md-sys-color-on-primary-fixed-variant: rgb(24 73 116);--md-sys-color-secondary-fixed: rgb(214 228 247);--md-sys-color-on-secondary-fixed: rgb(15 28 43);--md-sys-color-secondary-fixed-dim: rgb(186 200 219);--md-sys-color-on-secondary-fixed-variant: rgb(59 72 88);--md-sys-color-tertiary-fixed: rgb(242 218 255);--md-sys-color-on-tertiary-fixed: rgb(37 20 50);--md-sys-color-tertiary-fixed-dim: rgb(214 190 229);--md-sys-color-on-tertiary-fixed-variant: rgb(82 64 95);--md-sys-color-surface-dim: rgb(16 20 24);--md-sys-color-surface-bright: rgb(54 57 62);--md-sys-color-surface-container-lowest: rgb(11 14 19);--md-sys-color-surface-container-low: rgb(25 28 32);--md-sys-color-surface-container: rgb(29 32 36);--md-sys-color-surface-container-high: rgb(39 42 47);--md-sys-color-surface-container-highest: rgb(50 53 58);--color-scheme: dark}}:root[data-theme=light]{--md-sys-color-primary: rgb(53 97 142);--md-sys-color-surface-tint: rgb(53 97 142);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(209 228 255);--md-sys-color-on-primary-container: rgb(24 73 116);--md-sys-color-secondary: rgb(83 95 112);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(214 228 247);--md-sys-color-on-secondary-container: rgb(59 72 88);--md-sys-color-tertiary: rgb(106 87 120);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(242 218 255);--md-sys-color-on-tertiary-container: rgb(82 64 95);--md-sys-color-error: rgb(186 26 26);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(255 218 214);--md-sys-color-on-error-container: rgb(147 0 10);--md-sys-color-background: rgb(248 249 255);--md-sys-color-on-background: rgb(25 28 32);--md-sys-color-surface: rgb(248 249 255);--md-sys-color-on-surface: rgb(25 28 32);--md-sys-color-surface-variant: rgb(223 226 235);--md-sys-color-on-surface-variant: rgb(66 71 78);--md-sys-color-outline: rgb(115 119 127);--md-sys-color-outline-variant: rgb(195 199 207);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(46 49 53);--md-sys-color-inverse-on-surface: rgb(239 240 247);--md-sys-color-inverse-primary: rgb(160 202 253);--md-sys-color-primary-fixed: rgb(209 228 255);--md-sys-color-on-primary-fixed: rgb(0 29 54);--md-sys-color-primary-fixed-dim: rgb(160 202 253);--md-sys-color-on-primary-fixed-variant: rgb(24 73 116);--md-sys-color-secondary-fixed: rgb(214 228 247);--md-sys-color-on-secondary-fixed: rgb(15 28 43);--md-sys-color-secondary-fixed-dim: rgb(186 200 219);--md-sys-color-on-secondary-fixed-variant: rgb(59 72 88);--md-sys-color-tertiary-fixed: rgb(242 218 255);--md-sys-color-on-tertiary-fixed: rgb(37 20 50);--md-sys-color-tertiary-fixed-dim: rgb(214 190 229);--md-sys-color-on-tertiary-fixed-variant: rgb(82 64 95);--md-sys-color-surface-dim: rgb(216 218 224);--md-sys-color-surface-bright: rgb(248 249 255);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(242 243 249);--md-sys-color-surface-container: rgb(236 238 244);--md-sys-color-surface-container-high: rgb(230 232 238);--md-sys-color-surface-container-highest: rgb(225 226 232);--color-scheme: light}:root[data-theme=dark]{--md-sys-color-primary: rgb(160 202 253);--md-sys-color-surface-tint: rgb(160 202 253);--md-sys-color-on-primary: rgb(0 50 87);--md-sys-color-primary-container: rgb(24 73 116);--md-sys-color-on-primary-container: rgb(209 228 255);--md-sys-color-secondary: rgb(186 200 219);--md-sys-color-on-secondary: rgb(37 49 64);--md-sys-color-secondary-container: rgb(59 72 88);--md-sys-color-on-secondary-container: rgb(214 228 247);--md-sys-color-tertiary: rgb(214 190 229);--md-sys-color-on-tertiary: rgb(59 41 72);--md-sys-color-tertiary-container: rgb(82 64 95);--md-sys-color-on-tertiary-container: rgb(242 218 255);--md-sys-color-error: rgb(255 180 171);--md-sys-color-on-error: rgb(105 0 5);--md-sys-color-error-container: rgb(147 0 10);--md-sys-color-on-error-container: rgb(255 218 214);--md-sys-color-background: rgb(16 20 24);--md-sys-color-on-background: rgb(225 226 232);--md-sys-color-surface: rgb(16 20 24);--md-sys-color-on-surface: rgb(225 226 232);--md-sys-color-surface-variant: rgb(66 71 78);--md-sys-color-on-surface-variant: rgb(195 199 207);--md-sys-color-outline: rgb(141 145 153);--md-sys-color-outline-variant: rgb(66 71 78);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(225 226 232);--md-sys-color-inverse-on-surface: rgb(46 49 53);--md-sys-color-inverse-primary: rgb(53 97 142);--md-sys-color-primary-fixed: rgb(209 228 255);--md-sys-color-on-primary-fixed: rgb(0 29 54);--md-sys-color-primary-fixed-dim: rgb(160 202 253);--md-sys-color-on-primary-fixed-variant: rgb(24 73 116);--md-sys-color-secondary-fixed: rgb(214 228 247);--md-sys-color-on-secondary-fixed: rgb(15 28 43);--md-sys-color-secondary-fixed-dim: rgb(186 200 219);--md-sys-color-on-secondary-fixed-variant: rgb(59 72 88);--md-sys-color-tertiary-fixed: rgb(242 218 255);--md-sys-color-on-tertiary-fixed: rgb(37 20 50);--md-sys-color-tertiary-fixed-dim: rgb(214 190 229);--md-sys-color-on-tertiary-fixed-variant: rgb(82 64 95);--md-sys-color-surface-dim: rgb(16 20 24);--md-sys-color-surface-bright: rgb(54 57 62);--md-sys-color-surface-container-lowest: rgb(11 14 19);--md-sys-color-surface-container-low: rgb(25 28 32);--md-sys-color-surface-container: rgb(29 32 36);--md-sys-color-surface-container-high: rgb(39 42 47);--md-sys-color-surface-container-highest: rgb(50 53 58);--color-scheme: dark}body{font-size:16px;line-height:24px}h1{font-size:32px;line-height:40px}p{font-size:16px;line-height:24px}@media (width < 768px){body{font-size:14px;line-height:21px}h1{font-size:28px;line-height:36px}p{font-size:14px;line-height:21px}}@media (width > 1024px){body{font-size:18px;line-height:27px}h1{font-size:36px;line-height:45px}p{font-size:18px;line-height:27px}}