:root{--bg:#ffffff;--bg-subtle:#f6f6f7;--surface:#ffffff;--border:#e3e3e6;--border-strong:#d4d4d8;--text:#18181b;--text-muted:#6b6b73;--text-faint:#9f9fa9;--brand:#2563eb;--brand-ink:#1d4ed8;--accent-soft:#eff6ff;--booked-bg:#eff6ff;--booked-border:#dbeafe;--booked-text:#1d4ed8;--external-bg:#f6f6f7;--external-border:#e3e3e6;--unavailable-bg:#f4f4f5;--unavailable-border:#e4e4e7;--radius:8px}:root[data-theme=dark]{--bg:#000000;--bg-subtle:#131214;--surface:#1a1a1c;--border:#2a2a2e;--border-strong:#3f3f46;--text:#ffffff;--text-muted:#8f9098;--text-faint:#71717b;--brand:#2563eb;--brand-ink:#93c5fd;--accent-soft:#18233f;--booked-bg:#18233f;--booked-border:#24345c;--booked-text:#93c5fd;--external-bg:#1a1a1c;--external-border:#2a2a2e;--unavailable-bg:#151517;--unavailable-border:#26262a}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}.auth-title,.modal h2,.msg-thread-name,.page-title,.settings-card-title{font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:288px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg)}.sidebar-org{display:flex;align-items:center;gap:12px;padding:20px 18px;border-bottom:1px solid var(--border)}.sidebar-org:hover{background:var(--bg-subtle)}.org-logo{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#c9ced8);border:1px solid var(--border-strong);flex-shrink:0}img.org-logo{object-fit:cover}.org-name{font-weight:600;font-size:15px;line-height:1.2}.org-city{color:var(--text-muted);font-size:12px}.nav{display:flex;flex-direction:column;padding:12px 10px;gap:2px}.nav-item{padding:9px 12px;border-radius:7px;color:var(--text-muted);font-weight:500}.nav-item:hover{background:var(--bg-subtle);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--brand-ink)}.nav-item.disabled{opacity:.55;cursor:default}.sidebar-invite{padding:8px 14px 4px}.org-logo-row{display:flex;align-items:center;gap:14px;margin:6px 0 16px}.org-logo-pic{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--border);flex-shrink:0;font-size:18px}.org-logo-actions{display:flex;flex-direction:column;gap:4px}.sidebar-footer{margin-top:auto;padding:18px;border-top:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;font-weight:700}.brand-mark{width:22px;height:22px;border-radius:6px;background:var(--brand)}.brand-sub{margin-top:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:600}.brand-note{margin-top:4px;font-size:11px;color:var(--text-faint)}.main{flex:1 1;overflow:auto;padding:26px 36px}.main-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-size:29px;font-weight:700;margin:0}.page-subtitle{color:var(--text-muted);margin:4px 0 0}.toolbar{gap:12px;flex-wrap:wrap}.toolbar,.week-nav{display:flex;align-items:center}.week-nav{gap:8px}.icon-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;font-size:15px;color:var(--text);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-subtle)}.week-label{font-weight:600;min-width:132px;text-align:center}.link-muted{color:var(--text-muted)}.link-muted:hover{color:var(--text)}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.toggle a,.toggle button,.toggle>span{padding:7px 16px;background:var(--bg);border:0;cursor:pointer;font:inherit;color:var(--text-muted)}.toggle .on{background:#111827;color:#fff}.btn-primary{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:10px 18px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(47,107,255,.4)}.btn-primary:hover{background:#2a5fe6}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.topbar-meta{display:flex;align-items:center;gap:18px;color:var(--text-muted);font-size:13px;margin:18px 0 14px}.topbar-meta strong{color:var(--text)}.legend{display:flex;gap:20px;margin-bottom:14px;color:var(--text-muted);font-size:13px}.legend span{display:inline-flex;align-items:center;gap:7px}.swatch{width:13px;height:13px;border-radius:4px;border:1px solid var(--border-strong)}.swatch.booked{background:var(--booked-bg);border-color:var(--booked-border)}.swatch.external{background:var(--external-bg);border-color:var(--external-border)}.swatch.unavailable{background:var(--unavailable-bg);border-color:var(--unavailable-border)}.swatch.open{background:var(--surface);border:1px dashed var(--border-strong)}.calendar{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cal-row{display:grid;grid-template-columns:268px repeat(var(--cols,7),minmax(150px,1fr));border-bottom:1px solid var(--border)}.cal-row:last-child{border-bottom:0}.cal-head{background:var(--bg-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:1}.cal-head .cal-cell,.cal-head .cal-rowhead{padding:12px;font-weight:600}.cal-daynum{font-size:17px}.cal-dayname{color:var(--text-muted);font-weight:500;font-size:12px}.cal-rowhead{padding:14px;border-right:1px solid var(--border);display:flex;align-items:center;gap:12px}.cal-rowhead .avatar{width:36px;height:36px}.cal-cell{border-right:1px solid var(--border);padding:8px;min-height:74px;display:flex;flex-direction:column;gap:6px}.cal-cell:last-child{border-right:0}.avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);flex-shrink:0;object-fit:cover}.member-name{font-weight:600}.member-role{color:var(--text-muted);font-size:12px}.session{border-radius:7px;padding:7px 9px;font-size:12px;border:1px solid transparent;line-height:1.25}button.session{display:block;width:100%;text-align:left;font-family:inherit;background:none;cursor:pointer}button.session:hover{filter:brightness(.97)}.session-title{font-weight:600;color:var(--booked-text)}.session-meta{color:var(--text-muted);margin-top:2px}.session.booked{background:var(--booked-bg);border-color:var(--booked-border)}.session.external{background:var(--external-bg);border-color:var(--external-border)}.session.external .session-title{color:var(--text)}.session.unavailable{background:var(--unavailable-bg);border-color:var(--unavailable-border)}.session.unavailable .session-title{color:var(--text-muted);font-weight:500}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);padding:24px}.auth-card{width:100%;max-width:400px;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:32px;box-shadow:0 10px 30px rgba(20,24,40,.06)}.auth-brand{display:flex;align-items:center;gap:9px;font-weight:700;margin-bottom:4px}.auth-sub{letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--brand);font-weight:600;margin-bottom:22px}.auth-title{font-size:21px;font-weight:700;margin:0 0 4px}.auth-desc{color:var(--text-muted);margin:0 0 22px}.field{margin-bottom:14px}.field label{display:block;font-weight:600;margin-bottom:6px;font-size:13px}.field input{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:9px;font:inherit;background:var(--bg)}.field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(47,107,255,.15)}.btn-block{width:100%;margin-top:6px}.auth-foot{margin-top:18px;font-size:13px;color:var(--text-muted);text-align:center}.auth-foot a{color:var(--brand);font-weight:600}.auth-row{display:flex;justify-content:space-between;align-items:center}.form-error{background:#fdecec;border:1px solid #f6c5c5;color:#b42318;border-radius:9px}.form-error,.form-success{padding:10px 12px;font-size:13px;margin-bottom:16px}.form-success{background:#e9f7ef;border:1px solid #bfe6cf;color:#1a7f47;border-radius:9px}.empty-cell{flex:1 1}button.cal-cell{font:inherit;color:inherit;background:transparent;border:0;border-right:1px solid var(--border);text-align:left;cursor:pointer;align-items:center;justify-content:center}button.cal-cell:last-child{border-right:0}.cal-cell.bookable:hover{background:#f4f7ff}.book-hint{opacity:0;color:var(--brand);font-size:12px;font-weight:600;transition:opacity .1s}.cal-cell.bookable:hover .book-hint{opacity:1}.modal-overlay{position:fixed;inset:0;background:rgba(20,24,40,.45);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{width:100%;max-width:430px;background:var(--surface);border-radius:14px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.25);max-height:90vh;overflow:auto}.modal h2{margin:0 0 4px;font-size:18px}.modal-context{color:var(--text-muted);font-size:13px;margin-bottom:18px}.form-row{display:flex;gap:12px}.field select{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:9px;font:inherit;background:var(--surface)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--booked-bg);border:1px solid var(--booked-border);color:var(--booked-text);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.chip.invite{background:#fff4e5;border-color:#ffd9a8;color:#9a5b00}.chip button{background:none;border:0;cursor:pointer;color:inherit;font-size:15px;line-height:1;padding:0}.search-results{border:1px solid var(--border);border-radius:9px;margin-top:6px;max-height:190px;overflow:auto}.search-results button{display:flex;flex-direction:column;width:100%;gap:2px;padding:8px 11px;background:var(--surface);border:0;border-bottom:1px solid var(--border);cursor:pointer;font:inherit;text-align:left}.search-results button:last-child{border-bottom:0}.search-results button:hover{background:var(--bg-subtle)}.search-results .muted{color:var(--text-muted);font-size:12px}.title-preview{font-size:13px;color:var(--text-muted);margin-top:10px}.title-preview strong{color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.btn-ghost{background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;padding:10px 16px;font-weight:600;cursor:pointer}.btn-ghost:hover{background:var(--bg-subtle)}.modal.modal-wide{max-width:620px}.cs-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border)}.cs-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.cs-x{background:none;border:0;font-size:22px;line-height:1;color:var(--text-muted);cursor:pointer;padding:2px 6px}.cs-x:hover{color:var(--text)}.cs-step{display:flex;align-items:center;gap:9px;margin:22px 0 12px}.cs-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--accent-soft);color:var(--brand-ink);font-size:12px;font-weight:700}.cs-step-title{font-size:16px;font-weight:700}.cs-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.cs-hint{font-size:12px;color:var(--text-faint)}.cs-loc{position:relative;display:flex;align-items:center}.cs-loc-pin{position:absolute;left:11px;font-size:13px;pointer-events:none}.cs-loc input{padding:10px 12px 10px 32px}.cs-loc input,.cs-search{width:100%;border:1px solid var(--border-strong);border-radius:9px;font:inherit;background:var(--surface);color:var(--text)}.cs-search{padding:10px 12px;margin:12px 0 4px}.cs-loc input:focus,.cs-search:focus{outline:none;border-color:var(--brand)}.cs-section-head{display:flex;align-items:baseline;gap:8px;margin:14px 0 8px}.cs-section-head strong{font-size:14px}.cs-count{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.cs-people-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;max-height:232px;overflow:auto;padding-right:2px}.cs-person{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:var(--text);position:relative}.cs-person:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.cs-person.picked{border-color:var(--brand);background:var(--accent-soft)}.cs-avatar{border-radius:999px;object-fit:cover;flex-shrink:0}.cs-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700}.cs-person-main{display:flex;flex-direction:column;min-width:0;flex:1 1}.cs-person-name{font-size:13px;font-weight:600}.cs-person-name,.cs-person-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-person-sub{font-size:11px;color:var(--text-muted)}.cs-tag{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink)}.cs-tag.sessio{color:#0f766e}.cs-tag.external{color:#9a5b00}.cs-eye{font-size:12px;color:var(--text-faint);width:14px;text-align:center}.cs-person.picked .cs-eye{color:var(--brand)}.cs-picked{margin-top:10px}.cs-note{font-size:12px;color:var(--text-muted);margin:8px 0;line-height:1.45}.cs-private{display:flex;align-items:center;gap:5px}.cs-email-row{display:flex;gap:8px}.cs-email-row input{flex:1 1;padding:10px 12px;border:1px solid var(--border-strong);border-radius:9px;font:inherit;background:var(--surface);color:var(--text)}.cs-email-row input:focus{outline:none;border-color:var(--brand)}.cs-email-row .btn-ghost:disabled{opacity:.5;cursor:not-allowed}.cs-roles-head{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.cs-add-role{width:100%;padding:11px;border:1px dashed var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-muted);font:inherit;font-weight:600;cursor:pointer}.cs-add-role:hover{border-color:var(--brand);color:var(--brand-ink)}.cs-role{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px;background:var(--bg-subtle)}.cs-role-top{display:flex;gap:8px;align-items:center}.cs-role-label{flex:1 1;padding:9px 11px;border:1px solid var(--border-strong);border-radius:8px;font:inherit;background:var(--surface);color:var(--text)}.cs-modes{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:14px}.cs-mode{padding:11px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.cs-mode.on,.cs-mode:hover{border-color:var(--brand)}.cs-mode.on{background:var(--accent-soft);color:var(--brand-ink)}.cs-when{align-items:flex-end}.cs-when .field{flex:1 1}.cs-options{display:flex;flex-direction:column;gap:10px}.cs-opt-remove{background:none;border:0;font-size:18px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 4px 10px}.cs-opt-remove:disabled{opacity:.3;cursor:not-allowed}.cs-more{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;margin-top:14px;border:1px dashed var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-muted);font:inherit;cursor:pointer}.cs-more:hover{border-color:var(--brand)}.cs-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.cs-footer-note{font-size:12px;color:var(--text-muted)}.cs-footer-actions{display:flex;gap:10px}.roster-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.roster-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.roster-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border)}.roster-row:last-child{border-bottom:0}.roster-row.pending{background:var(--bg-subtle)}.roster-row.pending .roster-person{opacity:.7}.roster-person,.roster-row-end{display:flex;align-items:center;gap:12px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}.badge.pending{background:#fff4e5;border:1px solid #ffd9a8;color:#9a5b00}.cal-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer}.cal-toggle input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.messages-main{padding:0;display:flex;flex-direction:column;overflow:hidden}.msg-layout{display:flex;flex:1 1;min-height:0}.msg-list-pane{width:320px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.msg-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 18px 12px}.msg-list-header .page-title{font-size:22px}.msg-filters{display:flex;gap:8px;padding:0 18px 12px;flex-wrap:wrap}.msg-filter{font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--bg-subtle);color:var(--text-muted)}.msg-filter.active{background:var(--accent-soft);color:var(--brand-ink)}.msg-filter.disabled{opacity:.5}.msg-list{overflow:auto;flex:1 1;min-height:0}.msg-row{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:flex-start}.msg-row:hover{background:var(--bg-subtle)}.msg-row.active{background:var(--accent-soft)}.msg-row-main{flex:1 1;min-width:0}.msg-row-top{display:flex;justify-content:space-between;gap:8px}.msg-name{font-weight:600}.msg-date{color:var(--text-faint);font-size:12px;flex-shrink:0}.msg-subject{font-size:13px;margin-top:2px}.msg-preview{color:var(--text-muted);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0;margin-top:6px}.msg-thread-pane{flex:1 1;display:flex;flex-direction:column;min-height:0}.msg-thread-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border)}.msg-thread-name{font-size:18px;font-weight:700}.msg-thread-subject{color:var(--text-muted);margin-top:2px}.msg-open-profile{color:var(--brand);font-weight:600;font-size:13px;flex-shrink:0}.msg-open-profile.disabled{color:var(--text-faint);cursor:default}.msg-bubbles{flex:1 1;overflow:auto;padding:24px;gap:16px;min-height:0}.msg-bubble-wrap,.msg-bubbles{display:flex;flex-direction:column}.msg-bubble-wrap{max-width:70%}.msg-bubble-wrap.org{align-self:flex-end;align-items:flex-end}.msg-bubble-wrap.participant{align-self:flex-start;align-items:flex-start}.msg-bubble{padding:11px 15px;border-radius:14px;line-height:1.35}.msg-bubble.org{background:var(--brand);color:#fff;border-bottom-right-radius:4px}.msg-bubble.participant{background:var(--surface);border:1px solid var(--border-strong);border-bottom-left-radius:4px}.msg-bubble-meta{font-size:11px;color:var(--text-faint);margin-top:5px}.msg-composer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.msg-input{flex:1 1;padding:11px 14px;border:1px solid var(--border-strong);border-radius:10px;font:inherit;background:var(--bg)}.msg-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(47,107,255,.15)}.msg-empty,.msg-thread-empty{margin:auto;color:var(--text-muted);padding:40px 24px;text-align:center}.avatar-group{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--brand-ink);font-size:11px;font-weight:700}.msg-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.msg-archived-note{padding:16px 24px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px;background:var(--bg-subtle);text-align:center}.settings-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-top:18px;max-width:880px}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-card-title{font-size:16px;font-weight:700;margin:0}.settings-card-sub{color:var(--text-muted);margin:4px 0 0;font-size:13px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 24px;gap:14px 24px;padding:16px 20px}.settings-field-label{color:var(--text-muted);font-size:12px}.settings-field-value{font-weight:600;margin-top:3px}.settings-note{color:var(--text-faint);font-size:12px;margin:0;padding:0 22px 18px}.settings-rows{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:0}.settings-row.muted{opacity:.5}.settings-row-title{font-weight:600}.settings-row-desc{color:var(--text-muted);font-size:12px;margin-top:2px}.team-person{display:flex;align-items:center;gap:12px}.team-role{color:var(--text-muted);font-size:13px;font-weight:500}.switch{width:42px;height:24px;border-radius:999px;border:0;background:var(--border-strong);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s;padding:0}.switch.on{background:var(--brand)}.switch:disabled{cursor:not-allowed}.switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on .switch-knob{transform:translateX(18px)}.appearance-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;padding:20px 22px 8px}.appearance-card{position:relative;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);padding:14px;text-align:left;cursor:pointer;font:inherit;color:var(--text);display:flex;flex-direction:column;gap:4px}.appearance-card.active{border-color:var(--brand);background:var(--accent-soft)}.appearance-swatch{height:70px;border-radius:8px;border:1px solid var(--border);margin-bottom:8px}.appearance-swatch.dark{background:#14161b}.appearance-swatch.light{background:linear-gradient(180deg,#ffffff,#eef1f6)}.appearance-swatch.system{background:linear-gradient(120deg,#14161b 0 50%,#eef1f6 50% 100%)}.appearance-title{font-weight:600}.appearance-card.active .appearance-title{color:var(--brand)}.appearance-desc{color:var(--text-muted);font-size:12px}.appearance-check{position:absolute;top:12px;right:12px;color:var(--brand);font-weight:700}.appearance-note{color:var(--text-muted);font-size:12px;padding:4px 22px 20px}