:root{--color-primary-light: #d4845a;--color-primary-main: #c2703e;--color-primary-dark: #a0522d;--color-secondary-light: #dcc07a;--color-secondary-main: #c9a961;--color-secondary-dark: #b8960c;--color-gray-50: #fdf8f0;--color-gray-100: #f5ede0;--color-gray-200: #e8d5be;--color-gray-300: #d4bfa6;--color-gray-400: #b3a08a;--color-gray-500: #8c7a6a;--color-gray-600: #6b5d50;--color-gray-700: #4a3f35;--color-gray-800: #33291f;--color-gray-900: #2c1810;--color-text-primary: #2c1810;--color-text-secondary: #6b5d50;--color-text-disabled: #b3a08a;--color-text-inverse: #fdf8f0;--color-error: #c0392b;--color-error-light: #e6a9a3;--color-error-dark: #962d22;--color-success: #5d8a54;--color-success-light: #a8c9a0;--color-success-dark: #3d6b34;--color-warning: #d4a017;--color-warning-light: #e8cc6e;--color-warning-dark: #b8860b;--color-info: #4a7c8f;--color-info-light: #91bbc9;--color-info-dark: #336270;--color-bg-main: #fdf8f0;--color-bg-surface: #f5ede0;--color-bg-paper: #fdf8f0;--color-bg-dark: #2c1810;--color-overlay: rgba(44, 24, 16, .5);--color-focus-ring: rgba(194, 112, 62, .15);--color-ring-glow-soft: rgba(232, 115, 42, .3);--color-ring-glow-medium: rgba(232, 115, 42, .6);--color-ring-glow-strong: rgba(232, 115, 42, .7);--color-ring: #e8732a;--heatmap-0: #e8d5be;--heatmap-1: oklch(.36 .07 42);--heatmap-2: oklch(.47 .11 42);--heatmap-3: oklch(.57 .14 42);--heatmap-4: #e8732a;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(44, 24, 16, .06);--shadow-md: 0 4px 6px -1px rgba(44, 24, 16, .1);--shadow-lg: 0 10px 15px -3px rgba(44, 24, 16, .1);--shadow-xl: 0 20px 25px -5px rgba(44, 24, 16, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-index-dropdown: 1000;--z-index-modal: 1050;--z-index-popover: 1100;--z-index-tooltip: 1150}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary-light: #d4845a;--color-primary-main: #d4845a;--color-primary-dark: #e8a070;--color-secondary-light: #dcc07a;--color-secondary-main: #dcc07a;--color-secondary-dark: #e8cc6e;--color-gray-50: #1a1210;--color-gray-100: #231a15;--color-gray-200: #33291f;--color-gray-300: #4a3f35;--color-gray-400: #6b5d50;--color-gray-500: #8c7a6a;--color-gray-600: #b3a08a;--color-gray-700: #d4bfa6;--color-gray-800: #e8d5be;--color-gray-900: #f5ede0;--color-text-primary: #f5ede0;--color-text-secondary: #b3a08a;--color-text-disabled: #6b5d50;--color-text-inverse: #1a1210;--color-bg-main: #1a1210;--color-bg-surface: #211812;--color-bg-paper: #2a1f18;--color-bg-dark: #0f0a08;--color-overlay: rgba(0, 0, 0, .65);--color-focus-ring: rgba(232, 160, 112, .2);--color-ring-glow-soft: rgba(232, 160, 112, .3);--color-ring-glow-medium: rgba(232, 160, 112, .55);--color-ring-glow-strong: rgba(232, 160, 112, .7);--color-ring: #e8732a;--heatmap-0: #231a15;--heatmap-1: oklch(.36 .07 42);--heatmap-2: oklch(.47 .11 42);--heatmap-3: oklch(.57 .14 42);--heatmap-4: #e8732a;--color-error: #e85c4a;--color-error-light: #4a2020;--color-error-dark: #f08070;--color-success: #6d9a64;--color-success-light: rgba(109, 154, 100, .18);--color-success-dark: #b8e6a8;--color-warning: #e4b027;--color-warning-light: #3a2e10;--color-warning-dark: #f0c040;--color-info: #5a8c9f;--color-info-light: #1a2e35;--color-info-dark: #7aaabb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3)}}[data-theme=dark]{--color-primary-light: #d4845a;--color-primary-main: #d4845a;--color-primary-dark: #e8a070;--color-secondary-light: #dcc07a;--color-secondary-main: #dcc07a;--color-secondary-dark: #e8cc6e;--color-gray-50: #1a1210;--color-gray-100: #231a15;--color-gray-200: #33291f;--color-gray-300: #4a3f35;--color-gray-400: #6b5d50;--color-gray-500: #8c7a6a;--color-gray-600: #b3a08a;--color-gray-700: #d4bfa6;--color-gray-800: #e8d5be;--color-gray-900: #f5ede0;--color-text-primary: #f5ede0;--color-text-secondary: #b3a08a;--color-text-disabled: #6b5d50;--color-text-inverse: #1a1210;--color-bg-main: #1a1210;--color-bg-surface: #211812;--color-bg-paper: #2a1f18;--color-bg-dark: #0f0a08;--color-overlay: rgba(0, 0, 0, .65);--color-focus-ring: rgba(232, 160, 112, .2);--color-ring-glow-soft: rgba(232, 160, 112, .3);--color-ring-glow-medium: rgba(232, 160, 112, .55);--color-ring-glow-strong: rgba(232, 160, 112, .7);--color-ring: #e8732a;--heatmap-0: #231a15;--heatmap-1: oklch(.36 .07 42);--heatmap-2: oklch(.47 .11 42);--heatmap-3: oklch(.57 .14 42);--heatmap-4: #e8732a;--color-error: #e85c4a;--color-error-light: #4a2020;--color-error-dark: #f08070;--color-success: #6d9a64;--color-success-light: rgba(109, 154, 100, .18);--color-success-dark: #b8e6a8;--color-warning: #e4b027;--color-warning-light: #3a2e10;--color-warning-dark: #f0c040;--color-info: #5a8c9f;--color-info-light: #1a2e35;--color-info-dark: #7aaabb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-surface)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary-main);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}button:hover:not(:disabled),a:hover,select:hover:not(:disabled){box-shadow:var(--shadow-md)}input,textarea,select{font-family:inherit;font-size:inherit;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-bg-main);color:var(--color-text-primary);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-main);box-shadow:0 0 0 3px var(--color-focus-ring)}.loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.error{color:var(--color-error);padding:var(--spacing-md);text-align:center}.empty-message{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-2xl);font-size:var(--font-size-lg)}.page-full{height:calc(100vh - 80px);display:flex;flex-direction:column}.page-centered{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:var(--spacing-lg)}.page-narrow{max-width:600px;margin:0 auto}.page-mid{max-width:1000px;margin:0 auto}.page-wide{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h2{margin:0;color:var(--color-text-primary)}.page-header-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--color-bg-paper);border-bottom:1px solid var(--color-gray-200)}.page-header-bar h2{margin:0;color:var(--color-text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h3,.section-header h4{margin:0}.split-layout{flex:1;display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);overflow:hidden}.split-layout-wide{flex:1;display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);overflow:hidden}@media(max-width:768px){.split-layout,.split-layout-wide{grid-template-columns:1fr}}.panel{background-color:var(--color-bg-paper);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow-y:auto}.panel-xl{background-color:var(--color-bg-paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.card{padding:var(--spacing-lg);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:2px solid transparent;transition:all var(--transition-fast)}.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-selectable{cursor:pointer}.card-selectable:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.card-selectable.selected{border-color:var(--color-primary-main);background-color:var(--color-primary-light)}[data-theme=dark] .card-selectable.selected{background-color:#d4845a26}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .card-selectable.selected{background-color:#d4845a26}}.card-paper{padding:var(--spacing-lg);background-color:var(--color-bg-paper);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.card-header h3,.card-header h4{margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.card-grid-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.list{display:flex;flex-direction:column;gap:var(--spacing-md)}.list-tight{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-gray-200)}.tabs .tab{flex:1;padding:var(--spacing-md);background:none;border:none;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);position:relative;transition:color var(--transition-fast)}.tabs .tab.active{color:var(--color-primary-main)}.tabs .tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--color-primary-main)}.tabs-auto .tab{flex:none;padding:var(--spacing-md) var(--spacing-lg)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-primary{background-color:var(--color-primary-main);color:var(--color-text-inverse)}.badge-secondary{background-color:var(--color-secondary-main);color:var(--color-text-inverse)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.badge-error{background-color:var(--color-error-light);color:var(--color-error-dark)}.badge-neutral{background-color:var(--color-gray-200);color:var(--color-text-secondary)}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.empty-state h3{margin:var(--spacing-md) 0 var(--spacing-sm)}.empty-state-sm{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-lg{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.settings-stack{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.setting-item{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-md) 0;border-top:1px solid var(--color-gray-200)}.setting-item:first-child{border-top:none;padding-top:0}.setting-copy h4{margin:0 0 var(--spacing-xs);font-size:var(--font-size-base)}.setting-copy p{margin:0;color:var(--color-text-secondary)}.setting-control{width:100%}.settings-feedback{margin:0;color:var(--color-text-secondary)}@media(max-width:768px){.setting-item{grid-template-columns:1fr}}.progress{height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-success);transition:width var(--transition-base)}.stat-card-base{background-color:var(--color-bg-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.stat-card-base h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.stat-card-base .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-main)}.feature-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 80px);text-align:center;color:var(--color-text-secondary)}.feature-lock h2{margin:var(--spacing-md) 0}.avatar-circle{border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-sm{width:28px;height:28px}.avatar-md{width:48px;height:48px}.avatar-lg{width:80px;height:80px}.avatar-xl{width:120px;height:120px}.avatar-circle img{width:100%;height:100%;object-fit:cover}.timeline-item{padding:var(--spacing-md);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border-left:4px solid var(--color-primary-main)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.timeline-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.theme-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.theme-preset-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-surface);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.theme-preset-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.theme-preset-card.active{border-color:var(--color-primary-main);background-color:var(--color-bg-main)}.theme-preset-swatches{display:flex;gap:3px;flex-shrink:0}.theme-preset-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.theme-preset-info{display:flex;flex-direction:column;min-width:0;flex:1}.theme-preset-info strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.theme-preset-info span{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-preset-check{color:var(--color-primary-main);flex-shrink:0}.theme-sliders{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.theme-slider-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.theme-slider-header{display:flex;align-items:center;justify-content:space-between}.theme-slider-header label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.theme-slider-preview-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1);transition:background-color var(--transition-fast)}.theme-hue-slider,.theme-saturation-slider{appearance:none;width:100%;height:10px;border-radius:var(--radius-full);outline:none;border:1px solid var(--color-gray-300);cursor:pointer}.theme-hue-slider::-webkit-slider-thumb,.theme-saturation-slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-bg-paper);border:3px solid var(--color-text-primary);box-shadow:var(--shadow-md);cursor:pointer;-webkit-transition:transform var(--transition-fast);transition:transform var(--transition-fast)}.theme-hue-slider::-webkit-slider-thumb:hover,.theme-saturation-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.theme-hue-slider::-moz-range-thumb,.theme-saturation-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-bg-paper);border:3px solid var(--color-text-primary);box-shadow:var(--shadow-md);cursor:pointer}@media(max-width:600px){.theme-presets-grid{grid-template-columns:1fr}}.stats-display{display:flex;flex-direction:column;gap:var(--spacing-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:0}.stat-card{background-color:var(--color-bg-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.stat-card h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-main)}.stats-section{margin-bottom:var(--spacing-lg)}.stats-section h3{margin-bottom:var(--spacing-md)}.heatmap-section{padding:var(--spacing-lg);background-color:var(--color-bg-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.heatmap-header{display:flex;justify-content:space-between;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-lg)}.heatmap-header h3{margin-bottom:var(--spacing-xs)}.heatmap-header p{margin:0;color:var(--color-text-secondary)}.heatmap-summary{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.heatmap-summary-item{min-width:120px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-paper);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.heatmap-summary-item strong{display:block;color:var(--color-text-primary)}.heatmap-summary-item-accent{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary-main)}.heatmap-summary-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}[data-theme=dark] .stat-card h4,[data-theme=dark] .heatmap-summary-label{color:#f5ede0b8;font-weight:var(--font-weight-medium)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .stat-card h4,:root:not([data-theme=light]) .heatmap-summary-label{color:#f5ede0b8;font-weight:var(--font-weight-medium)}}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.heatmap-legend-scale{display:inline-flex;align-items:center;gap:3px}.heatmap-legend-scale .heatmap-cell{width:16px;height:16px}.heatmap-scroll{overflow-x:hidden;overflow-y:hidden;width:fit-content;max-width:100%;margin:0 auto}.heatmap-board{--heatmap-cell-size: 12px;--heatmap-gap: 3px;width:fit-content;min-width:0}.heatmap-months{display:grid;grid-template-columns:28px auto;gap:6px;margin-bottom:6px}.heatmap-axis-spacer{width:28px}.heatmap-month-track{display:grid;grid-template-columns:repeat(var(--heatmap-weeks, 5),var(--heatmap-cell-size));gap:var(--heatmap-gap);width:fit-content}.heatmap-month-label,.heatmap-day-label{display:block;font-size:.65rem;line-height:1;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heatmap-month-label{text-align:left;overflow:visible;max-width:none}.heatmap-body{display:flex;gap:6px;align-items:start;width:fit-content}.heatmap-weekday-labels{display:grid;grid-template-rows:repeat(7,var(--heatmap-cell-size));gap:var(--heatmap-gap);width:28px;flex:0 0 28px}.heatmap-day-label{width:28px;max-width:28px;display:flex;align-items:center}.heatmap-weeks{display:grid;grid-template-columns:repeat(var(--heatmap-weeks, 5),var(--heatmap-cell-size));gap:var(--heatmap-gap);width:fit-content;flex:0 0 auto}.heatmap-week{display:grid;grid-template-rows:repeat(7,var(--heatmap-cell-size));gap:var(--heatmap-gap)}.heatmap-cell{width:var(--heatmap-cell-size);height:var(--heatmap-cell-size);border-radius:2px;flex-shrink:0;border:1px solid rgba(44,24,16,.08)}.heatmap-cell.intensity-none{background-color:var(--heatmap-0)}.heatmap-cell.intensity-low{background-color:var(--heatmap-1)}.heatmap-cell.intensity-medium{background-color:var(--heatmap-2)}.heatmap-cell.intensity-high{background-color:var(--heatmap-3)}.heatmap-cell.intensity-max{background-color:var(--heatmap-4)}.heatmap-cell-outside{background-color:transparent;border-color:transparent}@media(max-width:768px){.heatmap-scroll{overflow-x:auto}.heatmap-header{flex-direction:column}.heatmap-summary{width:100%}.heatmap-board{--heatmap-cell-size: 10px}.heatmap-weekday-labels{width:24px;flex-basis:24px}.heatmap-month-track,.heatmap-weeks{gap:var(--heatmap-gap)}.heatmap-months{grid-template-columns:24px auto}.heatmap-axis-spacer,.heatmap-day-label{width:24px;max-width:24px}.heatmap-legend-scale .heatmap-cell{width:14px;height:14px}.stats-grid{grid-template-columns:1fr}}.courses-page,.notes-page{min-height:calc(100vh - 80px);max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.courses-header,.notes-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--color-bg-paper);border-bottom:1px solid var(--color-gray-200)}.courses-sidebar,.courses-main,.notes-sidebar{background-color:var(--color-bg-paper);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow-y:auto}.course-card,.note-item{padding:var(--spacing-md);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.course-card.selected,.note-item.selected{border-color:var(--color-primary-main);background-color:var(--color-primary-light)}[data-theme=dark] .course-card.selected,[data-theme=dark] .note-item.selected{background-color:#d4845a26}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .course-card.selected,:root:not([data-theme=light]) .note-item.selected{background-color:#d4845a26}}.no-course-selected,.no-note-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.auth-form,.course-form,.edit-form,.preset-form,.goal-form,.course-list,.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.notes-list,.topic-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-surface);padding:var(--spacing-lg)}.auth-card{background-color:var(--color-bg-paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-icon{color:var(--color-primary-main);margin-bottom:var(--spacing-md)}.auth-header h1{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.auth-tabs .tab.active:after,.profile-tabs .tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--color-primary-main)}.auth-tabs,.profile-tabs{display:flex;gap:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.auth-tabs{margin-bottom:var(--spacing-lg)}.auth-tabs .tab,.profile-tabs .tab{background:none;color:var(--color-text-secondary);position:relative}.auth-tabs .tab{flex:1;padding:var(--spacing-md);border:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-tabs .tab.active,.profile-tabs .tab.active{color:var(--color-primary-main)}.auth-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.auth-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.auth-button{padding:var(--spacing-md);background-color:var(--color-primary-main);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all var(--transition-fast)}.auth-button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.auth-card{padding:var(--spacing-lg)}.auth-form .form-row{grid-template-columns:1fr}}.courses-header h2{margin:0;color:var(--color-text-primary)}.courses-content,.notes-content{flex:1;display:grid;gap:var(--spacing-lg);padding:var(--spacing-lg);overflow:hidden}.courses-content{grid-template-columns:350px 1fr}.course-card:hover,.note-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.course-card:hover{transform:translate(4px)}.course-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.course-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse)}.course-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.course-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.course-stats{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress-bar{height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.delete-btn{padding:var(--spacing-xs);background-color:transparent;color:var(--color-error);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast)}.course-card:hover .delete-btn{opacity:1}.delete-btn:hover{background-color:var(--color-error-light);box-shadow:var(--shadow-md)}.course-detail{display:flex;flex-direction:column;height:100%}.course-detail-header{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg)}.course-info h2{margin-bottom:var(--spacing-sm)}.course-info p{color:var(--color-text-secondary)}.course-name-input{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);border:2px solid var(--color-primary-light)}.course-description-input{resize:vertical;min-height:60px}.edit-actions{display:flex;gap:var(--spacing-md);align-items:center}.edit-btn{margin-left:auto;padding:var(--spacing-sm);background-color:var(--color-gray-100);color:var(--color-text-secondary);border-radius:var(--radius-md)}.edit-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.topics-section{flex:1;overflow-y:auto}.topics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.add-topic-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.topic-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-surface);border-radius:var(--radius-md);transition:all var(--transition-fast)}.topic-item:hover{background-color:var(--color-gray-100)}.topic-item.completed{opacity:.7}.topic-item.completed .topic-content{text-decoration:line-through;color:var(--color-text-secondary)}.completion-toggle{width:24px;height:24px;border:2px solid var(--color-gray-400);border-radius:var(--radius-sm);background-color:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-success);flex-shrink:0}.topic-item.completed .completion-toggle{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.topic-content{flex:1}.topic-content h4{margin:0;font-size:var(--font-size-base)}.topic-content p{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.notes-stats{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.notes-content{grid-template-columns:400px 1fr}.notes-main{background-color:var(--color-bg-paper);border-radius:var(--radius-lg);overflow:hidden}.note-search{display:flex;gap:var(--spacing-sm)}.note-search input{flex:1}.note-search button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary-main);color:var(--color-text-inverse);border-radius:var(--radius-md)}.note-item h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base)}.note-preview{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.note-editor{height:100%;display:flex;flex-direction:column}.editor-header{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.note-title-input{flex:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);border:none;background:transparent}.editor-actions{display:flex;gap:var(--spacing-sm)}.note-content-input{flex:1;padding:var(--spacing-lg);border:none;resize:none;font-size:var(--font-size-base);line-height:1.6}.empty-notes{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.pro-feature-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 80px);text-align:center;color:var(--color-text-secondary)}.pro-feature-lock h2{margin:var(--spacing-md) 0}.upgrade-btn{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary-main);color:var(--color-text-inverse);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.presets-page{max-width:1200px;margin:0 auto}.preset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.preset-card{background-color:var(--color-bg-paper);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);position:relative;transition:all var(--transition-fast)}.preset-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.preset-card.default{border:2px solid var(--color-primary-main)}.default-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-main);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.preset-card h3{margin-bottom:var(--spacing-md)}.preset-timings{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.timing-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.preset-actions{display:flex;gap:var(--spacing-sm)}.preset-form .checkbox label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.empty-presets,.empty-goals{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.profile-page{max-width:1000px;margin:0 auto}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);background-color:var(--color-bg-paper);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.profile-info{display:flex;align-items:center;gap:var(--spacing-lg)}.avatar{width:80px;height:80px;border-radius:50%;background-color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.profile-info h2{margin:0}.profile-info p{margin:var(--spacing-xs) 0;color:var(--color-text-secondary)}.pro-badge{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-secondary-main);color:var(--color-text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-bold)}.profile-tabs{margin-bottom:var(--spacing-xl)}.profile-tabs .tab{padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-medium)}.profile-content{background-color:var(--color-bg-paper);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.stats-row{display:flex;gap:var(--spacing-xl)}.stat-item{display:flex;gap:var(--spacing-sm)}.stat-label{color:var(--color-text-secondary)}.session-history{display:flex;flex-direction:column;gap:var(--spacing-lg)}.history-filters{display:flex;gap:var(--spacing-md)}.history-filters select{max-width:200px}.history-item{padding:var(--spacing-md);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border-left:4px solid var(--color-primary-main)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.session-type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.session-type-badge.work{background-color:#c2703e26;color:var(--color-primary-dark)}.session-type-badge.short_break{background-color:var(--color-success-light);color:var(--color-success-dark)}.session-type-badge.long_break{background-color:var(--color-info-light);color:var(--color-info-dark)}[data-theme=dark] .session-type-badge.work{background-color:#d4845a33;color:#f0c8a8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .session-type-badge.work{background-color:#d4845a33;color:#f0c8a8}}.session-duration{font-weight:var(--font-weight-semibold)}.session-task{margin:var(--spacing-sm) 0;color:var(--color-text-primary)}.session-context,.session-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.context-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.context-chip{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.context-chip.course{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.context-chip.topic{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}[data-theme=dark] .context-chip.course{background-color:#d4845a33;color:#f0c8a8}[data-theme=dark] .context-chip.topic{background-color:#dcc07a33;color:#f0dfa0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .context-chip.course{background-color:#d4845a33;color:#f0c8a8}:root:not([data-theme=light]) .context-chip.topic{background-color:#dcc07a33;color:#f0dfa0}}.context-chip.tag{background-color:var(--color-gray-200);color:var(--color-text-secondary)}.history-item-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.focus-score{color:var(--color-warning)}.status-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.status-badge.completed{background-color:#5d8a541f;color:var(--color-success-dark)}.status-badge.abandoned{background-color:#c0392b1a;color:var(--color-error-dark)}.user-goals{display:flex;flex-direction:column;gap:var(--spacing-lg)}.presets-header,.goals-header{display:flex;justify-content:space-between;align-items:center}.presets-header{margin-bottom:var(--spacing-xl)}.goals-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.goal-card{padding:var(--spacing-lg);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:2px solid var(--color-gray-200)}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.goal-header h4{margin:0}.goal-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.goal-targets{display:flex;flex-direction:column;gap:var(--spacing-sm)}.target-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-gray-100)}.target-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.target-value{font-weight:var(--font-weight-semibold);color:var(--color-primary-main)}.empty-goals{grid-column:1 / -1}.edit-profile-btn{padding:6px 12px;background:var(--color-primary-main);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;transition:background var(--transition-fast)}.edit-profile-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md)}@media(max-width:768px){.courses-content,.notes-content{grid-template-columns:1fr}.courses-sidebar,.notes-sidebar{max-height:300px}.profile-header{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.profile-info{flex-direction:column}.stats-row{flex-direction:column;gap:var(--spacing-md)}.history-filters{flex-direction:column}.history-filters select{max-width:100%}.goals-list{grid-template-columns:1fr}}.edit-profile-page{max-width:500px;margin:40px auto;padding:var(--spacing-lg);background:var(--color-bg-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.edit-profile-page h2{margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center}.edit-profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-pic-preview{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-sm)}.avatar-preview{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid var(--color-gray-200);box-shadow:var(--shadow-md)}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:var(--color-gray-100);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center;border:2px dashed var(--color-gray-300)}.edit-profile-form input[type=text],.edit-profile-form input[type=password],.edit-profile-form input[type=file]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);outline:none;transition:border var(--transition-fast);background-color:var(--color-bg-surface);color:var(--color-text-primary)}.edit-profile-form input:focus{border-color:var(--color-primary-main)}.edit-profile-form .success{color:var(--color-success-dark);background:var(--color-success-light);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm)}#root{min-height:100vh;display:flex;flex-direction:column}@media(max-width:768px){:root{--font-size-base: .875rem}}.app-header{background-color:var(--color-bg-paper);box-shadow:var(--shadow-sm);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-left h1{font-size:var(--font-size-xl);margin:0;color:var(--color-text-primary)}.header-nav{display:flex;gap:var(--spacing-sm);align-items:center}.nav-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.nav-btn:hover{background-color:var(--color-gray-100);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.nav-btn.active{background-color:var(--color-primary-main);color:var(--color-text-inverse);font-weight:550}[data-theme=dark] .nav-btn:not(.active){color:#f5ede0bf;font-weight:var(--font-weight-medium)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .nav-btn:not(.active){color:#f5ede0bf;font-weight:var(--font-weight-medium)}}.modal-overlay{position:fixed;inset:0;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-lg)}.modal-content{background-color:var(--color-bg-paper);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.modal-header h2{margin:0;font-size:var(--font-size-xl)}.modal-close{background:none;color:var(--color-text-secondary);padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.modal-body{padding:var(--spacing-lg)}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-error-light);color:var(--color-error-dark);border-radius:var(--radius-md);border:1px solid var(--color-error)}.error-close{margin-left:auto;background:none;color:var(--color-error-dark);font-size:var(--font-size-xl);padding:0 var(--spacing-xs)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top-color:var(--color-ring);border-radius:50%;animation:spin 1s linear infinite}.loading-message{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary-main);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-200);color:var(--color-text-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.btn-danger{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-error);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark);box-shadow:var(--shadow-md)}.btn-icon{padding:var(--spacing-sm);background-color:var(--color-gray-100);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--color-gray-200);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn-icon.danger{color:var(--color-error)}.btn-icon.danger:hover{background-color:var(--color-error-light);color:var(--color-error-dark);box-shadow:var(--shadow-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.form-errors{margin-bottom:var(--spacing-md)}.profile-menu{position:relative}.nav-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.dropdown{position:absolute;top:40px;right:0;background:var(--color-bg-paper);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);min-width:150px;box-shadow:var(--shadow-lg);z-index:1000}.dropdown-item{display:block;padding:10px;width:100%;text-align:left;border:none;background:none;cursor:pointer;color:var(--color-text-primary);transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-gray-100);box-shadow:none}.not-found-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 200px);text-align:center;padding:20px}.not-found-heading{font-size:clamp(3rem,10vw,6rem);font-weight:700;color:var(--color-primary-main);margin:0}.not-found-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:2rem}.not-found-link{padding:12px 24px;background-color:var(--color-primary-main);color:var(--color-text-inverse);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);transition:background-color .2s ease}.not-found-link:hover{background-color:var(--color-primary-dark)}@media(max-width:768px){.header-nav{flex-wrap:wrap}.modal-content{max-width:100%;margin:var(--spacing-md)}}.toast-stack{position:fixed;right:var(--spacing-lg);bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);width:min(360px,calc(100vw - 2 * var(--spacing-lg)));z-index:calc(var(--z-index-modal) + 1)}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--color-bg-paper);border:1px solid var(--color-gray-200);color:var(--color-text-primary)}.toast-success{background-color:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.toast-error{background-color:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.toast-info{background-color:var(--color-info-light);color:var(--color-info-dark);border-color:var(--color-info)}.toast-close{margin-left:auto;color:inherit;background:none;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.color-picker{position:relative;width:100%}.color-picker-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-main);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.color-picker-trigger:hover{border-color:var(--color-primary-main);box-shadow:0 0 0 3px var(--color-focus-ring)}.color-picker-swatch-preview{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.12);flex-shrink:0}.color-picker-hex{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase}.color-picker-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;padding:var(--spacing-md);background-color:var(--color-bg-paper);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-index-dropdown);display:flex;flex-direction:column;gap:var(--spacing-md)}.color-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.color-picker-swatch{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);padding:0;min-height:32px}.color-picker-swatch:hover{transform:scale(1.12);box-shadow:var(--shadow-md)}.color-picker-swatch.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-paper),0 0 0 4px var(--color-text-primary)}.color-picker-hex-input{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.color-picker-hex-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.color-picker-hex-field{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-sm);text-transform:uppercase;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-bg-main);color:var(--color-text-primary)}.color-picker-hex-field:focus{outline:none;border-color:var(--color-primary-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.timer-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:var(--spacing-lg)}.timer-container{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.daily-goal-card{width:100%;max-width:560px}.daily-goal-header,.timer-options-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.daily-goal-header h3,.timer-options-header h3{margin:var(--spacing-xs) 0 0}.daily-streak{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary-main);font-weight:var(--font-weight-medium)}.daily-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.daily-goal-metric{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-bg-surface);border-radius:var(--radius-md)}.daily-goal-metric strong{color:var(--color-text-primary);font-size:var(--font-size-xl)}.daily-goal-empty{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.timer-display{display:flex;justify-content:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.timer-circle{width:310px;height:310px;border-radius:50%;background-color:var(--color-bg-paper);box-shadow:var(--shadow-xl);display:flex;justify-content:center;align-items:center;position:relative}.timer-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.timer-ring-progress{fill:none;stroke:var(--color-ring);stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;animation:ring-breathe 3s ease-in-out infinite}@keyframes ring-breathe{0%,to{filter:drop-shadow(0 0 4px var(--color-ring-glow-soft))}50%{filter:drop-shadow(0 0 12px var(--color-ring-glow-medium))}}.timer-circle:hover{cursor:default}.timer-circle:hover .timer-ring-progress{filter:drop-shadow(0 0 16px var(--color-ring-glow-strong))}.timer-text{display:flex;flex-direction:column;align-items:center;color:var(--color-text-primary)}.timer-text .time{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-2px}.timer-text .session-type{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.session-types{display:flex;gap:var(--spacing-sm);background-color:var(--color-gray-100);padding:var(--spacing-xs);border-radius:var(--radius-lg)}.session-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:var(--font-weight-normal);transition:all var(--transition-fast)}.session-btn:hover:not(:disabled){background-color:var(--color-gray-200);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.session-btn.active{background-color:var(--color-bg-paper);color:var(--color-primary-main);font-weight:550;box-shadow:var(--shadow-sm)}[data-theme=dark] .session-btn:not(.active):not(:disabled){color:#f5ede0a6;font-weight:var(--font-weight-medium)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .session-btn:not(.active):not(:disabled){color:#f5ede0a6;font-weight:var(--font-weight-medium)}}.session-btn:disabled{opacity:.5;cursor:not-allowed}.task-input-container{width:100%;max-width:400px}.task-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);text-align:center;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-bg-paper)}.task-input:focus{border-color:var(--color-primary-main);box-shadow:0 0 0 3px var(--color-focus-ring)}.task-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.related-task-selectors{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:400px}.course-selector,.topic-selector{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);text-align:center;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-bg-paper)}.course-selector:focus,.topic-selector:focus{border-color:var(--color-primary-main);box-shadow:0 0 0 3px var(--color-focus-ring)}.timer-controls{display:flex;gap:var(--spacing-md)}.control-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.control-btn.primary{background-color:var(--color-primary-main);color:var(--color-text-inverse)}.control-btn.primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.control-btn.secondary{background-color:var(--color-gray-200);color:var(--color-text-primary)}.control-btn.secondary:hover{background-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.presets-section{width:100%;max-width:500px}.presets-section h3{text-align:center;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.timer-preset-list{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.preset-btn{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-paper);color:var(--color-text-primary);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.preset-btn:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.preset-btn.active{border-color:var(--color-primary-main);background-color:var(--color-primary-main);color:var(--color-text-inverse)}.preset-duration{font-size:var(--font-size-sm);opacity:.8}.timer-options{width:100%;max-width:560px}.timer-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm) var(--spacing-md)}.unfinished-session-modal{text-align:center;padding:var(--spacing-lg)}.unfinished-session-modal .timer-controls{justify-content:center}.unfinished-session-modal h2{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.unfinished-session-modal p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.session-summary-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.session-detail-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.session-next-card{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.session-notes-lock{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.session-summary-header{display:flex;align-items:center;gap:var(--spacing-md)}.session-summary-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-success-light);color:var(--color-success-dark);flex-shrink:0}.session-summary-topline{width:100%;flex-wrap:wrap}.session-summary-duration{font-size:var(--font-size-2xl);color:var(--color-primary-main)}.session-summary-grid{margin-bottom:0}.session-summary-card p{margin:0;color:var(--color-text-primary);word-break:break-word}.session-summary-close{align-self:flex-end}@media(max-width:768px){.timer-circle{width:250px;height:250px}.timer-text .time{font-size:var(--font-size-3xl)}.session-types{flex-direction:column;width:100%;max-width:300px}.session-btn{width:100%}.session-summary-header{align-items:flex-start}.daily-goal-grid,.timer-option-grid{grid-template-columns:1fr}.daily-goal-header,.timer-options-header{align-items:flex-start;flex-direction:column}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-surface)}.app-main{flex:1;padding:var(--spacing-lg);max-width:1200px;width:100%;margin:0 auto}@media(max-width:768px){.app-main{padding:var(--spacing-md)}}