.topbar{background:var(--sand)}
.avatar{padding:0;line-height:1;justify-content:center;text-align:center}
.dashboard-quote{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px;max-width:650px}
.dashboard-heading>div:first-child{min-width:0}
.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr));padding:23px 4px}
.dashboard-metrics .metric{align-items:flex-start;gap:10px;padding:0 15px;text-align:left;background:transparent}
.dashboard-metrics .metric>.icon{width:20px;height:20px;margin-top:2px}
.metric-data{min-width:0;flex:1}
.dashboard-metrics .metric-label{font-size:10px;margin:0 0 12px;letter-spacing:0;line-height:1.5}
.dashboard-metrics strong{font-size:26px;letter-spacing:-.7px;line-height:1.25}
.metric-detail{display:block;font-size:9px;line-height:1.6;color:#89725b;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.metric-link:hover strong{color:#a54e19}
.dashboard-metrics [data-summary="deadline"] strong{font-size:22px;white-space:normal}
@media(max-width:1200px) and (min-width:761px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.dashboard-metrics .metric:nth-child(3){border-right:0}.dashboard-metrics .metric:nth-child(5){grid-column:2/-1}}
@media(max-width:760px){.dashboard-heading{align-items:flex-start}.dashboard-heading .heading-actions{flex-shrink:0}.dashboard-quote{font-size:11px;max-width:400px}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:23px 0;padding:22px 5px}.dashboard-metrics .metric{padding:0 16px}.dashboard-metrics .metric:nth-child(even){border-right:0}.dashboard-metrics .metric:nth-child(5){grid-column:1/-1;border-right:0}.dashboard-metrics .metric>.icon{display:block}.dashboard-metrics strong{font-size:25px}.dashboard-metrics .metric-label{font-size:11px;margin-bottom:8px}.metric-detail{font-size:10px}.dashboard-metrics [data-summary="deadline"] strong{font-size:24px}}
@media(max-width:360px){.dashboard-metrics .metric{gap:8px;padding:0 11px}.dashboard-metrics .metric>.icon{display:none}.dashboard-metrics strong{font-size:22px}.dashboard-quote{max-width:230px}.dashboard-heading .heading-actions{align-self:flex-start}}
.duration-control{display:flex;align-items:center;gap:8px;border:1px solid #dbc5a7;border-radius:16px;background:#fff9ef;padding:5px;max-width:245px;margin-top:9px}
.duration-control:focus-within{outline:2px solid #b85a22;outline-offset:2px}
.duration-control input#timer-duration{appearance:textfield;-moz-appearance:textfield;text-align:center;min-width:0;flex:1;width:70px;background:transparent;border:0;margin:0;padding:8px 0;font-size:18px;outline:none}
.duration-control input::-webkit-inner-spin-button,.duration-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.duration-step{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#f4e6d2;color:#a35220;transition:background .15s,transform .15s}
.duration-step:not(:disabled):hover{background:#f8d6b0}
.duration-step:not(:disabled):active{transform:scale(.94)}
.duration-step:disabled{opacity:.4;cursor:default}
.custom-duration>label{margin:0;font-size:12px;color:#8c7155}
@media(min-width:761px){
  .sidebar{--nav-inset:13px;--nav-radius:16px;background:transparent;padding:120px var(--nav-inset) 20px}
  .sidebar .nav-item{border-radius:var(--nav-radius)}
  /* Equal insets keep the panel and first button's corner arcs concentric. */
  .sidebar::before{content:"";position:absolute;inset:calc(120px - var(--nav-inset)) 0 0;border-top-right-radius:calc(var(--nav-radius) + var(--nav-inset));background:#f9eddb33;pointer-events:none;z-index:-1}
}
@media(min-width:761px) and (max-width:1360px){.sidebar{--nav-inset:9px}}
.task-group{transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.task-list{overflow-anchor:none}
.task-expand{width:20px;height:20px;display:grid;place-items:center;padding:0;flex-shrink:0;border-radius:5px;background:#f4e4cf;color:#8b613b;margin-top:0}
.task-expand .icon{width:14px;height:14px;transition:transform .2s ease}
.task-expand.expanded .icon{transform:rotate(90deg)}
.subtask-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.timer-modes{flex-wrap:wrap;gap:6px}
.timer-modes .tab{font-size:11px;padding:10px 13px}
.timer-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:480px;margin:0 auto}
.timer-settings .timer-task-label{margin:0;max-width:none;min-width:0}
.timer-settings select{min-width:0}
.timer-controls{flex-wrap:wrap}
.custom-duration{font-size:11px;color:#80694f;display:block;max-width:210px;margin:23px auto 0;text-align:left}
.custom-duration input{font-size:17px;text-align:center}
.stopwatch-mode .ring-fill{opacity:.35}
.focus-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.focus-side>section{width:100%;margin:0}
.focus-totals{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 22px 18px}
.focus-totals span{font-size:10px;color:#8b7156;display:block;margin-bottom:9px}
.focus-totals strong{font-size:21px;font-weight:650;letter-spacing:-.5px}
.focus-categories{margin:0 22px;border-top:1px solid #e7d6be;padding-top:10px}
.focus-categories:empty{display:none}
.focus-categories>div{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:11px}
.focus-categories strong{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:600}
.focus-chart{height:150px;margin-bottom:22px}
.level-roadmap,.streak-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 27px}
.level-roadmap>div,.streak-milestones>div{display:flex;align-items:center;gap:12px;padding:18px;min-width:0}
.level-roadmap img{object-fit:contain;filter:grayscale(.75);opacity:.55;flex-shrink:0}
.level-roadmap .reached img{filter:none;opacity:1}
.level-roadmap strong,.streak-milestones strong{display:block;font-size:12px;line-height:1.5}
.level-roadmap span,.streak-milestones span{display:block;font-size:10px;color:#927353;margin-top:5px;line-height:1.5}
.streak-card{padding:29px 32px;border:1px solid #fff9;border-radius:var(--radius);background:#f9e6cc}
.streak-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}
.streak-intro>img{width:155px;height:155px;object-fit:contain}
.streak-value{display:flex;align-items:center;gap:16px;margin:14px 0}
.streak-value strong{font-size:76px;line-height:1;font-weight:750;letter-spacing:-4px}
.streak-value>span{font-size:17px;line-height:1.4;color:#816040}
.streak-intro p{font-size:12px;line-height:1.8;color:#926b44}
.streak-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;max-width:600px;margin-top:26px}
.streak-day{text-align:center;font-size:10px;color:#967957}
.streak-day>span{display:block;margin-bottom:9px}
.streak-day>strong{height:47px;max-width:60px;border-radius:14px;display:grid;place-items:center;background:#eddbc0;border:1px solid transparent;color:#a2845d;font-size:14px}
.streak-day.qualified>strong{background:var(--orange);color:var(--ink)}
.streak-day.current>strong{border-color:#bb7c43}
.streak-day .icon{width:20px;height:20px}
.streak-rule{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e7ceb0;margin-top:24px;padding-top:17px;font-size:11px;color:#97724b;line-height:1.8}
.streak-rule strong{white-space:nowrap;font-weight:600;color:#9e571e}
.streak-milestones .earned{border-color:#e4b479;background:#fff0d6}
.streak-milestones img{object-fit:contain;opacity:.45;filter:grayscale(.8);flex-shrink:0}
.streak-milestones .earned img{filter:none;opacity:1}
.study-journal{margin-top:26px}
.study-journal form{padding:0 23px 24px}
.study-journal form label{font-size:12px;font-weight:600;color:#806344}
.study-journal form>div{text-align:right;margin-top:12px}
.study-journal textarea{min-height:85px}
.study-history{padding:0 23px}
.study-entry{border-top:1px solid #e6d6bf;padding:20px 0}
.study-entry>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.study-entry strong{font-size:12px}
.study-entry p{font-size:11px;line-height:1.8;color:#8d7050;margin-top:9px}
.study-entry .study-note-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#554330;font-size:12px}
.study-day-earned{font-size:10px;color:#99602b;background:#f7e1bf;border-radius:7px;padding:5px 8px;white-space:nowrap}
.profile-modal>p{margin-bottom:15px}
.profile-modal form+form{border-top:1px solid #e4d2b9;margin-top:25px;padding-top:24px}
.profile-modal form h3{font-size:16px;margin-bottom:5px}
.profile-logout{border-top:1px solid #e4d2b9;margin-top:25px;padding-top:20px}
@media(max-width:1150px){.level-roadmap>div,.streak-milestones>div{padding:15px;gap:9px}.level-roadmap img{width:40px;height:40px}.level-roadmap strong{font-size:11px}.streak-milestones strong{font-size:11px}}
@media(max-width:900px){.level-roadmap,.streak-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.pomodoro-layout{grid-template-columns:minmax(0,1fr)}.focus-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.focus-totals{gap:10px}.focus-totals strong{font-size:19px}}
@media(max-width:600px){.focus-side{display:flex}.timer-settings{grid-template-columns:minmax(0,1fr)}.timer-ring{margin:25px auto}.timer-modes .tab{font-size:10px;padding:10px 11px}.timer-controls .primary{min-width:135px}.timer-controls .button{font-size:11px;padding:12px 13px}.streak-card{padding:24px 20px}.streak-intro>img{width:105px;height:105px}.streak-value strong{font-size:65px}.streak-value>span{font-size:14px}.streak-intro p{font-size:10px}.streak-rule{flex-wrap:wrap;font-size:10px;gap:8px}.streak-week{gap:7px}.streak-day>strong{height:39px;border-radius:11px;font-size:12px}.level-roadmap,.streak-milestones{gap:11px;margin:16px 0 23px}.level-roadmap>div{padding:16px 12px}.level-roadmap strong{font-size:11px}.level-roadmap img{width:39px;height:39px}.study-journal .card-header{align-items:flex-start}.study-journal .card-header .chip{font-size:9px}.focus-history-row b{font-size:10px}.focus-history-row{gap:8px}.focus-history-row>.icon{display:none}.focus-totals strong{font-size:22px}}
@media(max-width:360px){.level-roadmap>div{flex-direction:column;text-align:center;gap:9px}.streak-milestones>div{padding:12px;gap:7px}.streak-milestones img{width:28px;height:28px}.streak-intro>img{width:83px;height:83px}.streak-value{gap:10px}.streak-value strong{font-size:59px}.streak-week{gap:5px}.streak-day>strong{height:33px}.timer-ring{width:230px;height:230px}.timer-ring strong{font-size:49px}}
/* Keep pinch zoom available while avoiding accidental double-tap zoom on controls. */
html,button,a,input,select,textarea,label{touch-action:manipulation}
.subtask-count{font-size:10px;color:inherit;cursor:default}
.subject-title-link{background:none;padding:0;text-align:left;font:inherit;overflow-wrap:anywhere}
.subject-title-link:hover{color:#a54e19}
.subject-first-task{margin-top:17px;font-size:11px}
.category-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:#82684d;margin:10px 5px 15px}
.category-breadcrumb .text-button{font-size:11px}
.category-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 26px}
.category-summary>.card{padding:21px 23px}
.category-summary span{display:block;color:#8c7155;font-size:11px;margin-bottom:12px}
.category-summary strong{display:block;font-size:26px;font-weight:700}
.category-summary .progress-track{margin-top:12px}
.category-summary .progress-fill{margin:0}
.category-parts{margin:0 0 27px}
.category-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
.category-section-heading h2{font-size:19px}
.category-section-heading .text-button{font-size:12px}
.task-sort-label{font-size:10px;color:#856a4e;display:flex;align-items:center;gap:10px;margin:0;flex-shrink:0}
.task-sort-label select{width:195px}
.task-filters>.search-box{min-width:120px}
.profile-settings{border-top:1px solid #e4d2b9;margin-top:25px;padding-top:24px}
.profile-settings h3{font-size:16px}
.setting-toggle{display:flex;align-items:center;gap:13px;margin:20px 0;font-size:13px;cursor:pointer}
.setting-toggle input{appearance:auto;flex:0 0 19px;width:19px;height:19px;padding:0;margin:0;accent-color:var(--orange)}
.setting-toggle small{display:block;color:#91775d;font-size:11px;margin-top:6px}
.danger-text{color:#a34e29}
.profile-reset{padding-top:8px}
.reset-hint{margin:20px 0;font-size:12px;line-height:1.8;color:#856a4e;overflow-wrap:anywhere}
.reset-hint strong{display:block;color:var(--ink)}
html.no-motion *,html.no-motion *::before,html.no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1150px){.task-filters{flex-wrap:wrap}.task-sort-label{flex:1;justify-content:flex-end}.category-summary>.card{padding:18px}}
@media(max-width:760px){.overview-side{align-items:stretch}.overview-side>.card{width:100%}.task-sort-label select,.timer-task-label select,.timer-settings select{font-size:16px}.category-summary{gap:10px}.category-summary>.card{padding:17px 14px}.category-summary strong{font-size:22px}.category-summary span{font-size:10px}.category-task-filters{flex-wrap:wrap}.task-sort-label{width:100%;justify-content:space-between}.task-sort-label select{flex:1;max-width:260px}}
@media(max-width:480px){.category-summary{grid-template-columns:1fr 1fr}.category-summary>.card:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px}.category-summary>.card:last-child span{margin:0}.category-section-heading h2{font-size:17px}.category-section-heading .text-button{font-size:11px}.task-filters .task-sort-label select{max-width:none;width:100%}.task-sort-label{font-size:11px}.category-task-filters .search-box{width:100%}}