:root{--bg: #ffffff;--bg-elevated: #ffffff;--bg-nav: #f8f5f5;--bg-hover: rgba(0, 0, 0, .04);--bg-active: #e5e7eb;--text: #1a1a1a;--text-muted: #555;--text-subtle: #777;--text-faint: #888;--text-empty: #999;--border: #e5e5e5;--border-strong: #d8d8d8;--border-input: #d4d4d4;--border-row: #efefef;--btn-primary-bg: #1a1a1a;--btn-primary-text: #ffffff;--btn-secondary-bg: #ffffff;--link: #2563eb;--error-bg: #fee2e2;--error-text: #991b1b;--dnd-select-bg: #dbeafe;--dnd-placeholder-color: #cbd5e1;--dnd-drag-shadow: 0 12px 60px #00000026, 0 12px 32px -16px #0009321f}body>div[style*="z-index: 9999"]>div[style*="overflow: hidden"]{border-radius:3px}[data-theme=dark]{--bg: #111113;--bg-elevated: #1a1a1c;--bg-nav: #161618;--bg-hover: rgba(255, 255, 255, .05);--bg-active: #2a2a2e;--text: #e5e5e5;--text-muted: #aaa;--text-subtle: #888;--text-faint: #777;--text-empty: #666;--border: #2a2a2a;--border-strong: #2a2a2a;--border-input: #333;--border-row: #222;--btn-primary-bg: #e5e5e5;--btn-primary-text: #111;--btn-secondary-bg: #222;--link: #60a5fa;--error-bg: #2a1215;--error-text: #f87171;--dnd-select-bg: #1e3a5f;--dnd-placeholder-color: #475569}*{box-sizing:border-box}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}html,body,#root{height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg);user-select:none;-webkit-user-select:none}body{height:100vh;overflow:hidden}.app{display:grid;grid-template-columns:220px 1fr;height:100%}.nav{background:var(--bg-nav);padding:8px;overflow-y:auto;display:flex;flex-direction:column}.nav-group{margin-bottom:8px}.nav-footer{margin-top:auto;padding:4px;display:flex;align-items:center;gap:8px}.nav-menu-trigger{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:6px;margin-left:auto;border:0;background:transparent;color:var(--text-muted);border-radius:4px;cursor:pointer}.nav-menu-trigger:hover{background:var(--bg-hover);color:var(--text)}.nav-menu-trigger[data-expanded]{background:var(--bg-active);color:var(--text)}.nav-menu-trigger:focus-visible{outline:2px solid var(--link);outline-offset:1px}.nav-section{padding:8px 16px 4px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}.nav-item{display:block;width:100%;text-align:left;padding:6px 8px;border:0;border-radius:3px;background:transparent;cursor:pointer;font:inherit;color:inherit}.nav-item:hover{background:var(--bg-hover)}.nav-item[data-active]{background:var(--bg-active)}.nav-item[data-drop-active]{background:var(--dnd-select-bg)}.nav-item-label{display:block;width:calc(100% + 16px);margin:-6px -8px;padding:6px 8px;outline:none}.nav-item-input{border:0;outline:none;background:transparent;box-sizing:border-box}.nav-item-input:focus{background:var(--bg-hover)}.nav-item-label[contenteditable=true]{cursor:text}.nav-item-label:empty:before{content:"List";color:var(--text-faint);pointer-events:none}.main{display:flex;flex-direction:column;height:100%;min-width:0;overflow-y:scroll}.main-header{height:3em;padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.main-header h1{margin:0;font-size:inherit;font-weight:500}.editable-title{outline:none}.editable-title[contenteditable=true]{cursor:text}.add-button{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border:none;background:var(--bg-active);color:var(--text);border-radius:4px;cursor:pointer;font:inherit}.add-button svg{width:13px}.add-button:disabled{opacity:.5;cursor:default}.dnd-host{flex:1;min-height:0;overflow:hidden}.dnd-host .dnd-parent{padding:0 8px 8px}.main .dnd-drop-placeholder{margin:0 8px}.row{display:flex;align-items:flex-start;gap:8px;padding:6px;height:100%;background:var(--bg-elevated);transition:.2s opacity}.dnd-host[data-expanded] .row:not([data-expanded]){opacity:.5}[data-theme=dark] .row{background:var(--bg)}[aria-selected=true] .row{background:var(--dnd-select-bg)}.row input[type=checkbox]{appearance:none;-webkit-appearance:none;margin:0;position:relative;top:2px;width:14px;height:14px;flex-shrink:0;border:1px solid var(--border-input);border-radius:3px;background:transparent;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.row input[type=checkbox]:hover{border-color:var(--text-muted)}.row input[type=checkbox]:checked{background-color:var(--link);border-color:var(--link);background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M3.5 8.5l3 3 6-6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center;background-size:100% 100%}.row input[type=checkbox]:focus-visible{outline:2px solid var(--link);outline-offset:1px}.row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.row-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none;line-height:1.3em}.row-description{color:var(--text-empty)}.row-notes{appearance:none;-webkit-appearance:none;width:100%;margin:0;padding:0;border:0;background:transparent;resize:none;outline:none;font:inherit;color:inherit;line-height:1.3em;overflow:hidden;overflow-wrap:anywhere;cursor:text}.row-notes::placeholder{color:var(--text-empty)}.row-timestamp{flex-shrink:0;color:var(--text-subtle);font-size:13px;white-space:nowrap;line-height:1.3em}.dnd-host .dnd-item{overflow:clip}.row[data-expanded] .row-text{white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible;cursor:text}.row[data-expanded] .row-text:empty:before{content:"New item";color:var(--text-empty);pointer-events:none}.empty{padding:40px 20px;text-align:center;color:var(--text-empty)}.connection-indicator{display:inline-flex;align-items:center;color:var(--text-muted)}.theme-segmented{position:relative;display:inline-flex;padding:2px;border:1px solid var(--border-input);background:var(--bg-nav);border-radius:6px}.theme-segment-indicator{position:absolute;top:2px;left:2px;border-radius:4px;background:var(--bg-elevated);box-shadow:0 1px 2px #0000000f;pointer-events:none;transition:transform .2s ease,width .2s ease,height .2s ease}.theme-segment-indicator[data-resizing=true]{transition:none}[data-theme=dark] .theme-segment-indicator{box-shadow:0 1px 2px #0006}.theme-segment{position:relative;display:flex}.theme-segment input{position:absolute;opacity:0;pointer-events:none}.theme-segment-control{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 8px;font-size:12px;color:var(--text-muted);border-radius:4px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:color .15s ease}.theme-segment-control:hover,.theme-segment[data-checked] .theme-segment-control{color:var(--text)}.auth-popover{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:16px;width:320px;max-width:90vw;box-shadow:0 8px 24px #0000001f;outline:none;z-index:60;top:-1em!important;left:.5em!important}.auth-popover-title{margin:0 0 12px;font-size:16px;font-weight:600}.signin-button{display:block;width:100%;padding:6px 12px;border:none;background:var(--bg-elevated);color:var(--text);border-radius:4px;box-shadow:0 3px var(--border);cursor:pointer;font:inherit}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.auth-form input{padding:8px 10px;border:1px solid var(--border-input);border-radius:4px;font:inherit;background:var(--bg-elevated);color:var(--text)}.auth-form button[type=submit]{margin-top:4px;padding:10px;border:none;background:#e2eeff;box-shadow:0 3px #dad6f3;border-radius:4px;cursor:pointer;font:inherit}.auth-form button[type=submit]:disabled{opacity:.6;cursor:progress}.auth-form-toggle{background:transparent;border:0;text-decoration:underline;cursor:pointer;text-align:left;font:inherit;color:var(--text);padding:4px;width:fit-content}.auth-form .error{background:var(--error-bg);color:var(--error-text);padding:8px 12px;border-radius:4px;font-size:13px}.context-menu-content{min-width:160px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #0000001f;outline:none;z-index:50}[data-theme=dark] .context-menu-content{box-shadow:0 8px 24px #00000080}.context-menu-item{display:flex;align-items:center;padding:6px 10px;border-radius:4px;font-size:13px;color:var(--text);cursor:pointer;outline:none;user-select:none;-webkit-user-select:none}.context-menu-item[data-highlighted],.context-menu-item:focus{background:var(--bg-active)}.context-menu-item[data-disabled]{color:var(--text-faint);cursor:default;pointer-events:none}.dropdown-menu-content{min-width:160px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #0000001f;outline:none;z-index:50}[data-theme=dark] .dropdown-menu-content{box-shadow:0 8px 24px #00000080}.dropdown-menu-item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 10px;border-radius:4px;font-size:13px;color:var(--text);text-decoration:none;cursor:pointer;outline:none;user-select:none;-webkit-user-select:none}.dropdown-menu-item[data-highlighted],.dropdown-menu-item:focus{background:var(--bg-active)}.dropdown-menu-item[data-disabled]{color:var(--text-faint);cursor:default;pointer-events:none}.menu-shortcut{font:inherit;font-size:12px;color:var(--text-muted);letter-spacing:.5px}.dropdown-menu-item[data-disabled] .menu-shortcut{color:var(--text-faint)}.external-icon{color:var(--text-muted);transition:transform .15s}.dropdown-menu-item:hover .external-icon,.dropdown-menu-item[data-highlighted] .external-icon,.dropdown-menu-item:focus .external-icon{transform:translate(2px) translateY(-2px)}.dropdown-menu-separator{height:1px;background:var(--border);margin:4px 0;border:none}.dropdown-menu-subtrigger[data-expanded]{background:var(--bg-active)}.dropdown-menu-chevron{font-size:14px;line-height:1;color:var(--text-muted)}.dialog-overlay{position:fixed;inset:0;background:#0006;z-index:100}.dialog-positioner{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:101;padding:24px}.settings-dialog{display:grid;grid-template-columns:180px 1fr;width:min(720px,100%);height:min(480px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;box-shadow:0 24px 64px #0003;outline:none;overflow:hidden}[data-theme=dark] .settings-dialog{box-shadow:0 24px 64px #0009}.settings-sidebar{background:var(--bg-nav);border-right:1px solid var(--border);padding:8px;display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:block;width:100%;text-align:left;padding:6px 10px;border:0;border-radius:4px;background:transparent;cursor:pointer;font:inherit;color:inherit}.settings-nav-item:hover{background:var(--bg-hover)}.settings-nav-item[data-active]{background:var(--bg-active)}.settings-content{position:relative;padding:12px;overflow-y:auto}.settings-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer}.settings-close:hover{background:var(--bg-hover);color:var(--text)}.settings-section-title{margin:0 0 20px;font-size:16px;font-weight:600}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-row)}.settings-row:last-child{border-bottom:0}.settings-row-label{color:var(--text-muted)}.settings-row-value{color:var(--text)}.settings-logout{padding:6px 12px;border:1px solid var(--border-input);background:var(--bg-elevated);color:var(--text);border-radius:4px;cursor:pointer;font:inherit}.settings-logout:hover{background:var(--bg-hover)}.device-list{list-style:none;margin:0;padding:0}.device-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--border-row)}.device-row:last-child{border-bottom:0}.device-row-main{flex:1;min-width:0}.device-name{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:500}.device-current-tag{font-size:11px;font-weight:500;padding:1px 6px;border-radius:999px;background:var(--bg-hover);color:var(--text-muted)}.device-meta{margin-top:2px;font-size:12px;color:var(--text-muted)}.device-revoke{padding:4px 10px;border:1px solid var(--border-input);background:var(--bg-elevated);color:var(--text);border-radius:4px;cursor:pointer;font:inherit;font-size:12px}.device-revoke:hover:not(:disabled){background:var(--bg-hover)}.device-revoke:disabled{opacity:.6;cursor:default}.palette-overlay{position:fixed;inset:0;background:transparent;z-index:100}.palette{position:fixed;top:clamp(24px,10vh,96px);left:50%;transform:translate(-50%);z-index:101;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;width:520px;max-width:90vw;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 30px #0003}[data-theme=dark] .palette{box-shadow:0 8px 30px #0009}.palette__search{border-bottom:1px solid var(--border)}.palette__search input{width:100%;padding:12px;border:none;border-radius:0;background:transparent;color:var(--text);font-size:15px;box-sizing:border-box}.palette__search input:focus{outline:none}.palette__results{max-height:300px;overflow-y:auto}.palette__item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:15px;color:var(--text)}.palette__item--selected{background:var(--dnd-select-bg)}.palette__item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__item-badge-label{flex-shrink:0;font-size:11px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em}.palette__empty{padding:16px;text-align:center;font-size:13px;color:var(--text-faint)}