/* All redesigned layout rules are restricted to small screens. */
.mobile-header,.mobile-tabs,.mobile-picker,.mobile-folder-add,.mobile-new-note{display:none}
.mobile-day-strip,.mobile-drawer-heading,.mobile-drawer-backdrop{display:none}
@media (max-width:760px), (pointer:coarse) and (max-width:1024px){
 body:not(.auth-locked){height:100dvh;padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden}
 body:not(.auth-locked)>.obsidian-nav{display:none}
 .mobile-header{position:fixed;z-index:80;top:0;left:0;right:0;height:calc(76px + var(--safe-area-inset-top,env(safe-area-inset-top)));padding:calc(12px + var(--safe-area-inset-top,env(safe-area-inset-top))) 20px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-main);border-bottom:1px solid color-mix(in srgb,var(--text-main) 8%,transparent)}
 .mobile-brand{display:flex;align-items:center;gap:11px;min-width:0}.mobile-brand img{width:36px;height:36px;border-radius:11px}.mobile-brand>div{display:flex;flex-direction:column;gap:3px;min-width:0}.mobile-brand span{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--text-secondary)}.mobile-brand strong{font-size:20px;letter-spacing:-.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #mobileSettings{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--text-main) 10%,transparent);color:var(--text-secondary);border-radius:13px;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;margin-left:10px}#mobileSettings svg{width:21px;height:21px;fill:currentColor}
 .view-container{width:100%;border-radius:0;margin-top:calc(76px + var(--safe-area-inset-top,env(safe-area-inset-top)));margin-bottom:calc(91px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));flex:1;min-height:0;overflow:hidden}
 .mobile-tabs{position:fixed;z-index:100;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:var(--bg-nav);border-top:1px solid color-mix(in srgb,var(--text-main) 10%,transparent);padding:9px max(10px,var(--safe-area-inset-left,env(safe-area-inset-left))) calc(9px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));height:calc(73px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)))}
 .mobile-tabs button{appearance:none;border:0;background:transparent;color:var(--text-secondary);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:48px;font-size:10px;font-weight:600;letter-spacing:.1px}.mobile-tabs svg{width:21px;height:21px;fill:currentColor}.mobile-tabs button.active{background:color-mix(in srgb,var(--accent-color) 14%,transparent);color:var(--accent-color)}
 #syncStatus{bottom:calc(75px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));right:12px;font-size:10px;padding:2px 7px;max-width:calc(100vw - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:90;background:var(--bg-main)}
 .view{height:100%;min-height:0;scrollbar-width:thin;overscroll-behavior:contain}
 #view-home{display:none;justify-content:flex-start;align-items:stretch;gap:18px;padding:24px 20px 28px;overflow-y:auto}
 #view-home.active{display:flex}
 #view-home .live-clock{position:static;font-size:36px;font-weight:500;letter-spacing:2px;text-shadow:none;text-align:left;flex-shrink:0}
 #view-home .live-clock::before,#view-home .stopwatch-widget::before,#homeQuoteContainer::before{content:attr(data-mobile-label);display:block;font-family:var(--font-family);font-size:10px;font-weight:650;letter-spacing:1.7px;color:var(--text-secondary);margin-bottom:8px;text-shadow:none}
 #view-home .stopwatch-widget{position:static;align-items:stretch;gap:12px;order:2;padding:22px;width:100%;border-radius:22px;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--text-main) 10%,transparent)}
 #view-home .stopwatch-widget::before{margin:0}.stopwatch-time{font-size:clamp(34px,10vw,52px);text-align:center;letter-spacing:2px;text-shadow:none;font-variant-numeric:tabular-nums}
 .sw-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-sw{min-height:44px;font-size:14px;border-radius:12px}.btn-sw.start{background:var(--accent-color);color:white}.btn-sw.reset{background:color-mix(in srgb,var(--text-main) 8%,var(--bg-card));color:var(--text-main)}
 #view-home .home-quote{order:3;margin:0;padding:24px 22px;align-items:flex-start;text-align:left;gap:12px;border:1px solid color-mix(in srgb,var(--text-main) 8%,transparent);border-radius:22px;background:var(--bg-nav);flex-shrink:0}
 #homeQuoteContainer::before{margin:0;color:var(--accent-color)}#view-home .quote-icon{display:none}#view-home .quote-text{font-size:20px;line-height:1.6;font-weight:400;font-style:normal;letter-spacing:-.2px}#view-home .quote-author{font-size:12px;color:var(--text-secondary);line-height:1.5}
 #view-home .heatmap-widget{position:static;order:4;width:100%;max-width:none;padding:20px;border-radius:22px;gap:16px;border:1px solid color-mix(in srgb,var(--text-main) 8%,transparent)}.heatmap-title{font-size:13px;line-height:1.5;gap:12px}.heat-reset{min-height:36px;flex-shrink:0}.heatmap-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.heat-box{width:100%;height:auto;aspect-ratio:1;border-radius:5px}
 #view-tasks,#view-obsidian{flex-direction:column;border:0;border-radius:0;overflow:hidden}
 .mobile-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:48px;margin:14px 16px 0;padding:12px 15px;background:var(--bg-card);color:var(--text-main);border:1px solid color-mix(in srgb,var(--text-main) 12%,transparent);border-radius:13px;text-align:left;font-size:14px}
 .mobile-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-picker b{color:var(--accent-color);font-size:18px}.mobile-picker[aria-expanded=true] b{transform:rotate(180deg)}
 #view-tasks>.sidebar,#view-obsidian>.sidebar{display:none;width:100%!important;min-width:0;max-width:none;max-height:min(38dvh,300px);padding:14px 20px 12px;flex:0 0 auto;border:0;border-bottom:1px solid color-mix(in srgb,var(--text-main) 10%,transparent);background:var(--bg-main);overflow-y:auto}
 #view-tasks.mobile-list-open>.sidebar,#view-obsidian.mobile-list-open>.sidebar{display:flex}.sidebar-header{display:none}.subject-list{min-height:80px;flex:auto;max-height:180px;padding:0;overflow-y:auto}
 .mobile-folder-add,.mobile-new-note{display:block}.btn-sidebar-add{min-height:42px;font-size:13px;padding:10px;margin-top:8px}.sidebar>.btn-sidebar-add{flex-shrink:0}#obsSidebar>.mobile-folder-add{display:none}
 .subject-item{min-height:46px}.folder-header{min-height:42px}.three-dots,.task-options,.bm-options{min-width:36px;min-height:36px;opacity:1!important;display:inline-flex;align-items:center;justify-content:center}
 .resizer{display:none}.main-content{padding:20px 16px 28px;flex:1;min-height:0;overflow-y:auto}.main-header{display:flex;align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:22px}.main-title{font-size:25px;line-height:1.25;letter-spacing:-.6px}.sub-title{font-size:13px;line-height:1.65;margin-top:8px}.main-header>.btn-primary{min-height:42px;font-size:13px;padding:11px 15px;border-radius:12px}
 .daily-tasks-grid{grid-template-columns:minmax(0,1fr);gap:14px}.task-card{padding:20px;border-radius:18px}.task-title{font-size:17px;line-height:1.45}.task-desc{font-size:14px;line-height:1.6}.checkbox-custom{width:25px;height:25px;flex-shrink:0}
 .obs-editor-container{flex:1;min-height:0;margin-top:12px;overflow:hidden}.obs-editor-header{padding:16px 20px;font-size:20px;flex-shrink:0}.obs-editor{padding:18px 20px 30px;font-size:16px;line-height:1.8;min-height:0}.obs-empty-state{padding:28px;font-size:15px;text-align:center;line-height:1.7}
 #view-timers{padding:24px 20px;gap:22px;justify-content:flex-start;overflow-y:auto}#view-timers .live-clock{position:static;font-size:27px;align-self:flex-start;text-shadow:none}.timer-display{font-size:clamp(64px,20vw,100px);margin:22px 0 8px;text-shadow:none;letter-spacing:-3px}.timer-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}.preset-btn{padding:12px 8px;min-height:44px;font-size:14px;border-radius:12px}.timer-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px;margin-top:4px}.timer-controls button{padding:14px 8px;min-height:46px;font-size:14px;border-radius:13px}.custom-timer-box input{font-size:16px;min-width:0;max-width:160px}
 #view-notes{padding:22px 16px 28px;overflow-y:auto}#view-notes>div:first-child{flex-wrap:wrap;gap:12px;margin-bottom:22px!important}#view-notes h2{font-size:24px}.notes-grid{grid-template-columns:minmax(0,1fr);gap:16px}.note-card{min-width:0}.note-card textarea{font-size:16px}
 #view-bookmarks>.main-header,#view-archive>.main-header{padding:22px 16px 0!important;margin-bottom:18px!important}.bookmarks-grid{padding:0 16px 28px;grid-template-columns:minmax(0,1fr);gap:14px}.bm-card{padding:20px;min-width:0}.bm-title{font-size:17px}
 .archive-tabs{padding:0 16px 16px;gap:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.arch-tab{padding:11px 6px;min-height:42px;font-size:13px;border-radius:12px}.archive-content{padding:0 16px 28px}.archive-grid{grid-template-columns:minmax(0,1fr);gap:16px}.arch-card{padding:20px;border-radius:18px}.arch-header{padding-right:52px}.arch-title{font-size:19px}
 #view-exams{padding:22px 16px 28px}.exam-panel,.exam-card{padding:18px;border-radius:18px}.exam-toolbar,.exam-filter{flex-wrap:wrap;gap:10px}.exam-form-grid{grid-template-columns:minmax(0,1fr)}.exam-select{font-size:16px;min-height:44px}.exam-input-table{min-width:480px}.exam-number{font-size:16px}
 .exam-input-table{min-width:0;width:100%}.exam-input-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.exam-input-table tbody{display:block}.exam-input-table tr:not(.exam-group-row){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;border:1px solid var(--exam-border);border-radius:13px;padding:12px;margin-bottom:10px}.exam-input-table td{padding:0;border:0;min-width:0!important}.exam-input-table td:first-child{grid-column:1/-1;text-align:left;padding-bottom:8px}.exam-input-table td:not(:first-child)::before{display:block;min-height:20px;font-size:11px;color:var(--text-secondary);margin-bottom:5px}.exam-input-table td:nth-child(2)::before{content:var(--mobile-correct)}.exam-input-table td:nth-child(3)::before{content:var(--mobile-wrong)}.exam-input-table td:nth-child(4)::before{content:var(--mobile-blank)}.exam-input-table td:nth-child(5)::before{content:'Net'}.exam-input-table .exam-number{width:100%;min-width:0;height:44px;padding:6px;font-size:16px}.exam-group-row{display:block}.exam-input-table .exam-group-row td{display:block;margin-bottom:10px}
 #view-vault{overflow-y:auto;padding:28px 18px;justify-content:flex-start}.vault-container{width:100%;max-width:100%;padding:24px 18px}.vault-title{font-size:25px}.vault-desc{font-size:14px;line-height:1.7}.vault-actions{flex-direction:column;gap:12px}.btn-vault{width:100%;padding:16px;font-size:15px;min-height:48px}
 .modal-overlay{padding:12px 10px calc(12px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));align-items:center}.modal-content{width:100%;max-width:520px;max-height:calc(100dvh - 40px - var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));padding:24px 20px;border-radius:22px;overflow-y:auto;overscroll-behavior:contain}.modal-title{font-size:21px;text-align:left;margin-bottom:24px}.input-apple,.modal-content input,.modal-content textarea,.modal-content select{font-size:16px}.modal-actions{gap:10px;flex-wrap:wrap}.modal-actions button{min-height:46px}.input-label{line-height:1.5}
 #themeMenu{left:12px!important;right:12px;top:calc(70px + var(--safe-area-inset-top,env(safe-area-inset-top)))!important;bottom:auto!important;width:auto;max-width:none;max-height:calc(100dvh - 160px - var(--safe-area-inset-top,env(safe-area-inset-top)));padding:12px;border-radius:18px;overflow:auto}.context-menu-item{min-height:44px;padding:11px 12px}.context-menu{border-radius:14px;font-size:14px}
 .mobile-more{align-items:flex-end;padding:12px 10px calc(12px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)))}.mobile-more .modal-content{max-width:600px;padding:24px 20px 28px;border-radius:25px}.mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mobile-sheet-heading h2{font-size:22px}.mobile-sheet-heading button{width:40px;height:40px;border:0;border-radius:12px;background:var(--bg-card);color:var(--text-main);font-size:26px}.mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-more-grid button{padding:20px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-height:90px;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--text-main) 10%,transparent);color:var(--text-main);border-radius:17px;font-size:14px;text-align:left}.mobile-more-grid svg{width:25px;height:25px;fill:var(--accent-color)}
 button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}
 body.auth-locked{height:auto;min-height:100dvh;padding:20px 16px}.account-card{padding:26px 22px;border-radius:23px;width:100%;max-width:440px}.account-brand{gap:9px}.account-brand strong{font-size:22px}.account-card select{max-width:110px;font-size:13px}.account-card h1{font-size:24px}
}
@media (max-width:360px){.mobile-header{padding-left:16px;padding-right:16px}#view-home{padding:20px 14px}.mobile-tabs button{font-size:9px}.main-title{font-size:23px}.account-brand img{width:32px;height:32px}.account-brand strong{font-size:20px}.account-card select{max-width:94px;font-size:12px}.mobile-brand strong{font-size:18px}}
@media (min-width:761px) and (pointer:fine){.mobile-more{display:none!important}}
/* Version 2.2 keeps desktop cards and makes the folder sidebar a mobile drawer. */
@media (max-width:760px), (pointer:coarse) and (max-width:1024px){
 .mobile-header{height:calc(68px + var(--safe-area-inset-top,env(safe-area-inset-top)));padding:calc(10px + var(--safe-area-inset-top,env(safe-area-inset-top))) 20px 10px}
 .mobile-brand img{width:32px;height:32px;border-radius:10px}.mobile-brand strong{font-size:19px}.mobile-brand span{font-size:9px;letter-spacing:1.6px}
 #mobileSettings{border:0;background:var(--bg-nav);width:42px;height:42px;border-radius:13px}
 .view-container{margin-top:calc(68px + var(--safe-area-inset-top,env(safe-area-inset-top)));margin-bottom:calc(86px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)))}
 .mobile-tabs{grid-template-columns:repeat(4,minmax(0,1fr));height:calc(70px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));padding:7px 14px calc(7px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));gap:8px;background:var(--bg-nav)}.mobile-tabs button{border-radius:14px;font-size:10px}.mobile-tabs svg{width:21px;height:21px}
 #syncStatus{bottom:calc(71px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));font-size:9px;padding:2px 6px;opacity:.8}
 #view-home{gap:16px;padding:22px 20px 26px}#view-home .live-clock{font-size:29px;letter-spacing:1px;font-weight:550;margin-bottom:2px}
 #view-home .live-clock::before{font-size:9px;letter-spacing:1.8px;margin-bottom:6px}
 #view-home .stopwatch-widget{padding:22px;border-radius:20px;background:var(--bg-nav);border:1px solid color-mix(in srgb,var(--text-main) 10%,transparent);gap:14px;box-shadow:none}
 .stopwatch-time{font-size:43px;font-weight:600;letter-spacing:1px}.sw-controls{gap:10px}.btn-sw{min-height:46px;border-radius:12px;font-size:14px;font-weight:600}
 #view-home .home-quote{order:3;padding:22px 20px;border-radius:20px;background:transparent;gap:12px;box-shadow:none}#view-home .quote-text{font-size:18px;line-height:1.6;font-style:normal}#view-home .quote-author{font-size:12px;font-weight:500}
 #view-home .heatmap-widget{order:4;padding:20px;border-radius:20px;background:var(--bg-nav);gap:12px;box-shadow:none}.heatmap-title{font-size:12px;line-height:1.5}.heatmap-grid{gap:5px}.heat-box{border-radius:4px;max-height:25px}.heat-reset{min-width:42px}
 #view-tasks{position:relative;background:var(--bg-main)}
 .mobile-task-picker{margin:14px 18px 0;min-height:44px;padding:8px 0;background:transparent;border:0;border-radius:0;justify-content:flex-start;gap:10px;font-size:13px;color:var(--text-secondary)}.mobile-task-picker svg{width:19px;height:19px;fill:var(--accent-color);flex-shrink:0}.mobile-task-picker span{flex:1}.mobile-task-picker b{width:28px;display:grid;place-items:center;background:var(--bg-nav);border-radius:8px;color:var(--text-main)}
 .mobile-day-strip{display:flex;gap:7px;padding:9px 18px 14px;overflow-x:auto;flex-shrink:0;scrollbar-width:none;border-bottom:1px solid color-mix(in srgb,var(--text-main) 8%,transparent)}.mobile-day-strip::-webkit-scrollbar{display:none}.mobile-day-strip button{flex-shrink:0;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 14px;border:1px solid color-mix(in srgb,var(--text-main) 8%,transparent);border-radius:11px;background:var(--bg-nav);color:var(--text-secondary);font-size:12px;min-height:40px}.mobile-day-strip button.active{background:var(--accent-color);color:white;border-color:var(--accent-color)}
 #view-tasks>.main-content{padding:22px 18px 28px}#view-tasks .main-header{margin-bottom:18px;gap:10px;align-items:center;flex-wrap:nowrap}#view-tasks .main-title{font-size:25px;min-width:0;flex:1;overflow-wrap:anywhere}#view-tasks .sub-title:empty{display:none}#view-tasks #btnAddTask{font-size:12px;padding:11px 12px;min-height:42px;border-radius:11px;white-space:nowrap;flex-shrink:0}
 #view-tasks .progress-section{margin-bottom:20px;background:transparent;border:0;padding:0;border-radius:0;box-shadow:none}.progress-info{font-size:12px}.progress-bar-bg{height:5px}
 #view-tasks #btnAddTask{box-shadow:none}.mobile-day-strip:empty{display:none}
 #view-tasks .daily-tasks-grid{gap:14px}#view-tasks .task-card{padding:19px 18px 16px;border-radius:18px;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--text-main) 9%,transparent);min-height:180px;cursor:default;box-shadow:none;transform:none}
 #view-tasks .task-header{gap:10px;align-items:flex-start;padding-right:0;margin-bottom:12px;flex-wrap:wrap}#view-tasks .task-title{font-size:17px;line-height:1.45;flex:1;min-width:120px;padding-right:18px;overflow-wrap:anywhere}#view-tasks .task-desc{font-size:14px;line-height:1.7;overflow-wrap:anywhere;padding-right:0;margin-bottom:18px}
 #view-tasks .task-rating{min-height:36px;max-width:88px;padding:6px 8px;font-size:13px;background:var(--bg-nav);border:1px solid color-mix(in srgb,var(--text-main) 9%,transparent);border-radius:9px;margin-right:24px;color:var(--text-main)}
 #view-tasks .task-options{top:10px;right:7px;width:28px;min-width:28px;min-height:36px;font-size:22px}
 #view-tasks .task-footer{gap:9px;display:grid;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--text-main) 7%,transparent)}#view-tasks .btn-status{min-height:40px;padding:9px 7px;font-size:12px;border-radius:10px;white-space:normal;line-height:1.4}
 #view-tasks>.sidebar{display:none;position:absolute;z-index:310;left:0;top:0;bottom:0;width:min(340px,calc(100% - 34px))!important;height:100%;max-height:none;padding:20px 16px 18px;background:var(--bg-sidebar);border-right:1px solid color-mix(in srgb,var(--text-main) 12%,transparent);border-bottom:0;box-shadow:20px 0 60px #0005;border-radius:0 20px 20px 0;overflow:hidden}
 #view-tasks.mobile-list-open>.sidebar{display:flex}#view-tasks .subject-list{max-height:none;min-height:0;overflow:auto;flex:1;padding:4px 0 10px}
 .mobile-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin-bottom:16px}.mobile-drawer-heading strong{font-size:16px}.mobile-drawer-heading button{width:36px;height:36px;border:0;border-radius:10px;background:var(--bg-card);color:var(--text-main);font-size:24px}
 .mobile-drawer-backdrop{position:absolute;z-index:300;inset:0;width:100%;height:100%;border:0;background:#0008;backdrop-filter:blur(3px)}#view-tasks.mobile-list-open>.mobile-drawer-backdrop{display:block}
 #view-tasks .folder-header{min-height:44px;padding:10px 4px;font-size:13px}.folder-left{min-width:0;overflow-wrap:anywhere}#view-tasks .subject-item{min-height:47px;margin-bottom:6px;border-radius:12px;padding:9px 10px;font-size:13px}#view-tasks .folder-content{padding-left:12px}.subject-info{min-width:0}.subject-info span{overflow-wrap:anywhere;min-width:0}#view-tasks .checkbox-custom{width:21px;height:21px}#view-tasks .three-dots{min-width:28px;min-height:32px}.subject-item.active-day{outline:1px solid var(--accent-color)}
 #view-tasks .main-content[inert]{pointer-events:none}
 #themeMenu{top:calc(65px + var(--safe-area-inset-top,env(safe-area-inset-top)))!important}.context-menu{z-index:1100!important;max-height:calc(100dvh - 30px);overflow-y:auto}
 .mobile-more .modal-content{padding:22px 20px}.mobile-more-grid button{min-height:80px;padding:16px}.mobile-more-grid{gap:10px}
}