:root{font-family:PingFang SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#343632;background:#fff;font-synthesis:none;--ink:#343632;--muted:#96968c;--line:#ebeae4;--coral:#e77661;--green:#6e7c61;--paper:#f7f6f2;--rail:244px;font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:3px}input,textarea,select{min-width:0;border:1px solid #e6e5de;border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#c8b7a0;box-shadow:0 0 0 3px #e8e1d344}textarea{resize:vertical;line-height:1.7}a{color:var(--green)}svg{flex-shrink:0}button{border:0;background:none}button svg{vertical-align:middle}h1,h2,h3,p{margin:0}button.primary{background:var(--coral);color:#fff;border-color:var(--coral)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;white-space:nowrap;font-size:12px;transition:background .15s,transform .15s}.btn:hover{background:#f7f5f0}.btn.primary:hover{background:#dc6d59}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#a09d92}.icon-btn:hover{background:#f0eee7;color:#56564d}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:2px;color:#aaa394;font-family:Georgia,serif}.danger{color:#ba594e}.spacer{flex:1}.pill{font-size:10px;color:#8c8a7e;border:1px solid #e9e7df;border-radius:6px;padding:4px 7px;white-space:nowrap}.pill.green{background:#eef2e8;color:#718163;border-color:#e4e9dc}.pill.orange{background:#fdf0e9;color:#c88260;border-color:#f5e1d4}.layout{display:flex;min-height:100dvh}.sidebar{width:var(--rail);height:100dvh;position:fixed;inset:0 auto 0 0;z-index:30;background:var(--paper);border-right:1px solid var(--line);padding:30px 19px 16px;display:flex;flex-direction:column;gap:25px}.brand{display:flex;align-items:center;gap:10px;padding:0 6px}.brand img{width:43px;height:43px;object-fit:contain}.brand b{font-size:14px;letter-spacing:-.5px}.brand small{display:block;color:#a2a193;font-family:Georgia,serif;font-size:8px;letter-spacing:1.5px;margin-top:6px}.nav-caption{font-size:10px;color:#a4a295;letter-spacing:1px;margin:0 11px 10px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;border-radius:8px;padding:11px 12px;font-size:12px;color:#787a70}.nav button svg{width:17px;height:17px;color:#9a9b8d}.nav button.active{background:#e9e9df;color:#40483a;font-weight:600}.nav button.active svg{color:#758368}.nav button:hover{background:#efeee7}.nav-count{margin-left:auto;color:#9ca18e;font-size:11px}.side-scroll{overflow:auto;flex:1;min-height:30px}.side-divider{height:1px;background:#e6e5dd;margin:24px 10px 20px}.project-link{display:block;width:100%;padding:8px 12px;text-align:left;font-size:11px;color:#9b9d8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-link:before{content:"·";margin-right:9px;color:#a8b39c}.side-bottom{display:flex;flex-direction:column;gap:8px}.side-bottom .btn{justify-content:flex-start;border:0;background:transparent;color:#8b8d80}.local-badge{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding:15px 10px 2px;color:#979b89;font-size:9px}.local-badge span:first-child{width:5px;height:5px;background:#96a585;border-radius:50%}.local-badge .version{margin-left:auto;color:#babbae}.main{margin-left:var(--rail);width:calc(100% - var(--rail));min-width:0}.topbar{height:63px;border-bottom:1px solid #f0efe9;display:flex;align-items:center;gap:16px;padding:0 42px}.breadcrumb{font-size:11px;color:#a1a295;flex:1}.breadcrumb span{color:#6a705f;margin-left:12px}.search-wrap{display:flex;align-items:center;gap:8px;background:#f7f7f3;border-radius:7px;padding:0 10px;width:210px}.search-wrap svg{color:#b0b2a4;width:14px}.search-wrap input{background:none;border:0;padding:9px 0;font-size:11px;width:100%;box-shadow:none}.keycap{color:#b2b4a6;font-size:9px;border:1px solid #e3e5da;padding:1px 4px;border-radius:3px}.mobile-menu{display:none}.content{padding:46px 56px 80px;max-width:1500px;margin:auto}.page-head{display:flex;gap:20px;align-items:center;margin-bottom:28px}.page-head h1{font-size:33px;letter-spacing:-1.5px;font-weight:650;line-height:1.4}.subtitle{color:#9a9d8e;font-size:11px;line-height:1.8;margin-top:9px}.page-mark{margin-left:auto;color:#e2e5d6;transform:rotate(-13deg)}.page-mark svg{width:66px;height:66px;stroke-width:.8}.welcome-note{background:#f4f5ed;border:1px solid #e9eddf;border-radius:10px;padding:16px 20px;display:flex;gap:12px;align-items:center;margin-bottom:27px;font-size:12px;line-height:1.8;color:#818b70}.welcome-note strong{color:#626e51;font-weight:500}.welcome-note .icon-btn{margin-left:auto}.stats{display:flex;gap:23px;flex-wrap:wrap;align-items:center;margin-bottom:27px}.stat{color:#a4a698;font-size:11px;display:flex;align-items:center;gap:8px}.stat b{font-family:Georgia,serif;font-size:17px;font-weight:500;color:#676e5d}.stat+.stat{border-left:1px solid #eceee5;padding-left:23px}.quick-row{display:flex;gap:9px;align-items:center;padding:9px 9px 9px 14px;border:1px solid var(--line);border-radius:9px;margin-bottom:25px;box-shadow:0 3px 10px #535d4110}.quick-row>svg{color:#b2b7a5;width:17px}.quick-row input{border:0;box-shadow:none;padding:6px 0;flex:1;font-size:12px}.quick-row .btn{padding:9px 12px}.toolbar{display:flex;align-items:center;gap:12px;padding:5px 0 16px;border-bottom:1px solid var(--line);margin-bottom:10px;font-size:11px;color:#979b8b}.toolbar strong{font-size:12px;font-weight:500;color:#737a65}.toolbar label{display:flex;gap:6px;align-items:center;font-size:10px}.toolbar input{accent-color:var(--green)}.toolbar .btn{padding:6px 9px;font-size:10px}.task-row{display:flex;align-items:center;gap:10px;min-height:51px;padding:8px 7px;border-bottom:1px solid #f1f2eb;position:relative;border-radius:5px}.task-row:hover{background:#fcfcf8}.task-row[draggable=true]{cursor:grab}.task-row.drop-inside{background:#edf2e5;outline:1px dashed #9dab88}.task-row.drop-before{border-top:2px solid var(--coral)}.task-row.drop-after{border-bottom:2px solid var(--coral)}.indent{width:calc(var(--depth,0)*25px);flex-shrink:0}.grip{color:#c4c7b8;font-size:12px;letter-spacing:-2px;cursor:grab;width:12px}.toggle{width:20px;height:26px;display:grid;place-items:center;color:#b2b8a4;padding:0}.toggle svg{width:12px;height:12px;transition:transform .15s}.toggle.open svg{transform:rotate(90deg)}.checkbox{appearance:none;width:16px;height:16px;border:1.3px solid #cbd0bf;border-radius:5px;display:grid;place-items:center;padding:0;flex-shrink:0;cursor:pointer}.checkbox:checked{background:#8c9b78;border-color:#8c9b78}.checkbox:checked:after{content:"✓";color:#fff;font-size:10px}.task-title{flex:1;border:0;background:transparent;padding:3px 0;font-size:13px;min-width:40px;box-shadow:none!important}.task-row.root .task-title{font-weight:600;color:#59634e}.task-row.done .task-title{text-decoration:line-through;color:#afb3a4;font-weight:400}.task-actions{display:flex;opacity:0;transition:opacity .1s}.task-row:hover .task-actions,.task-row:focus-within .task-actions{opacity:1}.task-actions .icon-btn{width:27px;height:27px}.task-meta{font-size:10px;white-space:nowrap;color:#b4b9a7}.task-row .priority{width:5px;height:5px;border-radius:50%;background:#d6b583}.empty{padding:55px 22px;text-align:center;border:1px dashed #e4e7d9;border-radius:12px;color:#a2aa94;line-height:2;font-size:12px;margin-top:24px}.empty img{width:70px;margin-bottom:16px}.empty h3{font-size:19px;color:#727d63;font-weight:500}.empty .btn{margin-top:20px}.section-label{font-size:11px;color:#a4ab96;padding:22px 5px 10px}.quad-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quadrant{border:1px solid #ebece3;min-height:235px;border-radius:12px;padding:18px 16px;background:var(--quad)}.quadrant h3{font-size:12px;font-weight:500;color:#7b7e6d;margin-bottom:12px;display:flex;gap:9px;align-items:center}.quadrant .task-title{font-size:12px}.quadrant .task-row{border-color:#e3e5d966}.quadrant .task-meta{display:none}.quad-dot{width:6px;height:6px;border-radius:50%;background:var(--dot)}.modal-overlay{position:fixed;inset:0;background:#343b3244;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px);animation:fade .15s}.dialog{background:#fdfcf9;border:1px solid #fff;border-radius:17px;box-shadow:0 20px 100px #1a24132e;width:640px;max-width:100%;max-height:90dvh;display:flex;flex-direction:column}.dialog.wide{width:850px}.dialog-head{padding:24px 27px 15px;display:flex;align-items:center;gap:15px}.dialog-head h2{font-size:21px;font-weight:600;flex:1;letter-spacing:-.5px}.dialog-body{padding:0 27px 27px;overflow:auto}.dialog-body label.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#959584;margin:17px 0}.dialog-body input,.dialog-body textarea,.dialog-body select{font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.checks{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#848773}.checks label{display:flex;align-items:center;gap:6px}.checks input{accent-color:var(--green)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.error{padding:10px 0;color:#bc6654;font-size:12px;line-height:1.7}.help{font-size:11px;line-height:1.9;color:#a2a28e}.setting-row{display:flex;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:#737b66;font-size:12px}.setting-row span{flex:1}.setting-row input{accent-color:var(--green);width:18px;height:18px}.setting-section{font-family:Georgia,serif;color:#a2a68d;letter-spacing:1px;font-size:10px;margin:25px 0 6px}.record-panel{background:#faf4e8;border:1px solid #f0e6d4;border-radius:13px;padding:25px;display:flex;gap:23px}.record-icon{width:57px;height:64px;background:#f0e4cf;border-radius:19px;display:grid;place-items:center;color:#b38a58;flex-shrink:0}.record-body{flex:1;min-width:0}.record-body h2{font-size:19px;color:#726343;font-weight:500}.record-body>p{font-size:11px;color:#ae9d7b;margin:9px 0 18px;line-height:1.8}.record-controls{display:flex;gap:9px}.record-controls input{flex:1;font-size:12px}.record-status{font-size:11px;color:#a79877;margin-top:11px;line-height:1.7}.record-clock{font-family:Georgia,serif;color:#c38b62;font-size:29px;margin-top:15px}.record-clock .live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#db7e64;margin:0 10px 5px 0;animation:pulse 1.4s infinite}.privacy-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#8e9b7a;margin-left:auto}.privacy-label svg{width:13px}.list-toolbar{display:flex;align-items:center;gap:9px;margin:25px 0 17px;color:#939a83;font-size:12px}.list-toolbar .btn{font-size:11px;padding:8px 11px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:15px}.collection-card{border:1px solid var(--line);border-radius:11px;padding:19px;display:flex;flex-direction:column;gap:12px;cursor:pointer;background:#fff;min-height:160px;transition:transform .15s,box-shadow .15s;overflow:hidden}.collection-card:hover{transform:translateY(-2px);box-shadow:0 7px 25px #5c684012}.collection-top{display:flex;gap:9px;align-items:center}.collection-symbol{width:34px;height:34px;display:grid;place-items:center;background:#f2f4eb;border-radius:9px;color:#9ca786}.collection-top .pill{margin-left:auto}.collection-card h3{font-size:14px;font-weight:500;color:#626d52;line-height:1.6}.collection-card p{color:#a2a78f;font-size:11px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.card-foot{font-size:10px;color:#b7bba7;margin-top:auto;display:flex;gap:8px}.card-foot>span:last-child{margin-left:auto}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.filter{padding:6px 12px;border:1px solid #eceee3;border-radius:16px;font-size:10px;color:#9da48c}.filter.active{background:#edf1e4;color:#7a8963;border-color:#dde5cf}.reader{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:15px;color:#6b705e;max-height:42dvh;overflow:auto;padding:20px 0;user-select:text}.reader-title{font-size:23px;font-weight:500;color:#525e43;line-height:1.6}.reader-link{font-size:11px;overflow-wrap:anywhere}.reader-meta{display:flex;gap:12px;margin:12px 0;color:#aab198;font-size:10px}audio{width:100%;margin-top:16px;height:42px}.pomo-page{max-width:600px;margin:20px auto;text-align:center}.phase-tabs{display:inline-flex;background:#f4f5ef;border:1px solid #e9eddf;border-radius:9px;padding:4px;gap:2px}.phase-tabs button{padding:8px 19px;color:#a4ab94;font-size:11px;border-radius:6px}.phase-tabs button.active{background:#fff;color:#737f60;box-shadow:0 2px 6px #66774710}.clock-ring{width:245px;height:245px;border:4px solid #edf0e5;border-radius:50%;margin:36px auto 22px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.clock-ring.running{border-top-color:#a7b68e;border-right-color:#a7b68e}.clock-ring .clock-label{font-size:11px;color:#a3ac92}.clock-time{font-family:Georgia,serif;font-size:63px;letter-spacing:-2px;color:#657451;font-variant-numeric:tabular-nums;margin:9px 0}.clock-ring .round{font-size:10px;color:#b1b9a2}.pomo-note{color:#a8b197;font-size:11px;margin-bottom:22px}.pomo-actions{display:flex;justify-content:center;gap:9px}.pomo-page select{width:100%;margin-top:25px;font-size:12px;color:#9ca68a;max-width:340px}.pomo-stats{font-size:11px;color:#a1ab8e;margin:25px 0 15px}.pomo-config{font-size:10px;color:#b0b89f;text-decoration:underline;text-underline-offset:4px}.map-shell{position:relative;height:580px;min-height:300px;border:1px solid #e9ecdf;border-radius:12px;overflow:hidden;background-color:#fcfcf8;background-image:radial-gradient(#d7ddc9 .7px,transparent .7px);background-size:20px 20px;touch-action:none}.map-world{position:absolute;inset:0;transform-origin:0 0;user-select:none}.map-node{position:absolute;border:1px solid #dce3ce;background:#fff;border-radius:9px;padding:13px 18px;width:195px;font-size:12px;line-height:1.6;color:#7b8b62;box-shadow:0 4px 12px #6f7f4c09;cursor:pointer;overflow-wrap:anywhere}.map-node.root{background:#eaf0df;border-color:#d5dfc4;font-weight:600}.map-lines{position:absolute;inset:0;overflow:visible;pointer-events:none}.map-controls{position:absolute;left:15px;bottom:15px;display:flex;gap:4px;z-index:2;background:#fff;border:1px solid #e6eadd;border-radius:8px;padding:3px;box-shadow:0 2px 7px #57683c0d}.map-controls button{min-width:33px;padding:7px;font-size:12px;color:#9da98b}.minimap{position:absolute;right:14px;bottom:14px;width:150px;height:100px;border:1px solid #e1e7d5;background:#fffffff0;border-radius:8px;overflow:hidden;cursor:crosshair;touch-action:none}.minimap svg{width:100%;height:100%}.replan-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:#7b856a;line-height:1.8}.replan-time{display:block;font-size:10px;color:#a1aa90;margin-top:4px}.footer-note{margin-top:35px;font-size:10px;color:#bec3af;display:flex;gap:8px;align-items:center}.footer-note svg{width:12px;height:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 21px;max-width:90vw;background:#505d43;color:#f7f8f1;border-radius:10px;box-shadow:0 5px 20px #27321c22;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%)}.mobile-shade{display:none}.backup-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.install-note{padding:15px;background:#f2f4eb;border-radius:9px;line-height:1.9;font-size:11px;color:#8d987c;margin:18px 0}.date-control{display:flex;align-items:center;gap:6px}.date-control input{font-size:10px;padding:5px 7px;color:#9ca88a;max-width:130px}.pomo-mini{padding:13px;background:#eef2e5;border-radius:10px;display:flex;align-items:center;gap:10px;color:#7f8e68;font-size:11px}.pomo-mini strong{font-family:Georgia,serif;font-size:20px;font-weight:500;margin-left:auto}.vault-banner{padding:17px 20px;border:1px solid #e4e8db;border-radius:10px;background:#f7f9f1;color:#8a9775;font-size:12px;display:flex;align-items:center;gap:10px}.vault-banner .btn{margin-left:auto}.record-title{display:flex;align-items:center;gap:12px}.privacy-copy{max-width:750px;line-height:2;color:#919b7e;font-size:12px}.offline-banner{padding:7px;text-align:center;background:#faf1db;color:#ad9561;font-size:11px}.faint{color:#bdc2ad}.loading{display:grid;place-content:center;min-height:100dvh;background:#f7f6f2;color:#8f9b7c;text-align:center;gap:16px}.loading img{width:60px;margin:auto}.focus-line{font-size:12px;color:#879671;line-height:1.9}.vault-item{padding:16px 0;border-bottom:1px solid var(--line)}.vault-item h3{font-size:14px;font-weight:500;color:#7c8b65}.secret{display:flex;align-items:center;gap:10px;background:#f3f5ed;padding:11px 13px;border-radius:8px;margin-top:10px;font-size:12px;overflow-wrap:anywhere}.secret .btn{padding:4px 8px;font-size:10px;margin-left:auto}.vault-item input{margin-top:9px;width:100%}.wide-note{font-size:11px;color:#9ba68a;line-height:1.9;margin:15px 0}progress{width:100%;height:5px;accent-color:var(--green);margin-top:15px}.inline-form{display:flex;gap:8px;margin-top:15px}.inline-form input{flex:1}.file-input{display:none}.drag-root{padding:14px;text-align:center;border:1px dashed #e5e9da;color:#adb69c;font-size:10px;border-radius:7px;margin-top:15px}.drag-root.over{background:#eff4e7}.task-row.editing .task-title{background:#fff;border:1px solid #dddacb}.weekday{font-family:Georgia,serif;color:#b2baa0;letter-spacing:1px;font-size:11px}.library-title{display:flex;gap:12px;align-items:center}.tag{font-size:9px;color:#a6b08f}.list-view .task-row .task-meta{max-width:130px;overflow:hidden;text-overflow:ellipsis}.edit-flash{animation:fade .2s}.global-error{padding:30px;line-height:2;color:#a76f60}.onboard-card{max-width:600px;margin:20px auto}.onboard-card h2{font-size:21px;line-height:1.7;font-weight:500;color:#7c8966}.onboard-card p{font-size:12px;line-height:2;color:#9da98a;margin:16px 0}.onboard-actions{display:flex;gap:9px;flex-wrap:wrap}.task-breadcrumb{font-size:9px;color:#aab49b;margin-right:5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-status{color:#9caa87;font-size:10px;margin-top:7px}.done-count{color:#a4b18e;font-size:9px}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.35}}@media(min-width:1600px){.content{padding-top:60px}.sidebar{padding-top:38px}}@media(max-width:1150px){:root{--rail:218px}.content{padding:35px 32px 65px}.topbar{padding:0 30px}.task-meta{display:none}.page-head h1{font-size:30px}.page-mark svg{width:55px;height:55px}}@media(max-width:760px){:root{--rail:244px}.sidebar{transform:translate(-100%);transition:transform .2s;padding-top:max(28px,env(safe-area-inset-top));box-shadow:8px 0 40px #29361b16}.sidebar.open{transform:translate(0)}.main{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:57px;padding:0 17px;gap:11px}.breadcrumb{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb>span{display:none}.search-wrap{width:145px}.keycap{display:none}.content{padding:29px 20px 65px}.page-head{margin-bottom:23px}.page-head h1{font-size:28px}.page-mark svg{width:48px;height:48px}.subtitle{font-size:10px;max-width:300px}.welcome-note{padding:13px 14px;font-size:11px;align-items:flex-start;gap:9px;margin-bottom:21px}.welcome-note>svg{width:15px;margin-top:3px}.welcome-note .icon-btn{flex-shrink:0;width:23px;height:23px}.stats{gap:13px;margin-bottom:22px}.stat{font-size:9px;gap:5px}.stat+.stat{padding-left:13px}.stat b{font-size:16px}.quick-row{gap:6px;padding:7px 7px 7px 10px}.quick-row input{font-size:11px}.quick-row>.btn{padding:8px 10px;font-size:10px}.quick-row .desktop-only{display:none}.task-row{gap:6px;min-height:55px;padding:8px 2px}.task-title{font-size:12px}.task-actions{opacity:1}.task-actions .icon-btn{width:25px}.task-actions .add-child{display:none}.indent{width:calc(min(var(--depth,0),5)*15px)}.grip{display:none}.toggle{width:15px}.task-row .priority{display:none}.toolbar{gap:8px;font-size:10px;flex-wrap:wrap}.toolbar .btn{padding:6px 8px}.toolbar label{font-size:9px}.toolbar .hint{display:none}.quad-grid{grid-template-columns:1fr;gap:13px}.quadrant{min-height:170px}.dialog-overlay{padding:12px}.modal-overlay{padding:13px;align-items:flex-end}.dialog{border-radius:17px 17px 10px 10px;max-height:93dvh;width:100%}.dialog-head{padding:21px 20px 13px}.dialog-head h2{font-size:19px}.dialog-body{padding:0 20px 22px}.form-grid{gap:0 12px}.form-grid .field{font-size:10px}.dialog-body input,.dialog-body textarea{font-size:16px}.dialog-actions{flex-wrap:wrap}.record-panel{padding:20px 17px;gap:13px;flex-wrap:wrap}.record-icon{width:40px;height:46px;border-radius:14px}.record-icon svg{width:24px}.record-body h2{font-size:16px}.record-body>p{font-size:10px}.record-controls{flex-wrap:wrap}.record-controls input{flex-basis:100%;font-size:16px}.record-controls .btn{flex:1}.record-panel .privacy-label{font-size:9px}.record-title{flex-wrap:wrap;gap:6px}.record-title .privacy-label{margin-left:0}.list-toolbar{flex-wrap:wrap;margin:22px 0 16px}.list-toolbar .btn{font-size:10px;padding:8px 9px}.collection-grid{grid-template-columns:1fr}.collection-card{min-height:140px}.map-shell{height:56dvh;min-height:350px}.minimap{width:110px;height:80px}.clock-ring{width:225px;height:225px}.mobile-shade.open{display:block;position:fixed;inset:0;background:#1c281142;backdrop-filter:blur(2px);z-index:29}.privacy-label,.footer-note{font-size:9px}.btn{min-height:35px}.pomo-page{margin:10px auto}.vault-banner{padding:14px;font-size:11px;flex-wrap:wrap}.vault-banner .btn{margin-left:0}.reader{font-size:14px}.task-breadcrumb{display:none}.sidebar .side-scroll{min-height:0}.side-bottom{gap:3px}.sidebar{gap:20px}#toast{bottom:max(20px,env(safe-area-inset-bottom));font-size:11px}.page-head .btn{font-size:10px;padding:8px 9px}.date-control{margin-left:auto}.date-control input{max-width:115px}.no-mobile{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.audio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.audio-download{font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:8px 2px}.audio-status{margin-top:12px;line-height:1.7}.haptic-note{margin-top:12px}@media(max-width:760px){.record-icon{display:none}.record-body{flex-basis:100%;min-width:0}.record-controls input{min-width:0}.record-body h2{line-height:1.6}.record-status{white-space:normal;overflow-wrap:anywhere}}.sync-status{font-size:11px;line-height:1.6;color:var(--muted,#808577);padding:8px 12px;overflow-wrap:anywhere}.sync-conflict{margin:20px 0;padding:18px;background:#fff5e9;border:1px solid #e9d8c1;border-radius:14px}.sync-conflict ul{padding-left:20px;line-height:1.8;font-size:13px}.account-security{margin:20px 0;padding:18px;border:1px solid var(--line,#e7e9e2);border-radius:14px}.account-security .help{margin-top:10px;overflow-wrap:anywhere}.verification-row{display:flex;gap:10px;align-items:center}.verification-row input{min-width:0;flex:1}.verification-row .btn{white-space:nowrap;flex-shrink:0}#recovery-code{font-family:ui-monospace,monospace;letter-spacing:.05em;overflow-wrap:anywhere}#verification-help{margin:8px 0 18px}#private-account[hidden]{display:none}#account-form .dialog-actions,#code-login-form .dialog-actions{flex-wrap:wrap}@media(max-width:760px){#account-form .dialog-actions .btn,#code-login-form .dialog-actions .btn{flex:1 1 42%}#account-form .dialog-actions button[type=submit],#code-login-form .dialog-actions button[type=submit]{flex-basis:100%}}