*{box-sizing:border-box}
:root{font-family:Inter,"Segoe UI",sans-serif;color:#303846;background:#f0f2f6;font-size:16px}
body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:1px solid #d7dde6;background:#fff;color:#465166;border-radius:8px;padding:9px 13px;font-size:.875rem;transition:background .15s}
button:hover{background:#eaf0f8}button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,a:focus-visible{outline:3px solid #819ac1;outline-offset:2px}
.primary{background:#53637c;color:#fff;border-color:#53637c}.primary:hover{background:#414f65}
header{min-height:54px;display:flex;align-items:center;gap:12px;padding:8px 18px;border-bottom:1px solid #dce1e9;background:#fafbfc;flex-shrink:0}
h1{font-size:16px;font-weight:600;margin:0;line-height:1.4}header .primary{margin-left:auto}
.connection{display:flex;align-items:center}.connection i{width:6px;height:6px;border-radius:50%;background:#c08a66}.connection i.online{background:#91a4bf}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main{flex:1;min-height:0;display:flex;padding:14px}
.board{display:flex;flex:1;min-width:0;gap:14px;overflow-x:auto;align-items:stretch;padding-bottom:6px}
.column{--color:#9baac2;flex:1 0 290px;max-width:380px;min-width:0;display:flex;flex-direction:column;min-height:0;background:color-mix(in srgb,var(--color) 10%,#eef1f6);border:1px solid color-mix(in srgb,var(--color) 15%,#dfe4ed);border-radius:11px;padding:12px;transition:box-shadow .2s}
.column.over{box-shadow:inset 0 0 0 2px var(--color)}
.column-head{display:flex;align-items:center;gap:9px;margin-bottom:14px;flex-shrink:0}
.emoji{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--color) 13%,#fff);font-size:18px}
.column-head h2{font-size:14px;margin:0;flex:1;overflow-wrap:anywhere}.badge{padding:3px 6px;font-size:12px;color:#788396}
.icon{border:0;background:transparent;padding:4px 8px;font-size:20px;line-height:1.3}
.cards{flex:1;min-height:70px;overflow-y:auto;padding:2px 2px 8px;scrollbar-width:thin;scrollbar-color:#c3cbd7 transparent}
.card{position:relative;background:color-mix(in srgb,var(--color) 4%,white);border:1px solid color-mix(in srgb,var(--color) 14%,#e5e8ee);border-radius:9px;padding:16px;margin-bottom:10px;box-shadow:0 2px 4px #24334a04;cursor:grab}
.card:active{cursor:grabbing}.card.dragging{opacity:.4}.card h3{font-size:16px;line-height:1.5;margin:12px 0 6px;overflow-wrap:anywhere}
p{color:#758094;line-height:1.5}.card p{font-size:13px;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.asset-type{font-size:10px;font-weight:700;letter-spacing:1px;color:#8590a1}
.actions{display:flex;gap:2px;position:absolute;right:9px;top:9px;opacity:0;background:#ffffffed;border:1px solid #e0e5ed;border-radius:7px}
.card:hover .actions,.card:focus-within .actions{opacity:1}
.actions button,.actions a{border:0;border-radius:6px;padding:5px 8px;background:transparent;display:inline-flex;color:#5a6980;text-decoration:none}
.actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.progress-row{display:flex;justify-content:space-between;font-size:12px;color:#7c879a;margin-bottom:7px}.progress{height:4px;background:#e7ebf1;border-radius:5px;overflow:hidden}.progress span{display:block;height:100%;background:var(--color,#8c9eb7)}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #e6eaf0;margin-top:14px;padding-top:11px;font-size:12px;color:#7a8596}
.person{display:flex;align-items:center;gap:7px;min-width:0}.avatar{width:25px;height:25px;border-radius:50%;background:color-mix(in srgb,var(--color) 17%,white);display:grid;place-items:center;font-size:10px;color:#5b6575}.name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.add-card{flex-shrink:0;width:100%;border:1px dashed #c2cad7;background:transparent;color:#727e92;text-align:left;margin-top:6px}
.empty{font-size:14px;color:#8c97a7;text-align:center;padding:26px 10px;line-height:1.7}.board-empty{padding:32px 12px}
dialog{border:1px solid #d9e0ea;border-radius:13px;padding:24px;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;color:#344054;background:#fafbfe;box-shadow:0 25px 100px #26344c33}
dialog::backdrop{background:#25324757;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}h2{font-size:21px;margin:0}
label{display:block;font-size:14px;margin-bottom:16px;font-weight:500}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfd7e3;border-radius:8px;background:#fff;padding:10px;color:#344054;min-width:0}input[type=hidden]{display:none}textarea{resize:vertical;min-height:88px}input[type=color]{height:44px;padding:4px}input[type=range]{padding:0;accent-color:#7189aa}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.column-settings{grid-template-columns:64px 1fr}.emoji-control{font-size:14px;font-weight:500;margin-bottom:16px}#emoji-toggle{display:block;margin-top:7px;width:52px;height:44px;font-size:24px;padding:3px;line-height:1}
.emoji-options{max-height:260px;overflow-y:auto;padding:4px 12px 12px;border:1px solid #d7dfea;background:#fff;border-radius:10px;margin:0 0 16px;box-shadow:0 6px 18px #26344c0b}.emoji-options[hidden]{display:none}.emoji-options h3{font-size:13px;color:#7a879b;margin:12px 0 8px;font-weight:500}
.emoji-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px}.emoji-grid button{font-size:23px;padding:6px;min-height:44px;border:1px solid transparent;background:transparent;line-height:1.3}.emoji-grid button:hover{background:#edf1f7}.emoji-grid button[aria-pressed="true"]{background:#e5ecf6;border-color:#8c9fbc}
.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e1e6ef;padding-top:18px;margin-top:18px}.danger{color:#a35c63;margin-right:auto}
.viewer{width:min(900px,calc(100% - 24px))}#preview{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#preview img,#preview video{max-width:100%;max-height:65vh;border-radius:8px}#preview audio{width:100%}#preview a{color:#5877a2}
#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#46566f;color:white;border-radius:9px;padding:12px 18px;display:none;max-width:90vw;z-index:10;font-size:14px}#form-error,#login-error{color:#a35c63;font-size:14px}
@media(hover:none){.actions{opacity:1}}
@media(max-width:700px){header{padding:8px 12px;gap:8px}h1{font-size:14px}header .primary{padding:8px 10px;font-size:13px}main{padding:10px}.board{gap:10px}.column{flex:0 0 min(290px,calc(100vw - 36px))}.row:not(.column-settings){grid-template-columns:1fr}dialog{padding:20px}.form-actions{flex-wrap:wrap}}
[hidden]{display:none!important}
#start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}
#startup-error{max-width:480px;font-size:14px;overflow-wrap:anywhere}
#project-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:35vw}
.project-sharing{display:flex;align-items:center;gap:4px;margin-left:auto;min-width:0}
.project-sharing a{font-size:13px;color:#7c8aa0;text-decoration:none;white-space:nowrap}.project-sharing a:hover{text-decoration:underline}
header .primary{margin-left:8px;white-space:nowrap}
#share-url{font-size:14px}#create-error{color:#a35c63;font-size:14px}
@media(max-width:580px){header{flex-wrap:wrap}.project-sharing{margin-left:auto}.project-sharing a{font-size:12px}#project-title{max-width:calc(100vw - 80px);flex:1}.project-sharing{order:2}header .primary{order:3}header .connection{margin-right:4px}}

.project-sharing .open-project{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid #dce1e9;border-radius:8px;color:#53637c;background:#fff;font-weight:500;text-decoration:none}.project-sharing .open-project:hover{background:#edf0f5;text-decoration:none}.project-sharing .open-project:focus-visible{outline:2px solid #637ea6;outline-offset:2px}

#embed-dialog{width:min(620px,calc(100vw - 32px))}#embed-code{width:100%;font-family:monospace;font-size:12px;line-height:1.5;resize:vertical}#copy-holst{white-space:nowrap;font-size:13px}

.group-toggle{width:100%;display:flex;justify-content:space-between;gap:8px;text-align:left;border:0;background:transparent;padding:8px 4px;font-size:12px;font-weight:600;color:#67758b}.group-toggle span:first-child{overflow-wrap:anywhere}.category-group{margin-bottom:8px}.comment-count{margin-top:10px;font-size:12px;color:#788396}.card-section{border-top:1px solid #dce1e9;margin-top:20px;padding-top:14px}.card-section h3{font-size:15px;margin:0 0 8px}.hint{font-size:12px;margin:4px 0 12px}.file-meta{font-size:12px;line-height:1.6;font-weight:400;overflow-wrap:anywhere;margin-top:9px}.inline-create{display:flex;gap:8px;align-items:center;margin-bottom:16px}.inline-create input{margin:0}.version-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e3e7ee}.version-row>div:first-child{min-width:0;flex:1}.version-row strong{font-size:13px;overflow-wrap:anywhere}.version-row small{display:block;font-size:11px;color:#7a8596;margin-top:4px}.file-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-actions{display:flex;gap:4px}.version-actions button{padding:6px}.version-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.comment{background:#f0f3f8;border:1px solid #e0e6ef;padding:12px;border-radius:9px;margin:12px 0}.comment-text,.reply{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.completed>.comment-text{text-decoration:line-through;color:#8490a0}.comment-tools{display:flex;gap:6px;margin-top:10px}.comment-tools button,.reply-form button{font-size:12px;padding:6px 9px}.replies{border-left:2px solid #c6d1e1;margin-left:8px;padding-left:12px}.reply{margin-top:12px}.reply-form{margin-top:12px}.download-link{display:inline-block;padding:12px 16px;background:#53637c;color:#fff;border-radius:8px;text-decoration:none}
/* Wide card editor: left content scrolls, file panel remains in place. */
#editor.wide-card{width:min(1180px,calc(100vw - 40px));height:min(840px,calc(100dvh - 40px));max-height:none;padding:0;overflow:hidden}
.wide-card #edit-form{height:100%;display:flex;flex-direction:column;min-height:0}
.wide-card .dialog-head{padding:16px 24px;margin:0;border-bottom:1px solid #dce2eb;flex-shrink:0}
.wide-card .dialog-head h2{font-size:18px}
.wide-card #fields{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);flex:1;min-height:0}
.editor-left{padding:22px 24px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#c1c9d5 transparent;background:#fafbfe}
.editor-right{padding:20px 22px;background:#e9edf4;border-left:1px solid #d7dfe9;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.editor-right h3,.comments-section h3{font-size:16px;margin:0 0 12px}
.editor-left label{margin-bottom:14px}.editor-left textarea[name=description]{min-height:92px}.editor-left .inline-create{margin-top:-4px}.editor-left .inline-create input{font-size:12px;padding:8px}.editor-left .inline-create button{font-size:12px;padding:8px}
.editor-right label{font-size:12px;margin-bottom:10px}.editor-right input[name=url]{font-size:12px;padding:9px;margin-top:6px;background:#f8faff}
.file-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex-shrink:0}
.file-buttons button{font-size:12px;padding:8px 4px;display:flex;gap:5px;justify-content:center;align-items:center;background:#f7f9fc}
.file-buttons svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.editor-right .file-meta{margin:14px 0 0}.file-meta dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;margin:0;font-size:12px;line-height:1.35}.file-meta dt{color:#738198}.file-meta dd{margin:0;color:#35445c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-error{font-size:11px;color:#9b5b62;margin:6px 0;max-height:30px;overflow:hidden}
.refresh-file{border:0;background:transparent;text-align:left;padding:6px 0;font-size:11px;color:#6b7d96;align-self:flex-start}
.versions-section{border-top:1px solid #d2dbe7;margin-top:6px;padding-top:12px;min-height:0}.versions-section h3{display:flex;align-items:center;gap:8px;margin:0 0 6px}#version-count{font-size:11px;background:#dce3ef;border-radius:10px;padding:2px 6px;color:#687a93}.versions-section .hint{font-size:10px;line-height:1.3;margin:0 0 6px}
.editor-right .version-row{background:#f5f7fb;border:1px solid #d9e1ed;padding:7px 9px;border-radius:8px;margin-bottom:5px;gap:4px;min-height:0}.editor-right .current-version{background:#dce7f5;border-color:#cddbec}.editor-right .version-row strong{display:block;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-right .version-row small{font-size:10px;line-height:1.2;margin-top:3px;white-space:nowrap}
.ellipsis{background:transparent;border:0;padding:2px 6px;font-size:21px;line-height:1;flex-shrink:0;color:#536784;min-width:28px;min-height:28px}
.comments-section{border-top:1px solid #e1e6ef;padding-top:18px;margin-top:10px}.comments-section>.hint{font-size:11px}
.comment{padding:12px;margin:12px 0;background:#eef2f7}.comment-top{display:flex;align-items:flex-start;gap:8px}.comment-text{flex:1;line-height:1.6}.completed .comment-text{text-decoration:line-through;color:#8590a0}.done-mark{display:inline-block;border-radius:50%;background:#8195b1;color:white;font-size:11px;padding:0 4px;margin-right:8px;text-decoration:none}
.replies{margin-top:8px}.reply{display:flex;gap:6px;align-items:flex-start;margin-top:8px;padding:6px 0}.reply-text{flex:1;line-height:1.5;min-width:0}.reply-menu{opacity:0}.reply:hover .reply-menu,.reply:focus-within .reply-menu{opacity:1}
.reply-compose{display:flex;align-items:flex-end;gap:6px;margin:12px 0 0 8px}.reply-compose textarea{margin:0;min-height:36px;height:36px;font-size:12px;resize:vertical;padding:8px;max-height:120px}.reply-compose button{padding:7px 10px;min-height:36px}.comment-compose{display:flex;gap:10px;align-items:flex-end}.comment-compose textarea{font-size:13px;margin:0;min-height:68px}.comment-compose button{padding:10px;font-size:12px}
.wide-card .form-actions{padding:12px 24px;margin:0;border-top:1px solid #dce2eb;background:#f7f9fc;flex-shrink:0}.wide-card #form-error{margin:0;padding:0 24px;background:#f7f9fc;font-size:12px;max-height:48px;overflow:auto}.wide-card #form-error:not(:empty){padding-top:8px;padding-bottom:8px}
#context-menu{position:fixed;inset:auto;margin:0;padding:5px;width:210px;max-height:calc(100dvh - 16px);overflow:auto;border:1px solid #d4dce8;border-radius:9px;background:#fff;box-shadow:0 8px 30px #27375026}#context-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;font-size:12px;padding:9px 10px;border-radius:5px}#context-menu button:hover{background:#edf2f8}#context-menu .destructive{color:#ac5662;border-top:1px solid #e4e8ee;margin-top:4px}
@media(max-height:800px) and (min-width:801px){.editor-right{padding:14px 18px}.editor-right h3{font-size:14px;margin-bottom:6px}.editor-right label{margin-bottom:7px}.editor-right input[name=url]{padding:7px}.file-buttons button{padding:6px 3px;font-size:11px}.editor-right .file-meta{margin-top:10px}.file-meta dl{gap:5px 10px;font-size:11px}.versions-section{padding-top:8px}.editor-right .version-row{padding:5px 7px;margin-bottom:4px}.editor-right .version-row strong{font-size:11px}.editor-right .version-row small{font-size:10px}.refresh-file{font-size:10px;padding:4px 0}}
@media(max-width:800px){#editor.wide-card{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.wide-card #fields{display:block;overflow-y:auto}.editor-left{overflow:visible;padding:18px}.editor-right{overflow:visible;padding:18px;border-left:0;border-top:1px solid #d7dfe9}.wide-card .dialog-head{padding:12px 18px}.wide-card .form-actions{padding:12px 18px}.reply-menu{opacity:1}}
@media(max-height:600px) and (min-width:801px){.editor-right{overflow-y:auto}}
@media(hover:none){.reply-menu{opacity:1}}

.select-menu{display:flex;gap:6px;align-items:center}.select-menu select{min-width:0;flex:1}.select-menu .icon{flex:0 0 34px}.card:focus-visible{outline:2px solid #536b91;outline-offset:3px}
.rich-box{min-width:0;flex:1;margin-bottom:14px}.rich-label{font-size:14px;margin-bottom:6px}.rich-toolbar{display:flex;gap:3px;border:1px solid #cfd7e3;border-bottom:0;background:#edf1f7;padding:3px;border-radius:7px 7px 0 0}.rich-toolbar button{padding:3px 8px;min-width:28px;background:transparent;border:0}.rich-editor{background:white;border:1px solid #cfd7e3;border-radius:0 0 7px 7px;padding:10px;min-height:76px;max-height:250px;overflow:auto;font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.rich-editor:focus{outline:2px solid #8a9fbf}.rich-editor div{min-height:1em}.comment-compose .rich-box{margin:0}.comment-text{white-space:normal}.card-appearance{border:0;padding:0;margin:0 0 14px;font-size:12px}.card-appearance legend{margin-bottom:6px}.color-palette{display:inline-flex;gap:5px;vertical-align:middle;margin-right:8px}.color-palette button{background:var(--swatch);border:2px solid transparent;border-radius:50%;width:22px;height:22px;padding:0;color:#64748b}.color-palette [aria-pressed=true]{outline:2px solid #435776;outline-offset:2px}.card-appearance>button{padding:5px 7px;font-size:12px}#card-emoji-picker{max-height:180px;overflow:auto;padding-top:8px}.compact-card{padding:32px 12px 10px;min-height:0}.compact-card .actions{top:4px;right:6px;opacity:1}.compact-card .actions button{width:24px;height:23px;padding:3px;font-size:20px}.compact-card .actions svg{width:16px;height:16px}.compact-title{display:flex;gap:8px;align-items:baseline}.compact-title h3{font-size:13px;line-height:1.4;flex:1;min-width:0;margin:0;overflow-wrap:anywhere}.compact-title time{font-size:9px;white-space:nowrap;color:#8490a2}.compact-description{max-height:0;opacity:0;overflow:hidden;font-size:12px;line-height:1.5;transition:max-height .18s,opacity .18s,margin .18s;overflow-wrap:anywhere}.compact-card:hover .compact-description,.compact-card:focus-within .compact-description{max-height:110px;opacity:1;margin:9px 0;overflow:auto}.compact-bottom{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px;color:#7b8799}.compact-bottom .name{max-width:100px;flex:0 1 auto}.compact-bottom .progress{flex:1;min-width:25px;margin:0;height:4px}.compact-bottom>span:last-child{font-size:9px}#board-card-menu{position:fixed;inset:auto;margin:0;padding:5px;width:210px;border:1px solid #d4dce8;border-radius:8px;background:white;box-shadow:0 8px 30px #27375026}#board-card-menu button{display:block;width:100%;border:0;text-align:left;background:transparent}#board-card-menu button:hover{background:#edf2f8}#preview iframe{width:100%;height:65vh;border:0;border-radius:8px}.lm-filter-bar{grid-column:1/-1;display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:8px;padding:5px 12px;border-bottom:1px solid #d9e0e9}.lm-filter-bar button{display:flex;align-items:center;gap:5px;padding:5px 8px;border:0;background:transparent;font-size:12px}.lm-filter-bar svg{width:16px;height:16px}.lm-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;background:#edf2f8;border-bottom:1px solid #d9e0e9;max-height:45vh;overflow:auto}.lm-filters label{font-size:11px;margin:0}.lm-filters select,.lm-filters input{font-size:12px;padding:7px;margin-top:4px}.lm-filter-buttons{display:flex;align-items:end;gap:6px}.lm-filters .hint{grid-column:1/-1;margin:0;font-size:10px}.lm-description{white-space:normal}.lm-card-emoji{font-size:14px}#link-manager{grid-template-rows:auto minmax(0,1fr)}#link-manager:has(.lm-filters:not([hidden])){grid-template-rows:auto auto minmax(0,1fr)}@media(max-width:760px){.lm-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){#link-manager{grid-template-rows:auto minmax(160px,1fr) minmax(130px,35%)}#link-manager:has(.lm-filters:not([hidden])){grid-template-rows:auto auto minmax(100px,1fr) 130px}}

.compact-card .actions{gap:8px}.compact-card .actions button{background:transparent;border:0;box-shadow:none;border-radius:0}.compact-card .actions button:hover{background:transparent;color:#34496a}.compact-card .actions [data-action=preview],.compact-card .actions [data-action=download]{opacity:0;pointer-events:none;transition:opacity .15s}.compact-card:hover .actions button,.compact-card:focus-within .actions button{opacity:1;pointer-events:auto}.compact-card .actions [data-action=card-menu]{opacity:1;pointer-events:auto;margin-left:4px}@media(hover:none){.compact-card .actions [data-action=preview],.compact-card .actions [data-action=download]{opacity:1;pointer-events:auto}}
#quick-appearance{position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:14px;border:1px solid #d4dce8;border-radius:10px;background:#f8fafd;box-shadow:0 8px 30px #27375026}#quick-appearance label{font-size:12px;margin:8px 0}#quick-appearance select{padding:7px;font-size:12px}#quick-appearance .color-palette{margin:2px 0 10px;gap:5px}#quick-appearance .quick-emojis{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;max-height:170px;overflow:auto}#quick-appearance .quick-emojis button{padding:5px;background:transparent;border:1px solid transparent;font-size:18px}#quick-appearance .quick-emojis button[aria-pressed=true]{background:#dce5f2;border-color:#8a9fbf}#quick-appearance .quick-error{font-size:12px;color:#ad5966}#quick-appearance button[type=submit]{width:100%;margin-top:8px}

/* Borderless card controls, readable text and a single filter strip. */
.compact-card .actions{background:transparent;border:0;border-radius:0;box-shadow:none}.compact-title h3{font-size:16px;line-height:1.4}.compact-title time{font-size:12px;color:#65738a}.compact-description{font-size:14px}.compact-bottom{font-size:13px;color:#596980}.compact-bottom>span:last-child{font-size:12px}.compact-bottom .name{max-width:130px}.compact-bottom .progress{height:5px}.lm-filters{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:8px;padding:8px 12px;overflow-x:auto;max-height:none}.lm-filters label{flex:1 0 115px;min-width:115px;font-size:12px}.lm-filters select,.lm-filters input{width:100%;font-size:12px;padding:6px}.lm-filter-buttons{flex:0 0 auto;white-space:nowrap}.lm-filter-buttons button{padding:7px 9px;font-size:12px}

.lm-filter-buttons{margin-left:16px;padding-left:20px;border-left:1px solid #bbc8d8;gap:8px;align-self:stretch;align-items:flex-end;padding-bottom:1px}
#editor.wide-card input,#editor.wide-card select,#editor.wide-card textarea,#editor.wide-card .rich-editor{font-size:14px}#editor.wide-card .comment-text,#editor.wide-card .reply{font-size:14px}#editor.wide-card .hint,#editor.wide-card .file-error,#editor.wide-card .refresh-file,#editor.wide-card .file-meta dl,#editor.wide-card .version-row small{font-size:13px;line-height:1.45}#editor.wide-card .version-row strong{font-size:14px;line-height:1.4}#editor.wide-card .file-buttons button{font-size:13px;padding:8px 3px}#editor.wide-card .editor-right{overflow-y:auto}#editor.wide-card select[name=columnId]{width:calc(100% - 40px)}#editor.wide-card .card-appearance,#editor.wide-card .card-appearance>button{font-size:13px}#context-menu,#board-card-menu{width:250px}#context-menu button,#board-card-menu button{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;padding:10px 12px}.menu-action-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#quick-appearance label,#quick-appearance select,#quick-appearance button[type=submit]{font-size:14px}#reply-edit-dialog textarea,#comment-edit-dialog .rich-editor,#choice-dialog input{font-size:14px}
#board-card-menu button[data-board-menu="delete"]{color:#d93d42}#board-card-menu button[data-board-menu="delete"]:hover{color:#c52c32;background:#fff0f1}

.card-file-meta{font-size:12px;color:#718098;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.compact-description{transition:max-height .28s ease,opacity .22s ease,margin .28s ease}.viewer-card .compact-bottom .progress{flex:1}.viewer-card .compact-description{white-space:normal}#viewer .dialog-head{align-items:center;gap:12px;flex-wrap:wrap}#viewer-title{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}#viewer-meta{flex:1;min-width:100px;font-size:13px;font-weight:400;color:#718098;overflow-wrap:anywhere}.preview-stage{position:relative;padding:0 25px}.preview-arrow{position:absolute;top:45%;transform:translateY(-50%);border:0;background:transparent;padding:0;font-size:48px;font-weight:300;line-height:1;color:#8090a7;z-index:1;cursor:pointer}.preview-arrow:hover,.preview-arrow:focus-visible{color:#2476db;background:transparent;text-shadow:0 0 12px #559aee66}#preview-prev{left:-12px}#preview-next{right:-12px}#view-card-content .progress{flex:1}#view-card-content small{color:#718098;font-size:12px}@media(prefers-reduced-motion:reduce){.compact-description{transition:none}}

#card-emoji-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}#card-emoji-picker{position:fixed;inset:auto;margin:0;width:290px;max-height:300px;padding:12px;background:#fff;border:1px solid #cbd7e5;border-radius:10px;box-shadow:0 8px 30px #27375026}#card-emoji-picker .emoji-grid{grid-template-columns:repeat(6,1fr)}.viewer-split{width:min(1200px,calc(100vw - 32px));max-height:90vh}.viewer-split .viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;min-height:350px}.viewer-split .preview-stage{display:flex;align-items:center;min-width:0}.viewer-split #preview{width:100%;min-width:0}.viewer-split #viewer-info{background:#eaf0f6;border-radius:8px;padding:18px;overflow:auto;max-height:70vh;font-size:13px}.viewer-split #viewer-info h2{font-size:18px;margin-top:0;overflow-wrap:anywhere}.viewer-split #viewer-info h3{font-size:14px;margin-top:24px}.viewer-version-list{display:flex;flex-direction:column;gap:4px}.viewer-version-list button{border:0;background:transparent;text-align:left;font-size:12px;font-weight:400;padding:8px;border-radius:5px;overflow-wrap:anywhere;color:#596577}.viewer-version-list button[aria-pressed=true]{background:#d9e4f1;color:#344b69}.viewer-version-list button:hover{background:#e0e8f2}.viewer-split .compact-bottom .progress{flex:1}.read-only .viewer-card{padding-top:12px}@media(max-width:720px){.viewer-split .viewer-layout{grid-template-columns:minmax(0,1fr)}.viewer-split #viewer-info{max-height:30vh}.viewer-split #preview img,.viewer-split #preview video,.viewer-split #preview iframe{max-height:42vh}}

.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--profile-background,#cbe7ef);color:var(--profile-foreground,#40516a);font-size:11px;font-weight:650;line-height:1;vertical-align:middle}.compact-bottom .name{display:flex;align-items:center;gap:6px}.assignee-trigger{display:flex;align-items:center;gap:7px;width:100%;min-width:0;font:inherit;text-align:left}.assignee-trigger>span:nth-last-child(2){flex:1;overflow:hidden;text-overflow:ellipsis}.assignee-popup{position:fixed;margin:0;padding:5px;border:1px solid #dce3ed;border-radius:10px;background:#fff;box-shadow:0 12px 32px #263c5926;max-height:300px;overflow:auto;min-width:180px}.assignee-popup button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:8px;font:inherit;text-align:left}.assignee-popup button:hover{background:#eef2f7}.select-menu select[hidden]{display:none!important}.choice-emoji{flex:0 0 auto;font-size:14px}

.profile-avatar{min-width:22px;max-width:22px;min-height:22px;max-height:22px;aspect-ratio:1;box-sizing:border-box;flex:0 0 22px!important;overflow:hidden}

#fields select[hidden]{display:none!important}#fields select[name=columnId]+.assignee-trigger{width:calc(100% - 40px)}.card-appearance>.color-palette,.card-appearance>#card-emoji-toggle{vertical-align:middle}.card-appearance>#card-emoji-toggle{margin:0;display:inline-flex;align-items:center;justify-content:center;height:26px;padding:2px 5px}.version-row{gap:7px}.version-row>.version-content{flex:1;min-width:0;cursor:pointer}.version-star{border:0;background:transparent;padding:3px;color:#8b9aaf;flex:0 0 24px}.version-star[aria-pressed=true]{color:#53637c}.version-star svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6}.editor-version-input{display:grid;grid-template-columns:minmax(0,1fr) 24px 24px;gap:4px;align-items:center}.editor-version-input input{margin:0;min-width:0;width:100%;padding:5px}.editor-version-input button{background:transparent;border:0;padding:2px}.editor-version-input small{grid-column:1/-1;color:#c54148}.version-row:has(.editor-version-input)>.ellipsis,.version-row:has(.editor-version-input)>.version-star{display:none}#viewer-info .progress span{background:#8c9eb7}

#share-columns{margin:14px 0;padding:10px 12px;border:1px solid #dce3ed;border-radius:8px}#share-columns legend{font-size:13px;font-weight:600;color:#53637c}#share-column-list{display:grid;gap:8px;max-height:240px;overflow:auto}#share-column-list label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}#share-column-list input{width:16px;height:16px;margin:0;accent-color:#53637c;flex:0 0 16px}
#share-links{margin-top:18px;padding-top:14px;border-top:1px solid #dce3ed}#share-links h3{margin:0 0 10px;font-size:14px;font-weight:600;color:#53637c}#share-link-list{display:grid;gap:8px;max-height:260px;overflow:auto}.share-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dce3ed;border-radius:8px;background:#f7f9fc}.share-link-text{flex:1;min-width:0;display:grid;gap:2px;font-size:13px}.share-link-text b{font-weight:600;color:#303846;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-text span{color:#53637c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-text small,#share-legacy small,.share-empty{color:#7a8597;font-size:12px}.share-link button,#share-legacy button{flex:0 0 auto;padding:6px 10px;font-size:13px;min-height:0}.share-revoke{color:#a35c63}.share-revoke[data-armed]{background:#a35c63;border-color:#a35c63;color:#fff}#share-legacy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.share-empty{margin:0}
#share-access-dialog{max-height:calc(100vh - 32px);overflow:auto}