:root{--bg:#f5f6f4;--panel:#fff;--ink:#16191a;--muted:#6b7270;--line:#e2e5e2;--soft:#ecefec;--accent:#1e6b57;--accent-ink:#fff;--star:#e2a21a;--danger:#b4412f;--display:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--body:"Figtree", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1211;--panel:#171b1a;--ink:#eef1ef;--muted:#97a09c;--line:#2a302e;--soft:#222826;--accent:#4fb394;--accent-ink:#08120f;--star:#f2bc45;--danger:#e5735f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1211;--panel:#171b1a;--ink:#eef1ef;--muted:#97a09c;--line:#2a302e;--soft:#222826;--accent:#4fb394;--accent-ink:#08120f;--star:#f2bc45;--danger:#e5735f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-accent=green]{--accent:#1e6b57;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=green]{--accent:#4fb394;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=green]{--accent:#4fb394;--accent-ink:#08120f}:root[data-accent=teal]{--accent:#0f7a86;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=teal]{--accent:#4cc3cf;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=teal]{--accent:#4cc3cf;--accent-ink:#08120f}:root[data-accent=blue]{--accent:#2160c4;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=blue]{--accent:#6ea6f0;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=blue]{--accent:#6ea6f0;--accent-ink:#08120f}:root[data-accent=indigo]{--accent:#4b48c6;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=indigo]{--accent:#9592f4;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=indigo]{--accent:#9592f4;--accent-ink:#08120f}:root[data-accent=plum]{--accent:#8a3fa0;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=plum]{--accent:#cb8edc;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=plum]{--accent:#cb8edc;--accent-ink:#08120f}:root[data-accent=rose]{--accent:#c2385a;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=rose]{--accent:#f2819b;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=rose]{--accent:#f2819b;--accent-ink:#08120f}:root[data-accent=terracotta]{--accent:#b4532a;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=terracotta]{--accent:#eb9367;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=terracotta]{--accent:#eb9367;--accent-ink:#08120f}:root[data-accent=amber]{--accent:#9a6200;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=amber]{--accent:#f0b23c;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=amber]{--accent:#f0b23c;--accent-ink:#08120f}:root[data-accent=graphite]{--accent:#3d4a55;--accent-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=graphite]{--accent:#aab7c3;--accent-ink:#08120f}}:root[data-theme=dark][data-accent=graphite]{--accent:#aab7c3;--accent-ink:#08120f}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:18px;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}svg{display:block}.login{height:100%;padding-block:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;overflow-y:auto}.login-card{flex-direction:column;gap:22px;width:100%;max-width:420px;margin:auto;display:flex}.brand{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(2.6rem,9vw,3.4rem);font-weight:700;line-height:1}.brand span{color:var(--accent)}.tag{color:var(--muted);margin-top:-8px;font-size:1.15rem;line-height:1.45}.field{flex-direction:column;gap:8px;display:flex}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:600}.input{border:1.5px solid var(--line);background:var(--panel);border-radius:14px;outline:none;width:100%;padding:16px 18px;font-size:1.25rem}.input:focus{border-color:var(--accent)}.btn{background:var(--ink);color:var(--bg);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:17px 20px;font-size:1.2rem;font-weight:600;display:flex}.login-note{color:var(--muted);font-size:.95rem;line-height:1.5}.err{color:var(--danger);min-height:1.2em;font-size:1rem}.waiting{color:var(--muted);font-size:1.05rem}.app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(300px,360px) minmax(0,1fr);height:100%;display:grid}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.side-head{padding-block:22px 14px;padding-left:max(20px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);flex-direction:column;gap:14px;padding-right:20px;display:flex}.side-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hdr .hbtn{width:36px;height:40px}.side-brand{font-family:var(--display);letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1.4rem;font-weight:700;overflow:hidden}.side-brand span{color:var(--accent)}.link{color:var(--muted);text-underline-offset:3px;font-size:.95rem;text-decoration:underline}.hdr{gap:2px;margin-right:-8px;display:flex}.hbtn{width:42px;height:42px;color:var(--ink);border-radius:12px;flex:none;place-items:center;display:grid}.hbtn:hover{background:var(--soft)}.hbtn.on{background:var(--soft);color:var(--accent)}.hbtn.add{color:var(--accent)}.side-foot{border-top:1px solid var(--line);padding-block:10px calc(10px + env(safe-area-inset-bottom,0px));padding-left:max(10px,env(safe-area-inset-left,0px));align-items:center;gap:4px;padding-right:10px;display:flex}.me{text-align:left;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;padding:6px;display:flex}.me:hover{background:var(--soft)}.avatar{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);font-weight:700;font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;display:grid}.me-text{flex-direction:column;min-width:0;display:flex}.me-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;overflow:hidden}.me-sub{color:var(--muted);font-size:.85rem}.menu{left:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));background:var(--panel);border:1px solid var(--line);z-index:30;border-radius:16px;flex-direction:column;gap:6px;width:280px;max-width:calc(100vw - 24px);padding:8px;display:flex;position:absolute;box-shadow:0 18px 50px #0000002e}.menu-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 10px 2px;font-size:.75rem;font-weight:600}.seg{background:var(--soft);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg button{height:40px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #0000001a}.accent-row{grid-template-columns:repeat(9,1fr);gap:6px;padding:2px 6px 6px;display:grid}.accent-sw{aspect-ratio:1;background:var(--sw-l);border:0;border-radius:50%;max-width:100%;position:relative}.accent-sw.on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--sw-l)}.accent-sw.on:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .accent-sw{background:var(--sw-d)}:root:not([data-theme=light]) .accent-sw.on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--sw-d)}:root:not([data-theme=light]) .accent-sw.on:after{border-color:#0b0f12}}:root[data-theme=dark] .accent-sw{background:var(--sw-d)}:root[data-theme=dark] .accent-sw.on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--sw-d)}:root[data-theme=dark] .accent-sw.on:after{border-color:#0b0f12}.menu-sep{background:var(--line);height:1px;margin:4px 2px}.menu-item{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 10px;font-size:1.05rem;display:flex}.menu-item:hover{background:var(--soft)}.app.collapsed{grid-template-columns:72px minmax(0,1fr)}.side.rail{padding-block:18px calc(12px + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px);align-items:center;gap:6px}.rail-sep{background:var(--line);flex:none;width:28px;height:1px;margin:6px 0}.rail-spacer{flex:1}.rail .me{flex:none;padding:4px}.tabs{background:var(--soft);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tab{color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:1.05rem;font-weight:600;display:flex}.tab.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #00000014}.tab .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:500}.new-list{gap:8px;display:flex}.new-list .input{padding:12px 14px;font-size:1.15rem}.lists{padding-block:10px 24px;padding-left:max(10px,env(safe-area-inset-left,0px));flex-direction:column;flex:1;gap:2px;padding-right:10px;display:flex;overflow-y:auto}.sec-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:14px 12px 6px;font-size:.75rem;font-weight:600}.group{flex-direction:column;gap:2px;min-height:4px;display:flex}.list-row{-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:6px;padding:4px 6px 4px 4px;display:flex}.list-row:hover,.list-row.active{background:var(--soft)}.list-row.active .list-name{font-weight:600}.list-open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:14px 6px;font-size:1.4rem;display:flex}.list-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.list-name.untitled{color:var(--muted)}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.95rem}.side-empty{color:var(--muted);padding:18px 12px;font-size:1.05rem;line-height:1.5}.grip{width:28px;height:44px;color:var(--muted);opacity:.45;cursor:grab;touch-action:none;flex:none;place-items:center;display:grid}.grip:active{cursor:grabbing}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--soft);color:var(--ink)}.star-btn.on{color:var(--star)}.star-btn.on svg path{fill:currentColor}.main-head{padding-block:22px 10px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));align-items:flex-start;gap:8px;display:flex}.back{display:none}.title-wrap{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.title{font-family:var(--display);letter-spacing:-.03em;text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;outline:none;width:100%;min-width:0;padding:0;font-size:clamp(2.2rem,6vw,3rem);font-weight:700;line-height:1.08}.title::placeholder{color:var(--muted);opacity:.6}.title:focus{background:var(--soft)}.sub{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;min-height:1.3em;font-size:1.05rem;overflow:hidden}.head-actions{gap:2px;padding-top:6px;display:flex}.confirm{margin-left:max(20px,env(safe-area-inset-left,0px));margin-right:max(20px,env(safe-area-inset-right,0px));background:var(--soft);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;font-size:1.05rem;display:flex}.confirm span{flex:1;min-width:180px}.pill{border-radius:999px;padding:10px 16px;font-size:1rem;font-weight:600}.pill.danger{background:var(--danger);color:#fff}.pill.plain{background:var(--panel)}.pill.ink{background:var(--ink);color:var(--bg)}.todos{padding-block:6px 24px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));flex:1;overflow-y:auto}.todo-inner{flex-direction:column;gap:2px;max-width:860px;display:flex}.todo{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin-bottom:8px;padding:6px 6px 6px 2px;display:flex}.check{flex:none;place-items:center;width:44px;height:44px;display:grid}.box{border:2px solid var(--line);border-radius:9px;place-items:center;width:28px;height:28px;transition:background .15s,border-color .15s;display:grid}.check:hover .box{border-color:var(--accent)}.todo.done .box{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.todo-text{overflow-wrap:anywhere;cursor:text;flex:1;min-width:0;padding:10px 4px;font-size:1.3rem;line-height:1.35}.todo.done .todo-text{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px}.todo-edit{border:1.5px solid var(--accent);background:var(--bg);border-radius:10px;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:1.3rem}.del{opacity:.55}.todo:hover .del{opacity:1}.done-toggle{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;padding:16px 10px 8px;font-size:.75rem;font-weight:600;display:flex}.empty{color:var(--muted);max-width:460px;padding:40px 12px;font-size:1.2rem;line-height:1.5}.sortable-ghost{opacity:.35}.sortable-chosen{box-shadow:0 10px 30px #0000001f}.sortable-drag{opacity:.95}.app.drag-todo .list-row:not(.active){outline:2px dashed var(--line);outline-offset:-2px}.list-row.drop-hover,.list-row.drop-hover:hover{background:var(--accent);color:var(--accent-ink);outline-color:var(--accent)!important}.list-row.drop-hover .count,.list-row.drop-hover .grip,.list-row.drop-hover .star-btn{color:var(--accent-ink)}.tray{z-index:15;background:var(--panel);border-top:1px solid var(--line);padding-block:14px calc(16px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000024}.tray-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.tray-chips{flex-wrap:wrap;gap:8px;max-height:40vh;display:flex;overflow:hidden}.chip{background:var(--soft);border:2px dashed var(--line);border-radius:14px;padding:16px 20px;font-size:1.2rem;font-weight:600}.chip.drop-hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}@media (width>=761px){.tray{display:none}}.composer{border-top:1px solid var(--line);background:var(--panel);padding-block:12px calc(12px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.composer form{align-items:center;gap:8px;max-width:860px;display:flex}.composer .input{background:var(--bg);padding:14px 16px;font-size:1.25rem}.mic,.send{border-radius:14px;flex:none;place-items:center;width:54px;height:54px;display:grid}.mic{background:var(--soft)}.send{background:var(--ink);color:var(--bg)}.mic.live,.tb.live{background:var(--danger);color:#fff;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--danger) 25%,transparent)}}.hint{max-width:860px;color:var(--muted);padding-top:6px;font-size:.95rem}.hint:empty{display:none}.toolbar{scrollbar-width:none;border-block:1px solid var(--line);background:var(--panel);padding-block:6px;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));align-items:center;gap:2px;display:flex;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.tb{min-width:40px;height:40px;color:var(--ink);border-radius:10px;flex:none;place-items:center;padding:0 6px;font-size:1rem;display:grid}.tb:hover{background:var(--soft)}.tb.on{background:var(--ink);color:var(--bg)}.tt{font-size:1.02rem;font-weight:700;line-height:1;font-family:var(--body)}.tt.serif{font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:400}.sep{background:var(--line);flex:none;width:1px;height:22px;margin:0 6px}.subbar{background:var(--panel);border-bottom:1px solid var(--line);padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex-wrap:wrap;align-items:center;gap:10px;display:flex}.subbar .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);width:84px;font-size:.75rem;font-weight:600}.sw-row{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;display:flex}.sw{border:2px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:grid}.sw:hover{border-color:var(--ink)}.subbar .input{background:var(--bg);flex:1;min-width:180px;padding:11px 14px;font-size:1.1rem}.note-scroll{padding-block:22px calc(48px + env(safe-area-inset-bottom,0px));padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));flex:1;overflow-y:auto}.editor{overflow-wrap:anywhere;max-width:760px;min-height:55vh;caret-color:var(--accent);outline:none;font-size:1.22rem;line-height:1.65;position:relative}.editor.is-empty:before{content:attr(data-placeholder);color:var(--muted);opacity:.7;pointer-events:none;position:absolute;top:0;left:0}.editor>:first-child{margin-top:0}.editor p,.editor div{margin:0 0 .55em}.editor h1,.editor h2,.editor h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;line-height:1.18}.editor h1{margin:1.1em 0 .4em;font-size:2.05rem}.editor h2{margin:1em 0 .35em;font-size:1.6rem}.editor h3{margin:.9em 0 .3em;font-size:1.3rem}.editor ul,.editor ol{margin:0 0 .6em;padding-left:1.4em}.editor li{margin:.15em 0}.editor blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:.7em 0;padding:.15em 0 .15em 18px}.editor pre{font-family:var(--mono);background:var(--soft);white-space:pre-wrap;border-radius:12px;margin:.7em 0;padding:14px 16px;font-size:1rem;line-height:1.5}.editor a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.editor img{background:var(--soft);border-radius:12px;max-width:100%;height:auto;margin:.7em 0;display:block}.editor img:hover{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.editor ul.checklist{padding-left:0;list-style:none}.editor ul.checklist ul.checklist{padding-left:1.2em}.editor ul.checklist>li{margin:.3em 0;padding-left:36px;position:relative}.editor ul.checklist>li:before{content:"";box-sizing:border-box;border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:7px;width:22px;height:22px;transition:background .15s,border-color .15s;position:absolute;top:.22em;left:1px}.editor ul.checklist>li:hover:before{border-color:var(--accent)}.editor ul.checklist>li[data-checked=true]:before{background:var(--accent);border-color:var(--accent)}.editor ul.checklist>li[data-checked=true]:after{content:"";border:solid var(--accent-ink);pointer-events:none;border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:calc(.22em + 4px);left:9px;transform:rotate(45deg)}.editor ul.checklist>li[data-checked=true]{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px}.note-scroll.ro .editor ul.checklist>li:before{cursor:default}.editor div.ink{border:1px solid var(--line);background-color:var(--panel);background-image:radial-gradient(color-mix(in srgb,var(--muted) 30%,transparent) 1px,transparent 1.2px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-size:24px 24px;border-radius:14px;max-width:100%;margin:.8em 0;position:relative;overflow:hidden}.editor div.ink canvas{touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.editor div.ink.active{outline:2.5px solid var(--accent);outline-offset:2px}.editor div.ink.active canvas{touch-action:none;cursor:crosshair}.ink-edit{background:var(--soft);width:40px;height:40px;color:var(--ink);opacity:.9;z-index:2;border-radius:12px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.ink-edit:hover{opacity:1;background:var(--line)}.editor div.ink.active .ink-edit{display:none}.ink-grow{cursor:ns-resize;touch-action:none;z-index:2;place-items:center;width:84px;height:22px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ink-grow:after{content:"";background:var(--line);border-radius:3px;width:46px;height:5px}.inkbar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:25;background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 2px;width:max-content;max-width:calc(100% - 24px);padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #0003}.inkbar::-webkit-scrollbar{display:none}.inkbar .tb[disabled]{opacity:.35;cursor:default}.inkbar .tb.danger-on{background:var(--danger);color:#fff;padding:0 10px;font-size:.9rem;font-weight:600}.ink-sw{border:2px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:50%;flex:none;width:28px;height:28px;margin:0 3px}.ink-sw.on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--ink)}.ink-size{border-radius:10px;flex:none;place-items:center;width:36px;height:40px;display:grid}.ink-size i{background:var(--ink);border-radius:50%;display:block}.ink-size.on{background:var(--soft)}.ink-done{background:var(--ink);height:40px;color:var(--bg);border-radius:12px;flex:none;align-items:center;gap:6px;margin-left:4px;padding:0 14px 0 10px;font-weight:600;display:flex}.main.inking .note-scroll{padding-bottom:140px}.editor hr{border:0;border-top:1.5px solid var(--line);margin:1.5em 0}.avatar{overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar.sm{width:28px;height:28px;font-size:.85rem}.avatar.lg{width:58px;height:58px;font-size:1.5rem}.byline{color:var(--muted);align-items:center;gap:10px;min-width:0;margin-top:6px;font-size:1.02rem;display:flex}.byline .txt{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.byline b{color:var(--ink);font-weight:600}.share-chip{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:.85rem;font-weight:600;display:inline-flex}.share-chip svg{width:15px;height:15px}.share-mark{color:var(--muted);opacity:.8;flex:none;display:grid}.list-row.drop-hover .share-mark{color:var(--accent-ink)}.icon-btn.shared-on{color:var(--accent)}.sheet{margin-left:max(20px,env(safe-area-inset-left,0px));margin-right:max(20px,env(safe-area-inset-right,0px));background:var(--soft);border-radius:16px;flex-direction:column;gap:12px;max-width:620px;margin-bottom:10px;padding:16px;display:flex}.sheet-top{justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:1.15rem;font-weight:600;display:flex}.sheet-top .byline{margin:0;font-weight:400}.sheet-top .icon-btn{margin:-8px -8px -8px 0}.sheet p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.45}.mode-seg{background:var(--panel);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-seg button{color:var(--muted);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:1.02rem;font-weight:600;display:flex}.mode-seg button:hover{color:var(--ink)}.mode-seg button.on{background:var(--ink);color:var(--bg)}.link-row{gap:8px;min-width:0;display:flex}.link-row .input{background:var(--panel);min-width:0;color:var(--muted);flex:1;padding:11px 12px;font-size:.98rem}.link-row .pill{place-items:center;padding:0 16px;display:grid}.text-btn{color:var(--accent);cursor:pointer;align-self:flex-start;font-size:1rem;font-weight:600}.text-btn.muted{color:var(--muted)}.text-btn.danger{color:var(--danger)}.composer.ro{color:var(--muted);align-items:center;gap:10px;font-size:1.05rem;display:flex}.composer.ro b{color:var(--ink)}.check[disabled]{cursor:default}.note-scroll.ro{border-top:1px solid var(--line)}.menu-profile{align-items:center;gap:14px;padding:8px 8px 6px;display:flex}.photo-pick{cursor:pointer;border-radius:50%;flex:none;position:relative}.photo-pick .cam{background:var(--ink);width:26px;height:26px;color:var(--bg);border:2px solid var(--panel);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.photo-pick .cam svg{width:14px;height:14px}.photo-actions{gap:14px;margin-top:2px;display:flex}.chk{color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-size:1rem;display:flex}.chk input{width:20px;height:20px;accent-color:var(--accent)}#publishSheet .field label{font-size:.8rem}#publishSheet .input{background:var(--panel);font-size:1.05rem;font-family:var(--mono);padding:11px 12px}.pub-go{align-self:flex-start;align-items:center;gap:8px;padding:12px 18px;display:flex}.pub-go svg{width:18px;height:18px}.pub-go[disabled]{opacity:.6}.admin-scroll{padding-block:6px calc(40px + env(safe-area-inset-bottom,0px));padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));flex:1;overflow-y:auto}.admin-inner{flex-direction:column;gap:14px;max-width:720px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.card-title{font-family:var(--display);letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.card-note{color:var(--muted);margin:0;font-size:.98rem;line-height:1.5}.card-note.foot{padding:0 4px}.adm-err{color:var(--danger);margin:0}.switch-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.switch{background:var(--line);border-radius:999px;flex:none;width:56px;height:32px;margin-top:2px;transition:background .15s;position:relative}.switch i{background:var(--panel);border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--accent)}.switch.on i{transform:translate(24px)}.adm-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.adm-form .field:nth-child(3),.adm-form .err,.adm-form .btn{grid-column:1/-1}.adm-form .input{padding:13px 14px;font-size:1.1rem}.mono{font-family:var(--mono)}.pw-wrap{align-items:center;gap:4px;display:flex;position:relative}.pw-wrap .input{flex:1;min-width:0}.pw-eye{width:46px;height:46px;color:var(--muted);border-radius:12px;flex:none;place-items:center;display:grid}.pw-eye:hover{background:var(--soft);color:var(--ink)}.creds{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.creds dl{grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-size:1.1rem;display:grid}.creds dt{color:var(--muted)}.creds dd{overflow-wrap:anywhere;margin:0;font-weight:600}.row-gap{flex-wrap:wrap;gap:8px;display:flex}.row-gap .pill{align-items:center;gap:8px;display:flex}.row-gap .pill svg{width:18px;height:18px}.sr-copy{width:1px;height:1px;position:absolute;left:-9999px}.sr-copy.show{width:100%;height:110px;font:inherit;font-family:var(--mono);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:10px;font-size:.95rem;position:static}.people-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.search{max-width:240px;padding:10px 12px;font-size:1rem}.person{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.person:first-of-type{border-top:0}.person.off .person-name{color:var(--muted)}.person-main{flex:1;min-width:0}.person-name{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.person-sub{color:var(--muted);overflow-wrap:anywhere;font-size:.92rem}.person-actions{flex:none;align-items:center;gap:2px;display:flex}.pill-state{letter-spacing:.04em;border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:600}.pill-state.is-on{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.pill-state.is-off{color:var(--muted);background:var(--soft)}.btn[disabled]{opacity:.6;cursor:default}@media (width<=760px){.app{grid-template-columns:minmax(0,1fr)}.side{border-right:0}.app.viewing .side,.app:not(.viewing) .main{display:none}.back{margin-top:4px;margin-left:-10px;display:grid}.collapse-btn{display:none}.side-head{padding-right:max(16px,env(safe-area-inset-right,0px))}.lists{padding-right:max(10px,env(safe-area-inset-right,0px))}.list-open{font-size:1.5rem}.title{font-size:1.9rem}.byline{flex-wrap:wrap;row-gap:6px}.byline .txt{white-space:normal;flex:calc(100% - 38px);line-height:1.35}.byline .share-chip{margin-left:38px}.inkbar .sep{display:none}.inkbar .tb{min-width:38px}.main.inking .note-scroll{padding-bottom:210px}.adm-form{grid-template-columns:1fr}.person{flex-wrap:wrap}.person-actions{margin-left:38px}.search{flex:100%;max-width:none}.subbar .lbl{width:100%}.subbar .pill{padding:10px 14px}.main-head{padding-top:14px}}@media (width<=360px){.title{font-size:1.6rem}.todo-text{font-size:1.2rem}.list-open{font-size:1.35rem}.tb{min-width:38px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);z-index:20;border-radius:14px;max-width:min(520px,100% - 32px);padding:14px 18px;font-size:1rem;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0003}.pub-page{background:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}.pub-nav{z-index:10;background:color-mix(in srgb,var(--panel) 85%,transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:14px max(24px,env(safe-area-inset-right,0px)) 14px max(24px,env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.pub-brand{font-family:var(--display);color:var(--ink);align-items:center;gap:6px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.pub-brand span{color:var(--accent)}.pub-nav-actions{align-items:center;gap:10px;display:flex}.pub-main{width:100%;max-width:760px;padding:48px max(20px,env(safe-area-inset-right,0px)) 80px max(20px,env(safe-area-inset-left,0px));flex:1;margin:0 auto}.pub-title{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 16px;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:700;line-height:1.1}.pub-byline{color:var(--muted);align-items:center;gap:12px;margin-bottom:36px;font-size:1rem;display:flex}.pub-byline b{color:var(--ink);font-weight:600}.pub-avatar{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:700;display:grid}.pub-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pub-content{font-size:1.15rem;line-height:1.7}.pub-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:64px;padding-top:24px;font-size:.95rem;display:flex}