:root{--ink:#202438;--muted:#657087;--green:#6150df;--line:#e3e6f0;--accent:#c4c0ff;--sidebar:#14172b;color:#202438;background:#f4f5fb;font-family:system,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:#f4f5fb}.sidebar{background:linear-gradient(175deg,#1b1b38,#13182d 80%);border-right:1px solid #ffffff0c;color:#f1f2ff;gap:24px}.brand{letter-spacing:-1.1px;font-weight:750}.brand img{box-shadow:0 3px 14px #0002;border-radius:11px}.space-label{color:#a0a5c6}.nav-item{font-size:13px;color:#b9bfd8;line-height:1.5}.nav-item:hover{background:#ffffff0c}.nav-item.active{background:#6c5cec2b;color:#efecff}.nav-item.active:before{background:#a79aff}.nav-item .count{color:#b5b1d9}.nav-dot{background:var(--theme-light,#b9a5ff)!important;box-shadow:0 0 12px color-mix(in srgb,var(--theme-light,#b9a5ff) 20%,transparent)}.sidebar .icon-button:hover{background:#6c5cec2b}.local-box{border-color:#ffffff20;background:#ffffff04;color:#a9b3ce;font-size:11px}.local-box strong{color:#d4ceff;font-size:12px}.version{color:#969fbe;font-size:9px}.main{background:#f4f5fb}.topbar{height:72px;background:#ffffffd9;border-color:#e3e6f0}.breadcrumb{color:#78829c}.breadcrumb strong{color:#47516c}.search-wrap{background:#edf0f8;color:#7e88a0}.search-wrap input{color:#202438}.network{color:#526581}.status-dot{background:#22b99c}.avatar{background:#ece9ff;color:#6852c8}.subtitle{color:#5f6b84;font-size:14px}.eyebrow{color:#716c9c;font-weight:650}.title-row h1{font-size:34px;font-weight:720;letter-spacing:-1.3px}.button{font-size:12px;border-radius:9px;min-height:40px;font-weight:650}.button.primary{background:#6652e6;color:white;box-shadow:0 4px 12px #6652e620}.button.primary:hover{background:#5140c6}.button.secondary{background:white;border-color:#dfe2ef;color:#4e5874}.button.secondary:hover{background:#f0edff;border-color:#ccc5f7}.button.subtle{color:#68718e}.button.subtle:hover{background:#eeebfb}.icon-button{color:#6b7491}.icon-button:hover{background:#eeebfb;color:#5845c7}.content{position:relative;z-index:1;padding-top:30px}.field-label{color:#4a5471;font-size:12px}.field-input{color:#26334d;border-color:#dce0ed;font-size:14px;background:white}.field-input:focus{border-color:#8c7deb;outline-color:#c1b9ff}.field small,.field-hint{color:#747f98}.field-input::placeholder{color:#8a93a8}.modal{background:#fafbff;box-shadow:0 25px 100px #11172b40}.modal-header h2{color:#242e4c;font-size:20px;font-weight:700}.modal-content p{color:#606c84;font-size:13px}.modal-content p strong{color:#36415e}.modal-footer{gap:8px}.modal-overlay{background:#13172c77}.info-box{background:#f0edff;border-color:#ddd6fc;color:#695d98}.info-box.warning{background:#fff4de;border-color:#efdaac;color:#8f6429}.checkline{color:#68718b;font-size:12px}input[type=checkbox],input[type=radio]{accent-color:#6b53df}.note-index{background:#edf0f8}.note-item strong{color:#4b5270}.note-item small{color:#757f98}.note-title{color:#28314b}.note-body{font-size:14px;color:#535f7a;line-height:1.9}.note-meta{color:#7d88a2}.note-tools .tab.active{color:#5e45c8}.markdown{color:#4f5e77;font-size:14px}.markdown h1,.markdown h2,.markdown h3{color:#29344f}.markdown blockquote{border-color:#9c8be7;background:#f1edfc}.markdown code,.markdown pre{background:#f0edf9}.search-result{border-color:#e1e4f0;padding:17px 19px}.search-result:hover{border-color:#a89ae6;box-shadow:0 3px 10px #5c49a912}.search-result small{color:#707d98}.search-result strong{margin-top:8px;color:#35405a;font-size:14px}.note-layout{border-color:#dfe3ee}.settings-section{border-color:#e4e7f1}.settings-section h3{color:#36415d}.settings-status{color:#627d99}.install-instructions{color:#6e7791}.install-instructions b{color:#4c5574}.lock-story{background:radial-gradient(ellipse at 10% 100%,#534fc3a8,transparent 60%),linear-gradient(135deg,#171e45,#272654);color:#f5f2ff}.lock-story h1 em{color:#bdb3ff}.lock-story p{color:#b5bcdd}.lock-story .copyright{color:#adb0d0}.lock-icon{background:#e9e3ff;color:#7a5bd4}.lock-page{background:#f4f5fb}.lock-form h2{color:#2b3452}.lock-form>p,.lock-links button{color:#68758f}.guide-step .number{background:#e8e2ff;color:#7a5bd4}.empty-state{border-color:#cbd1e7;color:#74809b}.empty-state h3{color:#445170}.empty-state p{color:#73809b}#toast{background:#2d2750;color:#f6f3ff;box-shadow:0 8px 30px #211c4533}
/* Six board identities. Every surface and swatch uses this same token set. */
.theme-indigo{--theme-start:#282457;--theme-end:#6551cd;--theme-pop:#776cfc;--theme-light:#c7bbff;--theme-ink:#5140b8}
.theme-ocean{--theme-start:#0c3c5a;--theme-end:#188da6;--theme-pop:#39c5d3;--theme-light:#8ce8ed;--theme-ink:#08718d}
.theme-forest{--theme-start:#14453d;--theme-end:#358b63;--theme-pop:#99ce5e;--theme-light:#c4e8a0;--theme-ink:#226747}
.theme-sunset{--theme-start:#773440;--theme-end:#ce724f;--theme-pop:#f6b46d;--theme-light:#ffdbac;--theme-ink:#9f4e3c}
.theme-berry{--theme-start:#482653;--theme-end:#ac4f85;--theme-pop:#ed8ab6;--theme-light:#fac4e0;--theme-ink:#91366b}
.theme-midnight{--theme-start:#151f36;--theme-end:#3d526a;--theme-pop:#6d92c0;--theme-light:#bacfe9;--theme-ink:#3a506e}
.theme-auto{--theme-start:var(--tone-bg-deep,#100e15);--theme-end:var(--theme-start);--theme-pop:var(--tone-focus,#b08acb)}
.main.board-surface,.main.hub-surface,.theme-swatch,.appearance-preview,.hub-board-cover{background-color:var(--theme-start);background-image:var(--surface-pattern,linear-gradient(130deg,var(--theme-start),var(--theme-end)));background-size:var(--surface-pattern-size,auto);background-attachment:fixed}
.board-surface{position:relative;min-height:100dvh;color:#fff;isolation:isolate}.board-surface:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 85% 0%,#ffffff12,transparent 50%)}
.background-solid{--surface-pattern:none}
.background-grid{--surface-pattern:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(125deg,var(--theme-start),var(--theme-end));--surface-pattern-size:36px 36px,36px 36px,100% 100%}
.background-aurora{--surface-pattern:radial-gradient(ellipse at 85% 10%,var(--theme-pop),transparent 55%),radial-gradient(ellipse at 0% 90%,var(--theme-end),transparent 55%),linear-gradient(130deg,var(--theme-start),var(--theme-start));--surface-pattern-size:100% 100%}
.hub-surface{position:relative;isolation:isolate}
.surface-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:inherit}
.background-art{position:absolute;inset:calc(var(--surface-frost,0px) * -2);background:inherit;filter:blur(var(--surface-frost,0px))}
.background-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.surface-background::after{content:'';position:absolute;inset:0;background:var(--surface-veil,var(--surface-auto-veil,transparent))}
[data-background-veil="0"]{--surface-veil:transparent}
[data-background-veil="25"]{--surface-veil:color-mix(in srgb,var(--tone-bg-deep,#100e15) 25%,transparent)}
[data-background-veil="50"]{--surface-veil:color-mix(in srgb,var(--tone-bg-deep,#100e15) 50%,transparent)}
[data-background-veil="75"]{--surface-veil:color-mix(in srgb,var(--tone-bg-deep,#100e15) 75%,transparent)}
[data-background-veil="100"]{--surface-veil:var(--tone-bg-deep,#100e15)}
[data-background-frost="4"]{--surface-frost:4px}
[data-background-frost="8"]{--surface-frost:8px}
[data-background-frost="14"]{--surface-frost:14px}
.board-surface.has-image:before{display:none}.board-surface>.topbar{position:relative;z-index:1;background:#0c112c25;border-color:#ffffff17;color:#fff;backdrop-filter:blur(8px)}.board-surface .breadcrumb{color:#ffffffb0}.board-surface .breadcrumb strong{color:#fff}.board-surface .search-wrap{background:#ffffff16;border:1px solid #ffffff15;color:#e6e4fb}.board-surface .search-wrap:focus-within{border-color:#ffffff85}.board-surface .search-wrap input{color:#fff}.board-surface .search-wrap input::placeholder{color:#ffffffb5}.board-surface .network{color:#e7ebff}.board-surface .status-dot{background:#a0f3c9}.board-surface .avatar{background:#ffffff1f;color:white}.board-surface .demo-banner{background:#ffffff12;border-color:#ffffff2c;color:#f0ebff;backdrop-filter:blur(6px);margin-bottom:30px}.board-surface .demo-banner button{color:#fff}.board-surface .page-intro{margin-bottom:25px}.board-surface .eyebrow{color:var(--theme-light);letter-spacing:1.8px;font-size:10px}.board-surface .title-row h1{color:#fff;font-size:36px;letter-spacing:-1.4px}.board-surface .title-row .icon-button{color:#e3dffc}.board-surface .subtitle{color:#f0edffcc;line-height:1.8;font-size:13px}.board-mark{display:grid;transform:none;background:#ffffff14;border:1px solid #ffffff24;color:#fff;border-radius:15px;width:60px;height:60px;box-shadow:0 5px 15px #0b123314}.board-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.board-surface .page-intro .button.primary{background:#fff;color:var(--theme-ink);box-shadow:0 4px 16px #11173b20}.board-surface .page-intro .button.primary:hover{background:#f0edff}.board-surface .page-intro .button.secondary{color:#fff;background:#ffffff12;border-color:#ffffff40}.board-surface .page-intro .button.secondary:hover{background:#ffffff25}.board-surface .stats{background:#ffffff0a;border-color:#ffffff24;backdrop-filter:blur(6px);padding:15px 20px;margin-bottom:25px;border-radius:11px;gap:23px}.board-surface .stat{color:#eeeafece;font-size:12px}.board-surface .stat b{color:#fff;font-size:22px}.board-surface .stat-divider{background:#ffffff27}.board-surface .local-status{color:#f0edffbb;font-size:10px}.board-surface .tabs{background:#1219353a;border:1px solid #ffffff15}.board-surface .tab{color:#f0edffcc;font-size:12px}.board-surface .tab.active{background:#fff;color:var(--theme-ink)}.board-surface .filter{background:#ffffff0c;border-color:#ffffff3b;color:#f1edff;font-size:11px;height:35px}.board-surface .filter.active{background:#fff0d9;color:#885721;border-color:#f2c58d}.board-surface .toolbar .button.secondary{color:#f3efff;background:#ffffff12;border-color:#ffffff3b;height:35px}.label-filter-wrap{display:flex;align-items:center;gap:7px;border:1px solid #ffffff3b;background:#ffffff0c;border-radius:7px;padding:0 9px;height:35px;color:#fff}.label-filter-wrap select{background:transparent;color:#f1edff;outline:none;border:0;font-size:11px;max-width:180px;height:32px;cursor:pointer}.label-filter-wrap option{color:#28324a;background:#fff}.active-label-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;font-size:12px;color:#e8e4ff}.active-label-bar>span{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.active-label-bar>button{color:#f3edff;font-size:11px;text-decoration:underline;text-underline-offset:3px}.board-surface .column{background:#eef0f9e8;border:1px solid #ffffff80;border-radius:12px;padding:15px 12px 10px;box-shadow:0 4px 16px #18203f0a;backdrop-filter:blur(12px);min-width:280px;max-width:380px}.board-surface .column-name{font-size:13px;color:#3e4665;font-weight:700}.board-surface .column-name .circle{background:#9ba3bf}.board-surface .column:nth-child(2) .circle{background:#edac4e}.board-surface .column:nth-child(3) .circle{background:#27a88f}.board-surface .column-count{color:#6e7898;background:#dae0f0;font-weight:600}.board-surface .column-head .icon-button{color:#6c7898}.board-surface .column-head .icon-button:hover{background:#dfe2f3}.board-surface .card{background:#fff;border-color:#e4e7f3;box-shadow:0 2px 5px #2329510a;border-radius:10px;padding:16px 14px 13px}.board-surface .card:hover{border-color:#b5abe9;box-shadow:0 6px 18px #23295116}.card-title{font-size:14px;line-height:1.6;color:#28324e;font-weight:650}.card-body{font-size:12px;line-height:1.85;color:#74809a}.card-tags{gap:5px;padding-right:17px;margin-bottom:11px}.card-tags:empty{display:none}.card-foot{color:#7c89a5;font-size:10px;margin-top:15px}.card-foot .priority{color:#b77829}.card-menu{color:#8e98b1;opacity:1;right:8px;top:10px}.card-menu:hover{background:#f0edfc;color:#6749c4}.add-card{font-size:12px;color:#687799;padding-top:14px;padding-bottom:3px}.add-card:hover{color:#5541b3}.board-surface .empty-column{color:#7a84a0;border-color:#c9d1e7;background:#ffffff28;font-size:12px}.board-surface .add-column{color:#eeeaff;background:#ffffff0d;border-color:#ffffff52;font-size:12px;min-height:45px;min-width:180px}.board-surface .add-column:hover{background:#ffffff20}.board-surface .footnote{color:#f1eeffc4;font-size:10px}.board-surface .board-scroll{scrollbar-color:#ffffff4d transparent}.board-surface .list-row{color:#3c4665;background:#fffffff0;border-color:#ffffff}.board-surface .list-row .card-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;max-width:45%}.list-open{display:flex;gap:10px;align-items:center;flex:1;padding:0;text-align:left;min-width:0}.list-open .list-title{overflow-wrap:anywhere}.list-open .list-col{color:#6b7893;font-size:11px;white-space:nowrap}.board-surface .column.drag-over{background:#e9e2ff;outline:2px dashed #a395d9}
/* Stable semantic colors, independent of card order or label position. */
.label-violet{--label-color:#7354c9;--label-text:#6142b3;--label-bg:#ede5ff}
.label-blue{--label-color:#2876ce;--label-text:#2162ac;--label-bg:#e2eeff}
.label-cyan{--label-color:#028ca5;--label-text:#006d86;--label-bg:#dcf4fa}
.label-emerald{--label-color:#128570;--label-text:#076a58;--label-bg:#daf3e9}
.label-lime{--label-color:#618a24;--label-text:#4d701a;--label-bg:#eaf4cf}
.label-amber{--label-color:#b67c14;--label-text:#92600b;--label-bg:#fff0cb}
.label-coral{--label-color:#d6634f;--label-text:#ad4338;--label-bg:#ffe4df}
.label-pink{--label-color:#c1498d;--label-text:#a03373;--label-bg:#fce0f0}
.label-slate{--label-color:#6b7890;--label-text:#4f5f7a;--label-bg:#e7ebf3}
.tag[class*="label-"]{background:var(--label-bg);color:var(--label-text);display:inline-flex;align-items:center;gap:5px;font-weight:650;font-size:10px;padding:5px 8px;line-height:1.3;border-radius:5px;max-width:100%;overflow-wrap:anywhere;text-align:left}.tag[class*="label-"]:is(button):hover{filter:brightness(.96);box-shadow:0 0 0 1px var(--label-color)}.label-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--label-color)}.tag-count{font-size:9px;margin-left:3px;opacity:.8}.label-picker{display:flex;flex-wrap:wrap;gap:8px;background:#fff;border:1px solid #e0e4f1;padding:12px;border-radius:9px}.label-choice{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:3px 1px}.label-choice input{margin:0;accent-color:#7253d4}.label-create-link{font-size:12px;color:#7050cc;margin-top:10px;font-weight:600;padding:5px 0}.field-optional{font-weight:400;color:#7f88a0}.label-catalog{display:grid;gap:0;background:#fff;border:1px solid #e2e5f1;border-radius:9px;padding:0 13px;margin:18px 0}.catalog-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf0f7;padding:12px 0}.catalog-row:last-child{border:0}.catalog-label{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:0}.catalog-count{font-size:11px;color:#7a85a0;white-space:nowrap}.catalog-label:hover .tag{box-shadow:0 0 0 1px var(--label-color)}.empty-labels{font-size:13px;color:#6c7894;line-height:1.8;padding:18px 0}.color-fieldset{border:0;padding:0;margin:22px 0}.color-fieldset legend{padding:0;margin-bottom:12px}.color-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-choice{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e1e5f0;border-radius:7px;padding:9px 8px;font-size:11px;color:#55627f;cursor:pointer}.color-choice:has(input:checked){background:var(--label-bg);border-color:var(--label-color);color:var(--label-text)}.color-choice input{width:12px;height:12px;accent-color:var(--label-color);margin:0}.color-swatch{width:12px;height:12px;background:var(--label-color);border-radius:50%}.label-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.label-results .search-result{margin:0}.label-results .tag{margin-bottom:7px}.appearance-preview{position:relative;border-radius:11px;overflow:hidden;isolation:isolate;background-attachment:scroll}
.mini-board{position:relative;z-index:1;display:grid;gap:14px;padding:clamp(12px,4vw,20px);color:var(--board-caption)}
.mini-board-heading{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.mini-board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mini-board-columns>span{height:52px;border-radius:5px;padding:10px 7px}
.mini-board-columns>span::after{content:'';display:block;height:20px;border:1px solid color-mix(in srgb,var(--tone-text-muted,#bba4cc) 24%,transparent);border-radius:3px}
.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 11px}.theme-choice{display:grid;gap:7px;font-size:11px;color:#67718d;cursor:pointer;text-align:center;position:relative}.theme-choice input{position:absolute;opacity:0;left:0;top:0;width:100%;height:55px;margin:0;cursor:pointer}.theme-swatch{display:block;height:55px;width:100%;border-radius:8px;border:3px solid transparent;background-clip:padding-box;background-attachment:scroll;position:relative;pointer-events:none}.theme-choice:has(input:checked) .theme-swatch{outline:2px solid #8972df;outline-offset:1px}.theme-choice:has(input:focus-visible) .theme-swatch{outline:3px solid #7fa9d5;outline-offset:3px}.swatch-check{color:white;background:#ffffff38;border-radius:50%;height:21px;width:21px;display:none;align-items:center;justify-content:center;font-size:12px;position:absolute;right:7px;bottom:7px}.theme-choice:has(input:checked) .swatch-check{display:flex}.background-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.background-picker label{position:relative;cursor:pointer}.background-picker input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.background-picker span{display:block;text-align:center;font-size:11px;border:1px solid #dfe4f0;background:white;color:#6c7894;border-radius:7px;padding:10px 4px;pointer-events:none}.background-picker input:checked+span{background:#efe9ff;border-color:#aa97e7;color:#7250b9;font-weight:650}.background-picker input:focus-visible+span{outline:3px solid #7fa9d5;outline-offset:2px}.background-upload{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px dashed #c9cfe1;border-radius:9px;padding:14px 15px;margin:20px 0}.background-upload strong{font-size:12px;color:#45516e}.background-upload small{display:block;font-size:10px;color:#7e88a1;line-height:1.8;margin-top:5px}.background-upload>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}
@media(min-width:1500px){.board-surface .column{min-width:300px;max-width:400px}.board-surface .card{padding:18px 16px 16px}.card-title{font-size:15px}.card-body{font-size:12px}}
@media(max-width:1100px){.board-actions{flex-direction:column-reverse;align-items:stretch}.board-actions .button{font-size:11px;min-height:35px;padding:8px 12px}.board-surface .page-intro{align-items:flex-start}.board-surface .title-row h1{font-size:31px}.board-surface .board-mark{display:none}.board-surface .toolbar{flex-wrap:wrap;gap:12px}.board-surface .filter-buttons{margin-left:auto}.board-surface .stats{gap:20px}.board-surface .column{min-width:275px}}
@media(max-width:850px){.board-surface .title-row h1{font-size:30px}.board-surface .toolbar .button.secondary{display:none}.board-surface .stats{justify-content:space-between;gap:10px}.board-surface .stat{font-size:11px}.board-surface .stat b{font-size:20px}.board-surface .stat-divider{height:20px}.board-surface .topbar{height:68px}.board-surface .column{min-width:270px}.sidebar{gap:21px}.board-surface .toolbar{align-items:center}.label-filter-wrap select{max-width:145px}.board-surface .filter-buttons{gap:7px}}
@media(max-width:640px){.sidebar{gap:20px}.board-surface .topbar{height:63px}.board-surface .menu-toggle{color:#fff}.board-surface .content{padding:20px 16px 25px}.board-surface .demo-banner{font-size:10px;line-height:1.6;margin-bottom:26px;padding:10px 12px}.board-surface .demo-banner button{font-size:10px}.board-surface .title-row h1{font-size:30px}.board-surface .eyebrow{font-size:9px;letter-spacing:1.6px}.board-surface .subtitle{font-size:12px;line-height:1.8;margin-top:9px}.board-surface .page-intro{gap:13px;margin-bottom:22px}.board-surface .intro-title{min-width:0;flex:1}.board-surface .title-row{gap:4px}.board-surface .title-row .icon-button{width:24px;height:24px;flex-shrink:0}.board-actions{gap:7px;margin-top:0;flex-direction:row}.board-actions .button{font-size:0;padding:0;min-height:36px;width:36px;border-radius:9px}.board-actions .button svg{width:16px;height:16px}.board-surface .stats{padding:13px 15px;gap:12px;margin-bottom:20px}.board-surface .stat{font-size:10px;gap:7px}.board-surface .stat b{font-size:20px}.board-surface .toolbar{gap:10px;flex-wrap:wrap;margin-bottom:17px}.board-surface .tabs{padding:3px}.board-surface .tab{font-size:10px;padding:7px 8px}.board-surface .filter-buttons{margin-left:0;gap:6px;flex:1;justify-content:flex-end}.label-filter-wrap{height:33px;padding:0 7px;gap:4px}.label-filter-wrap svg{display:none}.label-filter-wrap select{height:30px;max-width:115px;font-size:10px}.board-surface .filter{height:33px;font-size:10px;padding:7px}.board-surface .column{min-width:calc(100vw - 64px);max-width:350px;padding:14px 12px 11px;border-radius:12px}.board-surface .column-name{font-size:13px}.board-surface .card{padding:16px 14px 14px}.card-title{font-size:14px;line-height:1.6}.card-body{font-size:12px;line-height:1.85}.tag[class*="label-"]{font-size:10px;padding:5px 8px}.board-surface .column-count{font-size:10px;padding:2px 6px}.board-surface .board-scroll{margin-right:-16px;padding-right:16px}.board-surface .footnote{font-size:9px;line-height:1.8}.board-surface .footnote .version-label{max-width:75px;font-size:9px}.active-label-bar{font-size:11px;align-items:flex-start}.active-label-bar>button{font-size:10px;white-space:nowrap;margin-top:4px}.active-label-bar .tag{font-size:9px}.board-surface .list-row{padding:12px;gap:8px;align-items:flex-start;flex-wrap:wrap}.board-surface .list-row .card-tags{display:flex;max-width:100%;justify-content:flex-start}.board-surface .list-row .tag{display:inline-flex}.list-open{flex-basis:100%;gap:9px}.list-open .list-title{font-size:13px}.list-open .list-col{font-size:10px;max-width:85px;overflow:hidden;text-overflow:ellipsis}.theme-picker{gap:13px 9px}.theme-swatch{height:50px}.theme-choice input{height:50px}.theme-choice{font-size:10px}.color-picker{gap:7px}.color-choice{font-size:10px;gap:5px;padding:9px 6px}.color-choice input{width:10px;height:10px}.color-swatch{width:10px;height:10px}.catalog-count{font-size:10px}.catalog-row{gap:7px}.catalog-label{gap:8px;flex-wrap:wrap}.background-upload{padding:13px;gap:10px}.background-upload small{font-size:10px}.background-upload .button{font-size:10px}.background-picker span{font-size:10px;padding:9px 3px}.label-choice{gap:6px}.label-picker{gap:7px;padding:10px}.note-body{font-size:13px}.field-input{font-size:14px}.modal-content p{font-size:12px}.board-surface .network-label{display:none}}
.sidebar{overflow-y:auto;gap:20px}.sidebar [data-sync-status]{max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.sync-summary{display:flex;align-items:center;gap:13px;background:#eeebfb;border:1px solid #ded6f8;border-radius:10px;padding:15px;margin:0 0 19px}.sync-summary>span{display:grid;place-items:center;width:43px;height:43px;background:#ddd5f8;color:#7860c5;border-radius:10px;flex-shrink:0}.sync-summary strong{display:block;font-size:14px;color:#4a3e6d}.sync-summary small{display:block;font-size:11px;line-height:1.8;color:#7a7193;margin-top:5px}.sync-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:20px}.sync-controls .button{font-size:11px}.recovery-list{display:grid;gap:0}.recovery-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e4e7f1;padding:13px 0}.recovery-list strong{display:block;font-size:12px;color:#47516c}.recovery-list small{display:block;font-size:10px;color:#7a85a0;margin-top:6px}.conflict-actions{display:grid;gap:9px}.lock-links{flex-wrap:wrap;gap:12px}
@media(max-width:375px){.board-surface .toolbar{gap:8px}.board-surface .filter-buttons{justify-content:space-between;flex-basis:100%;margin-top:0}.label-filter-wrap{flex:1}.label-filter-wrap select{width:100%;max-width:none}.board-surface .toolbar .button.secondary{display:flex;font-size:10px}.board-actions{flex-direction:column-reverse}.board-surface .title-row h1{font-size:27px}}