:root{--panel:#eef4ee;--accent-ink:#fff;--side:#102922;--side-muted:#a6c5b8;--side-selected:#21483b}
:root[data-theme-palette=monochrome]{--bg:#f5f5f5;--white:#fff;--ink:#252525;--muted:#686868;--green:#353535;--lime:#e4e4e4;--line:#dedede;--panel:#ededed;--side:#161616;--side-muted:#b8b8b8;--side-selected:#363636}
:root[data-theme-palette=earthy]{--bg:#f7f2e9;--white:#fffcf5;--ink:#30261e;--muted:#776552;--green:#795737;--lime:#e7dac6;--line:#ded2c1;--panel:#eee5d7;--side:#30241d;--side-muted:#cdb9a6;--side-selected:#594333}
:root[data-theme-mode=night]{--bg:#101c17;--white:#1b2a23;--ink:#e4eee7;--muted:#a7bbb0;--green:#a0d7b3;--lime:#354b3d;--line:#3c5043;--panel:#263b2e;--accent-ink:#102219}
:root[data-theme-mode=night][data-theme-palette=monochrome]{--bg:#131313;--white:#202020;--ink:#ededed;--muted:#b7b7b7;--green:#dedede;--lime:#393939;--line:#444;--panel:#2d2d2d;--accent-ink:#171717}
:root[data-theme-mode=night][data-theme-palette=earthy]{--bg:#201a15;--white:#2c241e;--ink:#f2e5d3;--muted:#ccb89e;--green:#dfbb92;--lime:#51402e;--line:#594735;--panel:#3a3025;--accent-ink:#2b2016}
body,.shell,main,.auth-screen{background:var(--bg);color:var(--ink)}
.sidebar{background:var(--side)}.sidebar .nav,.sidebar .workspace-label,.sidebar .private-note,.sidebar .profile small{color:var(--side-muted)}.sidebar .nav.active{background:var(--side-selected);color:#fff}.sidebar .brand{color:#fff}
.topbar{background:var(--bg);border-color:var(--line)}
h1,h2,h3,h4,label,strong,.file-name,.managed-share-title h2{color:inherit}
.page-heading p,.fine,.muted,.file-footer,.bottom-note,.breadcrumbs,.workspace-label,.health-note,.upload-dock-summary,.upload-dock-row span,.upload-dock-footer{color:var(--muted)}
.auth-card,.storage-card,.files-panel,.connection-card,.pairing-card,.device-card,.callout,.info-card,.grid-item,.web-space-choice,.web-log,.web-home-spaces>*,.web-home-metrics>*,.managed-share-row,.health-card,.account-session,.account-session-row,.upload-dock,dialog,.notification-panel{background:var(--white);color:var(--ink);border-color:var(--line)}
input,select,textarea,.secondary,.icon-button,.search-box{background:var(--white);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}
.primary,button.primary{background:var(--green);color:var(--accent-ink)}.eyebrow,.text-button{color:var(--green)}
.file-table th,.file-table td,.file-row,.file-toolbar,.file-footer,.section-heading,.upload-dock-row,.upload-dock-head{border-color:var(--line)}
.upload-dock-head,.share-insight-stats>div,.share-insight-stats>button,.share-report th,.web-home-metrics>*,.callout,.notification-row.unread{background:var(--panel);color:var(--ink)}
[data-theme-mode=night] .notification-row,[data-theme-mode=night] .notification-panel,[data-theme-mode=night] .notifications-panel,[data-theme-mode=night] .web-log>*,[data-theme-mode=night] .health-card,[data-theme-mode=night] .health-values,[data-theme-mode=night] .account-session-row,[data-theme-mode=night] .web-session-row{background:var(--white);color:var(--ink);border-color:var(--line)}
[data-theme-mode=night] .file-row:hover,[data-theme-mode=night] .grid-item:hover,[data-theme-mode=night] .secondary:hover,[data-theme-mode=night] .icon-button:hover{background:var(--panel)}
[data-theme-mode=night] .health-card strong,[data-theme-mode=night] .share-insight-stats strong,[data-theme-mode=night] .web-home-metrics strong{color:var(--ink)}
.powered-by{background:var(--bg);color:var(--muted)}
/* These filters retain the original cloud/play silhouette. */
[data-theme-logo=black] .cloudplay-mark{filter:grayscale(1) contrast(3)}
[data-theme-logo=white] .cloudplay-mark{filter:grayscale(1) contrast(3) invert(1)}
[data-theme-logo=auto]:not([data-theme-palette=original]) .cloudplay-mark{filter:grayscale(1) contrast(3)}
[data-theme-logo=auto]:not([data-theme-palette=original]) .sidebar .cloudplay-mark,[data-theme-logo=auto][data-theme-mode=night]:not([data-theme-palette=original]) .cloudplay-mark{filter:grayscale(1) contrast(3) invert(1)}
.appearance-settings{display:grid;gap:18px;max-width:520px}.appearance-settings label{display:grid;gap:8px;font-size:13px;font-weight:600}.appearance-settings select{width:100%;min-height:44px}.appearance-preview{display:flex;align-items:center;gap:12px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--white);font-size:25px;font-weight:700}.appearance-settings p{margin:0;line-height:1.6}.appearance-save-status{font-size:12px;color:var(--muted)}
:root[data-theme-palette]{--accent:var(--green)}
[data-theme-palette] .health-card,[data-theme-palette] .health-endpoint{background:var(--white);border-color:var(--line)}
[data-theme-palette] .health-values b{color:var(--ink)}
[data-theme-palette] .web-metric small,[data-theme-palette] .web-space small,[data-theme-palette] .health-path,[data-theme-palette] .health-values small,[data-theme-palette] .health-checked,[data-theme-palette] .notification-summary span,[data-theme-palette] .notification-summary time,[data-theme-palette] .notification-row dt,[data-theme-palette] .notification-foot{color:var(--muted)}
[data-theme-palette] .notification-head,[data-theme-palette] .notification-row.is-unread{background:var(--panel)}
[data-theme-palette] .notification-tools [aria-pressed=true]{background:var(--green);color:var(--accent-ink)}
[data-theme-palette] .notification-row summary{color:var(--green)}
[data-theme-palette] .appearance-settings label{margin:0}
[data-theme-palette] .appearance-settings select{margin:0}
[data-theme-palette] #workspace-dialog:has(.appearance-settings){max-width:600px}
[data-theme-palette] .sidebar nav{scrollbar-color:var(--side-selected) transparent}
[data-theme-palette] .connection-health{background:var(--panel);border-color:var(--line)}
[data-theme-palette] .web-log>*,[data-theme-palette] .web-home-gallery,[data-theme-palette] .activity-hover{background:var(--white);color:var(--ink);border-color:var(--line)}
[data-theme-palette] .workspace-dialog-head,[data-theme-palette] .notification-tools,[data-theme-palette] .notification-row,[data-theme-palette] .notification-foot{border-color:var(--line)}
[data-theme-palette] .connection-item,[data-theme-palette] .device-item,[data-theme-palette] .activity-item,[data-theme-palette] .transfer,[data-theme-palette] .web-transfer-row,[data-theme-palette] .web-connection-card,[data-theme-palette] .web-time-presets button,[data-theme-palette] .web-share-via a{background:var(--white);color:var(--ink);border-color:var(--line)}
[data-theme-palette] .file-table th,[data-theme-palette] .storage-card.selected,[data-theme-palette] .recovery-codes{background:var(--panel);color:var(--ink)}
[data-theme-palette] .web-metric,[data-theme-palette] .web-space,[data-theme-palette] .web-connection-card,[data-theme-palette] .storage-card{border-color:var(--line)}
[data-theme-palette] .primary,[data-theme-palette] button.primary{background:var(--accent);color:var(--accent-ink)}
.accent-settings{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:16px}.accent-settings h3{margin:0}.accent-wheel{position:relative;flex-shrink:0;width:200px;height:200px;border-radius:50%;margin:10px auto;background:radial-gradient(circle,white 0%,transparent 70%),conic-gradient(from 90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);touch-action:none;cursor:crosshair;outline:1px solid var(--line)}.accent-wheel:before{content:'';position:absolute;inset:0;border-radius:50%;background:rgb(0 0 0 / var(--wheel-value,0));pointer-events:none}.accent-wheel:focus-visible{outline:3px solid var(--green);outline-offset:4px}.accent-wheel-marker{position:absolute;width:14px;height:14px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #000;transform:translate(-50%,-50%);pointer-events:none}.accent-settings input[type=range]{width:100%;padding:0;min-height:32px;accent-color:var(--accent)}.accent-settings input[type=text]{width:100%;min-height:44px}.accent-settings .secondary{justify-self:start}
:root{--hover:#e7ede7}:root[data-theme-palette=monochrome]{--hover:#e8e8e8}:root[data-theme-palette=earthy]{--hover:#e9ddcb}:root[data-theme-mode=night]{--hover:#354b3d}:root[data-theme-mode=night][data-theme-palette=monochrome]{--hover:#3b3b3b}:root[data-theme-mode=night][data-theme-palette=earthy]{--hover:#4b3d30}
[data-theme-palette] .web-metric:is(:hover,:focus-visible),[data-theme-palette] .web-space:is(:hover,:focus-visible),[data-theme-palette] .web-transfer-row:is(:hover,:focus-visible),[data-theme-palette] .web-space-choice:is(:hover,:focus-visible),[data-theme-palette] .file-actions button:is(:hover,:focus-visible){background:var(--hover);color:var(--ink);border-color:var(--green)}
[data-theme-palette] .web-metric:is(:hover,:focus-visible) strong,[data-theme-palette] .web-space:is(:hover,:focus-visible) strong{color:var(--ink)}
[data-theme-palette] .web-metric:is(:hover,:focus-visible) small,[data-theme-palette] .web-space:is(:hover,:focus-visible) small{color:var(--muted)}
[data-theme-palette] .primary:hover{background:var(--accent);filter:brightness(.93);color:var(--accent-ink)}
[data-theme-palette] .file-actions .delete:hover,[data-theme-palette] .managed-share-actions .managed-revoke:hover{background:var(--panel);color:var(--ink)}
[data-theme-palette] .sidebar .nav:hover{background:var(--side-selected)}
[data-theme-palette] .file-sort:hover{color:var(--green)!important}
[data-theme-palette] #page-gallery #g-new,[data-theme-palette] #page-gallery #g-save,[data-theme-palette] #page-gallery .gallery-view-buttons button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
[data-theme-palette] #page-gallery button:hover{background:var(--hover);color:var(--ink);border-color:var(--green)}
/* Workspace decorations follow palette/accent; share status colours retain their meaning. */
[data-theme-palette] .live-code,[data-theme-palette] .info-card .large-symbol,[data-theme-palette] .bottom-note>span:first-child,[data-theme-palette] .home-gallery-summary>span{color:var(--green)}
[data-theme-palette] .duration-buttons button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
[data-theme-palette] .small-badge,[data-theme-palette] .prototype-tag,[data-theme-palette] .storage-type{background:var(--panel);color:var(--muted);border-color:var(--line)}
[data-theme-palette] .storage-icon,[data-theme-palette] .managed-share-visual,[data-theme-palette] .file-icon:not(.photo):not(.video):not(.audio){background:var(--panel);color:var(--green)}
[data-theme-palette] .avatar{background:var(--lime);color:var(--ink)}
[data-theme-palette] .brand-dot{color:var(--green)}[data-theme-palette] .sidebar .brand-dot{color:var(--side-muted)}
[data-theme-palette] .sidebar .private-note p,[data-theme-palette] .sidebar .profile small,[data-theme-palette] .sidebar .profile>span:last-child{color:var(--side-muted)}
[data-theme-palette] .sidebar .nav b{background:var(--side-selected);color:var(--side-muted)}
[data-theme-palette] .sidebar nav::-webkit-scrollbar-thumb{background:var(--side-selected)}
[data-theme-palette] .info-card p,[data-theme-palette] .empty-state p,[data-theme-palette] .storage-card small,[data-theme-palette] .grid-item small,[data-theme-palette] .activity-item small,[data-theme-palette] .activity-item time,[data-theme-palette] .file-table td,[data-theme-palette] .web-space-choice small,[data-theme-palette] .web-space-head p,[data-theme-palette] .web-connection-card summary,[data-theme-palette] .web-transfer-details dt,[data-theme-palette] .shared-method-help,[data-theme-palette] .private-link-note,[data-theme-palette] .notification-empty{color:var(--muted)}
[data-theme-palette] .file-table .file-name,[data-theme-palette] .shared-method-help strong{color:var(--ink)}
[data-theme-palette] .web-countdown,[data-theme-palette] .secret-key,[data-theme-palette] .web-share-card{background:var(--panel);color:var(--ink);border-color:var(--line)}
[data-theme-palette] .web-share-card p,[data-theme-palette] .web-share-card label{color:var(--ink)}
[data-theme-palette] .upload-dock-footer button,[data-theme-palette] .share-insight-stats strong{color:var(--green)}
[data-theme-palette] .share-insight-stats small,[data-theme-palette] .share-insight-events small,[data-theme-palette] .share-report td small{color:var(--muted)}
[data-theme-palette] .share-insight-stats>button.selected,[data-theme-palette] .storage-card.selected,[data-theme-palette] .storage-card:hover{border-color:var(--green)}
[data-theme-palette] :focus-visible{outline-color:var(--green)}
[data-theme-palette] .web-metric:focus-visible,[data-theme-palette] .web-space:focus-visible,[data-theme-palette] .web-transfer-row:focus-visible,[data-theme-palette] .file-sort:focus-visible{outline-color:var(--green)}
[data-theme-palette] .files-drop-overlay{background:var(--panel);color:var(--ink);border-color:var(--green)}[data-theme-palette] .files-drop-overlay>span:not(.drop-symbol),[data-theme-palette] .files-drop-overlay small{color:var(--muted)}[data-theme-palette] .drop-symbol{background:var(--lime);color:var(--green)}
[data-theme-palette] dialog::backdrop,[data-theme-palette] #workspace-dialog::backdrop{background:#0008}
[data-theme-palette] .auth-art{background:var(--side)}[data-theme-palette] .auth-art p{color:var(--side-muted)}[data-theme-palette] .orbit{border-color:var(--side-selected)}[data-theme-palette] .art-center{color:var(--side-muted)}
[data-theme-palette] .connected-pill{color:var(--muted)}
.appearance-settings label.check-label{display:flex;align-items:center;gap:10px;line-height:1.5;margin-bottom:8px}
.appearance-settings label.check-label input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--green)}