:root[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f5;--text:#1b1f2a;--muted:#6b7390;--surface:#fff;--line:#dfe3ee;--letter:#111;--danger:#9f1239;--shadow:0 1px 3px #1b1f2a14;--hover-bg:#f3f5fb;--hover-line:#c5cce0}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--text:#f4f4f5;--muted:#a1a1aa;--surface:#141417;--line:#27272a;--letter:#111;--danger:#fb7185;--shadow:none;--hover-bg:color-mix(in srgb, var(--surface) 88%, var(--text));--hover-line:var(--muted)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.4 system-ui,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,.file{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:6px 10px}.icon-button{justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}button[aria-pressed=true]{border-color:var(--text)}button:disabled{opacity:.45}.danger{color:var(--danger)}.header{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:16px 20px;display:flex}.brand{font-weight:700}.tabs{flex-wrap:wrap;gap:4px;display:flex}.header-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.banner{background:var(--surface);border-bottom:1px solid var(--line);margin:0;padding:8px 20px}.empty{padding:32px 20px}.board{padding:0 20px 32px}.shelf-label,.muted{color:var(--muted)}.shelf-label{letter-spacing:.14em;text-transform:uppercase;font-size:12px}.lane>.shelf-label{flex-basis:100%}.row{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:stretch;margin-bottom:10px;display:flex;overflow:hidden}.letter{width:48px;color:var(--letter);border-radius:10px;flex:none;justify-content:center;align-items:center;margin:8px 0 8px 8px;font-weight:800;display:flex}.lane{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;min-height:120px;padding:8px;display:flex}.card{width:96px;box-shadow:none;text-align:left;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:10px;padding:0}.card.dragging{opacity:.35}.face{aspect-ratio:3/4;background:var(--line);color:var(--text);border-radius:10px;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex;overflow:hidden}.face img{object-fit:cover;width:100%;height:100%;display:block}.card-title{text-overflow:ellipsis;white-space:nowrap;padding-top:4px;font-size:12px;display:block;overflow:hidden}.ghost{z-index:5;pointer-events:none;width:96px;margin:0;position:fixed;transform:translate(-50%,-50%)}.dialog{border:1px solid var(--line);background:var(--surface);width:min(420px,100vw - 32px);color:var(--text);border-radius:14px;padding:16px}.dialog::backdrop{background:#00000073}.dialog label{flex-direction:column;gap:4px;margin:8px 0;display:flex}.dialog input,.dialog textarea,.dialog select{border:1px solid var(--line);background:var(--bg);padding:6px 8px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.file input{display:none}.row-editor{align-items:center;gap:8px;margin:8px 0;display:flex}.row-editor input{flex:1}.add-tile{aspect-ratio:3/4;border:2px dashed var(--muted);width:96px;box-shadow:none;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:28px;display:flex}.dialog input,.dialog textarea,.dialog select{border-radius:8px}.mobile-only{display:none}.menu{position:relative}.menu-list{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;min-width:210px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.menu-list button,.menu-list .menu-file{text-align:left;box-shadow:none;background:0 0;border:0;padding:10px 12px}@media (width<=640px){.desktop-only,.settings-button,.board-toolbar{display:none!important}.menu.mobile-only{display:block}.header{flex-wrap:wrap;gap:8px;padding:12px 12px 4px}.header-actions{flex-wrap:nowrap}.tabs{scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;order:3;padding-bottom:8px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;border-radius:999px;flex:none;padding:6px 14px}.board{padding:0 12px 24px}.letter{width:40px}.card,.add-tile,.ghost{width:72px}.dialog{width:calc(100vw - 16px)}}.board-toolbar{justify-content:flex-start;margin-bottom:8px;display:flex}.placeholder-tile{aspect-ratio:3/4;border:2px dashed var(--line);opacity:.8;border-radius:10px;width:96px}.card-preview{width:120px;margin:0 auto 8px}.dialog{max-height:calc(100vh - 32px)}@media (width<=640px){.placeholder-tile{width:72px}}.dialog-wide{width:min(560px,100vw - 32px);overflow-x:hidden}.row-editor input{min-width:0}.row-editor button{flex:none}@media (width<=640px){.dialog-wide{width:calc(100vw - 16px)}.row-editor{flex-wrap:wrap}.row-editor input{flex-basis:100%}}button,.file,select,summary{cursor:pointer;transition:background-color .15s,border-color .15s,transform 50ms}button:hover:not(:disabled),.file:hover{border-color:var(--hover-line);background:var(--hover-bg)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,.file:focus-within,select:focus-visible{outline:2px solid var(--muted);outline-offset:2px}button:disabled{cursor:not-allowed}.card:hover:not(.dragging) .face{filter:brightness(.94)}.card:hover:not(:disabled){background:0 0;border-color:#0000}.add-tile:hover:not(:disabled){border-color:var(--text);color:var(--text);background:0 0}.menu-list button:hover,.menu-list .menu-file:hover{background:var(--hover-bg);border:0}