@font-face{font-family:system-local;src:local('Microsoft YaHei')}
:root{--accent:#416b82;--accent-rgb:120,99,216;--text:#26343f;--muted:#87959f;--line:#e3e9ee;--surface:#fff;--bg:#f5f7f9;--opacity:96%;--radius:15px;font-family:Inter,'Segoe UI',system-local,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--bg);font-size:14px;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #aac0cd;outline-offset:3px}button{border:0;background:none}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.7px}h2{font-size:19px}h3{font-size:15px}small{font-size:12px}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.grow{flex:1}.hidden{display:none!important}.pill{font-size:11px;padding:4px 8px;border-radius:6px;background:#eaf0f4;color:var(--accent)}.dot{width:7px;height:7px;border-radius:50%;background:#59b991;display:inline-block}.dot.off{background:#dfa14f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:500;white-space:nowrap;transition:.15s}.btn:hover{background:#eef3f6;border-color:#c2d0d9}.primary{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 3px 8px #416b8222}.primary:hover{background:var(--accent);filter:brightness(.94);border-color:var(--accent)}.danger{color:#cb606f}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--muted)}.icon-btn:hover{background:#e8eff3;color:var(--accent)}.field{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 12px;outline:none}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #416b8214}label.label{display:block;color:#777183;font-size:12px;margin-bottom:7px}textarea{resize:vertical;line-height:1.9}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0;cursor:pointer}input[type=range]{accent-color:var(--accent);width:180px}input[type=color]{width:36px;height:32px;border:0;background:none}.loading{display:grid;place-items:center;min-height:100vh;color:var(--muted)}
.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh;background:radial-gradient(ellipse at 4% 0,#dfe8ef80,transparent 35%),var(--bg)}.sidebar{padding:28px 18px 18px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 74%,transparent);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 30px}.brand img{width:36px;height:36px;border-radius:11px;box-shadow:0 4px 10px #416b8222}.brand strong{font-size:17px;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;margin-top:3px}.nav-item{display:flex;align-items:center;gap:12px;border-radius:10px;width:100%;padding:12px;color:#777183;margin-bottom:5px;text-align:left;font-size:13px}.nav-item.active{background:#e5edf2;color:var(--accent);font-weight:600}.nav-item:not(.active):hover{background:#f0ecf6}.nav-item .count{margin-left:auto;font-size:11px}.side-label{display:flex;align-items:center;justify-content:space-between;padding:24px 12px 10px;color:#aaa5b5;font-size:10px;letter-spacing:2px}.category-nav{width:100%;display:flex;gap:12px;padding:11px 12px;color:#857e91;text-align:left;border-radius:8px;align-items:center;font-size:13px}.category-nav:hover,.category-nav.active{background:#e8eff3;color:var(--accent)}.category-dot{width:9px;height:9px;border-radius:3px;display:inline-block}.side-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.avatar{width:34px;height:34px;border-radius:11px;background:#e9e2f8;color:var(--accent);display:grid;place-items:center;font-weight:600}.user-name{font-size:12px;font-weight:600}.server-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:5px}.main{min-width:0;padding:36px 38px 22px;position:relative}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;margin-bottom:9px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head p{margin-top:9px;color:var(--muted);font-size:12px}.head-actions{display:flex;gap:8px;align-items:center}.search{position:relative;width:210px}.search .icon{position:absolute;left:12px;top:10px;width:17px;color:#aaa}.search input{padding-left:36px;font-size:12px;background:#fff9}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.tab{padding:11px 14px 12px;color:var(--muted);font-size:12px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--accent);border-color:var(--accent);font-weight:600}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;height:calc(100vh - 202px);min-height:470px}.list-pane{overflow:auto;padding:1px 3px 20px 1px}.note-card{padding:19px 18px;margin-bottom:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer;transition:.18s;position:relative}.note-card:hover{transform:translateY(-1px);box-shadow:0 5px 16px #32294e06}.note-card.selected{border-color:#9eb6c5;background:#f0f5f8;box-shadow:0 3px 12px #416b820a}.note-card h3{font-size:14px;line-height:1.6;margin:11px 0 7px;font-weight:600}.note-card p{font-size:12px;line-height:1.8;color:#9a94a5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#aaa3b4;margin-top:18px}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9d97aa}.star{color:#d8ae6b}.editor{border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 24px #38275203;min-width:0}.editor-top{padding:19px 25px 14px;border-bottom:1px solid #f1eef5;display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-top .field{width:110px;border:0;padding:3px 0;color:#999;font-size:11px}.editor-body{padding:25px;overflow:auto;flex:1}.title-input{font-size:23px;letter-spacing:-.5px;font-weight:600;border:0;outline:none;width:100%;background:none;margin-bottom:12px}.title-input::placeholder{color:#bfb9cb}.editor-date{font-size:11px;color:#aaa4b4;margin-bottom:21px}.note-body{width:100%;min-height:220px;height:calc(100% - 80px);border:0;outline:none;resize:none;font-size:14px;line-height:2.05;background:none;white-space:pre-wrap}.editor-footer{padding:14px 25px;border-top:1px solid var(--line);color:#aaa4b4;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.attachment{border:1px solid var(--line);border-radius:10px;max-width:100%;padding:8px;position:relative}.attachment img{max-width:180px;max-height:130px;display:block;border-radius:6px}.attachment audio{max-width:260px;display:block}.attachment video{max-width:260px;max-height:160px;display:block}.file-link{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px}.attachment small{display:block;color:var(--muted);padding-top:5px;font-size:10px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:270px;height:100%;color:#aba4b7;text-align:center;gap:13px;padding:35px}.empty .icon{width:44px;height:44px;stroke-width:1}.empty p{font-size:12px;line-height:1.8}.empty h3{font-weight:500;color:#777}.bottom-status{display:flex;justify-content:space-between;gap:10px;margin-top:20px;color:#b0a9bb;font-size:10px;letter-spacing:.5px}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:19px;align-items:start}.task-board{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:21px}.task-board h2{font-size:16px;margin:14px 0 8px}.progress{height:4px;border-radius:4px;background:#f1eef9;margin:14px 0 20px;overflow:hidden}.progress div{height:100%;background:var(--accent);border-radius:4px}.task-group{margin:21px 0}.group-title{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#655d78;margin-bottom:10px;font-weight:600;font-size:12px}.task-line{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:13px;line-height:1.65}.task-line span{flex:1;overflow-wrap:anywhere;white-space:pre-wrap}.task-line.done span{text-decoration:line-through;color:#b3aabb}.task-line input{margin:3px 0 0}.add-task{font-size:12px;width:100%;text-align:left;color:#aaa0b8;padding:9px 0}.task-tools{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a79caf}.completed summary{font-size:11px;color:#aaa0b8;cursor:pointer;padding-top:10px}.reminder-tag{display:inline-flex;align-items:center;gap:5px;background:#faf2e7;color:#b68a53;border-radius:6px;padding:4px 7px;font-size:10px;white-space:nowrap}.reminder-tag .icon{width:12px;height:12px}.calendar{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.calendar-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.calendar-head h2{font-size:18px}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{font-size:11px;text-align:center;color:#aaa1b8;padding:14px}.day{min-height:118px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:11px;min-width:0}.day:nth-child(7n){border-right:0}.day-num{font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.day-num small{font-size:9px;color:#b4aabd}.day.outside{background:#faf9fc;color:#c2b9cb}.day.today .date-circle{background:var(--accent);color:#fff;border-radius:50%;padding:5px;min-width:25px;text-align:center}.cal-event{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:10px;background:#e6eef4;color:#4b6b7f;padding:5px 6px;border-radius:5px;margin-top:7px}.cal-event:hover{background:#e2d8f5}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat{background:var(--surface);padding:23px;border:1px solid var(--line);border-radius:14px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:28px;margin-top:13px;font-weight:500;letter-spacing:-.7px}.ledger-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:14px;overflow:hidden;border:1px solid var(--line)}.ledger-table th{color:#aaa1b4;font-size:11px;font-weight:400;padding:17px;text-align:left;background:#fcfbfe}.ledger-table td{padding:18px;border-top:1px solid var(--line);font-size:12px}.income{color:#59a789}.expense{color:#c8818b}.timeline{max-width:820px}.history-row{position:relative;padding:0 0 25px 28px;border-left:1px solid #e5def0;margin-left:7px}.history-row:before{content:'';position:absolute;top:6px;left:-4px;width:7px;height:7px;border-radius:50%;background:#b1a1da;border:3px solid var(--bg);box-sizing:content-box}.history-row .card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:10px}.history-row time{color:#aaa0b7;font-size:11px}.history-preview{white-space:pre-wrap;color:#9b8eaa;font-size:12px;line-height:1.8;margin-top:10px;max-height:80px;overflow:auto}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1050px}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:23px}.settings-card h3{margin-bottom:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #f1edf6;font-size:12px}.setting-row:last-child{border-bottom:0}.setting-row small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:6px}.setting-row select{max-width:170px}.skin-colors{display:flex;gap:8px}.skin-color{width:22px;height:22px;border-radius:50%;border:3px solid transparent}.skin-color.active{outline:2px solid #cfc4e7;outline-offset:2px}.mobile-menu{display:none}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:25px}.tool-card h3{margin-bottom:20px}.calc-display{font-size:36px;text-align:right;padding:10px 0 24px;overflow-wrap:anywhere}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-key{background:#f0f4f7;border-radius:9px;padding:16px;font-size:19px}.calc-key:hover{background:#eae3f7}.calc-key.operator{color:var(--accent);background:#e5edf2}.calc-key.equals{background:var(--accent);color:white}.calc-history{max-height:110px;overflow:auto;border-top:1px solid var(--line);margin-top:20px;padding-top:12px;color:var(--muted);font-size:11px;line-height:1.9}.currency-result{font-size:32px;margin:26px 0 14px;color:var(--accent)}.source-note{font-size:10px;line-height:1.8;color:var(--muted)}.account-select{min-width:130px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 35% 30%,#e1eaf0,transparent 55%),#f5f7f9;padding:25px}.auth-card{width:430px;max-width:100%;background:#fff;border:1px solid #e9e3f4;border-radius:24px;padding:38px;box-shadow:0 20px 65px #4032600a}.auth-logo{width:50px;height:50px;margin-bottom:25px}.auth-card h1{font-size:25px}.auth-card p{font-size:12px;color:#a097af;line-height:1.8;margin:12px 0 26px}.auth-card .field{margin-bottom:18px}.auth-card .btn{width:100%;margin-top:5px}.auth-error{font-size:12px;color:#cc6479;margin-top:16px}.auth-foot{font-size:10px;text-align:center;color:#b3aabd;margin-top:25px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#26203148;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:22px}.modal{width:550px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border-radius:18px;box-shadow:0 20px 70px #1f14392b}.modal.large{width:760px}.modal-header{padding:23px 25px 15px;display:flex;align-items:center;justify-content:space-between}.modal-body{padding:10px 25px 24px;overflow:auto;line-height:1.8;font-size:13px}.modal-footer{padding:17px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.form-block{margin:16px 0}.import-preview{background:#eef3f6;border-radius:10px;padding:15px;margin-top:15px;max-height:220px;overflow:auto}.import-preview h3{font-size:12px;margin-bottom:7px}.import-preview p{font-size:11px;color:#9b8bab;margin:3px 0}.notice{border-radius:9px;background:#f5f0fc;color:#9a81b2;padding:12px;font-size:11px;line-height:1.8}.error-text{color:#cf6679;font-size:12px;margin-top:10px}.badge{background:#eeebf5;color:#9a8da9;padding:3px 7px;font-size:10px;border-radius:5px}.conflict-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.conflict-pair pre{white-space:pre-wrap;max-height:250px;overflow:auto;background:#f7f4fa;padding:15px;border-radius:10px;font-size:11px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);z-index:200;background:#393144;color:#fff;padding:12px 22px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 7px 20px #26203325}#toast.visible{opacity:1;transform:translate(-50%,0)}
body.dark{--surface:#26323c;--bg:#1e2831;--text:#e7e2ee;--muted:#9e95aa;--line:#3b4854;color-scheme:dark}body.dark .sidebar{background:#25222d}body.dark .nav-item.active{background:#314655}body.dark .note-card.selected{background:#30414e}body.dark .field,body.dark .title-input,body.dark .note-body{background:transparent}body.dark .day.outside,body.dark .ledger-table th{background:#24212c}body.dark .calc-key,body.dark .import-preview,body.dark .notice{background:#30414e}body.dark .category-nav:hover,body.dark .category-nav.active{background:#342e43}body.dark .task-line.done span{color:#8e829a}body.compact{background:transparent}body.compact .shell{grid-template-columns:1fr;min-height:100vh;background:color-mix(in srgb,var(--bg) var(--opacity),transparent);backdrop-filter:blur(14px)}body.compact .sidebar,body.compact .bottom-status,body.compact .eyebrow{display:none}body.compact .main{padding:15px}body.compact .page-head{margin-bottom:16px}body.compact .page-head h1{font-size:18px}body.compact .page-head p,body.compact .search{display:none}body.compact .head-actions .btn{padding:8px;font-size:11px}body.compact .workspace{grid-template-columns:1fr;height:auto;min-height:0}body.compact .editor{min-height:380px}body.compact .list-pane{max-height:320px}body.compact .task-grid{grid-template-columns:1fr}body.compact .task-board{padding:16px;background:color-mix(in srgb,var(--surface) 65%,transparent)}body.compact .calendar-head{padding:12px}body.compact .day{min-height:65px;padding:5px}body.compact .day-num small{display:none}body.compact .settings-grid,body.compact .tools-grid{grid-template-columns:1fr}body.compact .mobile-menu{display:inline-flex}.desktop-drag{display:none}.desktop .desktop-drag{display:flex;position:fixed;top:0;left:0;right:0;z-index:90;height:28px;-webkit-app-region:drag;background:color-mix(in srgb,var(--bg) 92%,transparent);align-items:center;justify-content:space-between;padding:0 9px;font-size:10px;color:var(--muted)}.desktop-drag button{-webkit-app-region:no-drag;font-size:14px;padding:0 7px}.desktop .shell{padding-top:28px}.widget .page-head p,.widget .head-actions,.widget .toolbar,.widget .list-pane,.widget .bottom-status{display:none}.widget .workspace{height:calc(100vh - 90px)}.widget .editor{background:transparent}.widget .editor-body{padding:16px}.widget .editor-top{padding:12px}.widget .task-board{margin-bottom:10px}.widget .main{padding:12px}.widget .page-head h1{font-size:14px}.collapsed .main>:not(.page-head){display:none!important}
@media(min-width:1500px){.workspace{grid-template-columns:350px minmax(0,1fr)}.main{padding:40px 50px}}
body.compact .sidebar.open{display:flex;position:fixed;top:0;left:0;width:230px;z-index:95;background:var(--surface);height:100vh;box-shadow:5px 0 30px #26183825}.desktop.compact .sidebar.open{top:28px;height:calc(100vh - 28px)}
body.desktop.compact{background:transparent}body.desktop.compact .shell{background:color-mix(in srgb,var(--bg) var(--opacity),transparent)}body.desktop.compact .editor{background:color-mix(in srgb,var(--surface) 28%,transparent)}body.desktop.compact .note-card{background:color-mix(in srgb,var(--surface) 35%,transparent)}body.desktop.compact .note-card.selected{background:color-mix(in srgb,var(--accent) 12%,transparent)}body.desktop.compact .calendar{background:transparent}body.desktop.compact .day.outside{background:#808a9210}body.desktop.compact .desktop-drag{background:color-mix(in srgb,var(--bg) 70%,transparent)}.desktop-drag .style-button{font-size:11px;padding:2px 10px;border:1px solid #7c8a9733;border-radius:5px;margin-right:6px}body.desktop.compact .task-board{background:color-mix(in srgb,var(--surface) 28%,transparent)}body.desktop.compact .shell:not(.native-glass){backdrop-filter:none}
@media(max-width:1100px){.shell{grid-template-columns:195px minmax(0,1fr)}.main{padding:28px 23px}.workspace{grid-template-columns:240px minmax(0,1fr);gap:15px}.search{width:160px}.head-actions .btn{padding:10px}.settings-grid{grid-template-columns:1fr}.task-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;width:230px;z-index:95;box-shadow:5px 0 30px #26183825}.sidebar.open{display:flex}.mobile-menu{display:inline-flex}.main{padding:24px 18px}.page-head{margin-bottom:22px;gap:8px}.page-head h1{font-size:23px}.page-head p{font-size:11px}.head-actions{gap:4px}.search{width:150px}.workspace{grid-template-columns:1fr;height:auto;min-height:0}.list-pane{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:250px;padding:0}.note-card{margin:0;padding:14px}.editor{min-height:450px}.editor-body{padding:21px}.settings-grid,.tools-grid{grid-template-columns:1fr}.task-grid{grid-template-columns:1fr}.day{min-height:82px;padding:6px}.day-num small{display:none}.cal-event{font-size:9px;padding:4px}.calendar-head{padding:17px}.stat{padding:18px 12px}.stat strong{font-size:23px}.ledger-table td,.ledger-table th{padding:14px 9px}.ledger-table .optional{display:none}.editor-top{padding:15px 20px}.bottom-status span:last-child{display:none}}
@media(max-width:490px){.page-head .search{display:none}.head-actions .btn{padding:9px 10px;font-size:11px}.head-actions .btn .icon{width:16px}.day{min-height:75px;padding:5px}.day-num{font-size:10px}.calendar-head h2{font-size:16px}.calendar-head .btn{padding:7px;font-size:10px}.modal-backdrop{padding:10px}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.form-grid,.conflict-pair{grid-template-columns:1fr}.stats{gap:8px}.stat strong{font-size:20px}.task-board{padding:18px}.tab{padding:9px;font-size:11px}.toolbar .btn{padding:8px;font-size:10px}.auth-card{padding:29px}.icon-btn{width:30px}.day-num small{display:none}.editor-top .row{gap:3px}.title-input{font-size:21px}}
body.desktop{--bg:#fafafa;--surface:#fff;--text:#333;--muted:#888;--line:#d0d0d033;--accent:#444;color:#333}body.desktop.dark{--bg:#181818;--surface:#202020;--text:#efefef;--muted:#a0a0a0;--line:#ffffff30;--accent:#eee;color:#eee}body.desktop .desktop-drag{background:color-mix(in srgb,var(--bg) var(--opacity),transparent);color:var(--text);border-bottom:1px solid var(--line);height:25px;font-size:10px;padding-left:35px}body.desktop .desktop-drag .style-button{border:0;font-size:10px;color:inherit;padding:0 6px;margin:0}.desktop-shell{position:fixed;top:25px;left:25px;right:0;bottom:0;display:flex;flex-direction:column;border:1px solid var(--line);border-top:0;background:color-mix(in srgb,var(--bg) var(--opacity),transparent);border-radius:0 0 7px 7px;font-size:12px;color:var(--text)}.desktop-profile{display:flex;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid var(--line);height:57px}.desktop-profile strong{font-size:14px;font-weight:600}.desktop-profile small{display:block;font-size:10px;margin-top:3px;opacity:.8}.desktop-avatar{height:30px;width:30px;border:1px solid var(--line);background:#88888820;border-radius:50%;display:grid;place-items:center;font-size:14px}.desktop-button{display:inline-flex;align-items:center;justify-content:center;padding:0;width:24px;height:24px;color:inherit;opacity:.65}.desktop-button:hover{opacity:1;background:#88888820}.desktop-button svg{width:17px;height:17px}.desktop-category{display:flex;align-items:center;padding:5px 12px;gap:6px;border-bottom:1px solid var(--line);height:33px}.desktop-category svg{width:13px;height:13px;opacity:.6}.desktop-category select{flex:1;min-width:0;border:0;background:transparent;color:inherit;outline:0;font-size:11px}.desktop-category select option{background:var(--bg);color:var(--text)}.desktop-add{color:inherit;text-align:center;font-size:11px;border:1px solid #88888870;height:27px;min-height:27px;margin:5px 12px 1px;border-radius:2px;background:transparent}.desktop-add:hover{background:#88888820}.desktop-list{flex:1;overflow:auto;padding:0 13px 15px;scrollbar-width:thin;scrollbar-color:#99999960 transparent}.desktop-entry{padding:15px 0 16px;border-bottom:1px solid #99999960;line-height:1.45}.desktop-entry-title{display:flex;align-items:flex-start;margin-bottom:4px;gap:3px}.desktop-entry-title>.grow{font-size:12px;text-align:left;padding:0;color:inherit;line-height:1.4;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}.desktop-entry-title .desktop-button{width:18px;height:18px}.desktop-entry-title svg{width:13px;height:13px}.desktop-note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55;cursor:pointer;padding:1px 9px}.desktop-meta{display:flex;align-items:center;gap:4px;opacity:.6;font-size:10px;padding:4px 9px}.desktop-meta svg{width:11px;height:11px}.desktop-rail{position:absolute;left:-26px;top:57px;display:flex;flex-direction:column;gap:1px}.desktop-rail button{width:25px;padding:4px 1px;border:1px solid #88888870;background:color-mix(in srgb,var(--bg) 70%,transparent);font-size:10px;color:var(--text);border-radius:2px 0 0 2px}.desktop-rail button.active{border-right:0;background:color-mix(in srgb,var(--bg) 90%,transparent)}.desktop-rail button:hover{background:#88888850}.desktop-group{padding:0 8px;margin-top:4px}.desktop-group-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;opacity:.8}.desktop-group-title button{padding:0;color:inherit;font-size:11px;text-align:left}.desktop-task-line{display:flex;align-items:flex-start;gap:4px;font-size:12px;line-height:1.4;margin:4px 0;cursor:pointer;overflow-wrap:anywhere}.desktop-task-line input{width:11px;height:11px;margin:3px 0 0;accent-color:var(--text)}.desktop-task-line span{flex:1;white-space:pre-wrap}.desktop-task-line.done span{text-decoration:line-through;opacity:.5}.desktop-done{font-size:10px;opacity:.7;padding:6px 8px}.desktop-done summary{cursor:pointer}.desktop-entry-tools{display:flex;gap:9px;opacity:0;transition:opacity .15s;flex-wrap:wrap;padding-top:6px}.desktop-entry:hover .desktop-entry-tools{opacity:.7}.desktop-entry-tools button{padding:0;color:inherit;font-size:9px}.entry-action{opacity:0!important}.desktop-entry:hover .entry-action{opacity:.6!important}.desktop-empty{padding:30px 10px;font-size:11px;text-align:center;opacity:.5}.desktop-footer{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);padding:5px 10px;height:34px;min-height:34px}.desktop-footer button{color:inherit;font-size:12px;width:22px;height:22px;padding:0;opacity:.65;display:grid;place-items:center}.desktop-footer button:hover{opacity:1;background:#88888822}.desktop-footer svg{width:15px;height:15px}.desktop-search{padding:7px 12px}.desktop-search .field{font-size:11px;padding:5px;border-radius:2px;background:transparent}.desktop .modal{--text:#333;--surface:white;--line:#ddd;--accent:#555;color:#333;background:white;border-radius:4px}.desktop .modal h2{font-size:14px}.desktop .modal-header{padding:15px 15px 5px}.desktop .modal-body{padding:12px 15px;font-size:12px}.desktop .modal-footer{padding:10px 15px}.desktop .modal .field{color:#333;border:1px solid #ccc;background:white;border-radius:2px;font-size:12px}.desktop .modal .btn{border-radius:2px;padding:5px 16px;font-size:11px;color:#333;background:white;box-shadow:none}.desktop .modal .primary{background:#777;color:white;border-color:#777}.desktop .modal .notice{background:#f4f4f4;color:#777;border-radius:2px}.desktop .modal .source-note{color:#888}.desktop .modal input[type=radio],.desktop .modal input[type=checkbox]{accent-color:#666}.desktop .modal .label{color:#777;font-size:11px}.desktop .modal .setting-row{border-color:#ddd}.desktop .modal-backdrop{background:#00000015;backdrop-filter:none}.desktop.collapsed .desktop-shell>*:not(.desktop-profile){display:none!important}.desktop.collapsed .desktop-shell{height:74px}.desktop:not(.native-glass) .desktop-shell{backdrop-filter:none}