:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;font-size:12px;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{width:max-content;background:transparent}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.52;cursor:wait}
[hidden]{display:none!important}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#app{--popup-width:500px;--popup-height:550px;--text:#2e2d39;--muted:#828192;--hairline:rgba(102,94,124,.14);--accent:#7964ba;--accent-tint:rgba(121,100,186,.11);--danger:#cf5b63;--priority-high:#e26465;--glass:rgba(255,255,255,.65);--glass-strong:rgba(255,255,255,.85);--surface:rgba(255,255,255,.48);--field:rgba(255,255,255,.6);--shadow:0 5px 20px rgba(50,36,90,.07);--backdrop:radial-gradient(ellipse at 14% 8%,rgba(201,208,255,.54),transparent 46%),radial-gradient(ellipse at 92% 90%,rgba(251,202,229,.46),transparent 45%),#f3f3f7;width:var(--popup-width);height:var(--popup-height);overflow:hidden;position:relative;color:var(--text);background:var(--backdrop);container-type:inline-size}
#app[data-theme=light]{--glass:#fff;--glass-strong:#fff;--surface:#fff;--field:#fff;--backdrop:#fafafb;--hairline:#e8e8ed;--shadow:0 2px 12px #18142507}
#app[data-theme=dark]{--text:#eeeef4;--muted:#aaa6b8;--hairline:rgba(230,220,255,.15);--glass:rgba(34,32,44,.79);--glass-strong:rgba(43,41,54,.96);--surface:rgba(46,43,58,.78);--field:rgba(63,58,75,.62);--backdrop:radial-gradient(ellipse at 15% 0%,#35304f,transparent 55%),radial-gradient(ellipse at 100% 100%,#312a4c,transparent 50%),#1b1a23;--shadow:0 7px 20px #0005;--danger:#ff909b;--priority-high:#ff8990}
#app[data-theme=colorful]{--glass:rgba(255,255,255,.64);--glass-strong:rgba(255,255,255,.85);--surface:rgba(253,248,255,.69);--field:rgba(255,255,255,.72);--backdrop:radial-gradient(ellipse at 8% 0%,#dcefff,transparent 55%),radial-gradient(ellipse at 92% 100%,#fbd8e9,transparent 47%),#f6edfc}
#app[data-accent=violet]{--accent:#7964ba;--accent-tint:rgba(121,100,186,.13)}
#app[data-accent=blue]{--accent:#3e83c8;--accent-tint:rgba(62,131,200,.12)}
#app[data-accent=mint]{--accent:#218d78;--accent-tint:rgba(33,141,120,.13)}
#app[data-accent=coral]{--accent:#d46f76;--accent-tint:rgba(212,111,118,.14)}
#app[data-theme=dark][data-accent=violet]{--accent:#ac99ed}
#app[data-theme=dark][data-accent=blue]{--accent:#80bcfc}
#app[data-theme=dark][data-accent=mint]{--accent:#69d5b8}
#app[data-theme=dark][data-accent=coral]{--accent:#ffaaaf}
.shell{width:100%;height:100%;display:flex;flex-direction:column;gap:7px;padding:9px 11px 6px;overflow:hidden;position:relative}
.topbar{display:flex;align-items:center;flex:none;height:28px;gap:7px;padding:0 4px}
.brand-mark{display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#9b8de0,#6877d9);color:white;width:25px;height:25px;font-weight:700;font-size:19px;line-height:1;box-shadow:0 2px 8px #7964ba33}
.brand-name,.topbar>b{font-size:14px;letter-spacing:-.45px;font-weight:760}
.topbar>small{color:var(--muted);font-size:10px;margin-left:6px}
.header-count{font-size:10px;color:var(--muted);margin-left:auto}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:3px}
.icon-button{border:0;background:transparent;border-radius:9px;color:var(--muted);width:27px;height:27px;display:grid;place-items:center;font-size:19px;padding:0}
.icon-button:hover{background:var(--accent-tint);color:var(--accent)}
.tabs{height:31px;display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--hairline);flex:none;padding-left:4px}
.tab{height:29px;padding:0 15px;border:0;background:transparent;border-radius:8px 8px 0 0;color:var(--muted);font-size:11px;font-weight:650}
.tab.selected{color:var(--accent);background:var(--glass);box-shadow:inset 0 -2px var(--accent)}
.tab span{font-size:10px;opacity:.65;margin-left:2px}
.search-line{display:flex;align-items:center;gap:5px;flex:none;height:31px;background:var(--glass);border:1px solid var(--hairline);border-radius:11px;padding:0 7px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.search-icon{font-size:18px;color:var(--muted);font-weight:600;line-height:1}
#search{width:0;flex:1;min-width:0;border:0!important;outline:none!important;background:none;color:var(--text);padding:5px 2px;font-size:11px}
#search::placeholder{color:var(--muted);opacity:.9}
#category-filter{flex:none;border:0;border-left:1px solid var(--hairline);width:104px;min-width:0;outline:none;background:transparent;color:var(--muted);padding:2px 0 2px 6px;font-size:10px}
.glass-surface{background:var(--glass);border:1px solid var(--hairline);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.composer{border-radius:14px;position:relative;flex:none;min-height:143px;overflow:visible}
.compose-content{display:flex;min-height:143px}
.compose-main{display:flex;flex:1;min-width:0;flex-direction:column;padding:10px 9px 7px 11px}
#quick-text{width:100%;height:101px;min-height:85px;resize:none;outline:none!important;background:transparent;border:0;color:var(--text);font-size:12.5px;line-height:1.46;white-space:pre-wrap;padding:0;flex:1}
#quick-text::placeholder{color:var(--muted);opacity:.86}
.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:21px;border-top:1px solid var(--hairline);padding-top:5px}
.compose-hint{font-size:9px;color:var(--muted)}
.add-button{background:var(--accent);color:#fff;flex:none;border:0;border-radius:8px;width:26px;height:23px;line-height:1;font-size:21px;display:grid;place-items:center}
.add-button:hover,.primary:hover,.send-button:hover{filter:brightness(.95)}
.compose-sidebar{width:151px;flex:none;border-left:1px solid var(--hairline);padding:8px 8px 7px;display:flex;flex-direction:column;gap:5px;background:var(--surface);border-radius:0 14px 14px 0}
.aside-title{font-size:8px;font-weight:800;letter-spacing:1px;color:var(--muted)}
.compact-label{margin-top:0}
.aside-separator{height:1px;background:var(--hairline);margin:1px 0}
.urgency-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.urgency-chip,.category-chip{min-width:0;background:transparent;border:1px solid transparent;border-radius:7px;display:grid;place-items:center;color:var(--text)}
.urgency-chip{height:23px;font-weight:780;font-size:11px}
.urgency-chip[data-urgency='3']{color:var(--priority-high)}
.urgency-chip[data-urgency='2']{color:#cf9650}
.urgency-chip.chosen,.category-chip.chosen{background:var(--accent-tint);border-color:var(--accent)}
.urgency-chip:hover,.category-chip:hover{background:var(--accent-tint)}
.category-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.category-chip{height:25px;font-size:14px;line-height:1}
.side-options{display:flex;align-items:center;gap:3px}
.side-option{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;padding:4px 3px;border:1px solid var(--hairline);border-radius:8px;background:var(--glass);color:var(--muted)}
.side-option>span{font-size:13px;line-height:1}
.side-option>small{font-size:9px;line-height:1;white-space:nowrap}
.side-option.has-value{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}
.compose-popover{position:absolute;right:0;top:calc(100% + 4px);width:min(255px,96%);z-index:9;padding:12px;background:var(--glass-strong);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 10px 28px #27194725;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.popover-title{font-size:11px;font-weight:650;color:var(--text);display:flex;flex-direction:column;gap:6px}
.popover-input{width:100%;background:var(--field);border:1px solid var(--hairline);padding:8px;border-radius:8px;color:var(--text);color-scheme:light}
#app[data-theme=dark] .popover-input{color-scheme:dark}
.popover-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}
.list-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;padding:1px 1px 2px}
.task-list{display:flex;flex-direction:column;gap:4px}
.task-card{border-radius:10px;position:relative;flex:none;overflow:visible;transition:border-color .12s,background .12s}
.task-card:hover{border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.task-card.expanded{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--glass-strong)}
.task-row{min-height:38px;display:flex;align-items:flex-start;gap:7px;padding:7px 9px}
.status-toggle{border:1.4px solid color-mix(in srgb,var(--muted) 65%,transparent);border-radius:8px;background:transparent;flex:0 0 18px;width:18px;height:18px;padding:0;line-height:16px;margin-top:2px;color:var(--accent);font-size:11px;font-weight:750}
.status-toggle:hover{border-color:var(--accent);background:var(--accent-tint)}
.status-later{color:var(--muted)}
.status-done{background:var(--accent-tint);border-color:var(--accent)}
.task-open{border:0;background:none;flex:1;min-width:0;text-align:left;color:var(--text);padding:0;line-height:1.4}
.task-title{font-size:12px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap;font-weight:540}
.task-inline-meta{display:flex;align-items:center;gap:3px;margin-top:3px;min-height:11px;flex-wrap:wrap}
.meta-tag{font-size:11px;line-height:1.05;display:inline-flex;align-items:center;padding:0 3px;color:var(--muted)}
.meta-tag.subtle-tag{font-size:9px;border-left:1px solid var(--hairline)}
.task-open:hover .task-title{color:var(--accent)}
.urgency-flag{font-weight:820;font-size:12px;white-space:nowrap;margin:1px 1px 0 1px;letter-spacing:-.7px}
.urgency-1{color:var(--muted)}.urgency-2{color:#ca9144}.urgency-3{color:var(--priority-high)}
.is-done .task-title{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
.is-later{opacity:.86}
.list-section-label{height:21px;display:flex;align-items:center;padding-left:9px;letter-spacing:.9px;font-size:9px;font-weight:790;color:var(--muted);border-top:1px solid var(--hairline);margin-top:4px}
.status-menu{position:absolute;left:27px;top:22px;z-index:16;border-radius:11px;background:var(--glass-strong);border:1px solid var(--hairline);padding:4px;box-shadow:0 9px 25px #251f3929;min-width:132px;display:grid;gap:2px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}
.status-choice{background:transparent;color:var(--text);border:0;border-radius:7px;text-align:left;padding:7px 8px;font-size:11px}
.status-choice.selected{background:var(--accent-tint);color:var(--accent);font-weight:700}
.status-choice:hover{background:var(--accent-tint)}
.task-expanded{border-top:1px solid var(--hairline);padding:8px 10px 10px 34px}
.task-description{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);line-height:1.5;margin-bottom:7px}
.task-actions{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px}
.tiny-action{background:transparent;border:0;padding:3px 2px;font-size:10px;color:var(--muted)}
.tiny-action:hover{color:var(--accent)}
.tiny-action.danger:hover{color:var(--danger)}
.thread-heading{border-top:1px solid var(--hairline);padding-top:8px;margin-bottom:7px;color:var(--muted);font-size:9px;letter-spacing:.75px;font-weight:700}
.update-stream{display:flex;flex-direction:column;gap:4px;max-width:100%}
.update-entry{border-left:2px solid var(--accent-tint);padding:2px 5px 4px 9px}
.update-header{display:flex;align-items:center;gap:7px;min-height:15px}
.author-name{font-size:10px;font-weight:770;color:var(--accent)}
.update-date{font-size:9px;color:var(--muted)}
.update-tools{margin-left:auto;display:flex;gap:2px}
.mini-icon{border:0;background:none;color:var(--muted);font-size:12px;padding:1px 3px;opacity:.65}
.mini-icon:hover{color:var(--accent);opacity:1}
.update-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.43;margin:2px 0 0}
.empty-updates{font-size:10px;color:var(--muted)}
.update-compose{display:flex;align-items:end;gap:5px;border-radius:9px;padding:5px 5px 5px 7px;margin-top:8px}
.update-compose textarea{width:100%;min-height:28px;max-height:130px;resize:vertical;outline:none!important;background:transparent;border:0;color:var(--text);font-size:11px;line-height:1.4}
.send-button{flex:none;width:23px;height:22px;border-radius:7px;color:white;background:var(--accent);border:0}
.edit-form{background:var(--surface);padding:9px;border:1px solid var(--hairline);border-radius:9px;margin:7px 0}
.edit-form label,.settings-section label,.stack label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}
.edit-form>label{margin-bottom:8px}
.edit-form textarea,.edit-form input,.edit-form select,.settings-section input:not([type=checkbox]):not([type=range]),.settings-section select,.stack input,.edit-update-form textarea{width:100%;min-width:0;padding:6px 7px;color:var(--text);background:var(--field);border:1px solid var(--hairline);border-radius:7px;outline:none}
.edit-form textarea{resize:vertical}
.edit-options,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.edit-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}
.edit-update-form{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:5px}
.edit-update-form textarea{width:100%}
.primary,.secondary{border-radius:8px;padding:7px 9px;font-size:11px;font-weight:680}
.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}
.secondary{background:var(--glass);border:1px solid var(--hairline);color:var(--text)}
.secondary:hover{border-color:var(--accent)}
.small-button{padding:5px 8px;font-size:10px}
.mini-primary{border:0;padding:5px 9px;border-radius:7px;color:white;background:var(--accent);font-size:10px}
.empty-state{display:flex;align-items:center;justify-content:center;min-height:120px;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}
.empty-state strong{font-size:12px;color:var(--text)}
.empty-art{font-size:22px;color:var(--accent)}
.app-footer{flex:none;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;padding:0 5px;height:15px;color:var(--muted);font-size:9px}
#user-chip{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resize-corner{position:absolute;right:1px;bottom:0;cursor:nwse-resize;touch-action:none;user-select:none;font-size:14px;color:var(--muted);line-height:1;padding:2px}
.toast{position:absolute;z-index:35;bottom:21px;left:12px;right:12px;background:var(--text);color:var(--glass-strong);box-shadow:0 7px 25px #0003;border-radius:9px;padding:9px 11px;font-size:11px;line-height:1.4}
.toast.error{background:#a33c46;color:white}
.account-content{flex:1;min-height:0;overflow:auto;padding:5px 8px}
.hero{margin:27px 0 23px}
.hero h1{font-size:21px;letter-spacing:-.6px;margin:0 0 6px}
.hero p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}
.stack{display:flex;flex-direction:column;gap:13px}
.stack label{font-size:11px}
.stack input{font-size:12px;padding:10px}
.hint,.settings-hint{font-size:10px;line-height:1.5;color:var(--muted);margin:8px 0}
.quiet-link{border:0;color:var(--muted);background:transparent;padding:6px;font-size:10px}
.quiet-link:hover{color:var(--accent)}
.settings-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;background:var(--backdrop);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}
.settings-head{flex:none;display:flex;justify-content:space-between;align-items:center;padding:13px 17px 9px;border-bottom:1px solid var(--hairline)}
.settings-head small{color:var(--muted);font-size:10px}
.settings-head h2{font-size:17px;margin:3px 0;letter-spacing:-.3px}
.settings-body{flex:1;min-height:0;overflow:auto;padding:2px 17px 15px;scrollbar-width:thin}
.settings-section{padding:12px 0;border-bottom:1px solid var(--hairline)}
.settings-section h3{font-size:11px;margin:0 0 10px}
.settings-section label{margin-bottom:8px}
.settings-section select{padding:7px}
.nickname-form{display:flex;align-items:end;gap:6px}
.nickname-form label{flex:1;min-width:0}
.nickname-form button{margin-bottom:8px}
.switch-row{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;color:var(--text)!important}
.switch-row input{accent-color:var(--accent)}
.settings-grid label{min-width:0}
.settings-section input[type=range]{width:100%;accent-color:var(--accent)}
.settings-section .range-label{display:flex;flex-direction:column}
.range-label output{align-self:flex-end;margin-top:-16px;font-size:10px;color:var(--text)}
.settings-account{display:flex;gap:7px;align-items:center}
.account-email{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.inline-error{font-size:10px;color:var(--danger)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:-1px;padding:0;border:0;white-space:nowrap}
#app[data-density=compact] .task-list{gap:3px}
#app[data-density=compact] .task-row{padding-top:5px;padding-bottom:5px;min-height:33px}
#app[data-density=compact] .task-title{font-size:11.5px;line-height:1.31}
#app[data-density=compact] .task-inline-meta{margin-top:1px}
#app[data-density=spacious] .task-list{gap:8px}
#app[data-density=spacious] .task-row{padding-top:11px;padding-bottom:11px}
#app[data-density=spacious] .task-title{font-size:13px;line-height:1.55}
#app[data-density=comfortable] .task-list{gap:5px}
@container (max-width:460px){.compose-sidebar{width:120px;padding-left:5px;padding-right:5px}.category-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.category-chip{height:19px;font-size:12px}.composer,.compose-content{min-height:152px}.compose-hint{font-size:8px}.side-option small{font-size:8px}}
@container (max-width:400px){.compose-sidebar{width:106px}.aside-title{font-size:7px}.compose-main{padding-left:8px;padding-right:7px}.compose-hint{display:none}.tab{padding:0 9px}.search-line select{width:85px}.category-pick{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.web-preview{width:auto;min-height:100vh;display:grid;place-items:start center;background:#e7e8ee;padding:24px}
.web-preview #app{border-radius:17px;border:1px solid #dedce5;box-shadow:0 30px 65px #25223e33}
/* Меню статуса должно находиться над соседними стеклянными карточками. */
.task-card:has(.status-menu){z-index:15}

/* 0.3.1: навигация, поиск и фильтр находятся в одной строке с логотипом. */
.task-shell .topbar{gap:5px;padding:0 1px;min-height:29px;height:29px}
.task-shell .brand-mark{width:24px;height:24px;flex:none;font-size:17px}
.task-shell .brand-name{font-size:12px;letter-spacing:-.35px;white-space:nowrap;flex:none}
.task-shell .tabs{min-width:0;flex:none;height:28px;border:0;gap:0;padding-left:4px}
.task-shell .tab{height:27px;padding:0 7px;border-radius:8px;font-size:10px;white-space:nowrap}
.task-shell .tab.selected{box-shadow:none;background:var(--accent-tint)}
.task-shell .tab span{font-size:9px;margin-left:1px}
.task-shell .search-line{height:26px;flex:1;min-width:50px;padding:0 3px 0 6px;border-radius:8px;gap:3px;overflow:hidden}
.task-shell .search-icon{flex:none;display:grid;place-items:center}
.task-shell .search-icon svg{width:13px;height:13px}
.task-shell #search{font-size:10px;min-width:0;line-height:1;padding:2px 0}
.task-shell #search::-webkit-search-cancel-button{width:11px;height:11px}
.task-shell .filter-compact{width:23px;height:21px;display:grid;place-items:center;flex:none;border-left:1px solid var(--hairline);position:relative;color:var(--muted);cursor:pointer}
.task-shell .filter-compact.filtered{color:var(--accent)}
.task-shell .filter-compact select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}
.task-shell .filter-compact .outline-icon{display:block}
.task-shell .header-tools{margin:0;gap:0;flex:none}
.task-shell .header-tools .icon-button{width:24px;height:25px;font-size:16px;border-radius:6px}
.outline-icon{display:inline-block;flex:none;vertical-align:middle;overflow:visible}
.category-chip{font-size:inherit}
.category-chip .outline-icon{width:17px;height:17px;stroke-width:1.65}
.category-chip.chosen{color:var(--accent)}
.side-option>span{display:grid;place-items:center}

/* Плотная карточка: тема, важность и управление комментариями справа. */
.task-row{align-items:flex-start;gap:5px;padding:7px 7px 7px 8px}
.task-open{padding-top:1px}
.task-inline-meta{margin-top:2px;min-height:0;line-height:1.1}
.meta-icon{margin-right:3px;display:inline-flex}
.meta-tag{gap:2px}
.task-trailing{display:flex;align-items:center;gap:2px;flex:none;padding-top:0;margin-left:1px;white-space:nowrap}
.task-trailing .urgency-flag{margin:0 1px 0 0;min-width:10px;text-align:right;line-height:22px;font-size:11px}
.task-category{width:21px;height:23px;display:grid;place-items:center;color:var(--muted);border-radius:6px}
.task-tool{flex:none;border:0;background:transparent;color:var(--muted);border-radius:6px;width:22px;height:23px;padding:0;display:grid;place-items:center}
.task-tool:hover,.task-tool:focus-visible{background:var(--accent-tint);color:var(--accent)}
.task-tool.is-open{color:var(--accent);background:var(--accent-tint)}
.task-tool.is-open .outline-icon{transform:rotate(180deg)}
.task-tool .outline-icon{transition:transform .12s ease}
.task-card.expanded .task-category{color:var(--accent)}
#app[data-density=compact] .task-row{padding:5px 6px 5px 7px;gap:5px}
#app[data-density=compact] .task-trailing{gap:1px}
#app[data-density=compact] .task-category,#app[data-density=compact] .task-tool{height:21px;width:21px}
#app[data-density=compact] .task-trailing .urgency-flag{line-height:21px}
#app[data-density=compact] .task-title{line-height:1.4}
@container (max-width:430px){
  .task-shell .topbar{gap:3px}
  .task-shell .brand-name{font-size:11px}
  .task-shell .tab{padding:0 5px;font-size:9px}
  .task-shell .tabs{padding-left:1px}
  .task-shell .search-line{min-width:39px}
  .task-shell .header-tools .icon-button{width:21px}
}
@container (max-width:377px){
  .task-shell .tab span{display:none}
  .task-shell #search::placeholder{color:transparent}
  .task-shell .brand-mark{width:21px;height:21px}
  .task-shell .header-tools .icon-button{width:19px}
  .task-shell .task-tool,.task-shell .task-category{width:19px}
}

/* 0.3.2: минимум занятого места, один выпадающий список «Сейчас / Архив / Все». */
.task-shell.shell{padding:2px 7px 5px;gap:5px}
.task-shell .topbar{height:26px;min-height:26px;padding:0;gap:5px}
.task-shell .brand-mark{width:21px;height:21px;border-radius:7px;font-size:15px}
.task-shell .brand-name{font-size:11.5px}
.task-shell .view-switcher{height:23px;position:relative;display:flex;align-items:center;min-width:75px;max-width:83px;flex:none;border:1px solid var(--hairline);border-radius:7px;background:var(--glass);color:var(--text)}
.task-shell .view-switcher select{appearance:none;-webkit-appearance:none;width:100%;height:100%;border:0;outline-offset:0;cursor:pointer;padding:0 18px 0 7px;border-radius:7px;background:transparent;color:var(--text);font-weight:640;font-size:10.5px}
.task-shell .view-switcher option{background:var(--glass-strong);color:var(--text)}
.task-shell .view-switcher svg{position:absolute;right:4px;top:5px;pointer-events:none;color:var(--muted)}
.task-shell .search-line{height:24px}
.task-shell .header-tools .icon-button{height:24px;width:23px}
/* Текст ввода и редактирования остаётся фиксированной высоты и прокручивается самостоятельно. */
#quick-text{min-height:0;max-height:110px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}
.edit-form textarea,.edit-update-form textarea,.update-compose textarea{max-height:150px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.task-title,.task-description,.update-body{overflow-wrap:anywhere}
/* Case и VRID: единый слабый стеклянный маркер. */
.identifier-token{display:inline;background:color-mix(in srgb,var(--muted) 13%,transparent);border:1px solid color-mix(in srgb,var(--muted) 7%,transparent);border-radius:4px;padding:0 2px;margin:0 1px 0 0;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:inherit;color:inherit;font-weight:inherit;text-decoration:inherit}
#app[data-theme=dark] .identifier-token{background:color-mix(in srgb,var(--muted) 19%,transparent)}
/* Выбор собственного акцента в настройках. */
.settings-section .color-setting input[type=color]{width:100%;height:31px;min-width:0;padding:3px;background:var(--field);border:1px solid var(--hairline);border-radius:8px;cursor:pointer}
@container (max-width:430px){.task-shell .topbar{gap:3px}.task-shell .view-switcher{min-width:69px;max-width:73px}.task-shell .view-switcher select{font-size:9.5px;padding-left:5px;padding-right:14px}}

/* 0.3.3 - плотный редактор и гибкая высота списка. Без углового resize. */
#app{--popup-width:520px;--popup-height:500px}
.task-shell.shell{padding:2px 5px 3px;gap:3px}
.task-shell .topbar{height:26px;min-height:26px;gap:4px}
.composer{min-height:0!important;flex:0 0 auto;border-radius:10px;z-index:12;box-shadow:0 2px 8px #25194b0b}
.compose-content{display:block;min-height:0!important}
#quick-text{display:block;flex:none;width:100%;height:45px;min-height:45px;max-height:90px;line-height:1.35;font-size:11.5px;padding:7px 9px 3px;margin:0;overflow-y:auto;overflow-x:hidden;resize:none;background:transparent;border:0;outline:0;color:var(--text);scrollbar-width:thin}
#quick-text::placeholder{font-size:11.5px}
.compose-actions{display:flex;align-items:center;gap:4px;height:28px;min-height:28px;border-top:1px solid var(--hairline);padding:2px 6px}
.composer-menus{display:flex;align-items:center;gap:3px;flex:1;min-width:0}
.compose-key-hint{font-size:9px;color:var(--muted);flex:none;white-space:nowrap;opacity:.75}
.composer .add-button{flex:none;height:22px;width:25px;border-radius:7px;font-size:18px}
.picker-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;isolation:isolate}
.picker-trigger{border:1px solid var(--hairline);background:var(--surface);color:var(--muted);border-radius:7px;height:22px;min-width:29px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;gap:3px;line-height:1;cursor:pointer}
.picker-trigger:hover,.picker-wrap.open>.picker-trigger,.picker-wrap:focus-within>.picker-trigger{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 37%,transparent);background:var(--accent-tint)}
.picker-trigger svg:last-child{width:10px;height:10px;opacity:.7}
.picker-trigger.side-option{flex:none;width:24px;min-width:24px;height:22px;padding:2px;border:1px solid var(--hairline);margin:0}
.picker-trigger.side-option.has-value{color:var(--accent);border-color:var(--accent);background:var(--accent-tint)}
.priority-marker{font-size:11px;font-weight:800;letter-spacing:-.8px;line-height:1;display:inline-grid;min-width:16px;place-items:center}
.picker-menu{display:none;position:absolute;left:0;top:calc(100% - 1px);z-index:65;min-width:125px;max-height:275px;overflow-y:auto;overscroll-behavior:contain;padding:4px;border:1px solid var(--hairline);border-radius:9px;background:var(--glass-strong);box-shadow:0 12px 30px #2520452b;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.picker-wrap:not(.force-closed):hover>.picker-menu,.picker-wrap.open>.picker-menu{display:grid;gap:1px}
.picker-menu.category-menu{min-width:176px;left:0}
.picker-option{display:flex;align-items:center;gap:7px;min-height:25px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left;padding:4px 7px;font-size:10.5px;white-space:nowrap;cursor:pointer}
.picker-option svg{color:var(--muted);flex:none}
.picker-option:hover,.picker-option.chosen{background:var(--accent-tint);color:var(--accent)}
.picker-option.chosen svg{color:var(--accent)}
.compose-popover{left:5px;right:auto;top:calc(100% + 2px);z-index:90;width:min(250px,95%);padding:9px}
.list-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--muted) 30%,transparent) transparent;scrollbar-gutter:stable;padding:0 2px 2px 0}
.list-scroll::-webkit-scrollbar,.settings-body::-webkit-scrollbar,.edit-dialog-content::-webkit-scrollbar{width:8px}
.list-scroll::-webkit-scrollbar-thumb,.settings-body::-webkit-scrollbar-thumb,.edit-dialog-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 34%,transparent);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
.task-list{gap:2px}
.task-card{border-radius:8px}
.task-card:has(.task-picker:hover),.task-card:has(.task-picker.open),.task-card:has(.task-picker:focus-within){z-index:45}
.task-row,#app[data-density=compact] .task-row{min-height:28px;padding:3px 5px 3px 6px;gap:4px;align-items:center}
#app[data-density=compact] .task-title{font-size:11.25px;line-height:1.3}
.status-toggle{width:16px;height:16px;flex-basis:16px;margin:0;border-radius:5px;line-height:13px}
.task-open{padding:0}
.task-trailing,#app[data-density=compact] .task-trailing{gap:0;padding:0}
.task-trailing .task-tool,#app[data-density=compact] .task-tool{height:20px;width:21px;border-radius:5px}
.task-picker{height:21px}
.task-picker-trigger{border:0;background:transparent;color:var(--muted);width:21px;min-width:21px;padding:0;height:20px}
.task-picker-trigger .urgency-flag{font-size:10.5px;line-height:1;text-align:center;min-width:16px;margin:0}
.task-picker .picker-menu{left:auto;right:0;top:calc(100% - 1px);min-width:132px}
.task-trailing .task-picker:nth-child(2) .picker-menu{min-width:170px}
.task-expanded{padding:4px 6px 6px 27px;border-top:1px solid var(--hairline)}
.task-actions{margin-bottom:3px;gap:4px}
.tiny-action{font-size:9.5px;padding:3px 2px}
.thread-heading{padding-top:4px;margin-bottom:4px;font-size:8.5px}
.update-compose{margin-top:5px;padding:3px 4px 3px 6px}
.update-compose textarea{max-height:70px;min-height:25px;resize:none}
.update-entry{padding:2px 3px 2px 7px}
.app-footer{height:12px;padding:0 3px;font-size:8.5px}
.resize-corner{display:none!important}
.edit-overlay{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:8px;background:color-mix(in srgb,var(--backdrop,#e6e5ef) 60%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.edit-dialog{width:min(100%,580px);max-height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-radius:11px;background:var(--glass-strong);box-shadow:0 15px 50px #22194335}
.edit-dialog-head{height:31px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 9px;border-bottom:1px solid var(--hairline);font-size:11px}
.edit-dialog-content{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:7px 8px 9px}
.edit-dialog .edit-form{background:transparent;border:0;padding:0;margin:0}
.edit-dialog .edit-form>label{margin:0 0 6px;font-size:10px;gap:3px}
.edit-dialog .edit-form textarea{max-height:140px;min-height:55px;resize:vertical;overflow-y:auto;font-size:11px}
.edit-dialog .edit-form textarea[name=notes]{min-height:39px;max-height:110px}
.edit-more{border-top:1px solid var(--hairline);padding-top:5px}
.edit-more summary{font-size:10px;font-weight:620;color:var(--muted);cursor:pointer;padding:4px 0}
.edit-more[open] .edit-options{margin-top:7px}
.edit-dialog .edit-options{gap:6px}
.edit-dialog .edit-actions{margin:7px 0 0;gap:5px}
.edit-dialog .edit-actions button{padding:5px 8px}
.settings-body{overscroll-behavior:contain}
@container (max-width:455px){
  .task-shell .brand-name{font-size:11px}
  .task-shell .search-line{min-width:42px}
  .task-shell .header-tools .icon-button{width:21px}
  .compose-key-hint{display:none}
}
@container (max-width:400px){
  .task-shell .brand-name{font-size:10px}
  .task-shell .topbar{gap:2px}
  .task-shell .search-line{min-width:35px}
  .task-shell .view-switcher{min-width:65px;max-width:68px}
  .task-shell .header-tools .icon-button{width:19px}
  .task-tool{width:18px}
}

/* Когда задача близко к низу прокручиваемого списка, меню открывается вверх. */
.task-picker.open-up .picker-menu{top:auto;bottom:calc(100% - 1px)}

.status-menu.open-up{top:auto;bottom:calc(100% - 22px)}

/* TaskFlow 0.3.4: compact selection, trash archive and Wyniki */
.task-shell .view-switcher{min-width:80px;max-width:87px}
.wyniki-bar{display:flex;align-items:center;gap:5px;min-height:29px;flex:none;padding:0 2px}
.wyniki-bar .month-pick{display:flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:9px;color:var(--muted)}
.wyniki-bar .month-pick select{flex:1;min-width:0;max-width:180px;height:24px;padding:1px 4px;background:var(--glass);border:1px solid var(--hairline);color:var(--text);border-radius:6px;font-size:10px}
.wyniki-bar input[type=month]{width:114px;min-width:0;height:24px;padding:2px 4px;background:var(--glass);color:var(--text);border:1px solid var(--hairline);border-radius:6px;font-size:10px;color-scheme:light}
#app[data-theme=dark] .wyniki-bar input[type=month]{color-scheme:dark}
.wyniki-bar #add-month{height:24px;padding:2px 6px;font-size:10px;white-space:nowrap}
.result-month-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid var(--hairline);padding:5px 7px 3px;min-height:24px;margin-top:4px;color:var(--muted);text-transform:capitalize;font-size:10.5px;position:sticky;top:0;z-index:3;background:var(--glass-strong);border-radius:6px}
.result-month-heading.chosen-month{color:var(--accent)}
.month-add-inline{border:0;background:var(--accent-tint);color:var(--accent);border-radius:5px;height:19px;width:22px;font-size:14px;line-height:1}
.selection-bar{display:flex;align-items:center;gap:4px;flex:none;height:29px;padding:2px 5px;border-radius:8px;min-width:0}
.selection-bar b{font-size:10px;color:var(--accent);white-space:nowrap;flex:1;min-width:0}
.selection-action{border:1px solid var(--hairline);border-radius:5px;padding:4px 6px;line-height:1;background:var(--surface);color:var(--text);font-size:9.5px;white-space:nowrap}
.selection-action:hover{border-color:var(--accent);color:var(--accent)}
.selection-action.selection-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}
.selection-bar.busy{opacity:.55;pointer-events:none}
.select-toggle{display:grid;place-items:center;user-select:none;flex:none}
.select-toggle.selected{border-color:var(--accent);background:var(--accent);color:#fff}
.task-card.is-selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent)!important;background:var(--accent-tint)}
.task-open{cursor:text;user-select:text;-webkit-user-select:text;min-width:0}
.task-title,.task-title-body,.update-body,.task-description{user-select:text;-webkit-user-select:text}
.task-open:focus-visible{border-radius:3px;outline:1px solid var(--accent)}
.leading-urgency{display:inline-block;font-weight:900;min-width:10px;margin-right:5px;font-size:12px;letter-spacing:0;vertical-align:baseline}
.leading-urgency.urgency-2{font-size:12.5px}
.leading-urgency.urgency-3{font-size:13.5px}
.task-picker:first-child:has(.urgency-flag) .urgency-flag{opacity:.43;font-size:9px}
.task-card.is-deleted{background:color-mix(in srgb,var(--danger) 7%,var(--glass));border-color:color-mix(in srgb,var(--danger) 30%,transparent)}
.task-card.is-deleted .task-title{color:var(--danger)}
.deleted-tag,.danger-label{color:var(--danger)!important}
.copy-tool{opacity:.66}
.copy-tool:hover{opacity:1}
/* Hover dropdown can always be dismissed by clicking its trigger. */
.picker-wrap:not(.force-closed):hover>.picker-menu,.picker-wrap.open>.picker-menu{display:grid;gap:1px}
.picker-wrap.force-closed>.picker-menu{display:none!important}
@container (max-width:445px){
  .task-shell .view-switcher{min-width:74px;max-width:77px}
  .task-shell .brand-name{font-size:10px}
  .task-trailing .task-tool{width:19px!important}
  .wyniki-bar{gap:3px}
  .wyniki-bar .month-pick span{display:none}
  .wyniki-bar input[type=month]{width:105px}
  .selection-action{font-size:9px;padding:4px 3px}
}

