:root{--bg:#0d0f0e;--bg-soft:#14181a;--bg-card:#171b1d;--border:#262c2e;--fg:#d6d3c8;--fg-dim:#8b9088;--green:#8a9a7b;--amber:#cbb07a;--red:#b07a7a;--focus:#a6b892;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--tabs-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--mono);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(var(--tabs-h) + env(safe-area-inset-bottom)) env(safe-area-inset-left)}[hidden]{display:none!important}.top{align-items:baseline;gap:12px;max-width:720px;margin:0 auto;padding:14px 16px 0;display:flex}.brand{color:var(--green);font-size:17px}.tagline{font-size:13px}main{max-width:720px;margin:0 auto;padding:4px 16px 32px}main>*+*{margin-top:12px}h1{margin:16px 0 4px;font-size:18px;font-weight:600}h2{color:var(--amber);margin:20px 0 6px;font-size:14px;font-weight:400}p{margin:0}.dim{color:var(--fg-dim)}.small{font-size:12px}.ok{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--amber)}.stack>*+*{margin-top:8px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:0}.btn{text-align:left;width:100%;font:inherit;color:var(--fg);background:var(--bg-soft);border:1px solid var(--border);cursor:pointer;border-radius:8px;min-height:44px;padding:12px 14px;display:block}.btn:hover{border-color:var(--fg-dim)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{color:var(--green);border-color:var(--green)}.btn.danger{color:var(--red);border-color:var(--red)}.btn.small{width:auto;min-height:36px;padding:6px 12px;font-size:13px;display:inline-block}.icon-btn{font:inherit;color:var(--fg-dim);cursor:pointer;background:0 0;border:none;min-width:36px;min-height:36px;padding:0 6px;font-size:20px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.field{width:100%;font:inherit;color:var(--fg);background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:10px 12px}details summary{cursor:pointer;color:var(--fg-dim);padding:6px 0}details .field{margin-top:6px}.drop-zone{border:1px dashed var(--fg-dim);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:140px;padding:16px;display:flex}.drop-zone:hover{border-color:var(--green)}.drop-zone-title{color:var(--green)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px}.card>*+*{margin-top:10px}.card h2{margin-top:0}.files,.compact{margin:0;padding:0;list-style:none}.file,.device{border-top:1px solid var(--border);padding:10px 0}.file:first-child,.device:first-child{border-top:none}.file>*+*,.device>*+*{margin-top:6px}.file-head{align-items:baseline;gap:8px;display:flex}.file-name{overflow-wrap:anywhere;flex:1;min-width:0}.file-status{font-size:13px}.bar{background:var(--bg-soft);border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:var(--green);height:100%;transition:width .2s}.qr{padding:4px 0}.qr svg{background:#fff;border-radius:8px;width:min(220px,70vw);height:auto;display:block}.tabs{z-index:10;height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-soft);border-top:1px solid var(--border);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--fg-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;justify-content:center;align-items:center;min-width:0;padding:0 2px;font-size:11px;text-decoration:none;display:flex;overflow:hidden}@media (min-width:480px){.tab{font-size:13px}}.tab.active{color:var(--green)}.tab.disabled{opacity:.35}.between{justify-content:space-between}.between h1{margin:16px 0 4px}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{font:inherit;color:var(--fg-dim);background:var(--bg-soft);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:999px;min-height:34px;padding:6px 12px;font-size:13px}.chip.active{color:var(--green);border-color:var(--green)}.notes{flex-direction:column;display:flex}.note-row{border-top:1px solid var(--border);color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border-bottom:none;border-left:none;border-right:none;align-items:stretch;gap:10px;width:100%;padding:10px 0;text-decoration:none;display:flex}.note-row:first-child{border-top:none}.note-row.selected{background:var(--bg-soft)}.note-color{border-radius:2px;flex:none;width:3px}.note-main{flex-direction:column;flex:1;min-width:0;display:flex}.note-title,.note-excerpt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-excerpt{font-size:13px}.note-date{white-space:nowrap;font-size:12px}.title-field{flex:1;min-width:0;font-size:16px;font-weight:600}.toolbar{gap:6px}.small-field{width:auto;min-height:36px;padding:6px 8px;font-size:13px}.editor{resize:vertical;width:100%;min-height:calc(100dvh - 260px);font:16px/1.6 var(--mono);color:var(--fg);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;display:block}.editor:focus{border-color:var(--fg-dim);outline:none}.preview{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 var(--mono);max-height:50vh;margin:0;overflow:auto}.code{letter-spacing:3px;color:var(--amber);font-size:26px}a{color:var(--green)}a.btn{width:auto;text-decoration:none;display:inline-block}.toolbar{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.toolbar>*{flex:none}.note-due{font-size:12px}.presence{background:var(--border);border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.presence.on{background:var(--green)}.badge{background:var(--green);min-width:20px;color:var(--bg);text-align:center;border-radius:10px;padding:0 6px;font-size:12px;display:inline-block}.safety{letter-spacing:1px;color:var(--amber);word-spacing:6px;font-size:15px;line-height:1.8}.chat-head{flex-wrap:nowrap}.chat-title{flex-direction:column;min-width:0;display:flex}.messages{flex-direction:column;gap:8px;height:calc(100dvh - 300px);min-height:200px;padding:4px 0;display:flex;overflow-y:auto}.msg{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;max-width:82%;padding:8px 12px}.msg.mine{border-color:var(--green);align-self:flex-end}.msg.theirs{align-self:flex-start}.msg.deleted .msg-text{color:var(--fg-dim);font-style:italic}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.msg-meta{margin-top:2px;font-size:11px}.msg-actions{gap:2px;margin-top:4px;display:none}.msg:hover .msg-actions,.msg:focus-within .msg-actions{display:flex}@media (pointer:coarse){.msg-actions{display:flex}}.icon-btn.small{min-width:28px;min-height:28px;color:var(--fg-dim);font-size:12px}.reactions{gap:4px;margin-top:4px;display:flex}.reaction{background:var(--bg-soft);border-radius:10px;padding:0 6px;font-size:13px}.composer-row{flex-wrap:nowrap;align-items:flex-end}.composer{resize:none;min-width:0;font:16px/1.4 var(--mono);color:var(--fg);background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;flex:1;padding:10px 12px}.backup-banner{justify-content:space-between}.msg-author{color:var(--amber);font-size:12px}.notice{text-align:center;margin:4px 0;font-size:12px}