.theme-toggle { display:grid; place-items:center; flex:none; width:40px; min-height:44px; padding:0; border:0; background:none; color:#bca58f; line-height:1; transition:color 160ms; }
.theme-toggle .icon { grid-area:1 / 1; width:19px; height:19px; background:currentColor; -webkit-mask:var(--theme-icon) center / contain no-repeat; mask:var(--theme-icon) center / contain no-repeat; }
.theme-toggle:hover,.theme-toggle:focus-visible { color:var(--paper); }
.theme-toggle:focus-visible { outline:none; }
.theme-toggle:focus-visible .icon { outline:1px solid currentColor; outline-offset:4px; border-radius:3px; }
.theme-sun { --theme-icon:url('/assets/icons/sun.svg'); }
.theme-moon { display:none; --theme-icon:url('/assets/icons/moon.svg'); }
html[data-theme=light] .theme-sun { display:none; }
html[data-theme=light] .theme-moon { display:block; }

/* Match the VPN's quiet snapshot crossfade without repainting each control. */
@media(prefers-reduced-motion:no-preference) {
  html.theme-snapshot-changing *,html.theme-snapshot-changing *::before,html.theme-snapshot-changing *::after { transition:none !important; }
  html::view-transition-group(root) { animation:none; }
  html::view-transition-old(root),html::view-transition-new(root) { mix-blend-mode:normal; animation-duration:240ms; animation-timing-function:cubic-bezier(.2,0,.2,1); }
  html::view-transition-old(root) { animation:none; }
  html::view-transition-new(root) { animation-name:cloud-theme-in; }
  html.theme-changing :is(body,.site-header,.site-footer,.account-modal,.drive-shell,.workspace-profile) { transition:background-color 240ms ease,color 240ms ease,border-color 240ms ease; }
}
@keyframes cloud-theme-in { from { opacity:0; } }

/* Soft grey surfaces reduce glare while retaining copper accents. */
html[data-theme=light],html[data-theme=light].cloud-workspace-page {
  color-scheme:light; --ink:#e2e1df; --paper:#28231e; --muted:#74695e;
  --copper:#b66830; --copper-light:#9b4f20; --line:#392b201c; --workspace-surface:#eae9e6;
  background:#e2e1df; scrollbar-color:#bbaa98 #e2e1df;
}
html[data-theme=light] body { color:var(--paper); background:var(--ink); }
html[data-theme=light].cloud-workspace-page body { background:transparent; }
html[data-theme=light] :is(.site-header,.site-footer) { background:#eae9e6; border-color:var(--line); }
html[data-theme=light] :is(.brand-name span,.footer-brand-cloud) { color:#776552; }
html[data-theme=light] :is(.header-nav button,.locale-toggle,.theme-toggle) { color:#78634f; }
html[data-theme=light] :is(.header-nav button,.locale-toggle,.theme-toggle):hover { color:#352519; }
html[data-theme=light] .sign-in { background:#b66830; color:#fffaf5; }
html[data-theme=light] .sign-in:hover { background:#9f5524; color:#fff; }
html[data-theme=light] .sign-in:active { background:#8a461b; }
html[data-theme=light] .hero-art::after { background:linear-gradient(90deg,#e2e1df 0%,#e2e1dfb3 15%,#e2e1df00 50%),linear-gradient(0deg,#e2e1dfb3,#e2e1df00 35%); }
html[data-theme=light] .hero-art { opacity:.9; }
html[data-theme=light] .auth-art { border-radius:12px; }
html[data-theme=light] :is(.footer-origin,.footer-top h2,.footer-copyright) { color:#77634f; }
html[data-theme=light] :is(.footer-legal,.footer-documents .icon) { color:#7b6c5d; }
html[data-theme=light] .footer-documents :is(button,a) { color:#534537; }
html[data-theme=light] .footer-documents :is(button,a):hover { color:var(--copper-light); }
html[data-theme=light] :is(.footer-top,.footer-bottom) { border-color:var(--line); }
html[data-theme=light] .owner-socials :is(a,button) { color:#766353; border-color:#38291c17; }
html[data-theme=light] .owner-socials :is(a,button):hover { color:#9b4f20; background:#9b4f2009; border-color:#9b4f2040; }
html[data-theme=light] .account-menu-trigger { color:#4b3c30; }
html[data-theme=light] :is(.account-menu-username,.account-menu-chevron) { color:#83715e; }
html[data-theme=light] .account-menu-trigger:hover,html[data-theme=light] .account-menu[open] .account-menu-trigger { color:#37281e; }
html[data-theme=light] .account-menu-trigger:hover .account-menu-chevron,html[data-theme=light] .account-menu[open] .account-menu-chevron { color:#9b4f20; }
html[data-theme=light] .account-menu-panel { background:#eae9e6ed; border-color:#57432c24; box-shadow:inset 0 0 0 1px #57432c20,0 16px 44px #4c352015; }
html[data-theme=light] :is(.account-menu-identity,.account-menu-item) { color:#493a2d; }
html[data-theme=light] .account-menu-item .icon { color:#8b7057; }
html[data-theme=light] .account-menu-item:hover,html[data-theme=light] .account-menu-item:focus-visible { color:#201810; background:#a7733810; }
html[data-theme=light] .account-menu-item:hover .icon,html[data-theme=light] .account-menu-item:focus-visible .icon { color:#9b4f20; }
html[data-theme=light] .account-menu-divider { border-color:var(--line); }
html[data-theme=light] .account-menu-exit { color:#9c3933; }
html[data-theme=light] .workspace-atmosphere { background:#dedbd7; }
html[data-theme=light] .workspace-atmosphere img { opacity:.78; filter:blur(64px) saturate(.9) brightness(1.35); }
html[data-theme=light] .workspace-atmosphere::after { background:linear-gradient(135deg,#e8e5e066,#dfdcd666 55%,#e8e5e080); }
html[data-theme=light] .workspace-rail { background:#eae9e68c; border-color:#57432c1f; scrollbar-color:#b29980 transparent; }
html[data-theme=light] .workspace-home { color:#786653; }
html[data-theme=light] .workspace-home.is-current { color:#8d4d24; background:transparent; }
html[data-theme=light] .workspace-home:hover { color:#603719; background:transparent; }
html[data-theme=light] :is(.workspace-overview,.profile-overview,.security-options,.sessions-list) { background:#eae9e6; border-color:#59452d26; }
html[data-theme=light] .workspace-summary { background:#eae9e6; }
html[data-theme=light] .workspace-cover-change { background:#eae9e6ed; color:#624329; border-color:#fff9; }
html[data-theme=light] .workspace-cover-change:hover { color:#281c12; }
html[data-theme=light] .workspace-stat-label { color:#857362; }
html[data-theme=light] .workspace-stat time { color:#493b2f; }
html[data-theme=light] .workspace-online { color:#493b2f; border-color:var(--line); }
html[data-theme=light] .workspace-online-copy>[data-online-count] { color:#9b632e; }
html[data-theme=light] .workspace-online>.icon { color:#917962; }
html[data-theme=light] .workspace-online:hover>.icon,html[data-theme=light] .workspace-online:hover .workspace-online-copy { color:#673b1d; }
html[data-theme=light] .load-low { background:#e2efe5; color:#2e6946; }
html[data-theme=light] .load-medium { background:#f3e7c7; color:#765a1c; }
html[data-theme=light] .load-high { background:#f4dfcf; color:#8c4e20; }
html[data-theme=light] .load-maximum { background:#f4d8d9; color:#9e2e34; }
html[data-theme=light] .load-unknown { background:#eee9e2; color:#746655; }
html[data-theme=light] .access-restricted { background:#e7e3de; color:#655b52; }
html[data-theme=light] .access-limited { background:#f0d27d; color:#63470c; }
html[data-theme=light] .access-unlimited { background:#ce3035; color:#fff; }
html[data-theme=light] .online-avatar { border-color:#eae9e6; }
html[data-theme=light] .online-more { background:#dfc8b3; color:#63462e; border-color:#eae9e6; }
html[data-theme=light] :is(.account-dialog,.exit-dialog,.exit-panel) { background:#eae9e6; color:#30271f; border-color:#59452d2b; box-shadow:0 28px 80px #4c352028,inset 0 1px 0 #fff; }
html[data-theme=light] :is(.account-dialog,.exit-dialog)::backdrop { background:#4f40333b; }
html[data-theme=light] .account-modal-head { border-color:var(--line); }
html[data-theme=light] :is(.account-modal-head h2,.exit-heading h2) { color:#382b20; }
html[data-theme=light] :is(.exit-content>p,.modal-explanation,.field-help,.media-help,.crop-tools p) { color:#796b5b; }
html[data-theme=light] :is(.field label,.account-dialog .field label) { color:#685746; }
html[data-theme=light] :is(.field input,.account-dialog .field input) { color:#30271f; background:#e2e1de; border-color:#bbae9d; }
html[data-theme=light] :is(.field input,.account-dialog .field input):focus { background:#e8e5df; border-color:#a76832; }
html[data-theme=light] :is(.field input,.account-dialog .field input)[aria-invalid=true] { border-color:#b8433c; }
html[data-theme=light] .field input:autofill { box-shadow:0 0 0 100px #e8e5df inset; -webkit-text-fill-color:#30271f; }
html[data-theme=light] :is(.auth-intro strong,.auth-alternative) { color:#73614f; }
html[data-theme=light] .cloud-button.primary { color:#fffaf5; background:#b66830; border-color:#b66830; }
html[data-theme=light] .cloud-button.primary:hover { background:#9f5524; border-color:#9f5524; }
html[data-theme=light] :is(.account-modal-actions,.exit-actions) .cloud-button.quiet { background:#dcd9d4; border-color:#d6c8b7; color:#69523e; }
html[data-theme=light] :is(.account-modal-actions,.exit-actions) .cloud-button.quiet:hover { background:#d2ccc3; color:#463221; }
html[data-theme=light] :is(.account-dialog,.exit-dialog,.exit-panel) .cloud-button.primary.danger { background:#bd2323; border-color:#d33434; color:#fff; }
html[data-theme=light] :is(.account-dialog,.exit-dialog,.exit-panel) .cloud-button.primary.danger:hover { background:#a91d1d; border-color:#b52c2c; }
html[data-theme=light] :is(.cloud-button.quiet,.exit-close,.edit-pencil,.back-link,.setting-edit,.session-end) { color:#89613d; }
html[data-theme=light] :is(.cloud-button.quiet,.exit-close,.edit-pencil,.back-link,.setting-edit,.session-end):hover { color:#5e3315; }
html[data-theme=light] .profile-avatar { border-color:#eae9e6; }
html[data-theme=light] .profile-description p { color:#776452; }
html[data-theme=light] .profile-username { color:#89735f; }
html[data-theme=light] .media-action { background:#e6e3dd; color:#6c4624; }
html[data-theme=light] .media-action:hover { background:#f4e3cd; color:#452a14; }
html[data-theme=light] :is(.settings-section,.security-option+.security-option,.session-entry,.session-list-heading) { border-color:var(--line); }
html[data-theme=light] :is(.settings-section h2,.security-option h3,.session-device h3) { color:#49392b; }
html[data-theme=light] :is(.settings-section-heading p,.security-value,.security-description,.session-platform,.session-value,.session-caption,.session-list-heading) { color:#7b6956; }
html[data-theme=light] :is(.current-session,.verified-email) { color:#35734c; }
html[data-theme=light] .session-list-heading { background:#e1ded8; }
html[data-theme=light] .session-entry:focus-within { background:#af6d2410; }
html[data-theme=light] :is(.sessions-scroll.is-scrollable,.workspace-online-list) { scrollbar-color:#b2987f #eae9e6; }
html[data-theme=light] .device-icon { color:#96734e; }
html[data-theme=light] .notice { background:#eae9e6; color:#3e2d1e; border-color:#7d56312e; border-left-color:#b66830; box-shadow:0 14px 42px #4c35201a; }
html[data-theme=light] .notice-symbol { color:#a3602a; }
html[data-theme=light] .notice-copy p { color:#6e5843; }
html[data-theme=light] .form-message { color:#6e5843; background:#b07b3610; }
html[data-theme=light] .form-message.is-error { color:#a34230; border-color:#b95b40; }
html[data-theme=light] .workspace-upload { background:#dfdbd5; color:#6b4e35; border-color:#7d56312e; }
html[data-theme=light] .workspace-upload:hover { background:#d5cdc2; color:#47301e; }
html[data-theme=light] :is(.workspace-upload-help,.workspace-cover-presets legend,.workspace-cover-choice) { color:#80644c; }
html[data-theme=light] :is(.workspace-cover-preview,.workspace-cover-tile) { border-color:#7d56312e; background:#eae9e6; }
html[data-theme=light] .workspace-cover-option input:checked+.workspace-cover-tile { background:#f5e5d2; border-color:#b97b42; }
html[data-theme=light] .workspace-cover-check { color:#9e602b; }
html[data-theme=light] .workspace-cover-actions { background:#eae9e6; border-color:var(--line); }
html[data-theme=light] .workspace-online-person { border-color:var(--line); }
html[data-theme=light] .online-person-name { color:#493b2f; }
html[data-theme=light] :is(.online-person-username,.workspace-online-empty) { color:#8a735f; }
html[data-theme=light] .presence-indicator { border-color:#eae9e6; }
html[data-theme=light] .presence-tooltip { color:#5b4430; background:#e8e4de; border-color:#7d56312e; }
html[data-theme=light] .directory-person:hover,html[data-theme=light] .directory-person:focus-visible,html[data-theme=light] .workspace-online-person:hover,html[data-theme=light] .workspace-online-person:focus-visible { background:#9e6e2d0b; }
html[data-theme=light] .directory-list { scrollbar-color:#b2987f transparent; }
html[data-theme=light] .role-administrator { --role-color:#9c551c; --role-background:#f5e5d0; }
html[data-theme=light] .role-special_administrator { --role-color:#bb4219; --role-background:#f9e1d6; }
html[data-theme=light] .role-director { --role-color:#bf272b; --role-background:#f8dfe0; }
html[data-theme=light] .role-founder { --role-color:#c6212b; --role-background:#f9dcdf; }
html[data-theme=light] .cloud-service-state.is-available { color:#39744e; }
html[data-theme=light] .cloud-service-state.is-unavailable { color:#9e5240; }
@media(max-width:700px) { html[data-theme=light] .hero-art::after { background:linear-gradient(180deg,#e2e1df,transparent 22%,transparent 78%,#e2e1df),linear-gradient(90deg,#e2e1df60,transparent 30%); } }
@media(max-width:420px) { .header-actions { gap:3px; }.header-actions :is(.theme-toggle,.locale-toggle) { width:36px; }.header-inner { column-gap:8px; } }
@media(max-width:360px) { .header-actions :is(.theme-toggle,.locale-toggle) { width:32px; }.theme-toggle .icon { width:17px; height:17px; } }
@media(prefers-reduced-motion:reduce) { .theme-toggle { transition:none; } }