.os-preview{padding:9px 20px;background:#fbf1d9;color:#866a36;text-align:center;font-size:11px;line-height:1.8}.os-storage-warning{padding:13px 20px;background:#f8e8df;color:#985c47;font-size:12px;line-height:1.8}.os-due-banner{background:#f5ecda;color:#8c6a32;padding:11px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px}.os-fab{position:fixed;z-index:15;bottom:27px;right:27px;background:#285e4c;color:white;border:3px solid #f8f9f6;border-radius:50%;height:61px;width:61px;box-shadow:0 5px 20px #254d3633;font-size:29px;line-height:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.os-fab span{font-size:9px;margin-top:2px}.os-filters{padding:0 22px 18px;display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #edf0e8}.os-filters label{font-size:10px;color:#8a967f;flex:1;min-width:130px}.os-filters select,.os-select{display:block;width:100%;border:1px solid #dfe6d8;border-radius:5px;padding:9px;color:#506449;background:#fafcf7;font-size:12px;margin-top:6px}.os-record{padding:21px 23px;border-bottom:1px solid #edf0e8}.os-record:last-child{border:0}.os-record-head{display:flex;justify-content:space-between;gap:17px;align-items:flex-start}.os-record-head>div{min-width:0}.os-record-head h3{font-size:15px;line-height:1.8;margin:9px 0;overflow-wrap:anywhere}.os-record-head>.small-text{flex-shrink:0;text-align:right;font-size:10px}.os-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;color:#73816d;margin:8px 0}.os-record-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}.os-record-actions .text-btn{min-height:34px}.os-record.is-due{border-left:3px solid #c8a365;background:#fffdf8}.priority-high{color:#aa6952;background:#fcf1e9}.priority-low{color:#7d9170}.os-pager{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:19px 22px;font-size:10px;color:#8c9882}.os-pager>div{display:flex;gap:14px;align-items:center}.os-backup{border-bottom:1px solid #edf0e8;display:flex;gap:10px;align-items:center;padding:13px 0;font-size:11px}.os-backup>span{flex:1;overflow-wrap:anywhere}.os-backup small{display:block;color:#909e85;line-height:1.9}details{margin-top:16px;color:#819175;font-size:12px}summary{cursor:pointer;padding:8px 0}button:disabled{opacity:.45;cursor:default}.os-mobile-more{display:none}.os-mobile-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}#captureSaved{margin:15px 0 0;font-size:12px}#bellBtn{position:relative;min-width:38px}#bellCount{position:absolute;right:-5px;top:-6px;font-size:9px;background:#bc8b55;color:white;min-width:16px;height:16px;border-radius:10px;display:grid;place-items:center}#osConfirm{width:440px}#main{padding-bottom:90px}.nav-label{margin-top:20px}nav a{padding-top:10px;padding-bottom:10px}
.tag.work{color:#486783;background:#edf3f8}.notification-panel{padding:22px;margin-bottom:24px}.notification-panel h2{font-size:17px;margin-bottom:12px}.notification-panel dl{display:grid;grid-template-columns:150px minmax(0,1fr);font-size:12px;line-height:1.8;margin:18px 0}.notification-panel dt,.notification-panel dd{margin:0;padding:9px 0;border-bottom:1px solid #edf0e8;overflow-wrap:anywhere}.notification-panel dt{color:#7b876e}.notification-panel dd{color:#42593b}.notification-panel #notificationResult{white-space:pre-wrap;padding:10px;background:#f5f4e8;border-radius:5px}.arrival-dialog{border-top:5px solid #bb8747;max-width:600px}.arrival-dialog h2{margin:10px 0;font-size:23px;color:#6c5431}.arrival-row{border-top:1px solid #ece8dc;padding:16px 0}.arrival-row h3{font-size:17px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:600px){
 .notification-panel{padding:17px}.notification-panel dl{grid-template-columns:1fr;font-size:12px}.notification-panel dt{border-bottom:0;padding-bottom:0;font-size:11px}.notification-panel dd{padding-top:2px}.notification-panel .os-record-actions>.button{width:100%}.arrival-dialog{max-height:calc(var(--os-vh,100dvh) - 24px);top:calc(var(--os-vtop,0px) + 12px);bottom:auto;margin:0 auto}.arrival-dialog h2{font-size:21px}
 .os-preview{font-size:10px;padding:8px 13px}.os-due-banner{padding:10px 15px;font-size:11px}.os-due-banner .text-btn{flex-shrink:0}
 .os-fab{bottom:calc(83px + env(safe-area-inset-bottom));right:15px;height:58px;width:58px}
 .sidebar nav{display:flex;justify-content:space-around;align-items:stretch}.sidebar nav a[data-page]{display:none!important;width:20%;font-size:19px;min-height:52px;padding-bottom:15px}
 .sidebar nav a[data-page="today"],.sidebar nav a[data-page="inbox"],.sidebar nav a[data-page="matrix"],.sidebar nav a[data-page="reminders"]{display:flex!important}
 .sidebar nav a[data-page="inbox"]{order:2}.sidebar nav a[data-page="matrix"]{order:3}.sidebar nav a[data-page="reminders"]{order:4}
 .sidebar nav .os-mobile-more{display:flex;order:5;width:20%;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:20px;padding-bottom:3px}.os-mobile-more small{font-size:8px}
 .os-record{padding:18px 15px}.os-record-head{gap:9px;flex-direction:column}.os-record-head>.small-text{text-align:left}.os-record-head h3{font-size:15px}.os-excerpt{font-size:13px}.os-filters{padding:0 15px 16px;gap:10px}.os-filters label{min-width:calc(50% - 10px);font-size:11px}.os-filters select,.os-select{font-size:16px;min-height:44px}.os-record-actions{gap:9px}.os-record-actions .text-btn{font-size:12px;min-height:40px;padding:6px 9px}.os-pager{flex-wrap:wrap;padding:15px}.os-pager>div{width:100%;justify-content:space-between}.os-search{max-width:none!important;width:100%;font-size:16px;min-height:44px}
 .os-edit-dialog{position:fixed;top:calc(var(--os-vtop,0px) + 12px);bottom:auto;margin:0 auto;max-height:calc(var(--os-vh,100dvh) - 24px);overflow:auto;overscroll-behavior:contain}.os-edit-dialog textarea{min-height:125px}.os-edit-dialog .modal-actions{padding-bottom:8px}.os-edit-dialog .modal-head{margin-bottom:15px}#osConfirm{max-width:calc(100% - 22px)}
 .topbar>div{gap:6px}.topbar .save-status{max-width:64px}#bellBtn{min-width:34px}.icon-btn{min-width:33px;width:33px;height:34px}
 #main{padding-bottom:110px}.task-actions{max-width:none}.task-actions button:last-child{margin-left:0}
}