@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";:root,[data-theme=light]{--color-bg:#f4f6fc;--color-bg-elevated:#fff;--color-surface:#ffffffd1;--color-text:#3d4451;--color-text-muted:#6b7280;--color-heading:#1a1d24;--color-border:#1a1d2417;--color-accent:#4f6ef7;--color-accent-soft:#4f6ef724;--color-accent-hover:#3d5ce6;--color-accent-glow:#4f6ef759;--color-nav-active:#4f6ef7;--color-warm:#f59e0b;--color-warm-soft:#f59e0b24;--color-success:#10b981;--color-success-soft:#10b98124;--color-danger:#ef4444;--shadow-sm:0 1px 3px #1a1d240f;--shadow-md:0 8px 32px #1a1d2414;--shadow-lg:0 16px 48px #4f6ef71f;--pattern-opacity:.4;--grid-color:#4f6ef712;--glow-color:#4f6ef71a;--gradient-hero:linear-gradient(135deg, #fffffff2 0%, #f0f4ffe6 50%, #fffaf5d9 100%);--gradient-text:linear-gradient(135deg, #1a1d24 0%, #4f6ef7 100%);--gradient-btn:linear-gradient(135deg, #5b7cfa 0%, #4f6ef7 50%, #6b5ce7 100%)}[data-theme=dark]{--color-bg:#0c0e14;--color-bg-elevated:#161922;--color-surface:#161922e6;--color-text:#a8b0c0;--color-text-muted:#6b7385;--color-heading:#eef1f6;--color-border:#eef1f617;--color-accent:#7b9cff;--color-accent-soft:#7b9cff29;--color-accent-hover:#9ab4ff;--color-accent-glow:#7b9cff66;--color-nav-active:#7b9cff;--color-warm:#fbbf24;--color-warm-soft:#fbbf2424;--color-success:#34d399;--color-success-soft:#34d39924;--color-danger:#f87171;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 8px 40px #0006;--shadow-lg:0 16px 56px #7b9cff26;--pattern-opacity:.55;--grid-color:#7b9cff0f;--glow-color:#7b9cff24;--gradient-hero:linear-gradient(135deg, #161922fa 0%, #1e263af2 50%, #1c202afa 100%);--gradient-text:linear-gradient(135deg, #eef1f6 0%, #9ab4ff 100%);--gradient-btn:linear-gradient(135deg, #8ba8ff 0%, #7b9cff 50%, #a78bfa 100%)}:root{--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-display:"Cormorant Garamond", Georgia, serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--nav-height:64px;--content-max:1100px;--transition:.2s ease}.app-background{z-index:-1;background-color:var(--color-bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-background:before{content:"";opacity:var(--pattern-opacity);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%)}.app-background:after{content:"";background:radial-gradient(ellipse 40% 30% at 15% 20%, var(--glow-color), transparent 50%), radial-gradient(ellipse 35% 25% at 85% 75%, var(--glow-color), transparent 50%), radial-gradient(ellipse 25% 20% at 50% 50%, var(--color-warm-soft), transparent 45%);width:120%;height:120%;animation:24s ease-in-out infinite alternate background-drift;position:absolute;top:-10%;left:-10%}.app-background__orb{filter:blur(80px);opacity:.5;border-radius:50%;animation:18s ease-in-out infinite orb-float;position:absolute}.app-background__orb--1{background:var(--color-accent-glow);width:320px;height:320px;animation-delay:0s;top:8%;left:-5%}.app-background__orb--2{background:#f59e0b33;width:240px;height:240px;animation-duration:22s;animation-delay:-6s;bottom:15%;right:5%}.app-background__orb--3{background:var(--color-success-soft);width:180px;height:180px;animation-duration:20s;animation-delay:-12s;top:55%;left:45%}@keyframes background-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-2%,-1%)scale(1.02)}}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(3%,-2%)scale(1.05)}66%{transform:translate(-2%,3%)scale(.98)}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);min-height:100dvh;margin:0;font-size:1rem;line-height:1.55}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{color:var(--color-heading);letter-spacing:-.02em;margin:0;font-weight:600}h1{font-size:clamp(1.75rem,4vw,2.25rem)}h2{font-size:1.25rem}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.page{width:100%;max-width:var(--content-max);flex:1;margin:0 auto;padding:2rem 1.5rem 3rem}.page-header{margin-bottom:2rem}.page-header p{color:var(--color-text-muted);max-width:36rem;margin-top:.5rem;font-size:.95rem}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page>.card,.page>section.card,.academic>.card,.habit-tracker>.card,.day-schedule{animation:.45s both fade-up}.page>.card:nth-child(2),.academic>.card:nth-child(2){animation-delay:60ms}.page>.card:nth-child(3),.academic>.card:nth-child(3){animation-delay:.12s}.card__title-icon{margin-right:.35rem}.placeholder-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:var(--color-text-muted);padding:2rem;font-size:.9rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:box-shadow var(--transition), border-color var(--transition);padding:1.35rem;position:relative}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent) 30%, var(--color-warm) 70%, transparent);opacity:.55;border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:1.25rem;right:1.25rem}.card:hover{box-shadow:var(--shadow-md);border-color:#4f6ef726}.card+.card{margin-top:1rem}.card__title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:flex}.form-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.form-field{flex-direction:column;flex:1;gap:.35rem;min-width:140px;display:flex}.form-field--grow{flex:2;min-width:180px}.form-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-heading);transition:border-color var(--transition);padding:.55rem .75rem;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);outline:none}.form-textarea{resize:vertical;min-height:2.5rem}.btn{border-radius:var(--radius-sm);transition:background var(--transition), opacity var(--transition);border:none;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn--primary{background:var(--gradient-btn);color:#fff;box-shadow:0 2px 12px var(--color-accent-soft)}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 4px 16px var(--color-accent-soft);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover{color:var(--color-heading);border-color:var(--color-accent)}.btn--danger{color:#ef4444;background:0 0;border:1px solid #0000;padding:.35rem .5rem;font-size:.8rem}.btn--danger:hover{background:#ef44441a}.btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;color:var(--color-text-muted);padding:2rem 1rem;font-size:.9rem}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge--assignment{color:var(--color-accent);background:#4f6ef726}.badge--exam{color:#ef4444;background:#ef444426}.badge--task{color:#10b981;background:#10b98126}.badge--urgent{color:#ef4444;background:#ef444433}.badge--soon{color:#f59e0b;background:#f59e0b33}@media (width<=520px){.page-hero{padding:1.25rem 1rem}.page-hero__top{flex-direction:column;gap:.75rem}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);width:40px;height:40px;color:var(--color-text);transition:border-color var(--transition), background var(--transition);justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.theme-toggle__icon{font-size:1.1rem;line-height:1}.navbar{z-index:100;height:var(--nav-height);border-bottom:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);position:sticky;top:0}.navbar__inner{max-width:var(--content-max);justify-content:space-between;align-items:center;gap:1rem;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.navbar__brand{flex-shrink:0;align-items:center;gap:.6rem;text-decoration:none;display:flex}.navbar__logo{color:#fff;background:var(--gradient-btn);border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;box-shadow:0 2px 10px var(--color-accent-soft);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.navbar__brand-text{color:var(--color-heading);letter-spacing:-.03em;flex-direction:column;font-size:1.05rem;font-weight:700;line-height:1.15;display:flex}.navbar__tagline{color:var(--color-text-muted);letter-spacing:.02em;font-size:.65rem;font-weight:500}.navbar__brand:hover .navbar__brand-text{color:var(--color-accent)}.navbar__nav{flex:1;justify-content:center;min-width:0;display:flex}.navbar__list{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:.35rem;margin:0;padding:.25rem;list-style:none;display:flex}.navbar__link{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition), box-shadow var(--transition);white-space:nowrap;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.875rem;font-weight:500;display:inline-flex}.navbar__link-icon{font-size:.95rem;line-height:1}.navbar__link:hover{color:var(--color-heading);background:var(--color-accent-soft)}.navbar__link--active{color:var(--color-nav-active);background:var(--color-accent-soft);box-shadow:var(--shadow-sm)}@media (width<=768px){.navbar__inner{flex-wrap:wrap;gap:.75rem;height:auto;padding:.75rem 1rem}.navbar{height:auto}.navbar__tagline{display:none}.navbar__nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-basis:100%;order:3;justify-content:flex-start;overflow-x:auto}.navbar__nav::-webkit-scrollbar{display:none}.navbar__list{gap:.125rem}.navbar__link{padding:.4rem .65rem;font-size:.8125rem}}.empty-state-rich{text-align:center;padding:2.5rem 1.5rem}.empty-state-rich__icon{background:var(--color-accent-soft);border:1px dashed var(--color-accent);border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;font-size:1.75rem;animation:2.5s ease-in-out infinite pulse-soft;display:inline-flex}.empty-state-rich__title{color:var(--color-heading);margin:0 0 .35rem;font-size:1rem;font-weight:600}.empty-state-rich__desc{color:var(--color-text-muted);margin:0;max-width:22rem;margin-inline:auto;font-size:.9rem;line-height:1.5}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:.2rem;padding:1rem 1.1rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__value{letter-spacing:-.03em;color:var(--color-heading);font-size:1.75rem;font-weight:700;line-height:1.1}.stat-card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.stat-card__hint{color:var(--color-text-muted);margin-top:.15rem;font-size:.72rem}.stat-card--accent .stat-card__value{color:var(--color-accent)}.stat-card--warm .stat-card__value{color:var(--color-warm)}.stat-card--success .stat-card__value{color:var(--color-success)}.stat-card--urgent .stat-card__value{color:var(--color-danger)}.stat-card--accent{background:linear-gradient(135deg, var(--color-accent-soft) 0%, var(--color-bg-elevated) 60%);border-color:#4f6ef733}.stat-card--warm{background:linear-gradient(135deg, var(--color-warm-soft) 0%, var(--color-bg-elevated) 60%);border-color:#f59e0b40}.stat-card--success{background:linear-gradient(135deg, var(--color-success-soft) 0%, var(--color-bg-elevated) 60%);border-color:#10b98140}.stat-card--urgent{background:linear-gradient(135deg, #ef44441a 0%, var(--color-bg-elevated) 60%);border-color:#ef444440}.academic-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.academic-item{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;display:flex}.academic-item:hover{box-shadow:var(--shadow-sm);border-color:#4f6ef733;transform:translateY(-1px)}.academic-item--done{opacity:.7;background:var(--color-success-soft);border-color:#10b98133}.academic-item--done .academic-item__title{color:var(--color-text-muted);text-decoration:line-through}.academic-item__check{flex-shrink:0;padding-top:.2rem}.academic-item__check input{width:1.15rem;height:1.15rem;accent-color:var(--color-accent);cursor:pointer}.academic-item__body{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.academic-item__top{flex-wrap:wrap;gap:.35rem;display:flex}.academic-item__title{color:var(--color-heading);font-size:.95rem;font-weight:600}.academic-item__meta{color:var(--color-text-muted);font-size:.8rem}.academic-item__reminder{color:var(--color-text-muted);border-radius:var(--radius-sm);background:var(--color-warm-soft);align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.8rem;font-style:italic;display:inline-flex}.page-hero{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--gradient-hero);box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.75rem 1.5rem;animation:.5s both fade-up;position:relative;overflow:hidden}.page-hero__glow{background:var(--color-accent-glow);filter:blur(60px);opacity:.7;pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;right:-80px}.page-hero--academic .page-hero__glow{background:radial-gradient(circle, var(--color-accent) 0%, transparent 70%)}.page-hero--day .page-hero__glow{background:radial-gradient(circle, var(--color-warm) 0%, transparent 70%)}.page-hero--habit .page-hero__glow{background:radial-gradient(circle, var(--color-success) 0%, transparent 70%)}.page-hero__top{align-items:flex-start;gap:1.25rem;display:flex;position:relative}.page-hero__icon{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);width:3.5rem;height:3.5rem;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.65rem;display:flex}.page-hero__greeting{color:var(--color-accent);margin:0 0 .35rem;font-size:.85rem;font-weight:500}.page-hero__greeting span{color:var(--color-text-muted);font-weight:400}.page-hero__title{letter-spacing:-.03em;background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.65rem,4vw,2.1rem)}.page-hero__subtitle{color:var(--color-text-muted);max-width:38rem;margin:.5rem 0 0;font-size:.95rem;line-height:1.5}.page-hero__quote{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);margin:1.35rem 0 0;padding:1rem 1rem 1rem 1.25rem;position:relative}.page-hero__quote-mark{font-family:var(--font-display);color:var(--color-accent-soft);opacity:.9;font-size:2rem;line-height:1;position:absolute;top:.35rem;left:.65rem}.page-hero__quote p{font-family:var(--font-display);color:var(--color-heading);margin:0;padding-left:1.25rem;font-size:1.05rem;font-style:italic;line-height:1.45}.page-hero__quote cite{font-family:var(--font-sans);color:var(--color-text-muted);margin-top:.5rem;padding-left:1.25rem;font-size:.75rem;font-style:normal;display:block}@media (width<=520px){.page-hero{padding:1.25rem 1rem}.page-hero__top{flex-direction:column;gap:.75rem}}.day-schedule__date{color:var(--color-accent);background:var(--color-accent-soft);border:1px solid #4f6ef733;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .75rem;font-size:.9rem;font-weight:600;display:inline-flex}.day-schedule__progress-wrap{margin:1.25rem 0 .75rem}.day-schedule__progress-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.day-schedule__progress-label{color:var(--color-heading);font-size:.8rem;font-weight:600}.day-schedule__progress-count{color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.day-schedule__progress-bar{background:var(--color-border);border-radius:999px;height:8px;overflow:hidden}.day-schedule__progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent), var(--color-warm));height:100%;transition:width .4s;display:block}.day-schedule__celebrate{color:var(--color-success);text-align:center;margin:.65rem 0 0;font-size:.85rem;font-weight:500}.day-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.day-item{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);transition:border-color var(--transition), transform var(--transition);align-items:center;gap:.65rem;padding:.75rem 1rem;display:flex}.day-item:hover{border-color:#4f6ef740;transform:translate(2px)}.day-item--done{background:var(--color-success-soft);border-color:#10b98140}.day-item--done .day-item__title{color:var(--color-text-muted);text-decoration:line-through}.day-item__check input{width:1.1rem;height:1.1rem;accent-color:var(--color-success);cursor:pointer}.day-item__time{font-variant-numeric:tabular-nums;color:var(--color-accent);background:var(--color-accent-soft);border-radius:4px;min-width:3.5rem;padding:.2rem .45rem;font-size:.8rem;font-weight:600}.day-item__title{color:var(--color-heading);flex:1;font-size:.9rem;font-weight:500}.day-item .btn--danger{padding:.2rem .45rem;font-size:1rem;line-height:1}.focus-ambient{color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-family:inherit;font-size:.8rem;font-weight:600;display:inline-flex}.focus-ambient:hover:not(:disabled){color:var(--color-heading);border-color:var(--color-accent);background:var(--color-accent-soft)}.focus-ambient--on{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 0 16px var(--color-accent-soft)}.focus-ambient--on .focus-ambient__icon{animation:1.5s ease-in-out infinite ambient-pulse}.focus-ambient:disabled{opacity:.45;cursor:not-allowed}.focus-ambient--compact{padding:.4rem .7rem;font-size:.75rem}.focus-ambient__icon{font-size:1rem;line-height:1}@keyframes ambient-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.focus-mode{text-align:center;padding:1.5rem 1rem .5rem}.focus-mode--active{animation:2s ease-in-out infinite focus-pulse}.focus-mode--active .focus-mode__ring{border-color:var(--color-accent);box-shadow:0 0 48px var(--color-accent-soft), var(--shadow-lg)}@keyframes focus-pulse{0%,to{opacity:1}50%{opacity:.98}}.focus-mode__quote{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent-soft) 0%, var(--color-warm-soft) 100%);border:1px solid var(--color-border);font-family:var(--font-display);color:var(--color-heading);margin:0 0 1.75rem;padding:1.25rem 1.25rem 1rem;font-size:clamp(1.2rem,3vw,1.55rem);font-style:italic;font-weight:400;line-height:1.45}.focus-mode__quote p{margin:0}.focus-mode__quote cite{font-family:var(--font-sans);color:var(--color-accent);margin-top:.75rem;font-size:.8rem;font-style:normal;font-weight:500;display:block}.focus-mode__settings{justify-content:center;margin:0 0 1.25rem;display:flex}.focus-mode__setting{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:.55rem .9rem;display:flex}.focus-mode__setting-label{color:var(--color-text-muted);white-space:nowrap;font-size:.8rem;font-weight:600}.focus-mode__setting-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:6.5rem;color:var(--color-heading);text-align:center;background:0 0;padding:.4rem .6rem;font-size:1rem;font-weight:600}.focus-mode__setting-input:disabled{opacity:.6;cursor:not-allowed}.focus-mode__ring{--progress:0%;border:3px solid var(--color-border);background:conic-gradient(var(--color-accent) calc(var(--progress) * 1%), var(--color-warm) calc(var(--progress) * 1%), var(--color-bg-elevated) 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 1.5rem;transition:box-shadow .3s,border-color .3s;display:flex;position:relative}.focus-mode__ring:before{content:"";background:var(--color-surface);border-radius:50%;position:absolute;inset:10px;box-shadow:inset 0 2px 12px #0000000a}.focus-mode__time,.focus-mode__phase{z-index:1;position:relative}.focus-mode__time{font-variant-numeric:tabular-nums;color:var(--color-heading);letter-spacing:-.03em;font-size:2.5rem;font-weight:700}.focus-mode__phase{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-top:.35rem;font-size:.75rem;font-weight:600}.focus-mode__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.focus-mode__hint{color:var(--color-text-muted);margin-top:1rem;font-size:.8rem}.card--focus:before{background:linear-gradient(90deg, transparent, var(--color-warm) 30%, var(--color-accent) 70%, transparent);opacity:.75}.focus-mode--maximized-hidden{visibility:hidden;height:0;margin:0;padding:0;overflow:hidden}.focus-mode__maximize-btn{margin-left:.15rem}.focus-max{z-index:1000;background:var(--color-bg);justify-content:center;align-items:center;padding:1.5rem;animation:.35s both focus-max-in;display:flex;position:fixed;inset:0}.focus-max__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:36rem;display:flex}.focus-max:before{content:"";background:radial-gradient(ellipse 50% 40% at 50% 30%, var(--color-accent-glow), transparent 55%), radial-gradient(ellipse 40% 30% at 80% 80%, var(--color-warm-soft), transparent 50%);opacity:.6;pointer-events:none;position:absolute;inset:0}.focus-max__inner>*{z-index:1;position:relative}.focus-max__minimize{align-self:flex-end;margin-bottom:.5rem;font-size:.8rem}.focus-max__quote{max-width:32rem;font-family:var(--font-display);color:var(--color-heading);border:none;margin:0 0 2rem;padding:0 1rem;font-size:clamp(1.35rem,4vw,2rem);font-style:italic;font-weight:400;line-height:1.45}.focus-max__quote p{margin:0}.focus-max__quote cite{font-family:var(--font-sans);color:var(--color-accent);margin-top:1rem;font-size:.9rem;font-style:normal;font-weight:500;display:block}.focus-mode__ring--large{width:min(72vw,320px);height:min(72vw,320px);margin-bottom:2rem}.focus-mode__ring--large .focus-mode__time{font-size:clamp(3rem,12vw,4.5rem)}.focus-mode__ring--large .focus-mode__phase{margin-top:.5rem;font-size:.85rem}.focus-mode__ring--large.focus-mode__ring,.focus-max .focus-mode__ring--large{box-shadow:0 0 60px var(--color-accent-soft), var(--shadow-lg);border-color:var(--color-accent)}.focus-max__ambient{margin:.25rem 0 .75rem}.focus-max__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem;display:flex}.focus-mode__actions .focus-ambient{flex-basis:100%;justify-content:center;margin-bottom:.25rem}.focus-max__hint{color:var(--color-text-muted);margin:1.5rem 0 0;font-size:.8rem}@keyframes focus-max-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (height<=600px){.focus-max__quote{margin-bottom:1rem;font-size:1.15rem}.focus-mode__ring--large{width:min(50vw,220px);height:min(50vw,220px);margin-bottom:1rem}}.habit-check{--habit-color:var(--color-accent);cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:2px;transition:transform .15s;display:inline-flex}.habit-check:hover{transform:scale(1.08)}.habit-check:active{transform:scale(.95)}.habit-check__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.habit-check__input:focus-visible+.habit-check__box{outline:2px solid var(--color-accent);outline-offset:2px}.habit-check__box{border:2px solid var(--color-border);background:var(--color-bg-elevated);border-radius:6px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;display:flex}.habit-check:hover .habit-check__box{border-color:var(--habit-color);background:color-mix(in srgb, var(--habit-color) 12%, var(--color-bg-elevated))}.habit-check--today .habit-check__box{border-color:color-mix(in srgb, var(--color-accent) 50%, var(--color-border));box-shadow:0 0 0 2px var(--color-accent-soft)}.habit-check--done .habit-check__box{border-color:var(--habit-color);background:var(--habit-color);box-shadow:0 2px 8px color-mix(in srgb, var(--habit-color) 45%, transparent)}.habit-check--done.habit-check--today .habit-check__box{box-shadow:0 0 0 2px var(--color-accent-soft), 0 2px 10px color-mix(in srgb, var(--habit-color) 50%, transparent)}.habit-check__icon{color:#fff;width:.75rem;height:.75rem;animation:.25s both habit-check-pop}@keyframes habit-check-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.line-chart{width:100%}.line-chart__svg{border-radius:var(--radius-sm);background:var(--color-bg-elevated);width:100%;height:160px;display:block}.line-chart--empty{text-align:center;color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:2rem;font-size:.85rem}.line-chart__legend{flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.75rem;display:flex}.line-chart__legend-item{color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.line-chart__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.habit-limit{color:var(--color-text-muted);margin-top:.75rem;font-size:.8rem}.habit-month-nav{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.habit-month-nav__label{text-align:center;flex:1;margin:0}.habit-grid-legend{color:var(--color-text-muted);margin:0 0 .85rem;font-size:.8rem}.habit-grid-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);margin:0 -.25rem;padding-bottom:.5rem;overflow-x:auto}.habit-grid{border-collapse:separate;border-spacing:0 4px;width:100%;font-size:.75rem}.habit-grid__corner{text-align:left;color:var(--color-text-muted);background:var(--color-surface);z-index:2;min-width:140px;padding:.5rem .75rem .5rem 0;font-weight:500;position:sticky;left:0}.habit-grid__day{color:var(--color-text-muted);text-align:center;vertical-align:bottom;min-width:2.25rem;padding:.35rem .15rem .5rem;font-weight:500}.habit-grid__day--today{color:var(--color-accent)}.habit-grid__day--today .habit-grid__dom{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;font-weight:700;display:inline-flex}.habit-grid__day--weekend{opacity:.75}.habit-grid__dow{text-transform:uppercase;letter-spacing:.03em;opacity:.85;font-size:.6rem;font-weight:600;line-height:1.2;display:block}.habit-grid__dom{font-variant-numeric:tabular-nums;margin-top:.1rem;font-size:.72rem;font-weight:600;display:block}.habit-grid__name{text-align:left;background:var(--color-surface);z-index:1;white-space:nowrap;min-width:140px;padding:.4rem .75rem .4rem 0;position:sticky;left:0}.habit-name-btn{color:var(--color-heading);letter-spacing:-.02em;border-radius:var(--radius-sm);cursor:pointer;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:.4rem;max-width:200px;padding:.35rem .5rem;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-flex;overflow:hidden}.habit-name-btn:hover,.habit-grid__row--selected .habit-name-btn{background:var(--color-accent-soft);color:var(--color-accent)}.habit-grid__row--selected .habit-color-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent)}.habit-grid__row:hover .habit-grid__cell:not(.habit-grid__cell--done){background:color-mix(in srgb, var(--color-accent) 4%, transparent)}.habit-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.habit-remove{vertical-align:middle;margin-left:.25rem;padding:0 .35rem!important}.habit-grid__cell{text-align:center;vertical-align:middle;border-radius:var(--radius-sm);padding:.2rem .15rem;transition:background .15s}.habit-grid__cell--weekend{background:color-mix(in srgb, var(--color-text-muted) 6%, transparent)}.habit-grid__cell--today{background:var(--color-accent-soft)}.habit-grid__cell--done{background:color-mix(in srgb, var(--color-success) 8%, transparent)}.habit-detail__stats{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.habit-stat{border-radius:var(--radius-md);border:1px solid var(--color-border);background:linear-gradient(135deg, var(--color-accent-soft) 0%, var(--color-bg-elevated) 70%);flex-direction:column;flex:1;gap:.2rem;min-width:120px;padding:1rem 1.15rem;display:flex}.habit-stat__value{color:var(--color-accent);font-size:2rem;font-weight:700;line-height:1}.habit-stat__label{color:var(--color-text-muted);font-size:.8rem}.habit-detail__chart-title{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.85rem;font-weight:500}.habit-detail__close{margin-top:1rem}.habit-detail .card__title{align-items:center;gap:.5rem;display:flex}