/* 触控导航只在手机/小平板出现，脚本失效时原导航仍可用。 */
.mobile-dock,.mobile-sheet{display:none}
@media(max-width:820px){
 body.mobile-enabled{--dock-space:calc(76px + env(safe-area-inset-bottom,0px));padding-bottom:var(--dock-space)}
 .mobile-enabled .mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:2000;min-height:72px;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));border-top:1px solid rgba(0,0,0,.08);background:rgba(251,251,253,.96);color:#6e6e73;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 -6px 28px rgba(0,0,0,.04)}
 .mobile-dock>a,.mobile-dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:56px;font:600 11px/1.2 var(--font-system);color:inherit;text-decoration:none;border-radius:13px;-webkit-tap-highlight-color:transparent}
 .dock-symbol{font:500 25px/1 var(--font-system);height:28px;display:grid;place-items:center}
 .mobile-dock [aria-current=page]{color:#0071e3;background:rgba(0,113,227,.07)}
 .mobile-dock :focus-visible,.mobile-sheet :focus-visible{outline:3px solid #0071e3;outline-offset:-3px}
 .mobile-dock>a:active,.mobile-dock>button:active{background:rgba(0,113,227,.1)}
 .mobile-enabled.mobile-keyboard .mobile-dock{display:none}
 .mobile-sheet[open]{display:block;position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:620px;max-height:85vh;max-height:85dvh;overflow:auto;padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px));border:0;border-radius:26px 26px 0 0;background:#fbfbfd;color:#1d1d1f;box-shadow:0 -12px 60px rgba(0,0,0,.15)}
 .mobile-sheet::backdrop{background:rgba(0,0,0,.32);backdrop-filter:blur(3px)}
 .mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
 .mobile-sheet-header h2{font-size:22px}.mobile-sheet-header button{min-height:44px;padding:8px 14px;color:#0071e3;font-size:16px}
 .mobile-sheet>a{display:flex;flex-direction:column;gap:4px;padding:14px 4px;min-height:64px;border-bottom:1px solid rgba(0,0,0,.06)}
 .mobile-sheet-action{display:block;min-height:52px;width:100%;text-align:left;color:inherit;font-size:16px;border-bottom:1px solid rgba(0,0,0,.06)}
 .mobile-sheet>a strong{font-size:17px}.mobile-sheet>a span{font-size:13px;color:#6e6e73}
 .mobile-enabled .navbar .nav-links,.mobile-enabled .navbar .nav-toggle{display:none!important}
 .mobile-enabled .space-nav>div,.mobile-enabled .tools-topbar-links{display:none}
 .mobile-enabled .navbar,.mobile-enabled .space-nav{padding-top:env(safe-area-inset-top,0px)}
 .mobile-enabled .back-to-top{bottom:calc(var(--dock-space) + 12px);left:16px;right:auto}
 .mobile-enabled .pomodoro-widget{bottom:calc(var(--dock-space) + 12px);right:16px}
 .mobile-enabled .pomodoro-panel{max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--dock-space) - 100px);overflow:auto}
 .mobile-enabled:has(.pomodoro-panel:not([hidden])) .back-to-top{visibility:hidden}
 .mobile-enabled .focus-card{padding:24px 16px}.mobile-enabled .focus-stats-row{gap:8px}
 .mobile-enabled input:not([type=checkbox]):not([type=radio]):not([type=file]),.mobile-enabled textarea,.mobile-enabled select{font-size:16px}
 .mobile-enabled button{touch-action:manipulation}
 .mobile-enabled dialog:not(.mobile-sheet){max-height:calc(100dvh - 24px);overflow:auto}
 body[data-theme=dark] .mobile-dock,body[data-theme=dark] .mobile-sheet{background:rgba(28,28,30,.97);color:#f5f5f7;border-color:rgba(255,255,255,.1)}
 body[data-theme=dark] .mobile-sheet>a{border-color:rgba(255,255,255,.1)}
 body[data-theme=dark] .mobile-sheet>a span{color:#a1a1a6}
}
@media(max-width:820px) and (prefers-color-scheme:dark){
 body:not([data-theme=light]) .mobile-dock,body:not([data-theme=light]) .mobile-sheet{background:rgba(28,28,30,.97);color:#f5f5f7;border-color:rgba(255,255,255,.1)}
 body:not([data-theme=light]) .mobile-sheet>a{border-color:rgba(255,255,255,.1)}
 body:not([data-theme=light]) .mobile-sheet>a span{color:#a1a1a6}
}
@media(prefers-reduced-motion:reduce){.mobile-dock *,.mobile-sheet *{transition:none!important;animation:none!important}}

.focus-storage-note{font-size:12px;line-height:1.6;color:#86868b;text-align:center;margin:0 0 16px;max-width:420px}