@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root,[data-theme=light]{--bg-base: #F7F3EE;--bg-surface: #FEFCF9;--bg-elevated: #FFFFFF;--bg-subtle: #EDE8E1;--primary-50: #FDF1ED;--primary-100: #F9D9CE;--primary-500: #C7522A;--primary-600: #A8431F;--primary-700: #8B3318;--secondary-100: #D4EBE1;--secondary-500: #3D7A5E;--accent-100: #FAECD5;--accent-500: #D4862A;--danger-100: #F5D5DF;--danger-500: #B94F6B;--text-primary: #1E1A16;--text-secondary: #5c5247;--text-tertiary: #7a6f63;--text-inverse: #FEFCF9;--border-subtle: #DDD5CB;--border-default: #C8BDB2;--border-strong: #9E9080;--color-primary: var(--primary-500);--color-primary-hover: var(--primary-600);--color-surface: var(--bg-surface);--color-background: var(--bg-base);--color-text: var(--text-primary);--color-text-muted: var(--text-secondary);--color-border: var(--border-subtle)}[data-theme=dark]{--bg-base: #1A1410;--bg-surface: #241D17;--bg-elevated: #2E2520;--bg-subtle: #332A23;--primary-50: rgba(224, 107, 66, .1);--primary-100: rgba(224, 107, 66, .15);--primary-500: #E06B42;--primary-600: #C7522A;--primary-700: #A8431F;--secondary-100: rgba(82, 166, 126, .15);--secondary-500: #52A67E;--accent-100: rgba(224, 152, 64, .15);--accent-500: #E09840;--danger-100: rgba(212, 105, 127, .15);--danger-500: #D4697F;--text-primary: #F0E8DF;--text-secondary: #B8A898;--text-tertiary: #938880;--text-inverse: #FEFCF9;--border-subtle: #3D3028;--border-default: #4A3A2E;--border-strong: #5A4A3E;--color-primary: var(--primary-500);--color-primary-hover: var(--primary-600);--color-surface: var(--bg-surface);--color-background: var(--bg-base);--color-text: var(--text-primary);--color-text-muted: var(--text-secondary);--color-border: var(--border-subtle)}:root{--course-1: #C7522A;--course-2: #3D7A5E;--course-3: #4A6FA5;--course-4: #D4862A;--course-5: #7B4FA0;--course-6: #2E8B8B}[data-variant=ocean]:root,[data-variant=ocean][data-theme=light]{--primary-50: #E8F4FC;--primary-100: #B8DCF5;--primary-500: #0E7AC4;--primary-600: #0B5F9E;--primary-700: #094A7A;--secondary-500: #0D9488}[data-variant=ocean][data-theme=dark]{--primary-500: #3B9DD4;--primary-600: #0E7AC4;--secondary-500: #2DD4BF}*{box-sizing:border-box;margin:0}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Playfair Display,serif}#root{min-height:100vh}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary);font-size:1.1rem}.layout{display:flex;min-height:100vh}.layout-main{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}.header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:20}.header-title{font-size:1.25rem;font-weight:700;color:var(--primary-500);white-space:nowrap}.nav{display:flex;gap:.25rem;flex:1}.nav-link{padding:.5rem .75rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;font-weight:500;font-size:.9rem;transition:all .15s}.nav-link:hover{color:var(--text-primary);background:var(--bg-subtle)}.nav-link.active{color:var(--primary-500);background:var(--primary-50)}.main{flex:1;padding:1.5rem 1.5rem 5rem;overflow-y:auto}.sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.sidebar-subtitle{font-size:.8rem;margin-top:.25rem}.sidebar-nav{flex:1;padding:.5rem;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .15s}.sidebar-link:hover{background:var(--bg-subtle);color:var(--text-primary)}.sidebar-link.active{background:var(--primary-50);color:var(--primary-500)}.sidebar-icon{font-size:1.1rem;width:1.5rem;text-align:center}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-subtle)}.sidebar-logout{width:100%}.sidebar-overlay{display:none}.hamburger{display:none;font-size:1.25rem}.bottom-nav{display:none}@media(max-width:768px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:50;transition:left .25s ease}.sidebar.open{left:0}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.hamburger{display:flex}.nav{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-top:1px solid var(--border-subtle);z-index:20;padding:.25rem 0}.bottom-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem 0;text-decoration:none;color:var(--text-tertiary);font-size:.7rem;transition:color .15s}.bottom-link.active{color:var(--primary-500)}.bottom-icon{font-size:1.25rem}.bottom-label{font-weight:500}.main{padding-bottom:6rem}}.page{max-width:56rem;width:100%}.muted{color:var(--text-secondary);font-size:.875rem}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem;margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:999px;font-weight:500;cursor:pointer;border:none;font-size:.9rem;font-family:inherit;transition:all .15s}.btn-primary{background:var(--primary-500);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-600)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn-outline:hover{background:var(--bg-subtle)}.btn-danger{background:var(--danger-500);color:var(--text-inverse)}.btn-danger:hover{opacity:.9}.btn-sm{padding:.375rem 1rem;font-size:.8rem}.btn-icon{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:8px;font-size:1rem;transition:background .15s}.btn-icon:hover{background:var(--bg-subtle)}.input{display:block;width:100%;padding:.6rem .875rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;font-family:inherit;margin-bottom:.5rem;transition:border .15s}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.textarea{resize:vertical;min-height:80px}select.input{cursor:pointer}.search-input{margin-bottom:1rem}.add-form{display:flex;flex-direction:column;gap:.25rem}.add-form .input{margin-bottom:.25rem}.form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.row{display:flex;gap:.5rem}.row .input{flex:1}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.dialog-card{background:var(--bg-elevated);border-radius:16px;padding:1.5rem;max-width:400px;width:100%}.dialog-card h3{margin-bottom:.5rem}.dialog-card p{color:var(--text-secondary);margin-bottom:1rem}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.habit-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;cursor:pointer;transition:all .15s;margin-bottom:.5rem}.habit-card:hover{border-color:var(--border-default)}.habit-card.completed .habit-title{text-decoration:line-through;color:var(--text-secondary)}.habit-check{font-size:1.25rem;width:1.5rem;text-align:center;color:var(--secondary-500)}.habit-title{flex:1;font-weight:500}.habit-delete{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:1rem;padding:.25rem;border-radius:6px;opacity:0;transition:opacity .15s}.habit-card:hover .habit-delete{opacity:1}.habit-delete:hover{color:var(--danger-500);background:var(--danger-100)}.habit-list{display:flex;flex-direction:column}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem}.stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.75rem}.stat-value{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:600}.stat-title{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.stat-bar{height:3px;background:var(--bg-subtle);border-radius:99px;margin-top:.5rem;overflow:hidden}.stat-bar-fill{height:100%;border-radius:99px;transition:width .6s ease}.mood-card{margin-bottom:.75rem}.mood-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mood-header h4{font-family:DM Sans,sans-serif;font-weight:500}.mood-selector{display:flex;flex-wrap:wrap;gap:.375rem}.mood-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.375rem .6rem;border-radius:999px;transition:all .15s}.mood-btn:hover{background:var(--bg-subtle)}.mood-btn.active{background:var(--primary-50);outline:2px solid var(--primary-500)}.mood-emoji-lg{font-size:2rem}.mood-row{display:flex;align-items:center;gap:1rem}.mood-info{display:flex;flex-direction:column;gap:.125rem;flex:1}.mood-day h4{margin:1rem 0 .5rem;font-family:DM Sans,sans-serif}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-title{color:var(--text-primary);font-family:DM Sans,sans-serif;font-weight:600;margin-bottom:.375rem}.empty-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.daily-brief h3{font-size:1.1rem;margin-bottom:.5rem}.brief-stats{display:flex;flex-wrap:wrap;gap:.75rem}.brief-stat{font-size:.85rem;color:var(--text-secondary);background:var(--bg-subtle);padding:.25rem .75rem;border-radius:8px}.filter-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.chip{padding:.375rem .875rem;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .15s;font-weight:500}.chip:hover{border-color:var(--border-default)}.chip.active{background:var(--primary-500);color:var(--text-inverse);border-color:var(--primary-500)}.tag-input-wrapper{display:flex;flex-wrap:wrap;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-surface);min-height:42px;align-items:center;margin-bottom:.5rem}.tag-input-wrapper:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;background:var(--primary-50);color:var(--primary-500);border-radius:6px;font-size:.8rem;font-weight:500}.tag-remove{background:none;border:none;color:var(--primary-500);cursor:pointer;font-size:.9rem;padding:0;line-height:1}.tag-input{border:none;outline:none;background:transparent;font-size:.875rem;flex:1;min-width:80px;color:var(--text-primary);font-family:inherit}.tag-small{font-size:.7rem;padding:.125rem .5rem;background:var(--bg-subtle);border-radius:4px;color:var(--text-secondary)}.day-group{margin-bottom:1.25rem}.day-title{font-size:1rem;color:var(--primary-500);margin-bottom:.5rem}.course-card{display:flex;align-items:center;gap:1rem}.course-time{font-family:JetBrains Mono,monospace;font-weight:600;font-size:.85rem;color:var(--primary-500);white-space:nowrap;min-width:100px}.course-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.course-actions{display:flex;gap:.25rem}.exam-card{display:flex;align-items:flex-start;gap:1rem}.exam-card.past{opacity:.6}.exam-date{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--primary-500);white-space:nowrap;min-width:100px}.exam-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.exam-actions{display:flex;gap:.25rem}.badge{display:inline-block;padding:.125rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;margin-top:.25rem}.badge-success{background:var(--secondary-100);color:var(--secondary-500)}.badge-warning{background:var(--accent-100);color:var(--accent-500)}.badge-danger{background:var(--danger-100);color:var(--danger-500)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.note-card{cursor:pointer;transition:border-color .15s}.note-card:hover{border-color:var(--border-default)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.note-category{font-size:.8rem;font-weight:500}.note-important{font-size:.9rem}.note-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.85rem}.note-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.date-nav{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.date-label{font-weight:600;flex:1;text-align:center}.event-card{display:flex;align-items:flex-start;gap:.75rem}.event-color{width:4px;min-height:40px;border-radius:2px;flex-shrink:0;margin-top:.25rem}.event-time{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-secondary);white-space:nowrap;min-width:100px}.event-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.goal-card{display:flex;align-items:flex-start;gap:.75rem}.goal-check{font-size:1.25rem;cursor:pointer;flex-shrink:0}.goal-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.goal-actions{display:flex;gap:.25rem}.completed-text{text-decoration:line-through;color:var(--text-secondary)}.progress-bar{height:4px;background:var(--bg-subtle);border-radius:99px;margin-top:.375rem;overflow:hidden}.progress-fill{height:100%;background:var(--secondary-500);border-radius:99px}.tab-bar{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.tab{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--text-secondary);border-radius:8px 8px 0 0;border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-500);border-bottom-color:var(--primary-500)}.focus-page{display:flex;flex-direction:column;align-items:center}.duration-picker{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.focus-timer{position:relative;width:240px;height:240px;margin:2rem 0}.timer-ring{width:100%;height:100%}.timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:600;color:var(--text-primary)}.focus-controls{display:flex;gap:.75rem}.focus-complete{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0}.focus-emoji{font-size:4rem}.gpa-result{text-align:center}.gpa-value{font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:700;color:var(--primary-500);margin:.5rem 0}.grade-list{display:flex;flex-direction:column;gap:.5rem}.grade-row{display:flex;align-items:center;gap:1rem}.grade-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.grade-badge{font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.1rem;color:var(--primary-500);min-width:36px;text-align:center}.trend-chart{display:flex;gap:.75rem;align-items:flex-end;height:160px;padding:1rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:1rem}.trend-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem}.trend-bars{display:flex;gap:3px;align-items:flex-end;height:120px}.trend-bar{width:14px;border-radius:4px 4px 0 0;transition:height .4s ease}.trend-bar.habit{background:var(--secondary-500)}.trend-bar.goal{background:var(--accent-500)}.trend-label{font-size:.7rem;color:var(--text-secondary);font-weight:500}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.activity-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px}.activity-count{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700;color:var(--primary-500)}.settings-section{margin-bottom:1.5rem}.settings-section h3{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-family:DM Sans,sans-serif;font-weight:600}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-subtle);gap:1rem}.setting-row.clickable{cursor:pointer}.setting-row.clickable:hover{background:var(--bg-subtle);margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:8px}.setting-row p{margin-top:.125rem}.setting-msg{color:var(--secondary-500);font-size:.85rem;margin-top:.5rem;padding:.5rem;background:var(--secondary-100);border-radius:8px}.theme-buttons{display:flex;gap:.375rem}.privacy-card h4{margin-top:1.25rem;margin-bottom:.375rem;font-family:DM Sans,sans-serif}.privacy-card p{color:var(--text-secondary);line-height:1.6}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-base)}.login-card{background:var(--bg-surface);padding:2.5rem;border-radius:20px;border:1px solid var(--border-subtle);max-width:380px;width:100%;display:flex;flex-direction:column;gap:1rem;text-align:center}.login-card h1{font-size:2rem;color:var(--primary-500)}.login-card .subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.toast-container{position:fixed;bottom:5rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;max-width:360px}@media(max-width:768px){.toast-container{bottom:6rem;left:1rem;right:1rem;max-width:none}}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:10px;color:var(--text-inverse);cursor:pointer;animation:toastIn .25s ease-out;font-size:.875rem;font-weight:500;box-shadow:0 4px 16px #00000026}.toast-success{background:var(--secondary-500)}.toast-error{background:var(--danger-500)}.toast-info{background:var(--primary-500)}.toast-icon{font-weight:700;font-size:1rem}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn:focus-visible{box-shadow:0 0 0 3px var(--primary-50)}.input:focus-visible{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:fixed;top:-100%;left:1rem;z-index:300;padding:.75rem 1.5rem;background:var(--primary-500);color:var(--text-inverse);border-radius:0 0 8px 8px;font-weight:600;text-decoration:none}.skip-link:focus{top:0}.skeleton-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem}.skeleton-line{height:.75rem;border-radius:4px;background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--border-subtle) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line--title{width:40%;height:1rem;margin-bottom:.75rem}.skeleton-line--text{width:80%;margin-bottom:.5rem}.skeleton-line--text.short{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.exam-countdown{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:linear-gradient(135deg,var(--primary-50),var(--bg-surface));border:1px solid var(--primary-100, var(--border-subtle))}.countdown-header{display:flex;align-items:center;gap:.5rem}.countdown-icon{font-size:1.25rem}.countdown-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.countdown-body{display:flex;align-items:baseline;gap:.375rem}.countdown-number{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:700;color:var(--primary-500)}.countdown-unit{font-size:.9rem;color:var(--text-secondary);font-weight:500}.countdown-exam{font-size:.9rem;color:var(--text-primary);font-weight:500}.brief-stat-link{text-decoration:none;color:var(--text-secondary);transition:all .15s;cursor:pointer}.brief-stat-link:hover{color:var(--primary-500);background:var(--primary-50)}.habit-card,.card,.note-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.habit-card:active,.card:active{transform:scale(.985)}.mood-btn{transition:transform .15s ease,background .15s ease}.mood-btn:active{transform:scale(.9)}.mood-btn.active{animation:moodPop .3s ease}@keyframes moodPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.btn{transition:transform .1s ease,background .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.97)}.chip{transition:all .15s ease}.chip:active{transform:scale(.95)}.dialog-overlay{animation:fadeIn .2s ease-out}.dialog-card{animation:slideUp .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.add-form{animation:expandForm .2s ease-out;overflow:hidden}@keyframes expandForm{0%{opacity:0;max-height:0;padding:0 1rem}to{opacity:1;max-height:500px}}.calendar-grid{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:.75rem;margin-bottom:1rem}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.calendar-grid-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-grid-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--text-primary);font-family:inherit}.calendar-grid-cell:hover{background:var(--bg-subtle)}.calendar-grid-cell--selected{background:var(--primary-50);color:var(--primary-500);font-weight:600}.calendar-grid-cell--today{outline:2px solid var(--primary-500);outline-offset:-2px}.calendar-grid-cell--empty{cursor:default}.calendar-grid-cell--empty:hover{background:transparent}.calendar-grid-day-num{display:block}.calendar-grid-dot{font-size:.6rem;color:var(--secondary-500);line-height:1}.offline-indicator{background:var(--accent-500);color:var(--text-inverse);text-align:center;padding:.5rem 1rem;font-size:.85rem;font-weight:500}