:root{--bg: #0b0f14;--bg-1: #111721;--bg-2: #161e2a;--bg-3: #1d2735;--line: #232e3d;--line-soft: #1a2331;--text: #e6edf5;--muted: #8b9bb0;--dim: #61728a;--accent: #4dd4c0;--accent-2: #6f8dff;--danger: #f77068;--paper: #10161f;--paper-edge: #1c2634;--warn: #fdb022;--ok: #32d583;--on-accent: #06231e;--accent-hot: #61e3cf;--accent-quiet: #23413c;--bg-hover: #243040;--edge-hover: #2c3b4f;--placeholder: #38455a;--scroll-thumb: #2a3646;--scroll-thumb-hover: #3a4a5f;--glow: #131c27;--mark-tile: #f2f5f9;--code-bg: #0d1117;--code-line: #182130;--console-bg: #080b10;--live-bg: #14251f;--live-line: #1e3a31;--live-edge: #2b5a4d;--danger-soft: #2a1a1c;--danger-line: #3a2a2c;--shadow-rgb: 0 0 0;--radius: 10px;--rail: 76px;--font-ui: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-doc: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-tech: "Orbitron", "Space Grotesk", ui-monospace, system-ui, sans-serif;color-scheme:dark}[data-theme=nebula]{--bg: #0b0914;--bg-1: #130f23;--bg-2: #1a1530;--bg-3: #241d40;--line: #302751;--line-soft: #211b3b;--text: #ece8f8;--muted: #a294c6;--dim: #7a6ca2;--accent: #b388ff;--accent-2: #5ce1e6;--danger: #ff6b9d;--paper: #120f21;--paper-edge: #241d40;--warn: #ffc46b;--ok: #4ade80;--on-accent: #1b0f33;--accent-hot: #c7a6ff;--accent-quiet: #3a2a63;--bg-hover: #2b2350;--edge-hover: #453a6e;--placeholder: #4a3f70;--scroll-thumb: #33294f;--scroll-thumb-hover: #463a6b;--glow: #1a1233;--code-bg: #0e0b1a;--code-line: #241d40;--console-bg: #080610;--live-bg: #1b1233;--live-line: #382a63;--live-edge: #5b45a0;--danger-soft: #2d1422;--danger-line: #47203a}[data-theme=terminal]{--bg: #050809;--bg-1: #0a1011;--bg-2: #0f1719;--bg-3: #152123;--line: #1f2f30;--line-soft: #162323;--text: #d6f2e3;--muted: #7fa894;--dim: #5a7c6c;--accent: #3ef08a;--accent-2: #9ee84f;--danger: #ff6b5e;--paper: #070d0e;--paper-edge: #172526;--warn: #ffd866;--ok: #3ef08a;--on-accent: #032013;--accent-hot: #6ff7ac;--accent-quiet: #1c4632;--bg-hover: #1a2a2b;--edge-hover: #2c4644;--placeholder: #34504a;--scroll-thumb: #213433;--scroll-thumb-hover: #2f4a47;--glow: #0c1a17;--code-bg: #050a0b;--code-line: #172524;--console-bg: #030607;--live-bg: #0d2018;--live-line: #17402c;--live-edge: #2a6b46;--danger-soft: #241413;--danger-line: #3d2220;--font-ui: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}[data-theme=ember]{--bg: #100b09;--bg-1: #1a1310;--bg-2: #221a15;--bg-3: #2d221b;--line: #3b2d23;--line-soft: #2a2019;--text: #f7ece2;--muted: #bda28c;--dim: #8b7461;--accent: #ff9f43;--accent-2: #ff6b6b;--danger: #f0544f;--paper: #150f0c;--paper-edge: #2d221b;--warn: #ffd166;--ok: #8bc34a;--on-accent: #2a1403;--accent-hot: #ffb76b;--accent-quiet: #5a3a18;--bg-hover: #382a20;--edge-hover: #4d3a2b;--placeholder: #5c4835;--scroll-thumb: #3d2e23;--scroll-thumb-hover: #57422f;--glow: #23160f;--code-bg: #0f0a08;--code-line: #2a2019;--console-bg: #0a0605;--live-bg: #2a1a0c;--live-line: #4a2f14;--live-edge: #7a4f1f;--danger-soft: #2c1613;--danger-line: #48241f}[data-theme=daylight]{--bg: #eef1f6;--bg-1: #f8fafc;--bg-2: #e9edf4;--bg-3: #dfe5ef;--line: #cfd8e4;--line-soft: #e3e8f1;--text: #16202e;--muted: #526174;--dim: #78879b;--accent: #0e9b86;--accent-2: #3b5bdb;--danger: #d64545;--paper: #ffffff;--paper-edge: #dde4ee;--warn: #b7791f;--ok: #12a150;--on-accent: #ffffff;--accent-hot: #0bb29a;--accent-quiet: #a8ded4;--bg-hover: #d6dde9;--edge-hover: #b6c2d4;--placeholder: #a4b0c2;--scroll-thumb: #c3cddc;--scroll-thumb-hover: #a8b5c8;--glow: #ffffff;--mark-tile: #ffffff;--code-bg: #0d1117;--code-line: #182130;--console-bg: #080b10;--live-bg: #ddf3ec;--live-line: #a8ded4;--live-edge: #4fc3a8;--danger-soft: #fbe4e4;--danger-line: #f0c0c0;--shadow-rgb: 43 60 84;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.5 var(--font-ui);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}body.dragging,body.dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:default}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:6px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;background:var(--bg-3);border:1px solid var(--line);color:var(--text);white-space:nowrap;font-weight:500;letter-spacing:-.01em;transition:background .12s,border-color .12s,transform .06s}.btn:hover{background:var(--bg-hover)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{background:var(--accent-hot)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:var(--bg-2);color:var(--text)}.btn.danger{color:var(--danger);border-color:var(--danger-line);background:transparent}.btn.danger:hover{background:var(--danger-soft)}.btn.danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger.solid:hover{background:var(--danger);filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:default}.btn.sm{padding:4px 9px;font-size:12.5px;border-radius:7px}.btn:disabled{opacity:.45;cursor:not-allowed}.input,.select,.textarea{width:100%;padding:9px 11px;background:var(--bg-1);border:1px solid var(--line);border-radius:8px;outline:none;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4dd4c021}.select{cursor:pointer}.select.sm{width:auto;padding:5px 8px;font-size:12.5px;border-radius:7px;background:var(--bg-3)}.avatar{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--on-accent);position:relative}.avatar.sm{width:22px;height:22px;font-size:10px}.avatar.lg{width:38px;height:38px;font-size:14px}.avatar .dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--dim);border:2px solid var(--bg-1)}.avatar .dot.on{background:var(--ok)}.group-icon{vertical-align:-.18em;flex:0 0 auto}.phone-icon{vertical-align:-.16em;flex:0 0 auto}.phone-icon.is-hangup{transform:rotate(134deg)}.cw-btn .phone-icon{font-size:15px;vertical-align:0}.row .icon .group-icon{width:1.35em;height:1.35em;vertical-align:-.28em}.cw-hash .group-icon{width:1.25em;height:1.25em}.tag .group-icon,.chip .group-icon{margin-right:3px}.tag{display:inline-flex;align-items:center;gap:2px;font-size:11px;padding:2px 7px;border-radius:999px;background:var(--bg-3);color:var(--muted);border:1px solid var(--line)}.badge{min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;display:grid;place-items:center}.empty{color:var(--dim);text-align:center;padding:40px 20px;font-size:13px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{display:flex;height:100%}.rail{width:var(--rail);flex:0 0 var(--rail);background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:12px 0 10px;gap:10px;min-height:0}.rail-brand{display:flex;flex-direction:column;align-items:center;gap:5px;padding-bottom:2px}.rail-brand .lab{font-family:var(--font-tech);font-weight:700;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;line-height:1;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rail-nav{display:flex;flex-direction:column;gap:4px;width:100%;padding:0 8px}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px;width:100%;padding:0 8px}.mark{width:30px;height:30px;flex:0 0 auto;border-radius:9px;padding:3px;background:var(--mark-tile);display:grid;place-items:center;box-shadow:0 1px #ffffff40 inset,0 2px 8px rgb(var(--shadow-rgb) / .35)}.mark img{width:100%;height:100%;object-fit:contain;display:block}.mark.lg{width:54px;height:54px;border-radius:15px;padding:5px}.rail-btn{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 7px;border-radius:11px;background:transparent;border:1px solid transparent;color:var(--muted);transition:background .12s,color .12s,border-color .12s}.rail-btn .glyph{font-size:19px;line-height:1;display:grid;place-items:center}.rail-btn .label{font-size:10px;font-weight:600;letter-spacing:.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-btn:hover{background:var(--bg-2);color:var(--text)}.rail-btn[aria-current=true]{background:var(--bg-3);color:var(--accent);border-color:var(--line)}.rail-btn[aria-expanded=true]{background:var(--bg-3);color:var(--text);border-color:var(--line)}.rail-btn[aria-current=true]:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--accent)}.rail-btn .badge{position:absolute;top:4px;right:8px;min-width:17px;height:17px;padding:0 4px;font-size:10px;line-height:17px}.rail-btn.call{color:var(--accent)}.rail-btn.call.bad{color:var(--danger)}.rail-btn.call .live{position:absolute;top:7px;right:11px;width:6px;height:6px;border-radius:50%;background:var(--danger);animation:pulse 1.6s ease-in-out infinite}.rail-btn .avatar{width:26px;height:26px;font-size:10.5px}.rail-pop{position:relative;width:100%}.rail-popover{position:absolute;left:calc(100% + 10px);bottom:0;z-index:60;width:270px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:2px 0 6px;box-shadow:0 16px 40px rgb(var(--shadow-rgb) / .5);animation:menu-in .12s ease-out}@keyframes menu-in{0%{opacity:0;transform:translate(-4px)}}.voice-popover{padding:8px}.voice-popover .voice-dock{border:0;background:transparent;padding:0}.profile-menu .who{display:flex;align-items:center;gap:9px;padding:11px 12px 9px;border-bottom:1px solid var(--line-soft);margin-bottom:2px}.profile-menu .who .body{min-width:0;display:flex;flex-direction:column;gap:1px}.profile-menu .who .title{font-size:13.5px;font-weight:600;letter-spacing:-.012em}.profile-menu .who .sub{font-size:11.5px;color:var(--dim)}.profile-menu .pane-head{padding:10px 12px 4px}.theme-list{display:flex;flex-direction:column;padding:0 6px;gap:1px}.theme-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:8px;text-align:left;background:transparent;border:1px solid transparent;color:var(--text)}.theme-row:hover{background:var(--bg-3)}.theme-row[aria-checked=true]{background:var(--bg-3);border-color:var(--line)}.theme-row .body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.theme-row .title{font-size:13px;font-weight:500;letter-spacing:-.012em}.theme-row .sub{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-row .tick{color:var(--accent);font-size:12px;flex:0 0 auto}.theme-row .swatch{width:26px;height:26px;flex:0 0 auto;overflow:hidden;border-radius:7px;border:1px solid var(--line);display:flex;flex-direction:column}.theme-row .swatch i{flex:1;display:block}.theme-row .swatch i:first-child{flex:2}.menu-sep{height:1px;background:var(--line-soft);margin:7px 8px 5px}.menu-item,.menu-out{display:block;width:calc(100% - 12px);margin:0 6px;text-align:left;padding:8px;border-radius:8px;font-size:13px;background:transparent;border:0;color:var(--muted)}.menu-item:hover,.menu-out:hover{background:var(--bg-3);color:var(--text)}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px;color:var(--dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.11em;font-weight:600}.pane-head .count{font-variant-numeric:tabular-nums;letter-spacing:.04em}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:54px;flex:0 0 54px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg-1)}.topbar .heading{min-width:0;flex:1}.topbar .heading h2{margin:0;font-family:var(--font-doc);font-size:18px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .heading p{margin:0;font-size:11.5px;color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .actions{display:flex;align-items:center;gap:8px}.blank{flex:1;display:grid;place-items:center;color:var(--dim)}.blank .inner{text-align:center;max-width:420px}.blank h3{font-family:var(--font-doc);font-size:26px;font-weight:500;letter-spacing:-.015em;color:var(--text);margin:0 0 8px}.blank .inner p{font-size:14.5px;line-height:1.65;color:var(--dim)}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.messages{flex:1;overflow-y:auto;padding:18px 20px 8px;display:flex;flex-direction:column;gap:2px}.msg{display:flex;gap:10px;padding:3px 0}.msg.grouped{padding-top:0}.msg .gutter{width:30px;flex:0 0 30px}.msg .content{min-width:0;flex:1}.msg .meta{display:flex;align-items:baseline;gap:8px;margin-bottom:1px}.msg .who{font-weight:600;font-size:13.5px;letter-spacing:-.015em}.msg .when{font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}.msg .text{white-space:pre-wrap;word-wrap:break-word;font-size:14px}.msg .text code{background:var(--bg-2);padding:1px 5px;border-radius:5px;font-size:12.5px;font-family:var(--font-mono)}.msg.system{justify-content:center;padding:6px 0}.msg.system .text{font-size:12px;color:var(--dim);font-style:italic}.note-card{display:flex;align-items:center;gap:10px;margin-top:4px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg-1);max-width:380px;text-align:left;color:var(--text)}.note-card:hover{border-color:var(--accent)}.typing{height:20px;padding:0 20px 4px;font-size:12px;color:var(--dim);font-style:italic}.composer{padding:10px 16px 16px;border-top:1px solid var(--line);background:var(--bg)}.composer .box{display:flex;align-items:flex-end;gap:8px;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 12px;transition:border-color .12s}.composer .box:focus-within{border-color:var(--accent)}.composer textarea{flex:1;background:transparent;border:0;outline:none;resize:none;max-height:180px;padding:4px 0;line-height:1.5}.composer .hint{font-size:11px;color:var(--dim);padding:6px 4px 0}.voice-dock{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px}.voice-dock .head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.voice-dock .head .live{width:7px;height:7px;border-radius:50%;background:var(--danger);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.voice-dock .sfx-toggle{background:transparent;border:0;padding:0 2px;font-size:12px;opacity:.75;line-height:1;flex:0 0 auto}.voice-dock .sfx-toggle:hover{opacity:1}.voice-dock .sfx-toggle[aria-pressed=false]{opacity:.45}.voice-dock .label{font-size:12px;color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-peers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.voice-peer{position:relative}.voice-peer .avatar{transition:box-shadow .1s}.voice-peer.speaking .avatar{box-shadow:0 0 0 2px var(--accent)}.voice-peer .mute-pip{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:var(--danger);color:#fff;font-size:8px;display:grid;place-items:center;border:2px solid var(--bg-2)}.voice-dock .controls{display:flex;gap:6px}.voice-dock .controls .btn{flex:1;justify-content:center}.call-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--live-bg);border-bottom:1px solid var(--live-line);font-size:13px}.note{flex:1;overflow-y:auto;padding:22px 22px 60px;background:radial-gradient(900px 500px at 50% -140px,var(--glow) 0%,var(--bg) 70%)}.note-page{max-width:900px;margin:0 auto;min-height:calc(100% - 4px);display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--paper-edge);border-radius:16px;box-shadow:0 22px 60px rgb(var(--shadow-rgb) / .42);padding:54px 68px 40px}.note-page.reading{padding-bottom:72px}.note-title{width:100%;background:transparent;border:0;outline:none;font-family:var(--font-doc);font-size:40px;font-weight:600;letter-spacing:-.022em;padding:0 0 10px;line-height:1.18}.note-title::placeholder{color:var(--placeholder)}.note-sub{color:var(--dim);font-size:12px;letter-spacing:.01em;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-bottom:18px;margin-bottom:12px;border-bottom:1px solid var(--line-soft)}.block{position:relative;margin:2px 0;border-radius:10px}.block .block-tools{position:absolute;top:4px;right:-54px;z-index:3;display:flex;gap:2px;opacity:0;transition:opacity .12s}.block:hover .block-tools,.block:focus-within .block-tools{opacity:1}.text-block{display:block;width:100%;border-left:2px solid transparent;padding:6px 0 6px 14px;margin-left:-16px;font-family:var(--font-doc);font-size:18.5px;line-height:1.7;font-weight:400;letter-spacing:-.003em;min-height:38px}.text-block:focus-within{border-left-color:var(--accent)}.cm-ySelectionInfo{font-family:var(--font-ui);font-weight:600;letter-spacing:.01em}.note-peers{display:inline-flex;align-items:center;margin-left:auto}.note-peers .avatar{margin-left:-5px;box-shadow:0 0 0 2px var(--paper)}.note-peers .more{margin-left:6px;color:var(--muted)}.tag.offline{color:var(--warn)}.page-fill{flex:1;min-height:140px;cursor:text}.code-block{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--code-bg);margin:14px 0}.code-head{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;background:var(--bg-2);border-bottom:1px solid var(--line)}.code-head .lang{background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 6px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.01em;color:var(--muted);cursor:pointer}.code-head .lang:hover{border-color:var(--line);background:var(--bg-3)}.code-head .grow{flex:1}.cm-host .cm-editor{max-height:620px}.cm-host .cm-editor.cm-focused{outline:none}.cm-host .cm-scroller{font-family:var(--font-mono);font-size:13px;line-height:1.6}.cm-host .cm-gutters{background:var(--code-bg);border-right:1px solid var(--code-line)}.console{border-top:1px solid var(--line);background:var(--console-bg);padding:8px 12px;font-family:var(--font-mono);font-size:12px;max-height:200px;overflow:auto}.console .line{white-space:pre-wrap;word-break:break-word;padding:1px 0}.console .line.err{color:var(--danger)}.console .line.ret{color:var(--accent)}.sketch-block{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-2);margin:14px 0}.sketch-block.reading{border-color:var(--line-soft);background:transparent}.sketch-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:6px 8px;border-bottom:1px solid var(--line)}.sketch-head .grow{flex:1}.sketch-actions{display:flex;align-items:center;gap:2px}.sketch-tools{display:flex;gap:2px}.sketch-tools .tool{min-width:30px;font-size:15px}.sketch-tools .tool.on{background:var(--accent-quiet);color:var(--accent)}.sketch-colors{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sketch-colors .swatch{width:18px;height:18px;border-radius:50%;padding:0;cursor:pointer;border:1px solid rgb(var(--shadow-rgb) / .35);box-shadow:0 0 0 1px var(--line)}.sketch-colors .swatch.on{box-shadow:0 0 0 2px var(--bg-2),0 0 0 4px var(--accent)}.sketch-colors .swatch.custom{position:relative;overflow:hidden;background:conic-gradient(#e03131,#fcc419,#2f9e44,#1c7ed6,#7048e8,#e64980,#e03131)}.sketch-colors .swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.sketch-size{display:flex;align-items:center;gap:6px}.sketch-size .dot{display:inline-block;border-radius:50%;background:var(--text)}.sketch-size input{width:72px;accent-color:var(--accent)}.sketch-stage{position:relative;background:#fff;outline:none}.sketch-block.reading .sketch-stage{border-radius:9px;overflow:hidden}.sketch-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.sketch-stage.dropping{box-shadow:inset 0 0 0 3px var(--accent)}.sketch-canvas{display:block;width:100%;aspect-ratio:3 / 2;touch-action:none}.sketch-block.reading .sketch-canvas{touch-action:auto}.sketch-canvas.is-draw{cursor:crosshair}.sketch-canvas.is-eraser{cursor:cell}.sketch-canvas.is-select{cursor:move}.sketch-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;color:#9aa3ad;font-family:var(--font-ui);font-size:14px}.sketch-peer{position:absolute;pointer-events:none;transform:translate(-2px,-2px);transition:left .06s linear,top .06s linear;z-index:2}.sketch-peer i{display:block;width:10px;height:10px;border-radius:50%;background:var(--peer);box-shadow:0 0 0 2px #fff}.sketch-peer b{position:absolute;left:12px;top:8px;white-space:nowrap;background:var(--peer);color:#fff;font:600 11px var(--font-ui);padding:1px 6px;border-radius:6px;text-shadow:0 1px 1px rgb(0 0 0 / .35)}.sketch-error{padding:6px 12px;color:var(--danger);font-size:12.5px;border-top:1px solid var(--line)}.note-card-page .sketch-thumb{display:block;width:100%;height:auto;border-radius:4px;margin:4px 0 8px;border:1px solid var(--line-soft)}.add-block{display:flex;gap:8px;justify-content:center;padding:10px 0 0;border-top:1px solid var(--line-soft);opacity:.4;transition:opacity .15s}.add-block:hover{opacity:1}.md{font-family:var(--font-doc);font-size:18.5px;line-height:1.7;letter-spacing:-.003em}.md h1,.md h2,.md h3{margin:26px 0 8px;line-height:1.22;font-weight:600;letter-spacing:-.018em}.md h1{font-size:30px}.md h2{font-size:23px}.md h3{font-size:19px}.md em,.md blockquote{font-style:italic}.md p{margin:10px 0}.md ul{margin:10px 0;padding-left:22px}.md code{background:var(--bg-2);padding:1px 5px;border-radius:5px;font-family:var(--font-mono);font-size:13px}.md blockquote{border-left:3px solid var(--line);margin:10px 0;padding-left:12px;color:var(--muted)}.chat-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.chat-window{position:absolute;pointer-events:auto;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgb(var(--shadow-rgb) / .55),0 0 0 1px rgb(var(--shadow-rgb) / .25)}.chat-window.is-min{display:none}.chat-window.in-call{border-color:var(--live-edge)}.cw-head{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:8px 8px 8px 12px;cursor:grab;background:var(--bg-2);border-bottom:1px solid var(--line);touch-action:none}.cw-head:active{cursor:grabbing}.cw-hash{color:var(--muted);font-size:15px;width:22px;flex:0 0 auto;display:grid;place-items:center}.cw-title{min-width:0;flex:0 1 auto;display:flex;flex-direction:column;line-height:1.25}.cw-title strong{font-size:13.5px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-title span{font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-btns{display:flex;align-items:center;gap:2px;flex:0 0 auto}.cw-btn{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--muted);font-size:13px;line-height:1}.cw-btn:hover{background:var(--bg-3);color:var(--text)}.cw-btn.hot{background:var(--danger-soft);color:var(--danger)}.cw-btn:disabled{opacity:.4;cursor:not-allowed}.cw-menu-wrap{position:relative}.cw-menu{position:absolute;top:30px;right:0;z-index:5;min-width:168px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:4px;box-shadow:0 14px 34px rgb(var(--shadow-rgb) / .5);display:flex;flex-direction:column}.cw-menu button{text-align:left;padding:7px 9px;border-radius:7px;font-size:13px;background:transparent;border:0;color:var(--text);white-space:nowrap}.cw-menu button:hover{background:var(--bg-3)}.cw-menu button.warn{color:var(--danger)}.cw-grip{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,var(--line) 50%,var(--line) 62%,transparent 62%,transparent 74%,var(--line) 74%,var(--line) 86%,transparent 86%);border-bottom-right-radius:14px}.chat-window .chat{flex:1;min-height:0}.chat-window .messages{padding:14px 14px 6px}.chat-window .composer{padding:8px 12px 12px}.chat-window .typing{padding:0 14px 4px}.chat-window .call-banner{padding:7px 12px}.member-strip{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:4px}.member-faces{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.member-strip .avatar{cursor:default}.member-strip .avatar .dot{border-color:var(--bg-2)}.member-more{position:relative;flex:0 0 auto}.member-arrow{width:auto;min-width:24px;height:22px;padding:0 4px;gap:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg-3);border:1px solid var(--line);color:var(--muted);font-size:11px}.member-arrow:hover{color:var(--text);border-color:var(--edge-hover)}.member-arrow .count{font-weight:600;font-variant-numeric:tabular-nums}.member-arrow .chev{font-size:9px;line-height:1}.member-menu{top:28px;right:0;min-width:216px;padding:0}.member-menu-head{padding:9px 11px 7px;font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.11em;font-weight:600;border-bottom:1px solid var(--line-soft)}.member-menu-list{max-height:244px;overflow-y:auto;padding:5px}.member-row{display:flex;align-items:center;gap:9px;padding:6px 7px;border-radius:8px;min-width:0}.member-row:hover{background:var(--bg-3)}.member-row .body{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.25}.member-row .name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row .handle{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row .state{flex:0 0 auto;font-size:10.5px;color:var(--dim)}.member-row .state.on{color:var(--ok)}.chat-dock{position:fixed;right:14px;bottom:12px;z-index:45;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;gap:8px;max-width:calc(100vw - 28px)}.chat-pill{display:flex;align-items:center;gap:2px;padding:3px 4px 3px 6px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 26px rgb(var(--shadow-rgb) / .45)}.chat-pill.in-call{border-color:var(--live-edge)}.chat-pill .open{display:flex;align-items:center;gap:8px;max-width:200px;background:transparent;border:0;color:var(--text);padding:3px 6px;border-radius:999px}.chat-pill .open:hover{color:var(--accent)}.chat-pill .name{font-size:13px;font-weight:500;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pill .live{width:7px;height:7px;border-radius:50%;background:var(--danger);animation:pulse 1.6s ease-in-out infinite;flex:0 0 auto}.topbar .cw-menu-wrap{display:flex}.download-menu{top:34px;min-width:214px}.download-menu button{display:flex;align-items:center;gap:8px}.download-menu .ext{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--dim)}.grid-view{flex:1;overflow-y:auto;padding:20px 24px 48px;background:radial-gradient(900px 500px at 50% -160px,var(--glow) 0%,var(--bg) 70%)}.grid-search{max-width:420px;margin:0 auto 22px}.note-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));max-width:1180px;margin:0 auto}.note-card-page{position:relative}.note-card-page .open{display:flex;flex-direction:column;gap:8px;padding:0;width:100%;background:transparent;border:0;text-align:left;color:var(--text)}.card-del{position:absolute;top:9px;right:9px;z-index:2;width:28px;height:28px;border-radius:8px;font-size:13px;line-height:1;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);color:var(--muted);opacity:0;transform:scale(.94);transition:opacity .12s,transform .12s,color .12s,border-color .12s}.note-card-page:hover .card-del,.card-del:focus-visible{opacity:1;transform:none}.card-del:hover{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft)}.note-card-page .sheet{position:relative;height:224px;overflow:hidden;background:var(--paper);border:1px solid var(--paper-edge);border-radius:12px;padding:20px 18px 0;box-shadow:0 12px 28px rgb(var(--shadow-rgb) / .35);transition:transform .13s ease,border-color .13s,box-shadow .13s}.note-card-page .open:hover .sheet{transform:translateY(-3px);border-color:var(--edge-hover);box-shadow:0 18px 38px rgb(var(--shadow-rgb) / .45)}.note-card-page.is-current .sheet{border-color:var(--accent)}.note-card-page h3{margin:0 0 10px;font-family:var(--font-doc);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card-page .excerpt{font-family:var(--font-doc);font-size:12.5px;line-height:1.62;color:var(--muted)}.note-card-page .excerpt p{margin:0 0 6px;overflow-wrap:anywhere}.note-card-page .excerpt.blank-note{font-style:italic;color:var(--dim)}.note-card-page .fade{position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(transparent,var(--paper))}.note-card-page .card-foot{display:flex;align-items:center;gap:7px;padding:0 3px;font-size:11.5px;color:var(--dim);min-width:0}.note-card-page .card-foot .who{flex:0 1 auto;min-width:0;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-page .card-foot .grow{flex:1}.note-card-page .card-foot .when{flex:0 0 auto;font-variant-numeric:tabular-nums}.note-card-page .chip{flex:0 0 auto;max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 6px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--muted);font-size:10.5px}.note-card-page .chip.room{color:var(--accent);border-color:var(--accent-quiet)}.browse{flex:1;overflow-y:auto;padding:20px 24px 48px;background:radial-gradient(900px 500px at 50% -160px,var(--glow) 0%,var(--bg) 70%)}.browse-search{max-width:420px;margin:0 auto 18px}.browse-section{max-width:1180px;margin:0 auto 10px}.browse-section .pane-head{padding:14px 2px 8px;justify-content:flex-start;gap:9px}.browse-section .pane-head .count{padding:1px 7px;border-radius:999px;font-size:10px;background:var(--bg-2);border:1px solid var(--line);letter-spacing:.04em}.tile-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}.people-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.tile{display:flex;flex-direction:column;gap:10px;padding:14px 15px 12px;border-radius:13px;background:var(--bg-1);border:1px solid var(--line);transition:border-color .13s,transform .13s,box-shadow .13s}.tile:hover{border-color:var(--edge-hover);transform:translateY(-2px);box-shadow:0 12px 28px rgb(var(--shadow-rgb) / .3)}.tile.is-open{border-color:var(--accent)}.tile.in-call{border-color:var(--live-edge)}.tile-head{display:flex;align-items:center;gap:10px;min-width:0}.tile-icon{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;font-size:15px;background:var(--bg-3);border:1px solid var(--line);color:var(--muted)}.tile-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.tile-name .title{font-size:14px;font-weight:600;letter-spacing:-.014em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-name .sub{font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-body{margin:0;font-size:12.5px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.1em;overflow-wrap:anywhere}.tile-foot{display:flex;align-items:center;gap:6px}.tile-foot .grow{flex:1}.tile-foot .when{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .badge{flex:0 0 auto}.tile.person{gap:0}.tile.person .tile-head .btn{flex:0 0 auto}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070b99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:60;padding:20px}.modal{width:100%;max-width:420px;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 24px 60px #00000080}.modal h3{margin:0 0 4px;font-family:var(--font-doc);font-size:20px;font-weight:600;letter-spacing:-.015em}.modal .sub{color:var(--dim);font-size:13px;margin:0 0 16px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.modal .hint{color:var(--dim);font-size:13px;margin:10px 2px 0}.error{color:var(--danger);font-size:13px;margin:8px 0 0}.invite-results{list-style:none;margin:4px 0 0;padding:0;max-height:268px;overflow-y:auto}.invite-results li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-top:1px solid var(--line)}.invite-results li:first-child{border-top:0}.invite-results .tile-name{min-width:0;flex:1}.choice{display:grid;gap:8px}.choice label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0}.choice label:has(input:checked){border-color:var(--accent);background:var(--bg-2)}.choice input{margin-top:2px;accent-color:var(--accent)}.choice .title{display:block;font-size:13px;color:var(--text)}.choice .sub{display:block;font-size:12px;color:var(--dim);margin:2px 0 0}.auth{height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(1000px 600px at 50% -10%,var(--glow) 0%,var(--bg) 60%)}.auth .card{width:100%;max-width:380px}.auth .boot{display:grid;justify-items:center;gap:14px;color:var(--dim);font-size:13px;text-align:center}.auth .logo{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}.auth .logo{margin-bottom:12px}.auth h1{text-align:center;font-family:var(--font-doc);font-size:30px;font-weight:500;letter-spacing:-.02em;margin:12px 0 4px}.auth h1 .lab{font-family:var(--font-tech);font-weight:600;font-size:21px;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth .tagline{text-align:center;color:var(--dim);font-size:13.5px;font-family:var(--font-doc);font-style:italic;margin:0 0 24px}.auth .switch{text-align:center;margin-top:16px;font-size:13px;color:var(--dim)}.auth .switch button{background:none;border:0;color:var(--accent);padding:0}.auth .btn.wide{width:100%;justify-content:center;margin-top:8px}.auth .link{background:none;border:0;padding:0;color:var(--accent);font:inherit;cursor:pointer}.auth .link:hover{text-decoration:underline}.auth .label-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px}.auth .label-row label{margin-bottom:0}.auth .label-row .link{font-size:12px}.auth-step{margin:0 0 16px}.auth-step h2{margin:0 0 4px;font-size:16px;font-weight:600}.auth-step p{margin:0;color:var(--dim);font-size:13px;line-height:1.5}.auth-note{margin:0 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--muted);font-size:13px;line-height:1.55}.auth-note strong{color:var(--text);font-weight:600;word-break:break-all}.mobile-back{display:none}.wide-only{display:inline}@media(max-width:1100px){.note-page{padding:44px 40px 36px}.block .block-tools{right:4px}}@media(max-width:820px){.app{flex-direction:column}.rail{order:2;width:100%;flex:0 0 auto;flex-direction:row;align-items:stretch;gap:0;border-right:0;border-top:1px solid var(--line);padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px))}.rail-brand{display:none}.rail-nav{flex-direction:row;flex:1;padding:0;gap:2px}.rail-foot{margin-top:0;flex-direction:row;width:auto;padding:0 0 0 6px;gap:2px}.rail-pop{width:auto}.rail-btn{min-width:62px;padding:6px 4px 4px}.rail-btn[aria-current=true]:before{left:50%;top:-5px;transform:translate(-50%);width:22px;height:3px;border-radius:0 0 3px 3px}.rail-popover{left:auto;right:0;bottom:calc(100% + 10px);width:min(270px,calc(100vw - 24px))}@keyframes menu-in{0%{opacity:0;transform:translateY(4px)}}.main{order:1;flex:1;min-height:0}.mobile-back{display:inline-flex}.note{padding:0}.note-page{border:0;border-radius:0;box-shadow:none;padding:22px 18px 30px;min-height:100%}.note-title{font-size:30px}.messages{padding:14px 14px 8px}.composer{padding:8px 12px 12px}.grid-view,.browse{padding:14px 14px 36px}.tile-grid,.people-grid{grid-template-columns:1fr;gap:10px}.note-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.note-card-page .sheet{height:176px;padding:15px 13px 0}.note-card-page h3{font-size:16px}.topbar{gap:8px;padding:0 12px}.topbar .actions{min-width:0;gap:6px}.topbar .actions .select.sm{max-width:88px;padding:5px 4px;font-size:12px}.grid-top .heading p{display:none}.grid-top .heading h2{font-size:16px}.wide-only,.note-card-page .card-foot .who{display:none}.card-del{opacity:1;transform:none}.chat-window{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:84%!important;border-radius:16px 16px 0 0;border-bottom:0}.cw-grip{display:none}.cw-head{cursor:default}.chat-dock{right:10px;left:10px;bottom:10px;justify-content:flex-start}.chat-pill .open{max-width:150px}}.storage-line{display:flex;align-items:center;gap:12px;max-width:760px;margin:0 auto 18px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-1)}.storage-line .what{flex:0 0 auto;font-size:16px;color:var(--dim)}.storage-line p{flex:1;margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}.storage-line em{color:var(--text);font-style:normal;font-weight:600}.storage-line .btn{flex:0 0 auto}.storage-line.is-cloud .what{color:var(--accent)}.note-card-page .chip.device,.note-card-page .chip.cloud{max-width:none;padding:1px 5px}.note-card-page .chip.cloud{color:var(--accent);border-color:var(--accent-quiet)}.note-frozen{display:flex;flex-direction:column;gap:10px;margin:12px auto 0;max-width:820px;padding:12px 16px;border:1px solid var(--warn);border-radius:12px;background:color-mix(in srgb,var(--warn) 9%,var(--bg-1));font-size:13px;line-height:1.55;color:var(--muted)}.note-frozen strong{color:var(--text)}.note-frozen .row{display:flex;flex-wrap:wrap;gap:8px}.note-frozen .error{margin:0}.note-move-error{max-width:820px;margin:12px auto 0}.plan-here{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}.plan-here .dot{flex:0 0 auto;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--accent)}.plan-here strong{font-size:13.5px;color:var(--text)}.plan-here .sub{margin:3px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}.plan-here code{font-size:12px;word-break:break-all}.plan-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}@media(max-width:620px){.plan-grid{grid-template-columns:1fr}}.plan-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-1)}.plan-card.is-current{border-color:var(--accent);background:var(--bg-2)}.plan-card h4{margin:0;font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:7px}.plan-card .chip{padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;background:var(--accent-quiet);color:var(--accent)}.plan-card .price{margin:8px 0 12px;font-size:20px;font-weight:600;color:var(--text)}.plan-card .price .per{font-size:12px;font-weight:400;color:var(--dim)}.plan-card ul{margin:0;padding:0 0 0 16px;display:grid;gap:5px}.plan-card li{font-size:12.5px;line-height:1.45;color:var(--muted)}.plan-card li.no{color:var(--dim);list-style-type:"– "}.plan-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}.plan-actions .sub{margin:0;font-size:11.5px;color:var(--dim)}.sub.warn{color:var(--warn)}.btn.ghost.danger{color:var(--danger)}