@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0c0b09;--bg-panel:#13110e;--bg-panel-break:#161820;--bg-card:#1c1914;--border:#2e2a22;--border-light:#3d3828;--gold:#c9a84c;--gold-dim:#8a6f2e;--gold-glow:#c9a84c26;--cream:#f0e8d5;--cream-dim:#a89880;--white:#fff;--red-dot:#ff5f57;--yellow-dot:#febc2e;--green-dot:#28c840;--font-display:"Cinzel", serif;--font-body:"EB Garamond", serif}html,body,#root{background-color:var(--bg-deep);height:100%;color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px}.app-root{background-color:var(--bg-deep);background-image:radial-gradient(at 20% 0,#c9a84c0a 0%,#0000 60%),radial-gradient(at 80% 100%,#c9a84c08 0%,#0000 60%);flex-direction:column;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--border);z-index:100;background-color:#0f0d0a;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.navbar-brand{font-family:var(--font-display);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.brand-logo{opacity:.9;width:32px;height:32px}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-title{color:var(--cream);letter-spacing:.08em;font-size:1.15rem;font-weight:700}.brand-time{color:var(--gold);letter-spacing:.02em;font-size:.75rem;font-weight:400}.brand-stoic{color:var(--cream);font-weight:700}.brand-focus{color:var(--gold);margin-left:1px;font-weight:400}.navbar-tabs{gap:4px;display:flex}.nav-tab{color:var(--cream-dim);font-family:var(--font-body);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:4px;padding:8px 18px;font-size:.95rem;transition:color .2s,background .2s}.nav-tab:hover{color:var(--cream);background:#ffffff0a}.nav-tab.active{color:var(--gold);background:var(--gold-glow);border-bottom:2px solid var(--gold)}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px}.timers-layout{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.timer-panel{border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:24px;padding:28px 28px 32px;display:flex;position:relative;overflow:hidden}.focus-panel{background-color:var(--bg-panel);background-image:linear-gradient(#c9a84c08 0%,#0000 40%),repeating-linear-gradient(0deg,#0000,#0000 40px,#ffffff03 40px 41px)}.break-panel{background-color:var(--bg-panel-break);background-image:linear-gradient(#6478b40f 0%,#0000 50%);border-color:#252836}.circular-wrap{filter:drop-shadow(0 0 18px #c9a84c2e);width:200px;height:200px}.timer-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.timer-status{font-family:var(--font-body);color:var(--cream-dim);letter-spacing:.02em;font-size:1rem;font-style:italic}.break-time-display{align-items:baseline;gap:12px;display:flex}.break-clock{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;font-size:2.8rem;font-weight:600}.break-label{font-family:var(--font-display);color:var(--cream-dim);font-size:2rem;font-weight:400}.quote-frame{border:1px solid var(--gold-dim);background:linear-gradient(135deg,#1e1a12,#2a2318);border-radius:8px;width:100%;padding:20px 22px;position:relative;box-shadow:inset 0 0 30px #0006,0 2px 12px #00000080}.quote-frame:before,.quote-frame:after{content:"";border-color:var(--gold-dim);border-style:solid;width:12px;height:12px;position:absolute}.quote-frame:before{border-width:1px 0 0 1px;top:6px;left:6px}.quote-frame:after{border-width:0 1px 1px 0;bottom:6px;right:6px}.break-quote-text{font-family:var(--font-body);color:var(--cream);margin-bottom:10px;font-size:1rem;font-style:italic;line-height:1.6}.break-quote-author{font-family:var(--font-display);color:var(--gold);letter-spacing:.06em;font-size:.75rem}.break-quote-heart-btn{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.break-quote-heart-btn:hover{opacity:1;transform:scale(1.1)}.break-quote-heart-btn.favorited{opacity:1;filter:drop-shadow(0 0 8px #c9a84c)}.break-quote-heart-btn.animate-heart{animation:.6s cubic-bezier(.68,-.55,.265,1.55) heartBeat}.break-controls{justify-content:center;gap:10px;width:100%;display:flex}.btn-primary{border:1px solid var(--gold);color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:4px;padding:10px 22px;font-size:.72rem;transition:background .2s,color .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:var(--gold);color:var(--bg-deep);box-shadow:0 0 16px #c9a84c4d}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{border:1px solid var(--border-light);color:var(--cream-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:4px;padding:10px 22px;font-size:.72rem;transition:border-color .2s,color .2s}.btn-secondary:hover:not(:disabled){border-color:var(--cream-dim);color:var(--cream)}.btn-secondary:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{color:var(--cream-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;text-underline-offset:3px;background:0 0;border:none;border-radius:4px;padding:10px 16px;font-size:.72rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.btn-ghost:hover{color:var(--cream);-webkit-text-decoration-color:var(--cream-dim);text-decoration-color:var(--cream-dim)}.quote-card{border:1px solid var(--gold-dim);text-align:center;background:linear-gradient(135deg,#1c1810,#231f16);border-radius:10px;max-width:560px;margin:0 auto;padding:32px 36px;box-shadow:0 4px 32px #0009}.quote-ornament{color:var(--gold-dim);margin-bottom:12px;font-size:1.6rem}.quote-text{font-family:var(--font-body);color:var(--cream);margin-bottom:14px;font-size:1.15rem;font-style:italic;line-height:1.7}.quote-author{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);font-size:.78rem}.quote-next-btn{border:1px solid var(--border-light);color:var(--cream-dim);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;margin-top:20px;margin-left:auto;margin-right:auto;padding:8px 20px;font-size:.7rem;transition:border-color .2s,color .2s;display:block}.quote-next-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.quote-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:20px;display:flex}.quote-heart-btn{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:1.4rem;transition:all .2s;display:flex}.quote-heart-btn:hover{opacity:1;transform:scale(1.1)}.quote-heart-btn.favorited{opacity:1;filter:drop-shadow(0 0 8px #c9a84c)}.quote-heart-btn.animate-heart{animation:.6s cubic-bezier(.68,-.55,.265,1.55) heartBeat}@keyframes heartBeat{0%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}30%{transform:scale(1.2)}50%{transform:scale(1)}}.library-page{max-width:960px;margin:0 auto}.library-title{font-family:var(--font-display);color:var(--cream);letter-spacing:.06em;margin-bottom:6px;font-size:2rem;font-weight:600}.library-subtitle{font-family:var(--font-body);color:var(--cream-dim);margin-bottom:28px;font-size:1.05rem;font-style:italic}.library-search{background:var(--bg-card);border:1px solid var(--border-light);width:100%;max-width:440px;color:var(--cream);font-family:var(--font-body);border-radius:6px;outline:none;margin-bottom:32px;padding:10px 16px;font-size:1rem;transition:border-color .2s}.library-search::placeholder{color:var(--cream-dim);opacity:.5}.library-search:focus{border-color:var(--gold-dim)}.library-authors{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.author-tag{background:var(--bg-card);border:1px solid var(--border-light);color:var(--cream);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .2s}.author-tag:hover{border-color:var(--gold-dim);background:#daa5201a}.author-tag-active{background:var(--gold-dim);border-color:var(--gold-dim);color:var(--dark);font-weight:600}.library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.library-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px 22px;transition:border-color .2s,transform .2s}.library-card:hover{border-color:var(--gold-dim);transform:translateY(-2px)}.library-quote{font-family:var(--font-body);color:var(--cream);margin-bottom:12px;font-size:.95rem;font-style:italic;line-height:1.65}.library-author{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);font-size:.7rem}.progress-page{text-align:center;max-width:700px;margin:0 auto}.progress-title{font-family:var(--font-display);color:var(--cream);letter-spacing:.06em;margin-bottom:6px;font-size:2rem;font-weight:600}.progress-subtitle{font-family:var(--font-body);color:var(--cream-dim);margin-bottom:48px;font-size:1.05rem;font-style:italic}.progress-stats{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:40px;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:8px;min-width:160px;padding:28px 36px;transition:border-color .2s;display:flex}.stat-card:hover{border-color:var(--gold-dim)}.stat-number{font-family:var(--font-display);color:var(--gold);letter-spacing:.04em;font-size:2.4rem;font-weight:700}.stat-label{font-family:var(--font-body);color:var(--cream-dim);text-align:center;font-size:.85rem}.stats-section{margin-bottom:40px}.stats-section-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:20px;font-size:.85rem}.weekly-grid{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:24px;display:grid}.day-stat{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;padding:12px 8px;transition:border-color .2s}.day-stat:hover{border-color:var(--gold-dim)}.day-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream-dim);text-transform:uppercase;margin-bottom:6px;font-size:.7rem}.day-sessions{font-family:var(--font-display);color:var(--gold);margin-bottom:2px;font-size:1.4rem;font-weight:600}.day-mins{font-family:var(--font-body);color:var(--cream-dim);font-size:.75rem}.favorite-quotes-preview{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;display:grid}.fav-quote-preview{background:var(--bg-card);border:1px solid var(--border-light);border-left:3px solid var(--gold);border-radius:6px;padding:16px;transition:all .2s}.fav-quote-preview:hover{border-color:var(--gold-dim);transform:translate(4px)}.fav-quote-text{font-family:var(--font-body);color:var(--cream);margin-bottom:10px;font-size:.95rem;font-style:italic;line-height:1.6}.fav-quote-author{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);font-size:.7rem;display:block}.fav-quote-link{font-family:var(--font-body);color:var(--gold-dim);text-align:center;font-size:.85rem;font-style:italic}.current-session-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;margin-bottom:48px;padding:32px}.current-session-info{margin-bottom:24px}.session-phase{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.85rem}.session-time{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;font-size:2.2rem;font-weight:600}.progress-bar-container{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;width:100%;height:12px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{border-radius:6px;width:0%;height:100%;transition:width .5s linear}.progress-percent{font-family:var(--font-body);color:var(--cream-dim);letter-spacing:.02em;font-size:.9rem}.no-session-info{border:1px solid var(--gold-dim);background:#c9a84c14;border-radius:8px;margin-bottom:32px;padding:20px}.idle-message{font-family:var(--font-body);color:var(--gold-dim);letter-spacing:.02em;font-size:.95rem;font-style:italic}.favorites-page{text-align:center;max-width:900px;margin:0 auto}.favorites-title{font-family:var(--font-display);color:var(--cream);letter-spacing:.06em;margin-bottom:6px;font-size:2rem;font-weight:600}.favorites-subtitle{font-family:var(--font-body);color:var(--cream-dim);margin-bottom:32px;font-size:1.05rem;font-style:italic}.favorites-empty{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;flex-direction:column;align-items:center;gap:16px;padding:60px 40px;display:flex}.empty-icon{opacity:.6;margin-bottom:8px;font-size:3rem}.empty-message{font-family:var(--font-body);color:var(--cream-dim);max-width:400px;font-size:1.05rem;font-style:italic;line-height:1.6}.favorites-count{font-family:var(--font-body);color:var(--gold);letter-spacing:.04em;margin-bottom:20px;font-size:.9rem}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:32px;display:grid}.favorite-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px;transition:all .3s;position:relative}.favorite-card:hover{border-color:var(--gold-dim);transform:translateY(-2px)}.favorite-card.removing{opacity:0;transform:scale(.8)}.favorite-quote{font-family:var(--font-body);color:var(--cream);align-items:center;min-height:60px;margin-bottom:16px;font-size:1rem;font-style:italic;line-height:1.7;display:flex}.favorite-author{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);margin-bottom:12px;font-size:.75rem;display:block}.favorite-remove-btn{color:var(--cream-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;font-size:1.4rem;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.favorite-remove-btn:hover{color:#ff5f57;transform:scale(1.2)}.settings-page{max-width:480px;margin:0 auto}.settings-title{font-family:var(--font-display);color:var(--cream);letter-spacing:.06em;margin-bottom:6px;font-size:2rem;font-weight:600}.settings-subtitle{font-family:var(--font-body);color:var(--cream-dim);margin-bottom:40px;font-size:1.05rem;font-style:italic}.settings-form{flex-direction:column;gap:24px;display:flex}.setting-row{flex-direction:column;gap:8px;display:flex}.setting-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream-dim);text-transform:uppercase;font-size:.78rem}.setting-input{background:var(--bg-card);border:1px solid var(--border-light);color:var(--cream);font-family:var(--font-body);border-radius:6px;outline:none;width:120px;padding:10px 14px;font-size:1.1rem;transition:border-color .2s}.setting-input:focus{border-color:var(--gold-dim)}.app-footer{border-top:1px solid var(--border);text-align:center;font-family:var(--font-body);color:var(--cream-dim);opacity:.6;letter-spacing:.02em;padding:16px 40px;font-size:.82rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}@media (width<=720px){.app-main{padding:20px 16px}.timers-layout{grid-template-columns:1fr}.navbar{padding:0 16px}.navbar-tabs{gap:0}.nav-tab{padding:8px 10px;font-size:.82rem}.break-clock{font-size:2rem}.progress-stats{flex-direction:column;align-items:center}}.task-input-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;padding:20px 0;display:flex}.task-prompt{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);text-transform:uppercase;font-size:.85rem}.task-input{background:var(--bg-card);border:1px solid var(--border-light);color:var(--cream);font-family:var(--font-body);text-align:center;border-radius:6px;outline:none;width:80%;padding:12px 16px;font-size:1.05rem;font-style:italic;transition:border-color .2s}.task-label{font-family:var(--font-body);color:var(--gold-dim);letter-spacing:.03em;margin-bottom:-10px;font-size:.88rem;font-style:italic}.celebrating{transition:all .6s;box-shadow:0 0 40px #4aec8c26;border-color:#4aec8c!important}.celebrate-banner{font-family:var(--font-display);letter-spacing:.14em;color:#4aec8c;text-transform:uppercase;font-size:.78rem;animation:.5s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.task-section{border-top:1px solid var(--border);flex-direction:column;gap:14px;width:100%;padding-top:20px;display:flex}.task-section-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);font-size:.72rem}.task-add-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-input{background:var(--bg-card);border:1px solid var(--border-light);min-width:140px;color:var(--cream);font-family:var(--font-body);border-radius:6px;outline:none;flex:1;padding:9px 13px;font-size:.95rem;font-style:italic;transition:border-color .2s}.task-input:focus{border-color:var(--gold-dim)}.task-input::placeholder{color:var(--cream-dim);opacity:.4}.task-pomo-control{background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:flex}.pomo-btn{color:var(--cream-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem;transition:color .15s}.pomo-btn:hover{color:var(--gold)}.pomo-count{font-family:var(--font-display);color:var(--cream);text-align:center;min-width:14px;font-size:.82rem}.task-list{flex-direction:column;gap:8px;list-style:none;display:flex}.task-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s;display:flex}.task-item:hover{border-color:var(--border-light)}.task-item.task-done .task-text{opacity:.4;text-decoration:line-through}.task-check{border:1px solid var(--border-light);color:var(--gold);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;transition:background .2s,border-color .2s;display:flex}.task-check:hover{background:var(--gold-glow);border-color:var(--gold-dim)}.task-text{font-family:var(--font-body);color:var(--cream);flex:1;font-size:.92rem}.task-pomos{opacity:.7;letter-spacing:2px;font-size:.72rem}.task-remove{color:var(--cream-dim);cursor:pointer;opacity:.4;background:0 0;border:none;padding:0 2px;font-size:1.1rem;transition:opacity .2s}.task-remove:hover{opacity:1;color:var(--red-dot)}.confetti-canvas{pointer-events:none;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.panel-dimmed{opacity:.5;filter:saturate(.4);transition:opacity .4s,filter .4s}.session-dots-row{align-self:flex-start;align-items:center;gap:6px;display:flex}.session-dot{border:1px solid var(--gold-dim);background:0 0;border-radius:50%;width:10px;height:10px;transition:background .3s}.session-dot.filled{background:var(--gold);border-color:var(--gold);box-shadow:0 0 6px #c9a84c80}.session-dots-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--cream-dim);text-transform:uppercase;margin-left:4px;font-size:.62rem}.btn-skip{color:var(--cream-dim);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:10px 8px;font-size:.68rem;transition:color .2s}.btn-skip:hover{color:var(--gold)}.break-type-badge{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);border:1px solid var(--border);border-radius:20px;align-self:flex-start;padding:4px 12px;font-size:.68rem}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}