/* v0.3.5 - месячные вкладки Wyniki и компактные прямые действия */
.wyniki-bar{position:relative;gap:4px;min-height:30px;padding:0 1px;overflow:visible}
.month-tabs{display:flex;align-items:center;gap:3px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;white-space:nowrap;height:30px;overscroll-behavior-x:contain}
.month-tab{flex:none;border:1px solid transparent;color:var(--muted);background:transparent;border-radius:7px;padding:4px 9px;font-size:10px;line-height:1.3;text-transform:capitalize}
.month-tab:hover{background:var(--accent-tint)}
.month-tab.active{color:var(--accent);background:var(--accent-tint);border-color:color-mix(in srgb,var(--accent) 30%,transparent);font-weight:750}
.month-add-tab{flex:none;width:23px;height:23px;border:1px solid var(--hairline);border-radius:7px;background:var(--glass);color:var(--accent);font-size:17px;line-height:1}
.new-month-panel{position:absolute;z-index:120;top:calc(100% + 3px);right:0;padding:9px;border-radius:9px;display:flex;align-items:end;gap:5px;background:var(--glass-strong)}
.new-month-panel label{display:flex;flex-direction:column;gap:3px;font-size:9px;color:var(--muted)}
.new-month-panel input{height:27px;width:125px;padding:3px 5px;border:1px solid var(--hairline);border-radius:6px;background:var(--field);color:var(--text)}
.new-month-panel button{height:27px}
.done-check{color:#188c62;display:inline-block;font-weight:900;font-size:13px;line-height:1.1;margin:0 6px 0 1px;text-decoration:none!important}
.task-card.is-done{background:color-mix(in srgb,#23a875 7%,var(--glass));border-color:color-mix(in srgb,#23a875 24%,transparent)}
.task-card.is-done .task-title{color:var(--text);text-decoration:none}
.task-card.is-done .task-title-body{color:var(--muted)}
.done-label{color:#15936c!important}
.task-card.is-done .completed-mark{border-color:#26a675;background:#26a675;color:white}
.task-card.is-deleted .task-title-body{color:var(--danger)}
.task-finish.is-completed{color:#198f69}
.task-finish:hover{color:#198f69!important;background:color-mix(in srgb,#198f69 12%,transparent)!important}
.task-delete{color:var(--muted);opacity:.68}
.task-delete:hover{color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 12%,transparent)!important;opacity:1}
@container (max-width:425px){.month-tab{padding:3px 6px}.new-month-panel{max-width:98%}}

/* Выполненная запись отмечается одной зелёной галочкой перед текстом. */
.task-card.is-done .task-finish{color:var(--muted)}
.task-card.is-done .task-finish:hover{color:#198f69}

/* v0.3.6: приоритет сразу перед текстом, управление статусом только через выделение. */
.task-row,#app[data-density=compact] .task-row{gap:3px}
.leading-priority-picker{flex:0 0 auto;align-self:flex-start;height:22px;min-width:15px;margin:-1px -2px 0 0;z-index:2}
.leading-priority-picker .task-picker-trigger{width:auto;min-width:15px;height:22px;padding:0 2px;background:transparent;border:0}
.leading-priority-picker .priority-marker{font-size:13px;font-weight:950;letter-spacing:-.8px;line-height:1;min-width:12px;white-space:nowrap}
.leading-priority-picker .priority-marker.urgency-0{color:var(--muted);opacity:.46;font-size:11px}
.leading-priority-picker .priority-marker.urgency-1{color:var(--muted)}
.leading-priority-picker .priority-marker.urgency-2{color:#c18324}
.leading-priority-picker .priority-marker.urgency-3{color:var(--priority-high)}
.leading-priority-picker .picker-menu{left:0;right:auto;min-width:138px;z-index:90}
.priority-placeholder{display:inline-grid;place-items:center;min-width:13px;height:20px;font-weight:800;font-size:11px;color:var(--muted);opacity:.6}
.task-open{flex:1 1 auto;min-width:0;cursor:text}
.task-title{display:block;min-width:0}
.task-title-body{cursor:text;user-select:text;-webkit-user-select:text}
.task-trailing{margin-left:auto}

/* Редактирование непосредственно под строкой; галочка = сохранить и закрыть. */
.inline-edit{display:flex;flex-direction:column;gap:4px;padding:4px 6px 5px 25px;border-top:1px solid var(--hairline)}
.inline-edit-text{display:block;width:100%;min-height:32px;max-height:110px;padding:6px 7px;resize:vertical;overflow-y:auto;background:var(--field);border:1px solid var(--hairline);border-radius:7px;color:var(--text);font-size:11.5px;line-height:1.38}
.inline-edit-text:focus{outline:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}
.inline-edit-actions{display:flex;align-items:center;gap:4px}
.inline-edit-more{flex:1;min-width:0;color:var(--muted);font-size:9px}
.inline-edit-more summary{cursor:pointer;display:inline-block;padding:2px 4px;user-select:none}
.inline-edit-extras{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px}
.inline-edit-notes{flex:1 1 170px;min-height:29px;max-height:65px;resize:vertical;padding:5px;border-radius:6px;border:1px solid var(--hairline);background:var(--field);color:var(--text);font-size:10px}
.inline-edit-date{flex:0 1 115px;height:26px;border-radius:6px;padding:2px 4px;border:1px solid var(--hairline);background:var(--field);color:var(--text);font-size:10px}
.inline-edit-cancel,.inline-edit-save{flex:none;width:24px;height:23px;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:6px;background:var(--surface);color:var(--muted);font-size:15px;cursor:pointer}
.inline-edit-save{background:#1c996d;border-color:#1c996d;color:white;font-weight:900}
.inline-edit-save:hover{filter:brightness(.95)}

/* Комментарии: только автор + сообщение, кнопка +, компактный ввод по запросу. */
.task-expanded.compact-thread{padding:3px 6px 5px 25px}
.compact-thread .update-stream{gap:1px;margin:0}
.compact-thread .update-entry{display:flex;gap:5px;align-items:baseline;padding:2px 2px;border:0;min-height:17px}
.compact-thread .update-header{display:contents;min-height:0}
.compact-thread .author-name{font-size:9.7px;flex:none;line-height:1.25;color:var(--accent)}
.compact-thread .update-body{font-size:10.6px;margin:0;line-height:1.3;flex:1;min-width:0}
.compact-thread .update-tools{display:flex;order:3;gap:1px;flex:none;margin-left:auto;opacity:.2}
.compact-thread .update-entry:hover .update-tools,.compact-thread .update-tools:focus-within{opacity:1}
.thread-add{height:20px;min-width:21px;padding:0 5px;border:1px solid var(--hairline);border-radius:6px;background:var(--surface);color:var(--accent);font-size:16px;font-weight:650;line-height:1;cursor:pointer;margin:2px 0 0}
.thread-add:hover{background:var(--accent-tint)}
.compact-thread .update-compose{margin-top:4px;align-items:center;padding:2px 3px 2px 6px}
.compact-thread .update-compose textarea{min-height:23px;max-height:70px;resize:vertical;line-height:1.3;font-size:10.5px}
.compact-thread .update-compose .send-button{width:23px;height:22px;font-size:12px}

/* Меню внутри строки только по нажатию, без самопроизвольного hover. */
.task-picker:not(.open)>.picker-menu{display:none!important}
.task-picker.open>.picker-menu{display:grid!important;gap:1px}

/* При нажатии на текст он ЗАМЕНЯЕТСЯ редактором: не дублируется снизу. */
.task-open.editing-open{cursor:default}
.task-open.editing-open .inline-edit{border:0;padding:0;margin:0;width:100%}
.task-open.editing-open .inline-edit-text{min-height:37px;margin:0}
.task-row:has(.editing-open){align-items:flex-start}
.task-row:has(.editing-open) .task-trailing{align-self:flex-start}

/* TaskFlow 0.3.7: compact room indicator and room setup. */
.task-shell .room-indicator{font-size:9px;font-weight:650;color:var(--accent);background:var(--accent-tint);border-radius:5px;padding:3px 5px;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none;line-height:1.1}
.room-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0 7px}
.room-inline-form{display:flex;align-items:center;gap:5px;margin:6px 0}
.room-inline-form input{flex:1;min-width:0;max-width:100%;border:1px solid var(--hairline);background:var(--field);color:var(--text);border-radius:7px;padding:7px;font-size:11px}
.room-code-wrap{display:flex;align-items:end;gap:6px;margin-top:7px}
.room-code-wrap label{flex:1;min-width:0;font-size:10px}
.room-code-wrap input{width:100%;min-width:0;max-width:100%;padding:6px;background:var(--field);color:var(--text);border:1px solid var(--hairline);border-radius:7px;font:10px ui-monospace,monospace;user-select:all}
.room-code-wrap button{flex:none;margin-bottom:8px}
#room-selector-box select{max-width:100%;width:100%;color:var(--text);background:var(--field);border:1px solid var(--hairline);border-radius:7px}
@container (max-width:450px){.task-shell .room-indicator{max-width:36px;padding:3px 4px}.task-shell .room-indicator:hover{max-width:86px}}

/* Cloud hosting: secondary action - refresh published version (not DB). */
.task-shell .header-tools .cloud-update-button{color:var(--accent);font-size:16px;font-weight:800;width:21px;padding:0}
.account-shell .topbar .cloud-update-button{margin-left:auto;color:var(--accent);font-size:16px}