:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#00a3ff;--page:#292d33;--surface:#101113;--surface-root:#181a1e;--surface-control:#202328;--surface-sunken:#0a0a0b;--table-heading:#1d2025;--text:#f6f8fa;--text-secondary:#ced4dc;--text-muted:#a5afbd;--line:#333942;--line-soft:#242a32;--link:#5fc4ff;--hover:#202a35;--root-hover:#253748;--selection:#103d59;--selection-hover:#164d6b;--selection-line:#24769e;--accent-surface:#172e40;--danger-text:#ffa4a4;--danger-surface:#382227;--danger-line:#79424b;--success-text:#82d6b0;--success-surface:#183a2c;--warning-text:#e9bd75;--warning-surface:#3c3020;--warning-line:#79613c;--context-text:#d5b7f2;--context-surface:#32283c;--context-line:#675477;--board-shadow:0 12px 40px #080b1238, 0 2px 6px #080b1224;--overlay-shadow:0 20px 70px #0006;--background:var(--page);--foreground:var(--text);--card:var(--surface);--card-foreground:var(--text);--popover:var(--surface-control);--popover-foreground:var(--text);--primary:var(--brand);--primary-foreground:#021522;--secondary:var(--surface-control);--secondary-foreground:var(--text);--muted:var(--surface-root);--muted-foreground:var(--text-muted);--accent:var(--accent-surface);--accent-foreground:var(--text);--destructive:var(--danger-text);--border:var(--line);--input:var(--line);--ring:var(--brand);--sidebar:var(--surface);--sidebar-foreground:var(--text);--sidebar-primary:var(--brand);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent-surface);--sidebar-accent-foreground:var(--text);--sidebar-border:var(--line);--sidebar-ring:var(--brand)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#e9eef4;--surface:#fff;--surface-root:#f6f8fb;--surface-control:#f0f4f8;--surface-sunken:#f6f8fb;--table-heading:#eff3f8;--text:#172433;--text-secondary:#34465b;--text-muted:#596b80;--line:#c9d3df;--line-soft:#e3e9f0;--link:#006cae;--hover:#f0f7fd;--root-hover:#e4f3ff;--selection:#c9e8ff;--selection-hover:#b9e1ff;--selection-line:#78bce8;--accent-surface:#e2f2ff;--danger-text:#b73545;--danger-surface:#fff0f2;--danger-line:#eab6bf;--success-text:#16774e;--success-surface:#e6f5ed;--warning-text:#97620e;--warning-surface:#fff4dc;--warning-line:#e3cb98;--context-text:#725086;--context-surface:#f1eaf6;--context-line:#cbb8d9;--board-shadow:0 12px 38px #243e5a0d, 0 2px 6px #243e5a08;--overlay-shadow:0 20px 70px #132c4a25}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.workspace{background:var(--page)}.topbar{background:var(--surface);border-color:var(--line);gap:14px;height:72px;padding-inline:32px}.topbar>span:nth-child(2){letter-spacing:-.02em;font-weight:650}.brand{background:var(--brand);width:34px;height:34px;color:var(--primary-foreground);border-radius:10px}.privacy{font-size:12px}.account-controls{gap:14px}.board-head{padding:34px 34px 26px}.eyebrow{letter-spacing:.16em;font-size:11px;font-weight:600}.board-head>.eyebrow{color:var(--link)}h1{letter-spacing:-.04em;font-size:30px;font-weight:700}.count{background:var(--surface-control);border-color:var(--line);padding:5px 9px;font-size:12px}.primary{background:var(--brand);color:var(--primary-foreground);border-radius:9px;min-height:38px;transition:filter .16s,box-shadow .16s}.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 3px 12px #00a3ff30}.secondary{background:var(--surface-control);border-color:var(--line);border-radius:8px}.secondary:hover:not(:disabled),.icon-button:hover{background:var(--accent);color:var(--foreground)}.metrics{flex-wrap:wrap;gap:12px;margin-top:24px}.metrics>div,.metrics>div:first-child,.metrics>div:last-child{border:1px solid var(--line);background:var(--surface-control);border-radius:10px;gap:9px;min-width:150px;padding:13px 16px}.metrics strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.2}.metrics span{font-size:12px}.board-surface{background:var(--surface);border-color:var(--line);box-shadow:var(--board-shadow);border-radius:14px;margin:0 28px 32px}.viewbar{background:var(--surface);padding:12px 20px 10px}.viewbar [data-slot=tabs-trigger]{color:var(--muted-foreground)}.viewbar [data-slot=tabs-trigger][data-state=active]{color:var(--link)}.viewbar [data-slot=tabs-trigger]:after{background:var(--brand)}.sheet-toolbar{background:var(--surface);gap:12px;padding:16px 18px}.control-button,.attention-button{background:var(--surface-control);border-color:var(--line);color:var(--text-secondary);border-radius:7px;height:35px;transition:background-color .15s,border-color .15s}.control-button:hover:not(:disabled),.attention-button:hover{background:var(--accent);border-color:var(--brand)}.attention-button.active{color:var(--warning-text);background:var(--warning-surface);border-color:var(--warning-line)}.search{background:var(--surface-sunken);border-color:var(--line);border-radius:8px}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px #00a3ff18}.table-meta{border-top:1px solid var(--line-soft);background:var(--surface);padding-block:10px}.spreadsheet{background:var(--surface);color:var(--foreground)}.spreadsheet th,.spreadsheet th:first-child,.spreadsheet th.row-selection-cell{background:var(--table-heading);border-color:var(--line);color:var(--text-secondary)}.spreadsheet td{border-color:var(--line-soft);transition:background-color .15s,box-shadow .15s}.spreadsheet tbody tr[data-task-id] td{background:var(--surface)}.spreadsheet tbody tr.root-row td{background:var(--surface-root)!important}.spreadsheet tbody tr[data-task-id]:hover td,.spreadsheet tbody tr[data-task-id]:focus-within td{background:var(--hover)!important}.spreadsheet tbody tr.root-row:hover td,.spreadsheet tbody tr.root-row:focus-within td{box-shadow:inset 0 1px 0 var(--selection-line), inset 0 -1px 0 var(--selection-line);background:var(--root-hover)!important}.spreadsheet tbody tr[data-selected] td{box-shadow:inset 0 1px 0 var(--selection-line), inset 0 -1px 0 var(--selection-line);background:var(--selection)!important}.spreadsheet tbody tr[data-selected]:hover td,.spreadsheet tbody tr[data-selected]:focus-within td{background:var(--selection-hover)!important}.spreadsheet tbody tr.root-row:hover td:first-child,.spreadsheet tbody tr.root-row:focus-within td:first-child,.spreadsheet tbody tr[data-selected] td:first-child{box-shadow:inset 3px 0 var(--brand), inset 0 1px var(--selection-line), inset 0 -1px var(--selection-line)}.spreadsheet .root-drop-before td{box-shadow:inset 0 3px var(--brand)!important}.spreadsheet .root-drop-after td{box-shadow:inset 0 -3px var(--brand)!important}.spreadsheet .row-selection-cell{border-color:var(--line)}.row-select-center [data-slot=checkbox]{background:var(--surface);border-color:var(--text-muted)}.row-select-center [data-state=checked],.row-select-center [data-state=indeterminate]{background:var(--brand);border-color:var(--brand);color:var(--primary-foreground)}.name-button{color:var(--foreground)}.column-title,.folder-icon,.disclosure,.root-grip,.root-menu{color:var(--text-secondary)!important}.root-row:hover .folder-icon,.root-row:focus-within .folder-icon,.root-row:hover .name-button{color:var(--link)!important}.root-progress{background:var(--line);border-radius:8px;height:4px}.root-progress>div{background:var(--brand)}.note-open-button{background:var(--surface-control);border-color:var(--line);color:var(--text-secondary);border-radius:6px;transition:background-color .15s,border-color .15s}.note-open-button:hover{background:var(--accent);border-color:var(--brand);color:var(--link)}.block-row td{background:var(--table-heading)!important}.configurable-tag{--tag-background:color-mix(in srgb,var(--option-color) 18%,transparent);--tag-border:color-mix(in srgb,var(--option-color) 40%,transparent);--tag-foreground:var(--option-dark-text);border-radius:5px}:root[data-theme=light] .configurable-tag{--tag-background:color-mix(in srgb,var(--option-color) 10%,transparent);--tag-border:color-mix(in srgb,var(--option-color) 30%,transparent);--tag-foreground:var(--option-light-text)}.option-picker-popover[data-slot=popover-content]{background:var(--popover);border-color:var(--line);box-shadow:var(--overlay-shadow)}.option-picker-trigger{background:var(--surface-control);border-color:var(--line);color:var(--foreground)}.option-picker-trigger:hover,.option-picker-trigger[aria-expanded=true]{background:var(--accent);border-color:var(--brand)}.note-dialog[data-slot=dialog-content],.add-row-dialog[data-slot=dialog-content],.auth-card{background:var(--surface);border-color:var(--line);box-shadow:var(--overlay-shadow)}.note-editor-surface,.note-source,.note-preview,.note-visual-editor{background:var(--surface-sunken);color:var(--foreground)}.note-document{color:var(--foreground)}.note-formatbar,.note-modebar>div,.sheet-actions{background:var(--surface-control)}.note-modebar button[aria-pressed=true]{background:var(--accent);color:var(--link)}.note-document h1,.note-document h2,.note-document h3,.note-document h4,.note-document h5,.note-document h6{color:var(--foreground)}.auth-page{background:var(--page);position:relative}.auth-card{border-radius:18px}.auth-brand>span,.auth-heading{color:var(--brand)}.auth-appearance{position:absolute;top:24px;right:26px}.theme-switcher{border:1px solid var(--line);background:var(--surface-sunken);border-radius:9px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-switcher button,.account-controls .theme-switcher button{height:30px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;transition:background-color .15s,color .15s;display:inline-flex}.theme-switcher button[aria-pressed=true],.account-controls .theme-switcher button[aria-pressed=true]{color:var(--link);background:var(--accent);font-weight:600;box-shadow:0 1px 3px #0001}.theme-switcher button:hover:not(:disabled){color:var(--foreground);background:var(--surface-control)}.theme-switcher button:disabled{opacity:.7;cursor:default}[data-slot=table-container]{scrollbar-color:var(--line) var(--surface)}@media (max-width:1100px){.topbar .privacy{display:none}.metrics>div{min-width:140px}}@media (max-width:700px){.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:72px;padding:14px 16px}.topbar>span:nth-child(2){font-size:13px}.account-controls{gap:8px}.account-controls .theme-switcher button{padding:0 7px}.board-head{padding:24px 18px 22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metrics>div,.metrics>div:first-child,.metrics>div:last-child{gap:7px;min-width:0;padding:12px}.metrics strong{font-size:21px}.metrics span{font-size:11px}.board-surface{border-radius:11px;margin:0 12px 24px}.viewbar{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.spreadsheet td,.primary,.control-button,.attention-button,.note-open-button,.theme-switcher button{transition:none}}.configurable-tag,:root[data-theme=light] .configurable-tag{--tag-background:var(--option-color);--tag-foreground:var(--option-ink);--tag-border:color-mix(in srgb,var(--option-color) 82%,#101820);font-weight:600;box-shadow:0 1px 2px #00000012}.spreadsheet .task-actions{grid-template-columns:22px 20px 28px;gap:6px;margin-left:auto}.spreadsheet td[data-column-id=name]{padding-right:8px}.spreadsheet .task-actions .note-open-button{background:var(--accent-surface);width:28px;height:28px;color:var(--link);border-color:var(--selection-line)}.spreadsheet .task-warning-slot,.spreadsheet .task-warning{height:28px}.warn-icon{color:#f1a520}:root[data-theme=light] .warn-icon{color:#a96900}.summary-section{align-items:center;gap:18px;margin-top:24px;display:flex}.summary-section .metrics{flex:1;gap:12px;margin-top:0}.summary-section .metrics>.summary-card,.summary-section .metrics>.summary-card:first-child,.summary-section .metrics>.summary-card:last-child,.summary-card{border:0;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;width:170px;min-width:170px;min-height:72px;padding:15px 17px;display:flex;box-shadow:0 4px 12px #00000016}.summary-card strong{color:inherit;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1}.summary-card span{color:inherit;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.3}.summary-edit{flex-shrink:0}.summary-hidden{margin:10px 0;font-size:13px}.summary-sheet{background:var(--surface)!important}.summary-edit-list{flex-direction:column;gap:16px;display:flex}.summary-setting{background:var(--surface-root);border:1px solid var(--line);border-radius:12px;padding:15px}.summary-setting-top,.summary-setting-actions,.summary-setting-fields{align-items:center;gap:10px;display:flex}.summary-setting-top{justify-content:space-between;margin-bottom:12px}.summary-setting-top .check-line{margin:0}.summary-setting-fields>label{flex-direction:column;flex:1;gap:7px;display:flex}.summary-setting-fields .summary-color{flex:0 0 45px}.summary-setting-fields input[type=color]{width:45px;height:39px}.summary-source{flex-direction:column;gap:7px;margin-top:12px;display:flex}.summary-preview{width:100%;min-height:62px;margin-top:14px}.summary-bottom-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.summary-bottom-actions .secondary{margin:0}.mobile-board{display:none}@media (max-width:1100px){.summary-section{flex-wrap:wrap}.summary-edit{margin-left:auto}}@media (max-width:700px){.desktop-table{display:none}.mobile-board{flex-direction:column;gap:12px;padding:12px;display:flex}.summary-section{gap:10px;margin-top:20px}.summary-section .metrics{flex-basis:100%;width:100%}.summary-section .metrics>.summary-card,.summary-section .metrics>.summary-card:first-child,.summary-section .metrics>.summary-card:last-child{grid-column:auto;width:auto;min-width:0;min-height:68px;padding:13px}.summary-card strong{font-size:24px}.summary-card span{font-size:12px}.mobile-select-all{color:var(--text-secondary);align-items:center;gap:10px;padding:4px 2px 8px;font-size:13px;display:flex}.mobile-task-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;padding:14px}.mobile-task-card.mobile-root{background:var(--surface-root)}.mobile-task-card[data-selected]{background:var(--selection);border-color:var(--brand);box-shadow:inset 3px 0 var(--brand)}.mobile-task-card:focus-within:not([data-selected]){border-color:var(--brand)}.mobile-task-heading{align-items:flex-start;gap:10px;display:flex}.mobile-task-heading>[data-slot=checkbox]{border-color:var(--text-muted);flex-shrink:0;width:18px;height:18px;margin-top:3px}.mobile-task-heading>[data-state=checked],.mobile-task-heading>[data-state=indeterminate],.mobile-select-all [data-state=checked],.mobile-select-all [data-state=indeterminate]{background:var(--brand);color:var(--primary-foreground);border-color:var(--brand)}.mobile-task-title{flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.mobile-name-button{text-align:left;min-width:0;color:var(--text);overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:15px;line-height:1.45}.mobile-root .mobile-name-button{font-weight:650}.mobile-task-title .name-edit{opacity:1;width:18px;min-width:18px;min-height:22px}.mobile-note-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.mobile-note-actions .note-open-button{border:1px solid var(--selection-line);width:28px;height:28px;color:var(--link);background:var(--accent-surface);justify-content:center;align-items:center;padding:0;display:flex}.mobile-task-progress{color:var(--text-muted);align-items:center;gap:9px;margin:10px 0;font-size:12px;display:flex}.mobile-task-progress .root-progress{flex-shrink:0;width:48px}.mobile-task-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:14px;display:grid}.mobile-task-field{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;font-size:14px;display:flex}.mobile-field-label{color:var(--text-muted);font-size:12px}.mobile-task-field .cell-button{white-space:normal;min-height:28px;font-size:14px}.mobile-task-field .cell-tags{flex-wrap:wrap;gap:4px}.mobile-task-field .tag{white-space:normal;padding:4px 7px;font-size:13px}.mobile-more-fields{border-top:1px solid var(--line);margin-top:14px;padding-top:11px}.mobile-more-fields>summary{color:var(--link);cursor:pointer;justify-content:space-between;align-items:center;padding:3px 0;font-size:13px;list-style:none;display:flex}.mobile-more-fields>summary::-webkit-details-marker{display:none}.mobile-more-fields[open]>summary svg{transform:rotate(180deg)}.mobile-task-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding-top:10px;display:flex}.mobile-expand{color:var(--link);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:13px;display:flex}.mobile-level{color:var(--text-muted);font-size:12px}.mobile-footer-actions{align-items:center;gap:6px;display:flex}.mobile-footer-actions .root-controls{margin:0}.mobile-footer-actions .root-grip{display:none}.mobile-block{border:1px solid var(--line);background:var(--table-heading);border-radius:10px;justify-content:space-between;align-items:center;min-width:0;padding-right:7px;display:flex}.mobile-block .block-toggle{flex:1;min-width:0}.mobile-block .block-toggle>span{min-width:0}.mobile-block small{color:var(--text-muted);text-align:left;margin-bottom:3px;font-size:11px;display:block}.mobile-board .task-context-badge{margin-top:6px;margin-left:0;display:inline-block}.cell-editor{width:min(330px,100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.table-meta{flex-wrap:wrap;gap:8px}.table-meta>div{flex-wrap:wrap;gap:4px;display:flex}}.summary-section{align-items:flex-start}.summary-section .metrics{align-items:stretch}.summary-section .metrics>.summary-card{flex-direction:column;flex:0 auto;justify-content:center;align-items:stretch;gap:9px;min-width:160px;max-width:100%;min-height:72px;display:flex}.dashboard-main-value{align-items:center;gap:10px;display:flex}.summary-section .metrics>.summary-card.summary-visual{flex:220px;width:260px;min-width:220px;max-width:320px}.summary-card .dashboard-detail{opacity:.9;font-size:11px;font-weight:400;line-height:1.5}.dashboard-track,.dashboard-group-track{border-radius:6px;height:7px;overflow:hidden}.dashboard-track>div,.dashboard-group-track>i{border-radius:6px;height:100%;transition:width .25s;display:block}.dashboard-donut{border-radius:50%;align-self:center;place-items:center;width:92px;height:92px;margin:5px;display:grid}.dashboard-donut>div{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:68px;height:68px;display:flex}.dashboard-donut strong{font-size:19px}.dashboard-donut small{font-size:10px}.dashboard-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-card-title>strong{font-size:21px}.dashboard-groups{scrollbar-width:thin;gap:10px;max-height:162px;padding-right:4px;display:grid;overflow-y:auto}.dashboard-group>div:first-child{align-items:center;gap:7px;font-size:12px;display:flex}.dashboard-group>div>i{border:1px solid;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:block}.dashboard-group>div>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.dashboard-group>div>strong{font-size:12px}.dashboard-group-track{height:4px;margin-top:5px}.summary-preview.summary-card{flex-direction:column;align-items:stretch;gap:12px;margin-top:14px;display:flex}.summary-source-help{color:var(--muted-foreground);line-height:1.7;font-size:12px!important}.dashboard-filter{border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:12px}.dashboard-filter>div:first-child{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.dashboard-add-filter{margin:14px 0 0;font-size:12px}.summary-source{margin-top:14px}.summary-card .dashboard-main-value>span{font-size:12px}.spreadsheet .name-edit{outline-offset:0;width:22px;min-width:22px;height:22px;min-height:22px;box-shadow:none;border-radius:4px;outline:0;flex:0 0 22px;padding:4px}.spreadsheet .name-edit svg{flex-shrink:0;width:12px;height:12px}.spreadsheet .name-edit:hover,.spreadsheet .name-edit:focus-visible{box-shadow:inset 0 0 0 1px var(--brand);background:var(--accent);outline:0}@media (max-width:700px){.summary-section .metrics>.summary-card.summary-visual{grid-column:1/-1;width:auto;min-width:0;max-width:100%}.dashboard-card-title>strong{font-size:21px}.summary-section .metrics>.summary-card{min-width:0}.dashboard-donut{width:84px;height:84px}.dashboard-donut>div{width:62px;height:62px}.dashboard-main-value{gap:7px}}@media (prefers-reduced-motion:reduce){.dashboard-track>div,.dashboard-group-track>i{transition:none}}.summary-section .metrics>.summary-card:first-child,.summary-section .metrics>.summary-card:last-child{align-items:stretch}.dashboard-track,.dashboard-card-title,.dashboard-groups,.dashboard-main-value{width:100%}.dashboard-detail{width:100%;display:block}@media (max-width:700px){.title-row{flex-wrap:wrap;gap:12px}.title-row h1{white-space:nowrap;flex-basis:100%;gap:10px;font-size:26px}.title-actions{justify-content:flex-end;width:100%}.title-actions:empty{display:none}.title-actions>.primary,.title-actions>.secondary{padding:10px 12px;font-size:12px}}:root[data-theme=custom] .warn-icon{color:var(--warning-text)}:root[data-theme=custom] .spreadsheet tbody tr[data-task-id]:hover td,:root[data-theme=custom] .spreadsheet tbody tr[data-task-id]:focus-within td{color:var(--hover-ink)}:root[data-theme=custom] .spreadsheet tbody tr[data-task-id]:is(:hover,:focus-within) :is(.name-button,.folder-icon,.disclosure,.root-grip,.root-menu){color:var(--hover-ink)!important}:root[data-theme=custom] .spreadsheet tbody tr[data-task-id]:is(:hover,:focus-within) .root-meta{color:var(--hover-muted)}:root[data-theme=custom] .spreadsheet tbody tr[data-task-id][data-selected] td{color:var(--selection-ink)}:root[data-theme=custom] .spreadsheet tbody tr[data-task-id][data-selected] :is(.name-button,.folder-icon,.disclosure,.root-grip,.root-menu){color:var(--selection-ink)!important}:root[data-theme=custom] .spreadsheet tbody tr[data-task-id][data-selected] .root-meta{color:var(--selection-muted)}:root[data-theme=custom] .mobile-task-card[data-selected],:root[data-theme=custom] .mobile-task-card[data-selected] .mobile-name-button{color:var(--selection-ink)}:root[data-theme=custom] .mobile-task-card[data-selected] :is(.mobile-field-label,.mobile-task-progress){color:var(--selection-muted)}.theme-switcher .appearance-configure{border-left:1px solid var(--line)!important;border-radius:0 5px 5px 0!important;padding:0 8px!important}.appearance-sheet{flex-direction:column;display:flex;background:var(--surface)!important;max-width:620px!important;overflow:hidden!important}.appearance-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.appearance-presets{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.appearance-presets button{margin:0;font-size:13px}.appearance-preview{background:var(--page);border:1px solid var(--line);border-radius:12px;margin-bottom:24px;padding:14px}.appearance-preview-heading{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-weight:600;display:flex}.appearance-preview-action{background:var(--brand);color:var(--primary-foreground);border-radius:7px;padding:6px 9px;font-size:12px}.appearance-preview-row{background:var(--surface-root);color:var(--text);border:1px solid var(--line);justify-content:space-between;gap:12px;padding:13px;font-size:13px;display:flex}.appearance-preview-row>span{color:var(--text-muted)}.appearance-preview-selected{background:var(--selection);color:var(--selection-ink)}.appearance-preview-selected>span{color:inherit}.appearance-colors{grid-template-columns:1fr 1fr;gap:16px 18px;margin-bottom:22px;display:grid}.appearance-color{min-width:0}.appearance-color>label{color:var(--text-secondary);margin-bottom:7px;font-size:14px;display:block}.appearance-color>div{align-items:center;gap:9px;display:flex}.appearance-color input[type=color]{border-radius:7px;width:42px;height:39px}.appearance-color input[type=text]{flex:1;min-width:0;font-family:ui-monospace,monospace}.appearance-color input[aria-invalid=true]{border-color:var(--danger-text)}.appearance-body .appearance-contrast,.appearance-body .appearance-help{color:var(--text-muted);font-size:13px;line-height:1.6}.appearance-body .appearance-help{margin-top:18px}.appearance-footer{border-top:1px solid var(--line);background:var(--surface-control);flex-shrink:0;padding:16px 24px}.appearance-footer>div{justify-content:flex-end;gap:9px;display:flex}.appearance-footer button{margin:0}.appearance-footer .form-error{margin:0 0 12px}@media (max-width:700px){.topbar .account-controls{flex-wrap:wrap;max-width:100%}.appearance-sheet{max-width:100vw!important}.appearance-colors{grid-template-columns:1fr}.appearance-footer{padding:14px 18px}.appearance-preview-heading{font-size:14px}.appearance-preview-action{white-space:nowrap}.theme-switcher button,.account-controls .theme-switcher button{padding:0 6px!important;font-size:11px!important}.account-controls .theme-switcher{flex-wrap:wrap;max-width:100%}}