:root{--bg:#f4f6fa;--panel:#fff;--line:#e3e7ee;--text:#1c2230;--muted:#6a7385;--accent:#2f6fde;--accent-text:#fff;--sel:#e3edfd;--danger:#c8372d;--ok:#1f7a3d;--hover:#eef1f6;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#15131f;--panel:#1e1b2e;--line:#2f2a47;--text:#ebe9f5;--muted:#9a95b5;--accent:#8b7cf6;--accent-text:#15131f;--sel:#2e2950;--danger:#f0776c;--ok:#6fd08c;--hover:#262239;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font:15px/1.5 Segoe UI,system-ui,-apple-system,sans-serif}h1{margin:0 0 12px;font-size:22px}h2{margin:0 0 10px;font-size:16px}p{margin:0 0 10px}a{color:var(--accent)}button,input{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);cursor:pointer;min-height:40px;padding:9px 16px}button:hover{background:var(--hover)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{color:var(--danger)}button:disabled{opacity:.55;cursor:default}input{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);width:100%;padding:10px 12px;font-size:16px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{color:var(--muted);gap:4px;margin-bottom:12px;font-size:13px;display:grid}.hint{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:18px}.secret{letter-spacing:1px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font:600 17px/1.4 ui-monospace,Consolas,monospace}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.login{min-height:100%;padding:16px;padding-top:max(16px, env(safe-area-inset-top));place-items:center;display:grid}.login .card{width:min(400px,100%)}.login button{width:100%}.or{text-align:center;color:var(--muted);margin:10px 0;font-size:13px}.demo-banner{background:var(--sel);color:var(--accent);text-align:center;margin:0;padding:7px 16px;font-size:13px;font-weight:600}.shell{height:100%;display:flex}.tabs{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:4px;width:200px;padding:14px 10px;display:flex}.tab{border-radius:var(--radius);color:var(--muted);align-items:center;gap:10px;padding:9px 12px;text-decoration:none;display:flex}@media (width>=721px){.tabs{gap:6px;width:74px;padding:10px 6px}.tab{text-align:center;flex-direction:column;gap:3px;padding:8px 2px;font-size:10.5px;line-height:1.2}.tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab svg{width:22px;height:22px}}.tab:hover{background:var(--hover)}.tab.router-link-active{background:var(--sel);color:var(--accent);font-weight:600}.grow{flex:1}.content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.page{width:100%;max-width:720px;margin:0 auto;padding:24px 20px}select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);max-width:100%;min-height:40px;padding:9px 10px}fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 12px;padding:10px 12px 0}legend{color:var(--muted);padding:0 6px;font-size:13px}.grid2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.grid3{grid-template-columns:1fr 90px 140px;gap:0 12px;display:grid}.rowbtns{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}ul.plain{margin:0 0 12px;padding:0;list-style:none}ul.plain li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.buttonlink{background:var(--accent);color:var(--accent-text);border-radius:var(--radius);padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}.textlink{color:var(--accent);text-align:left;background:0 0;border:0;min-height:0;padding:6px 4px}.ghost{background:0 0;border:0;align-items:center;gap:6px;min-height:40px;padding:8px;display:inline-flex}.icon.filled{fill:currentColor}button .icon{vertical-align:-3px;width:18px;height:18px}.only-mobile{display:none}.empty{text-align:center;color:var(--muted);padding:40px 20px}.toast{background:var(--text);color:var(--bg);z-index:40;border-radius:8px;max-width:90vw;margin:0;padding:9px 16px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}textarea{width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);resize:vertical;padding:10px 12px;font-size:16px}.check{color:var(--text);align-items:center;gap:8px;font-size:15px;display:flex}.check input{width:auto}ul.plain li.acct-item{display:block}.acct-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.acct-row .rowbtns{margin:0}.acct-row button,.extras ul button{min-height:34px;padding:5px 11px;font-size:14px}button.on{background:var(--sel);border-color:var(--accent);color:var(--accent)}.extras{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);margin:12px 0 6px;padding:14px}.extras .rowbtns{margin-bottom:0}.boxed{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:12px;overflow:hidden}.boxed .toolbar{border-top:0}.boxed .editor{min-height:110px}.rich{flex-direction:column;flex:1;min-height:0;display:flex}.editor .sig{color:var(--muted)}.tagchip{border:1px solid var(--line);background:var(--panel);min-height:28px;color:var(--text);white-space:nowrap;border-radius:14px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;display:inline-flex}.tagchip.first,.tagchip.on{background:var(--sel);border-color:var(--accent);color:var(--accent)}.tagchip button{background:0 0;border:0;min-height:0;padding:0 2px 0 4px;line-height:1}.tagbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.tagedit{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.tagedit input{background:0 0;border:0;flex:1;min-width:180px;padding:4px}.tagpick{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.contactlist{margin:0;padding:0;list-style:none}.contactlist li{border-bottom:1px solid var(--line);align-items:center;gap:4px;display:flex}.contactrow{text-align:left;border-radius:var(--radius);background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:9px 6px;display:flex}.who{flex-direction:column;flex:1;min-width:0;display:flex}.who b,.who small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who small{color:var(--muted);font-size:13px}.contactrow .tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:45%;display:flex}.addr{display:block;position:relative}.suggest{z-index:35;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-height:290px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:auto;box-shadow:0 10px 30px #0000004d}.suggest li{border-radius:var(--radius);cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:6px 8px;font-size:14px;display:flex}.suggest li.on,.suggest li:hover{background:var(--sel)}.aichat{z-index:45;background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:min(390px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #00000040}.aichat header{border-bottom:1px solid var(--line);padding:8px 8px 8px 16px;padding-top:max(8px, env(safe-area-inset-top));align-items:center;gap:8px;display:flex}.aichat header .hint{flex:1;font-size:13px}.ai-log{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow:auto}.ai-msg{border-radius:var(--radius);max-width:95%;padding:9px 12px}.ai-msg.user{background:var(--sel);align-self:flex-end}.ai-msg.assistant{background:var(--bg);border:1px solid var(--line);align-self:flex-start}.ai-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ai-msg .hint{margin:6px 0 0;font-size:12px}.ai-msg .rowbtns{margin:8px 0 0}.ai-msg button{min-height:32px;padding:5px 11px;font-size:13.5px}.aichat>.error{margin:0;padding:6px 16px;font-size:13px}.ai-quick{flex-wrap:wrap;gap:6px;padding:8px 16px 0;display:flex}.ai-input{padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));align-items:flex-end;gap:8px;display:flex}.ai-input textarea{resize:none;flex:1}.with-chat{padding-right:410px}.limitrow{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:4px;display:flex}.limitrow label{flex:0 240px;margin:0}.limitrow button{min-height:40px;padding:6px 12px;font-size:14px}.usage{margin:6px 0 8px;font-size:13px}.fgroup{margin-bottom:20px}.fgroup h2{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:0 0 8px;padding-bottom:5px;font-size:14px;display:flex}.fgroup h2 .textlink{margin-left:auto}.frow{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.frow>.icon{color:var(--accent);margin-top:2px}.frow.dim{opacity:.65}.f-body{flex:1;min-width:0}.f-body b{overflow-wrap:anywhere}.f-body .tags{flex-wrap:wrap;gap:4px;margin:6px 0 0;display:flex}.f-body .rowbtns{align-items:center;margin:8px 0 0}.f-body .rowbtns button:not(.textlink){min-height:34px;padding:5px 11px;font-size:14px}.f-edit{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.f-edit fieldset{padding-bottom:8px}.textlink.danger{color:var(--danger)}label.small{font-size:13.5px}.calbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.calbar b{margin-left:6px}.flip .icon{transform:scaleX(-1)}.day{margin-bottom:18px}.day h2{color:var(--muted);border-bottom:1px solid var(--line);margin:0 0 8px;padding-bottom:5px;font-size:14px}.day.today h2{color:var(--accent)}.event{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);align-items:flex-start;gap:14px;margin-bottom:8px;padding:10px 6px 10px 12px;display:flex}.e-time{flex:none;width:108px;padding-top:2px;font-size:13.5px;font-weight:600}.e-body{flex:1;min-width:0}.e-body .rowbtns{align-items:center;margin:8px 0 0}.e-body .buttonlink{padding:6px 12px;font-size:14px}.desc{white-space:pre-wrap;max-height:4.5em;overflow:hidden}.steps{padding-left:20px}.steps li{margin-bottom:8px}.uri{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.uri code{background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:6px;padding:5px 8px;font-size:13px}.uri button{min-height:30px;padding:4px 10px;font-size:13px}.when{grid-template-columns:1fr 1fr 1fr}.subtabs{gap:6px;margin-bottom:16px;display:flex}.subtabs button{align-items:center;gap:8px;display:inline-flex}.addrow{gap:8px;margin-bottom:16px;display:flex}.addrow input[type=date]{flex:none;width:160px}.addrow button{flex:none}.todolist{margin:0 0 12px;padding:0;list-style:none}.todolist li{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px 6px 10px 12px;display:flex}.tick{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:7px 0 0}.t-body{flex:1;min-width:0}.t-title{background:0 0;border:0;padding:6px 0;font-size:16px;font-weight:600}.todolist li.done .t-title{color:var(--muted);font-weight:400;text-decoration:line-through}.todolist blockquote{border-left:3px solid var(--accent);color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:9em;margin:2px 0 8px;padding:2px 0 2px 10px;overflow:auto}.t-meta{flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;display:flex}.t-meta .icon{vertical-align:-3px;width:15px;height:15px}.due{color:var(--muted);cursor:pointer;align-items:center;gap:5px;margin:0;font-size:13px;display:inline-flex;position:relative}.due.late{color:var(--danger);font-weight:600}.due input{opacity:0;cursor:pointer;padding:0;position:absolute;inset:0}.maillink{overflow-wrap:anywhere;text-decoration:none}.t-note{margin-top:8px;font-size:14px}.small{padding:4px 0;font-size:13px}.notegrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:14px;display:grid}.notecard{text-align:left;flex-direction:column;align-items:stretch;gap:6px;min-height:110px;padding:12px 14px;display:flex}.notecard .nb{color:var(--muted);white-space:pre-wrap;-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;font-size:14px;display:-webkit-box;overflow:hidden}.pickbar{border-bottom:1px solid var(--line);background:var(--sel);justify-content:space-between;align-items:center;gap:10px;padding:7px 18px;font-size:13px;display:flex}.pickbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pickbar button{flex:none;min-height:32px;padding:5px 11px}.mail{flex:1;grid-template-columns:220px minmax(280px,380px) minmax(0,1fr);min-height:0;display:grid}.m-folders{border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 10px;display:flex;overflow:auto}.m-folders nav{flex-direction:column;gap:2px;display:flex}.wide{width:100%}.acct{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12.5px;overflow:hidden}.folder{text-align:left;min-height:38px;color:var(--text);background:0 0;border:0;align-items:center;gap:9px;padding:8px 10px;display:flex}.folder span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder .icon{color:var(--muted)}.folder.active{background:var(--sel);font-weight:600}.folder.active .icon{color:var(--accent)}.folder.unread span{font-weight:700}.badge{background:var(--accent);color:var(--accent-text);border-radius:10px;padding:1px 8px;font-size:11.5px}.m-list{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.l-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;display:flex}.l-head input{flex:1;min-width:60px;padding:7px 10px}.rows{flex:1;overflow:auto}.row{border-bottom:1px solid var(--line);cursor:pointer;border-left:4px solid #0000;align-items:center;gap:10px;padding:10px 12px 10px 8px;display:flex}.row:hover{background:var(--hover)}.row.active{background:var(--sel)}.row.unseen{background:color-mix(in srgb, var(--accent) 13%, var(--panel));border-left-color:var(--accent)}.row.unseen.active{background:color-mix(in srgb, var(--accent) 26%, var(--panel))}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.rc{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;min-width:0;display:grid}.from,.subj{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subj{color:var(--muted)}.date{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.date .icon{width:14px;height:14px}.row.unseen .from,.row.unseen .subj{color:var(--text);font-weight:700}.row.unseen .date{color:var(--accent);font-weight:700}.star{min-height:0;color:var(--muted);opacity:.4;background:0 0;border:0;justify-self:end;padding:4px;line-height:0}.star.on{opacity:1;color:#d99a00}.star .icon{width:17px;height:17px}.more{margin:12px auto;display:block}.m-reader{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.reader{flex-direction:column;flex:1;min-height:0;display:flex}.r-head{border-bottom:1px solid var(--line);padding:14px 18px}.r-head h2{overflow-wrap:anywhere;margin:0 0 8px;font-size:18px}.meta{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px}.meta b{color:var(--text);font-weight:600}.actions,.atts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.actions button,.actions select{min-height:36px;padding:6px 11px;font-size:14px}.att{border-radius:16px;min-height:32px;padding:4px 11px;font-size:13px}.remote{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:7px 18px;font-size:13px;display:flex}.remote button{flex:none;min-height:32px;padding:5px 11px}.r-body{border:0;flex:1;width:100%;min-height:0}iframe.r-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.r-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;padding:18px;overflow:auto}.overlay{z-index:30;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.compose{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(760px,100%);max-height:100%;display:flex;overflow:hidden}.c-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.c-head .hint{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.c-fields{padding:12px 16px 0}.c-fields label{margin-bottom:8px}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:6px 16px;display:flex}.toolbar button,.toolbar .color{justify-content:center;align-items:center;min-width:40px;min-height:36px;padding:4px 10px;display:inline-flex}.color{border:1px solid var(--line);border-radius:var(--radius);color:var(--danger);cursor:pointer;margin:0;font-size:15px;font-weight:700;position:relative}.color span{border-bottom:3px solid;line-height:1.1}.color input{opacity:0;cursor:pointer;padding:0;position:absolute;inset:0}.linkrow{border-bottom:1px solid var(--line);gap:8px;padding:8px 16px;display:flex}.linkrow input{flex:1;min-width:0}.editor{overflow-wrap:anywhere;outline:none;flex:1;min-height:180px;padding:14px 16px;font-size:16px;line-height:1.5;overflow:auto}.editor:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.editor a{color:var(--accent)}.editor blockquote{color:var(--muted)}.c-files{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;display:flex}.c-files>button{min-height:34px;padding:5px 11px}.chip{border:1px solid var(--line);border-radius:14px;align-items:center;gap:4px;padding:2px 4px 2px 10px;font-size:13px;display:inline-flex}.chip button{background:0 0;border:0;min-height:26px;padding:0 6px}.c-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 16px;display:flex}.c-foot .error{flex:1;font-size:13px}@media (width<=720px){.shell{flex-direction:column-reverse}.tabs{width:auto;padding:4px 4px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);flex-direction:row;gap:0}.tab{flex-direction:column;flex:1;gap:2px;min-width:0;padding:6px 2px;font-size:11px}.tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.grow{display:none}.page{padding:18px 14px;padding-top:max(18px, env(safe-area-inset-top))}.only-mobile{display:inline-flex}.with-chat{padding-right:0}.aichat{border-left:0;width:100%}.event{flex-wrap:wrap;gap:4px 10px}.e-time{width:100%}.addrow{flex-wrap:wrap}.addrow input:first-child{flex:1 0 100%}.addrow input[type=date]{flex:1;width:auto}.grid2,.grid3{grid-template-columns:1fr}.mail{display:block;position:relative}.m-folders,.m-list,.m-reader{border-right:0;height:100%;display:none}.pane-folders .m-folders,.pane-list .m-list,.pane-message .m-reader{display:flex}.l-head,.backbar{padding-top:max(8px, env(safe-area-inset-top))}.backbar{color:var(--accent);border-bottom:1px solid var(--line);justify-content:flex-start;padding-left:8px}.overlay{padding:0}.compose{width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}:root[data-theme=light]{--bg:#f4f6fa;--panel:#fff;--line:#e3e7ee;--text:#1c2230;--muted:#6a7385;--accent:#2f6fde;--accent-text:#fff;--sel:#e3edfd;--danger:#c8372d;--ok:#1f7a3d;--hover:#eef1f6;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=midnight]{--bg:#15131f;--panel:#1e1b2e;--line:#2f2a47;--text:#ebe9f5;--muted:#9a95b5;--accent:#8b7cf6;--accent-text:#15131f;--sel:#2e2950;--danger:#f0776c;--ok:#6fd08c;--hover:#262239;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=paper]{--bg:#efe8db;--panel:#fbf7ef;--line:#e0d6c4;--text:#2e2a24;--muted:#7a7164;--accent:#a4532b;--accent-text:#fbf7ef;--sel:#ecdfc9;--danger:#a8322a;--ok:#3d6b2f;--hover:#f1e8d8;--radius:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=paper] body{font-family:Georgia,Times New Roman,serif}:root[data-theme=compact]{--bg:#e9ecef;--panel:#fff;--line:#dfe3e7;--text:#1a1d21;--muted:#5c6570;--accent:#0f7b6c;--accent-text:#fff;--sel:#d9efeb;--danger:#b3261e;--ok:#1f7a3d;--hover:#eef1f3;--radius:5px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=compact] body{font-size:14px}:root[data-theme=compact] .row{padding-top:5px;padding-bottom:5px}:root[data-theme=compact] .row .avatar{display:none}:root[data-theme=compact] .folder{min-height:30px;padding:4px 10px}:root[data-theme=compact] .tab{padding:6px 12px}:root[data-theme=compact] .todolist li,:root[data-theme=compact] .event{margin-bottom:5px;padding-top:6px;padding-bottom:6px}:root[data-theme=lavender]{--bg:#f3f1fb;--panel:#fff;--line:#e0dbf3;--text:#221d35;--muted:#6d6688;--accent:#6b4fd8;--accent-text:#fff;--sel:#e6e0fb;--danger:#c8372d;--ok:#1f7a3d;--hover:#eeebf9;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=rose]{--bg:#fbf1f3;--panel:#fff;--line:#f0d9de;--text:#2b1d22;--muted:#836a72;--accent:#c2416b;--accent-text:#fff;--sel:#fbe1e8;--danger:#b3261e;--ok:#1f7a3d;--hover:#f8e9ed;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=mint]{--bg:#eef6f1;--panel:#fff;--line:#d6e8dc;--text:#18261e;--muted:#5f7568;--accent:#1f8a5b;--accent-text:#fff;--sel:#d8f0e2;--danger:#c8372d;--ok:#1f7a3d;--hover:#e6f2ea;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=ocean]{--bg:#0d1722;--panel:#132130;--line:#20344a;--text:#e3edf7;--muted:#8aa0b8;--accent:#38b6e8;--accent-text:#0d1722;--sel:#17384f;--danger:#f0776c;--ok:#6fd08c;--hover:#182a3d;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=forest]{--bg:#0f1a16;--panel:#16241f;--line:#24382f;--text:#e4efe9;--muted:#8fa89c;--accent:#4fc48f;--accent-text:#0f1a16;--sel:#1f3a2f;--danger:#f0776c;--ok:#6fd08c;--hover:#1b2c26;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=graphite]{--bg:#161616;--panel:#1f1f1f;--line:#333;--text:#ececec;--muted:#9a9a9a;--accent:#f2a03d;--accent-text:#161616;--sel:#3a2f1f;--danger:#f0776c;--ok:#6fd08c;--hover:#292929;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=contrast]{--bg:#000;--panel:#0a0a0a;--line:#6a6a6a;--text:#fff;--muted:#d0d0d0;--accent:#ffd60a;--accent-text:#000;--sel:#3a3200;--danger:#ff8a80;--ok:#7dff9b;--hover:#1c1c1c;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-fs=small] body{zoom:.9}:root[data-fs=large] body{zoom:1.15}.themes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:14px;display:grid}.themebtn{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.themebtn small{color:var(--muted);font-size:12px}.swatch{gap:4px;margin-bottom:4px;display:flex}.swatch i{border:1px solid #80808066;border-radius:50%;width:18px;height:18px}[data-preview=auto] .swatch i:first-child{background:linear-gradient(90deg,#f4f6fa 50%,#15131f 50%)}[data-preview=auto] .swatch i:nth-child(2){background:linear-gradient(90deg,#2f6fde 50%,#8b7cf6 50%)}[data-preview=auto] .swatch i:nth-child(3){background:linear-gradient(90deg,#1c2230 50%,#ebe9f5 50%)}[data-preview=light] .swatch i:first-child{background:#f4f6fa}[data-preview=light] .swatch i:nth-child(2){background:#2f6fde}[data-preview=light] .swatch i:nth-child(3){background:#1c2230}[data-preview=midnight] .swatch i:first-child{background:#15131f}[data-preview=midnight] .swatch i:nth-child(2){background:#8b7cf6}[data-preview=midnight] .swatch i:nth-child(3){background:#ebe9f5}[data-preview=paper] .swatch i:first-child{background:#efe8db}[data-preview=paper] .swatch i:nth-child(2){background:#a4532b}[data-preview=paper] .swatch i:nth-child(3){background:#2e2a24}[data-preview=compact] .swatch i:first-child{background:#e9ecef}[data-preview=compact] .swatch i:nth-child(2){background:#0f7b6c}[data-preview=compact] .swatch i:nth-child(3){background:#1a1d21}[data-preview=lavender] .swatch i:first-child{background:#f3f1fb}[data-preview=lavender] .swatch i:nth-child(2){background:#6b4fd8}[data-preview=lavender] .swatch i:nth-child(3){background:#221d35}[data-preview=rose] .swatch i:first-child{background:#fbf1f3}[data-preview=rose] .swatch i:nth-child(2){background:#c2416b}[data-preview=rose] .swatch i:nth-child(3){background:#2b1d22}[data-preview=mint] .swatch i:first-child{background:#eef6f1}[data-preview=mint] .swatch i:nth-child(2){background:#1f8a5b}[data-preview=mint] .swatch i:nth-child(3){background:#18261e}[data-preview=ocean] .swatch i:first-child{background:#0d1722}[data-preview=ocean] .swatch i:nth-child(2){background:#38b6e8}[data-preview=ocean] .swatch i:nth-child(3){background:#e3edf7}[data-preview=forest] .swatch i:first-child{background:#0f1a16}[data-preview=forest] .swatch i:nth-child(2){background:#4fc48f}[data-preview=forest] .swatch i:nth-child(3){background:#e4efe9}[data-preview=graphite] .swatch i:first-child{background:#161616}[data-preview=graphite] .swatch i:nth-child(2){background:#f2a03d}[data-preview=graphite] .swatch i:nth-child(3){background:#ececec}[data-preview=contrast] .swatch i:first-child{background:#000}[data-preview=contrast] .swatch i:nth-child(2){background:#ffd60a}[data-preview=contrast] .swatch i:nth-child(3){background:#fff}.split{flex:1;grid-template-columns:230px minmax(0,1fr);min-height:0;display:grid}.split.three{grid-template-columns:230px minmax(280px,400px) minmax(0,1fr)}.side{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 10px;display:flex;overflow:auto}.side h3{color:var(--muted);margin:14px 10px 4px;font-size:12px;font-weight:600}.sidehint{margin:0 10px;font-size:12.5px}.side .textlink{padding-left:10px}.sideadd{gap:6px;padding:4px 6px;display:grid}.sideadd input{padding:6px 9px;font-size:14px}.sideadd label{margin:0}.pane{min-width:0;overflow:auto}.letters{grid-template-columns:repeat(6,1fr);gap:3px;padding:0 6px;display:grid}.letter{background:0 0;border:0;min-height:30px;padding:0;font-weight:600}.letter.active{background:var(--sel);color:var(--accent)}.tagadd{border:1px dashed var(--line);background:0 0;border-radius:14px;width:84px;padding:2px 9px;font-size:13px}.t-meta{margin-bottom:4px}.ficon{background:var(--sel);width:34px;height:34px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.row.dim{opacity:.6}.listmsg{border-bottom:1px solid var(--line);margin:0;padding:6px 14px;font-size:13px}.fdetail{flex-direction:column;min-height:0;display:flex;overflow:auto}.fdetail .f-edit{border-top:0;margin:0;padding:14px 18px}.buttonlink.quiet{background:var(--panel);color:var(--text);border:1px solid var(--line);align-items:center;gap:6px;padding:6px 11px;font-size:14px;font-weight:400;display:inline-flex}.people{flex-wrap:wrap;align-items:center;gap:2px 4px;display:flex}.person{min-height:0;color:var(--text);text-underline-offset:3px;background:0 0;border:0;border-radius:10px;padding:1px 6px;font-size:13px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.person:hover,.person.on{background:var(--sel);color:var(--accent)}.personbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;font-size:13.5px;display:flex}.personbar .rowbtns{margin:0}.personbar button{min-height:32px;padding:5px 10px;font-size:13.5px}.personbar .tagchip{margin-left:4px}.composer{background:var(--panel);border:1px solid var(--line);z-index:30;border-bottom:0;border-radius:12px 12px 0 0;flex-direction:column;width:min(720px,100% - 36px);max-height:calc(100% - 40px);display:flex;position:fixed;bottom:0;right:18px;box-shadow:0 -6px 30px #00000040}.composer:has(.aichat){right:408px}.c-tabs{background:var(--bg);border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;flex:none;align-items:flex-end;gap:2px;padding:6px 6px 0;display:flex;overflow:auto hidden}.ctab{cursor:pointer;white-space:nowrap;min-width:100px;max-width:210px;color:var(--muted);border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:7px 4px 7px 10px;font-size:13px;display:flex}.ctab span{text-overflow:ellipsis;flex:1;overflow:hidden}.ctab .icon{width:14px;height:14px}.ctab:hover{background:var(--hover)}.ctab.active{background:var(--panel);border-color:var(--line);color:var(--text);margin-bottom:-1px;padding-bottom:8px;font-weight:600}.ctab button,.c-tabs>button{min-height:0;color:var(--muted);background:0 0;border:0;padding:2px 7px;line-height:1.2}.c-tabs>button{margin-bottom:5px}.c-tabs .gap{flex:1}.compose-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.composer .compose{border:0;border-radius:0;flex:1;width:auto;min-height:0;max-height:none}.c-from{margin:0 0 8px;font-size:12.5px}.composer .editor{min-height:170px;max-height:38vh}.calpage{flex-direction:column;flex:1;min-height:0;display:flex}.calpage>[role=status]{margin:0;padding:8px 16px}.calbar{border-bottom:1px solid var(--line);margin:0;padding:10px 14px}.calbar h1{margin:0 0 0 6px;font-size:19px}.seg{display:inline-flex}.seg button{border-radius:0;min-height:36px;margin-left:-1px;padding:6px 12px}.seg button:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.seg button:last-child{border-radius:0 var(--radius) var(--radius) 0}.cal-layout{flex:1;grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid}.month{grid-template-rows:auto repeat(6,minmax(86px,1fr));grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;display:grid;overflow:auto}.wd{color:var(--muted);border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:var(--panel);padding:6px 8px;font-size:12.5px;font-weight:600}.cell{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);text-align:left;border-radius:0;flex-direction:column;align-items:stretch;gap:2px;min-width:0;min-height:0;padding:4px;display:flex;overflow:hidden}.cell:hover{background:var(--hover)}.cell.other{background:var(--bg);color:var(--muted)}.cell.sel{box-shadow:inset 0 0 0 2px var(--accent)}.num{border-radius:50%;align-self:flex-start;place-items:center;min-width:24px;height:24px;font-size:13px;display:grid}.cell.today .num{background:var(--accent);color:var(--accent-text);font-weight:700}.chipev{background:var(--sel);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:1px 5px;font-size:12px;overflow:hidden}.chipev.allday{background:var(--accent);color:var(--accent-text)}.more-ev{color:var(--muted);padding-left:4px;font-size:11.5px}.daypanel{border-left:1px solid var(--line);background:var(--panel);padding:14px;overflow:auto}.daypanel h2{margin:0 0 10px;font-size:16px}.daypanel .wide{margin-bottom:12px}.daypanel .event{background:var(--bg)}.e-body>.e-time{width:auto;color:var(--accent);padding:0 0 2px}.disc{margin:4px 14px}@media (width<=720px){.split,.split.three{flex-direction:column;display:flex}.side{border-right:0;border-bottom:1px solid var(--line);padding:6px;padding-top:max(6px, env(safe-area-inset-top));flex-flow:row;flex:none;align-items:center;gap:5px;overflow-x:auto}.side h3,.side .sidehint,.side>.textlink{display:none}.side .folder{border:1px solid var(--line);flex:none;min-height:34px;padding:4px 10px}.side .folder span{flex:none}.letters{flex:none;padding:0;display:flex}.letter{min-width:30px}.sideadd{flex:none;width:150px;padding:0}.sideadd label,.sideadd button{display:none}.split.three .m-list{flex:1;min-height:0;display:flex}.split.three .detail{display:none}.split.three.has-detail .detail{z-index:25;display:flex;position:fixed;inset:0}.composer{z-index:35;border:0;border-radius:0;width:100%;max-height:none;top:0;right:0}.composer.min{top:auto;bottom:calc(60px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.composer:has(.aichat){right:0}.composer .editor{max-height:none}.c-tabs{padding-top:max(6px, env(safe-area-inset-top));border-radius:0}.composer.min .c-tabs{padding-top:6px}.cal-layout{flex-direction:column;display:flex;overflow:auto}.month{flex:none;grid-template-rows:auto repeat(6,minmax(58px,auto));overflow:visible}.chipev{padding:0 3px;font-size:10.5px}.daypanel{border-left:0;border-top:1px solid var(--line);overflow:visible}.calbar{padding-top:max(10px, env(safe-area-inset-top))}.calbar h1{order:-1;width:100%;margin:0 0 4px;font-size:16px}}.preview{padding:14px 18px 0}.preview img{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:100%;max-height:60vh;display:block}.preview iframe{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;height:62vh;display:block}.preview pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);max-height:60vh;margin:0;padding:12px;font:13px/1.5 ui-monospace,Consolas,monospace;overflow:auto}.preview button{margin-top:6px}.att.on{background:var(--sel);border-color:var(--accent);color:var(--accent)}.attview{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.attbar{border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 18px;font-size:14px;display:flex}.attbar b{overflow-wrap:anywhere}.attbar .hint{flex:1}.attbar button{min-height:34px;padding:5px 11px;font-size:14px}.attview .preview{flex-direction:column;flex:1;min-height:0;padding-bottom:14px;display:flex}.attview .preview iframe{flex:1;height:auto;min-height:320px}.attview .preview img{max-height:none}.grip{cursor:nwse-resize;touch-action:none;margin-right:2px;font-size:15px}body.resizing{-webkit-user-select:none;user-select:none;cursor:nwse-resize}body.resizing iframe{pointer-events:none}.composer.max{width:calc(100% - 36px);height:calc(100% - 24px);max-height:none}.composer.sized,.composer.max .editor,.composer.sized .editor{max-height:none}.c-foot .ok{flex:1;font-size:13px}.quickev{border-top:1px solid var(--line);background:var(--bg);flex-wrap:wrap;align-items:flex-end;gap:8px 10px;padding:10px 16px;display:flex}.quickev label{margin:0}.quickev .qe-title{flex:220px}.quickev input[type=date]{width:150px}.quickev input[type=time]{width:104px}.quickev .check{padding-bottom:9px}.quickev button{min-height:40px;padding:6px 12px;font-size:14px}.quickev p{flex:1 0 100%;margin:0;font-size:12.5px}@media (width<=720px){.grip,.c-tabs>button[title=Groß\ anzeigen],.c-tabs>button[title=Normale\ Größe]{display:none}.composer.max,.composer.sized{width:100%!important;height:auto!important}}.ctx-back{z-index:60;position:fixed;inset:0}.ctx{z-index:61;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:290px;padding:6px;display:flex;position:fixed;box-shadow:0 12px 34px #00000059}.ctx button{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;min-height:36px;padding:8px 10px;overflow:hidden}.ctx button:hover,.ctx button:focus-visible{background:color-mix(in srgb, var(--accent) 16%, var(--panel))}.ctx hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.ctx-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px 2px;font-size:12px}.pushopts{flex-direction:column;align-items:flex-start;gap:8px;margin:14px 0;display:flex}.pushopts .inline{align-items:center;gap:10px;margin-left:28px;display:flex}.pushopts .inline input{width:90px}.mascot{display:none}@media (width>=721px){.mascot{transform-origin:50% 90%;align-self:center;width:66px;height:66px;margin:0 -2px 4px;transition:transform .25s;display:block}.mascot:hover{transform:rotate(-8deg)scale(1.12)}}@media (prefers-reduced-motion:reduce){.mascot{transition:none}.mascot:hover{transform:none}}:root[data-theme=graphite]{--bg:#ffffff0b;--panel:#ffffff12;--line:#ffffff21;--hover:#ffffff17;--sel:#f2a03d38;--radius:12px}:root[data-theme=graphite] body{background-color:#121214;background-image:radial-gradient(900px 620px at 12% 8%,#f2a03d4d,#0000 62%),radial-gradient(820px 640px at 88% 92%,#5884ff4d,#0000 60%),radial-gradient(600px 460px at 70% 20%,#aa5adc29,#0000 65%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}:root[data-theme=graphite] :is(.tabs,.m-folders,.m-list,.m-reader,.side,.card,.daypanel,.fdetail,.l-head){-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%)}:root[data-theme=graphite] :is(.m-folders,.side){background:#ffffff09}:root[data-theme=graphite] :is(.card,.m-list,.m-reader,.tabs){box-shadow:inset 0 1px #ffffff12}:root[data-theme=graphite] :is(.card,.frow,.event,.todolist li,.notecard,.themebtn){border-color:#ffffff29}:root[data-theme=graphite] :is(.ctx,.suggest,.aichat,.composer,.compose,.quickev){-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#1e1e22c7;border-color:#ffffff2e}:root[data-theme=graphite] .toast{color:#161616;background:#f5f5f5eb}:root[data-theme=graphite] select option{color:#ececec;background:#232326}:root[data-theme=graphite] button.primary,:root[data-theme=graphite] .buttonlink.primary{box-shadow:0 6px 22px #f2a03d47}:root[data-theme=graphite] .row.active{background:#f2a03d33}
