:root{--tg-bg: #0f1216;--tg-secondary-bg: #171b21;--tg-text: #e7ecf2;--tg-hint: #8a93a0;--tg-link: #6ea8fe;--tg-button: #3b82f6;--tg-button-text: #ffffff;--radius: 14px;--pad: 16px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ui: "Onest", "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--tg-bg);color:var(--tg-text);font-family:var(--ui);-webkit-font-smoothing:antialiased}.screen{min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--pad)}.brand{font-weight:700;letter-spacing:-.01em}.badge{font-family:var(--mono);font-size:11px;color:var(--tg-hint);border:1px solid color-mix(in srgb,var(--tg-hint) 35%,transparent);border-radius:999px;padding:2px 8px}.content{flex:1;padding:0 var(--pad);display:flex;flex-direction:column;gap:12px}.card{background:var(--tg-secondary-bg);border:1px solid color-mix(in srgb,var(--tg-hint) 18%,transparent);border-radius:var(--radius);padding:18px}.card h2{margin:0 0 8px;font-size:17px}.card.ok{border-color:color-mix(in srgb,#34d399 45%,transparent)}.card.danger{border-color:color-mix(in srgb,#f87171 50%,transparent)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0}.kv dt{color:var(--tg-hint);font-size:13px}.kv dd{margin:0;text-align:right}.mono{font-family:var(--mono)}.muted{color:var(--tg-hint)}.small{font-size:13px}.footer{padding:var(--pad);text-align:center}.input{width:100%;background:var(--tg-bg);color:var(--tg-text);border:1px solid color-mix(in srgb,var(--tg-hint) 28%,transparent);border-radius:10px;padding:11px 12px;font-family:var(--ui);font-size:15px;margin-bottom:8px;outline:none}.input:focus{border-color:var(--tg-link)}.area{resize:vertical;line-height:1.4}.btn{border:1px solid color-mix(in srgb,var(--tg-hint) 28%,transparent);background:var(--tg-secondary-bg);color:var(--tg-text);border-radius:10px;padding:10px 14px;font-family:var(--ui);font-size:14px;font-weight:600;cursor:pointer}.btn.primary{background:var(--tg-button);color:var(--tg-button-text);border-color:transparent;width:100%}.btn.ghost{background:transparent}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5}.row{display:flex;gap:8px}.error{color:#f87171}.editor{border-color:color-mix(in srgb,var(--tg-link) 40%,transparent)}.note .note-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-title{font-size:15px}.note.pinned{border-color:color-mix(in srgb,var(--tg-link) 45%,transparent)}.note-body{margin-top:6px;font-size:14px;color:color-mix(in srgb,var(--tg-text) 88%,var(--tg-hint));word-break:break-word}.note-body p{margin:4px 0}.note-body code{font-family:var(--mono);font-size:12px;background:var(--tg-bg);padding:1px 5px;border-radius:5px}.note-body ul{margin:4px 0;padding-left:18px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font-family:var(--mono);font-size:11px;color:var(--tg-link);border:1px solid color-mix(in srgb,var(--tg-link) 30%,transparent);border-radius:999px;padding:2px 8px}.note-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.link{background:none;border:none;color:var(--tg-hint);font-size:12px;font-family:var(--ui);cursor:pointer;padding:0}.link.danger{color:#f87171}.badge.warn{color:#fbbf24;border-color:color-mix(in srgb,#fbbf24 40%,transparent)}.seg{display:flex;gap:2px;background:var(--tg-bg);border-radius:10px;padding:2px}.segbtn{border:none;background:transparent;color:var(--tg-hint);font-family:var(--ui);font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer}.segbtn.active{background:var(--tg-secondary-bg);color:var(--tg-text)}.tabs{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tab{border:none;background:transparent;color:var(--tg-hint);font-size:13px;font-weight:600;padding:6px 4px;cursor:pointer}.tab.active{color:var(--tg-text);border-bottom:2px solid var(--tg-link)}.grow{flex:1;margin-bottom:0!important}.lbl{display:block;font-size:12px;color:var(--tg-hint);margin:6px 0 3px}.switch{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:14px;cursor:pointer}.switch input{width:18px;height:18px;accent-color:var(--tg-button);flex-shrink:0}.switch span{flex:1}