:root{color-scheme:light dark;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, Ubuntu, Cantarell, "Noto Sans", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--accent: light-dark(#5b4cf5, #8b80ff);--accent-strong: light-dark(#4a3be0, #a197ff);--accent-soft: light-dark(rgb(91 76 245 / .12), rgb(139 128 255 / .18));--on-accent: #ffffff;--ink: light-dark(#18181b, #ededf0);--ink-2: light-dark(#52525b, #b4b4be);--ink-3: light-dark(#868692, #8a8a95);--surface: light-dark(#ffffff, #26262b);--field: light-dark(rgb(24 24 27 / .06), rgb(255 255 255 / .08));--hover: light-dark(rgb(24 24 27 / .06), rgb(255 255 255 / .07));--line: light-dark(rgb(24 24 27 / .1), rgb(255 255 255 / .09));--line-strong: light-dark(rgb(24 24 27 / .18), rgb(255 255 255 / .16));--code-bg: light-dark(#f4f4f8, #1c1c21);--code-ink: light-dark(#2a2a33, #d9d9e3);--tk-keyword: light-dark(#7c3aed, #c4b5fd);--tk-string: light-dark(#0f7b5f, #86efac);--tk-number: light-dark(#b45309, #fcd34d);--tk-comment: light-dark(#8a8a96, #7d7d88);--shelf-tint: light-dark(rgb(240 240 245 / .72), rgb(26 26 31 / .6));--shelf-solid: light-dark(#ececf1, #1c1c20);--settings-bg: light-dark(#f4f4f7, #1b1b1f);--danger: light-dark(#d1261a, #ff6b5e);--mark: light-dark(rgb(250 204 21 / .5), rgb(250 204 21 / .35));--shadow-card: 0 1px 2px rgb(16 16 32 / .08), 0 3px 10px rgb(16 16 32 / .06);--shadow-lift: 0 10px 24px rgb(16 16 40 / .18), 0 2px 6px rgb(16 16 40 / .1);--shadow-pop: 0 18px 44px rgb(10 10 30 / .24), 0 3px 10px rgb(10 10 30 / .12);--ease-out: cubic-bezier(.2, .8, .2, 1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:13px/1.4 var(--font-ui);color:var(--ink);background:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button{font:inherit;color:inherit;cursor:default}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font:500 11.5px/1 var(--font-ui);padding:3px 5px;border-radius:5px;background:var(--field);color:var(--ink-2);white-space:nowrap}mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 1px}.button{height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.button:hover:not(:disabled){background:color-mix(in srgb,var(--surface) 92%,var(--ink))}.button:disabled{opacity:.5}.button kbd{background:transparent;color:inherit;opacity:.7;padding:0}.button--primary{background:var(--accent);border-color:transparent;color:var(--on-accent)}.button--primary:hover:not(:disabled){background:var(--accent-strong)}.button--quiet{background:transparent;border-color:transparent}.button--quiet:hover:not(:disabled){background:var(--hover)}.button--danger{color:var(--danger)}.button--danger-solid{background:var(--danger);border-color:transparent;color:#fff}.button--danger-solid:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,#000)}.icon-button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);display:grid;place-items:center;flex:none}.icon-button:hover{background:var(--hover);color:var(--ink)}.text-input{height:32px;width:100%;padding:0 10px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);outline:none}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.board-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.board-dot--lg{width:10px;height:10px}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;font-size:12.5px;font-weight:500;color:var(--ink-2)}.chip.is-on{background:var(--field);border-color:transparent;color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-view=shelf] body{background:var(--shelf-solid);-webkit-user-select:none;user-select:none}:root[data-view=shelf][data-material=true] body{background:var(--shelf-tint)}.shelf{height:100%;display:flex;flex-direction:column;padding:12px 0;-webkit-user-select:none;user-select:none}.topbar{display:flex;align-items:center;gap:14px;padding:0 16px;min-height:34px;flex:none}.search{display:flex;align-items:center;gap:8px;width:248px;height:32px;padding:0 6px 0 10px;border-radius:9px;background:var(--field);color:var(--ink-3);flex:none;transition:box-shadow .12s}.search:focus-within{background:var(--surface);box-shadow:0 0 0 2px var(--accent),var(--shadow-card);color:var(--ink-2)}.search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:13.5px;color:var(--ink);-webkit-user-select:text;user-select:text}.search input::placeholder{color:var(--ink-3)}.search-hint{background:transparent;color:var(--ink-3)}.search:focus-within .search-hint{display:none}.search-clear{width:22px;height:22px;border:0;border-radius:6px;display:grid;place-items:center;background:var(--field);color:var(--ink-2)}.boards{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.boards::-webkit-scrollbar{display:none}.board-tab{height:30px;padding:0 11px;border:0;border-radius:8px;background:transparent;display:inline-flex;align-items:center;gap:7px;flex:none;font-weight:500;color:var(--ink-2);white-space:nowrap}.board-tab svg{color:var(--ink-3)}.board-tab:hover{background:var(--hover);color:var(--ink)}.board-tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.board-tab.is-drop{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent);color:var(--ink)}.board-add{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--ink-3);display:grid;place-items:center;flex:none}.board-add:hover{background:var(--hover);color:var(--ink)}.topbar-end{display:flex;align-items:center;gap:10px;flex:none}.paused{height:28px;padding:0 10px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:light-dark(#fff4e5,#3a2a12);color:light-dark(#9a5b00,#ffc46b);font-weight:500;font-size:12px}.kinds{display:flex;padding:2px;border-radius:9px;background:var(--field)}.kind{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--ink-3);display:grid;place-items:center}.kind:hover{color:var(--ink)}.kind[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1010201f}.shelf-body{position:relative;flex:1;min-height:0;margin-top:10px}.row{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;outline:none}.row::-webkit-scrollbar{display:none}.row-inner{position:relative;height:100%}.slot{position:absolute;top:0;bottom:0;left:0;width:232px;padding:6px 0 4px}.card{--band: #5b6475;height:100%;display:flex;flex-direction:column;border-radius:13px;background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out)}.card.is-selected{transform:translateY(-4px);box-shadow:0 0 0 2.5px var(--accent),var(--shadow-lift)}.card-band{flex:none;height:54px;display:flex;align-items:center;gap:10px;padding:0 10px 0 13px;background:var(--band);color:#fff}.card-band-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.card-label{font-size:14px;font-weight:650;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-time{font-size:11.5px;opacity:.8;white-space:nowrap}.app-mark{width:32px;height:32px;border-radius:8px;flex:none;object-fit:contain}.app-mark--letter{display:grid;place-items:center;font-size:15px;font-weight:650;background:#ffffff2b;box-shadow:inset 0 0 0 1px #fff3}.card-body{flex:1;min-height:0;position:relative;overflow:hidden}.card-body--text:after,.card-body--code:after{content:"";position:absolute;inset:auto 0 0;height:26px;background:linear-gradient(to bottom,transparent,var(--surface));pointer-events:none}.card-body--code:after{background:linear-gradient(to bottom,transparent,var(--code-bg))}.card-text{margin:0;padding:11px 14px;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.card-code{margin:0;height:100%;padding:11px 14px;background:var(--code-bg);color:var(--code-ink);font:11.5px/1.6 var(--font-mono);white-space:pre;tab-size:2;overflow:hidden}.tk-keyword{color:var(--tk-keyword)}.tk-string{color:var(--tk-string)}.tk-number{color:var(--tk-number)}.tk-comment{color:var(--tk-comment);font-style:italic}.card-link{height:100%;padding:13px 14px;display:flex;flex-direction:column;gap:6px}.card-link-host{font-size:18px;font-weight:650;letter-spacing:-.012em;line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-link-rest{font-size:12px;line-height:1.45;color:var(--ink-2);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.card-image{height:100%;background:repeating-conic-gradient(var(--field) 0 25%,transparent 0 50%) 0 0 / 14px 14px,var(--surface)}.card-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 0}.card-color{height:100%;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.card-color-hex{font-size:22px;font-weight:650;letter-spacing:.01em;font-variant-numeric:tabular-nums}.card-color-alt{font-size:12px;opacity:.78}.card-file{margin:0;padding:11px 12px;list-style:none;display:flex;flex-direction:column;gap:7px}.card-file li{display:flex;align-items:center;gap:8px;font-size:12.5px;min-width:0}.card-file li svg{color:var(--ink-3);flex:none}.card-file li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-file-more{color:var(--ink-3);padding-left:22px}.card-file--single{height:100%;align-items:center;justify-content:center;text-align:center;gap:10px}.file-glyph{position:relative;color:var(--ink-3);display:grid;place-items:center}.file-ext{position:absolute;bottom:9px;left:50%;transform:translate(-50%);padding:1px 5px;border-radius:4px;background:var(--band);color:#fff;font-size:9.5px;font-weight:700;text-transform:uppercase}.card-file-name{font-weight:550;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{flex:none;height:30px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink-3)}.card-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-foot-end{display:flex;align-items:center;gap:5px;flex:none}.quick-key{background:var(--accent);color:var(--on-accent);font-weight:600;padding:3px 6px}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 24px 24px;text-align:center}.empty-title{margin:0;font-size:15px;font-weight:600}.empty-hint{margin:0;color:var(--ink-2);max-width:46ch}.shelf-body.is-inspecting .row{visibility:hidden}.inspector{position:absolute;inset:2px 16px 0;display:grid;grid-template-columns:minmax(0,1fr) 320px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-pop);overflow:hidden;animation:inspector-in .16s var(--ease-out)}@keyframes inspector-in{0%{opacity:0;transform:scale(.985)}}.inspector-main{min-width:0;min-height:0;overflow:auto;-webkit-user-select:text;user-select:text}.inspector-text{margin:0;padding:16px 20px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.inspector-text.is-code{min-height:100%;background:var(--code-bg);color:var(--code-ink);font:12.5px/1.6 var(--font-mono);white-space:pre;overflow-wrap:normal}.inspector-editor{width:100%;height:100%;border:0;resize:none;padding:16px 20px;background:var(--surface);font:13.5px/1.55 var(--font-ui);outline:none}.inspector-image{height:100%;display:grid;place-items:center;padding:12px;background:repeating-conic-gradient(var(--field) 0 25%,transparent 0 50%) 0 0 / 16px 16px}.inspector-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.inspector-color{height:100%;display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,1fr)}.inspector-swatch{display:flex;align-items:flex-end;padding:16px 18px;font-size:26px;font-weight:650}.inspector-values,.inspector-details{margin:0;display:grid;gap:8px}.inspector-values{align-content:center;padding:16px 20px}.inspector-values div,.inspector-details div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px}.inspector-values dt,.inspector-details dt{color:var(--ink-3)}.inspector-values dd,.inspector-details dd{margin:0;overflow-wrap:anywhere}.inspector-values dd{font-variant-numeric:tabular-nums}.inspector-link{padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.inspector-link-host{margin:0;font-size:24px;font-weight:650;letter-spacing:-.015em}.inspector-link-url{margin:0 0 8px;color:var(--ink-2);overflow-wrap:anywhere}.inspector-files{margin:0;padding:14px 18px;list-style:none;display:grid;gap:8px}.inspector-files li{display:flex;gap:8px;align-items:flex-start;overflow-wrap:anywhere}.inspector-files svg{flex:none;margin-top:1px;color:var(--ink-3)}.inspector-side{border-left:1px solid var(--line);padding:12px 14px 14px 16px;display:flex;flex-direction:column;gap:12px;overflow:auto}.inspector-head{display:flex;align-items:center;gap:6px}.inspector-title{flex:1;min-width:0;height:30px;padding:0 8px;margin-left:-8px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:15px;font-weight:650;outline:none}.inspector-title:hover{background:var(--hover)}.inspector-title:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.inspector-title::placeholder{color:var(--ink)}.inspector-details{font-size:12.5px}.inspector-boards{display:flex;flex-wrap:wrap;gap:6px}.inspector-boards .chip.is-on{background:var(--accent-soft)}.inspector-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.menu,.popover{position:fixed;z-index:50;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-pop)}.menu{min-width:228px;padding:5px;animation:pop-in .1s var(--ease-out)}@keyframes pop-in{0%{opacity:0;transform:translateY(-3px)}}.menu-item{width:100%;height:28px;padding:0 8px 0 6px;border:0;border-radius:6px;background:transparent;display:flex;align-items:center;gap:8px;text-align:left;font-size:13px}.menu-item:disabled{opacity:.45}.menu-item.is-active{background:var(--accent);color:var(--on-accent)}.menu-item.is-danger{color:var(--danger)}.menu-item.is-danger.is-active{background:var(--danger);color:#fff}.menu-icon{width:18px;display:grid;place-items:center;flex:none;opacity:.85}.menu-label{flex:1;white-space:nowrap}.menu-shortcut{background:transparent;padding:0;color:var(--ink-3)}.menu-item.is-active .menu-shortcut{color:#fffc}.menu-check,.menu-chevron{flex:none;opacity:.8}.menu-sep{height:1px;margin:4px 6px;background:var(--line)}.popover{width:300px;padding:12px;display:flex;flex-direction:column;gap:12px;animation:pop-in .12s var(--ease-out)}.swatches{display:flex;gap:8px}.swatch{width:22px;height:22px;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.swatch.is-selected{box-shadow:0 0 0 2px var(--surface),0 0 0 4px currentColor;color:var(--ink)}.popover-actions{display:flex;align-items:center;gap:6px}.popover-actions .spacer{flex:1}.popover-note{margin:-4px 0 0;font-size:12px;color:var(--ink-2)}.toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:12px;padding:7px 8px 7px 14px;border-radius:999px;background:light-dark(#1f1f24,#f2f2f5);color:light-dark(#fff,#18181b);box-shadow:var(--shadow-pop);font-weight:500;animation:toast-in .18s var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.toast-action{border:0;height:24px;padding:0 10px;border-radius:999px;background:light-dark(rgb(255 255 255 / .14),rgb(0 0 0 / .08));font-weight:600}:root[data-view=settings] body{background:var(--settings-bg);overflow:auto}.settings{max-width:660px;margin:0 auto;padding:28px 24px 56px}:root[data-platform=darwin][data-view=settings] .settings{padding-top:44px}:root[data-view=settings] .settings-header{-webkit-app-region:drag}.titlebar{display:none}:root[data-platform=darwin][data-view=settings] .titlebar{display:block;position:fixed;top:0;left:0;right:0;height:44px;z-index:10;background:var(--settings-bg);-webkit-app-region:drag}.settings.is-embedded{padding:26px 24px 32px}.settings-header{display:flex;align-items:center;gap:14px;margin-bottom:8px}.settings-logo{width:52px;height:52px;flex:none}.settings-header h1{margin:0;font-size:20px;font-weight:650;letter-spacing:-.012em}.settings-header p{margin:2px 0 0;color:var(--ink-2)}.settings-section h2{margin:26px 4px 8px;font-size:13px;font-weight:600;color:var(--ink-2)}.settings-group{border-radius:12px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.row-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;min-height:52px}.row-setting+.row-setting,.callout+.row-setting,.row-setting+.callout{border-top:1px solid var(--line)}.row-setting-text{min-width:0}.row-setting-label{font-weight:500;font-size:13.5px}.row-setting-note{margin:2px 0 0;color:var(--ink-3);font-size:12.5px;max-width:52ch}.row-setting-control{flex:none;display:flex;justify-content:flex-end}.row-setting--stack{flex-direction:column;align-items:stretch;gap:10px}.toggle{width:40px;height:24px;padding:2px;border:0;border-radius:999px;background:var(--line-strong);transition:background .15s}.toggle-knob{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s var(--ease-out)}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true] .toggle-knob{transform:translate(16px)}.select{height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);min-width:140px}.segmented{display:inline-flex;padding:2px;border-radius:9px;background:var(--field)}.segmented button{height:26px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--ink-2);font-weight:500}.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #10102024}.shortcut{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.shortcut-button{min-width:132px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2)}.shortcut-button kbd{font-size:13px;background:transparent;color:var(--ink);padding:0}.shortcut-button.is-recording{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);color:var(--accent)}.field-note{font-size:12px;color:var(--ink-3)}.field-note.is-error{color:var(--danger);max-width:34ch;text-align:right}.callout{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--accent-soft)}.callout svg{flex:none;color:var(--accent)}.callout p{margin:0;flex:1}.chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.chips .chip{padding-right:4px}.chips .chip button{width:18px;height:18px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:var(--ink-3)}.chips .chip button:hover{background:var(--hover);color:var(--ink)}.add-app{display:flex;gap:8px}.add-app .text-input{max-width:300px}.confirm{display:flex;align-items:center;gap:8px}.check{display:inline-flex;align-items:center;gap:6px;margin-right:4px;color:var(--ink-2)}.check input{accent-color:var(--accent)}@media(max-width:560px){.row-setting{flex-direction:column;align-items:flex-start}.row-setting-control,.shortcut{justify-content:flex-start;align-items:flex-start}.confirm{flex-wrap:wrap}}