/* Account appearance themes shared by the browser portal and Electron shell. */
:root{--theme-surface:#fff;--theme-raised:#fff;--theme-soft:#f8f8fb;--theme-shadow:0 5px 18px #26284312;--theme-font:system-ui,-apple-system,"Segoe UI",sans-serif}
body{font-family:var(--theme-font);transition:background-color .35s ease,color .3s ease}
.side,.panel,.stat,.empty,.theme-card{background:var(--theme-surface);transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,transform .2s ease}
.side{background:var(--theme-raised)}
.button,.nav a,.profile-dropdown,.field input,.field textarea,.field select{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.button{box-shadow:0 2px 5px #26284320}.button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #26284324}.button.secondary{box-shadow:0 1px 3px #2628430b}.button.secondary:hover{box-shadow:0 4px 12px #26284318}
.session-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.session-page-actions .button{font-size:12px!important;padding:12px 16px!important}.create-session-submit{display:flex;justify-content:flex-start;margin-top:12px}.create-session-submit .button{font-size:13px;padding:12px 18px}
.session-modal{width:min(540px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--theme-surface);color:var(--ink);box-shadow:0 24px 80px #0005}.session-modal::backdrop{background:#111522a8;backdrop-filter:blur(3px)}.session-modal[open]{animation:session-modal-enter .16s ease-out both}.session-modal form{padding:24px}.session-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.session-modal-header h2{margin:0 0 6px;font-size:19px;color:var(--ink)}.session-modal-header p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.session-modal-close{width:32px;height:32px;flex:none;border:1px solid var(--line);border-radius:9px;background:var(--theme-soft);color:var(--ink);font-size:21px;line-height:1;cursor:pointer}.session-modal .create-session-fields{grid-template-columns:1fr;gap:0}.session-modal .field{font-size:11px}.session-modal .field input{font-size:13px;padding:12px}.session-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px;padding-top:17px;border-top:1px solid var(--line)}.session-modal-actions .button{font-size:12px;padding:11px 16px}.session-modal-actions .button.secondary{width:auto;text-align:center;padding:10px 15px}.session-modal:focus{outline:none}@keyframes session-modal-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}body.theme-win98 .session-modal{border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0}body.theme-win98 .session-modal-header,body.theme-win98 .session-modal-actions{border-color:#888}
.page{animation:page-arrive .28s ease both}
@keyframes page-arrive{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.panel:hover,.stat-link:hover,.theme-card:hover{box-shadow:var(--theme-shadow);transform:translateY(-2px)}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 18px}
.theme-card{position:relative;display:flex;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:12px;cursor:pointer;min-width:0}
.theme-card.selected{border-color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 20%,transparent)}
.theme-card>input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.theme-card:focus-within{outline:3px solid color-mix(in srgb,var(--purple) 35%,transparent);outline-offset:2px}
.theme-card-copy{display:grid;gap:4px;min-width:0}.theme-card-copy strong{font-size:12px;color:var(--ink)}.theme-card-copy small{font-size:10px;color:var(--muted)}
.theme-check{margin-left:auto;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--purple);color:#fff;font-size:12px;opacity:0;transform:scale(.7);transition:opacity .18s,transform .18s}.theme-card.selected .theme-check{opacity:1;transform:scale(1)}
.theme-preview{width:66px;height:47px;flex:none;border:1px solid #0002;border-radius:7px;padding:6px;display:flex;flex-direction:column;gap:4px;overflow:hidden;background:#f4f3fa}
.theme-preview i,.theme-preview b,.theme-preview em{display:block;border-radius:3px;height:7px;background:#fff}.theme-preview i{width:100%;height:8px;background:#7161e8}.theme-preview b{width:78%}.theme-preview em{width:54%}
.theme-preview-dark{background:#202433}.theme-preview-dark i{background:#8173f2}.theme-preview-dark b,.theme-preview-dark em{background:#454b60}
.theme-preview-hacker{background:#07110c;border-color:#287546}.theme-preview-hacker i{background:#43f58b}.theme-preview-hacker b,.theme-preview-hacker em{background:#164d2a}
.theme-preview-wasteland{background:#211f18;border-color:#9c743b}.theme-preview-wasteland i{background:#e7ad4e}.theme-preview-wasteland b{background:#676044}.theme-preview-wasteland em{background:#8e6640}
.theme-preview-eighties{background:#20153d}.theme-preview-eighties i{background:#ff59d6}.theme-preview-eighties b{background:#39e8ff}.theme-preview-eighties em{background:#7d50ec}
.theme-preview-office{background:#f2f4f6}.theme-preview-office i{background:#3a78b7}.theme-preview-office b,.theme-preview-office em{background:#d7dde3}
.theme-preview-cozy{background:#f5ead8}.theme-preview-cozy i{background:#ba7953}.theme-preview-cozy b,.theme-preview-cozy em{background:#dfc7a9}
.theme-preview-win98{background:#c0c0c0;border-radius:0}.theme-preview-win98 i{border-radius:0;background:#000080}.theme-preview-win98 b,.theme-preview-win98 em{border-radius:0;background:#fff}

body.theme-dark{--ink:#e6e8f1;--muted:#a5a9bb;--line:#34394a;--purple:#9387ff;--bg:#171a23;--green:#55c99b;--red:#f07983;--theme-surface:#222633;--theme-raised:#1d212d;--theme-soft:#292e3d;--theme-shadow:0 8px 24px #0005;color-scheme:dark}
body.theme-dark .top{color:#a7aabd}body.theme-dark .top strong,body.theme-dark td strong,body.theme-dark .panel h2,body.theme-dark .empty strong{color:var(--ink)}body.theme-dark td{color:#b4b7c5}body.theme-dark th{border-color:var(--line);color:#989db1}body.theme-dark td{border-color:var(--line)}body.theme-dark .button.secondary{background:#292e3d;color:var(--ink);border-color:#454b5e}body.theme-dark .field input,body.theme-dark .field textarea,body.theme-dark .field select{background:#191d28;color:var(--ink);border-color:#454b5e}body.theme-dark .notice{background:#302d4b;color:#d0caff}body.theme-dark .empty{border-color:#454b5e;color:var(--muted)}body.theme-dark .profile-dropdown{background:var(--theme-surface);border-color:var(--line)}body.theme-dark .profile-dropdown a,body.theme-dark .profile-dropdown button{color:var(--ink)}body.theme-dark .create-session-form{background:var(--theme-surface)}
body.theme-hacker{--ink:#c5f8d6;--muted:#76b78e;--line:#1d5832;--purple:#49ed8a;--bg:#06100a;--green:#49ed8a;--red:#ff6b76;--theme-surface:#0b1a10;--theme-raised:#08140c;--theme-soft:#0f2416;--theme-shadow:0 0 18px #17e56820;--theme-font:Consolas,"Courier New",monospace;color-scheme:dark}
body.theme-hacker .brand-mark,body.theme-hacker .button{background:#1a9d53;color:#041008;border-radius:3px}body.theme-hacker .nav a.active,body.theme-hacker .nav a:hover{background:#12351e;color:#70ffa2}body.theme-hacker .panel,body.theme-hacker .stat{border-color:#1d5832;box-shadow:inset 0 0 24px #0a2e1718}body.theme-hacker .title-row h1,body.theme-hacker .session-code{color:#75ffa4}body.theme-hacker .field input,body.theme-hacker .field textarea,body.theme-hacker .field select{background:#06120a;color:#c5f8d6;border-color:#287846}body.theme-hacker .button.secondary{background:#0d2113;color:#baf4cc;border-color:#287846}body.theme-hacker .notice{background:#10301a;color:#9df2b4}
body.theme-wasteland{--ink:#ece7d4;--muted:#b9b39d;--line:#4a473a;--purple:#e7ad4e;--bg:#191a16;--green:#98b76a;--red:#e47a69;--theme-surface:#252720;--theme-raised:#20211c;--theme-soft:#302f25;--theme-shadow:0 7px 24px #0006;--theme-font:Consolas,"Courier New",monospace;color-scheme:dark}
body.theme-wasteland .brand-mark,body.theme-wasteland .button{background:#d69a3b;color:#1d1b14;border-radius:4px}body.theme-wasteland .nav a.active,body.theme-wasteland .nav a:hover{background:#383326;color:#f3c970}body.theme-wasteland .panel,body.theme-wasteland .stat{border-color:#514b39;background:linear-gradient(145deg,#2a2b23,#22231e)}body.theme-wasteland .title-row h1,body.theme-wasteland .session-code{color:#f2c978}body.theme-wasteland .top{color:#c5bea5}body.theme-wasteland .top strong,body.theme-wasteland .panel h2,body.theme-wasteland td strong{color:#ece7d4}body.theme-wasteland td{color:#d0cbb8;border-color:#494638}body.theme-wasteland th{color:#b2aa8c;border-color:#494638}body.theme-wasteland .field input,body.theme-wasteland .field textarea,body.theme-wasteland .field select{background:#1c1d18;color:#ece7d4;border-color:#625b43}body.theme-wasteland .button.secondary{background:#2e2d24;color:#eee5cb;border-color:#5b543e}body.theme-wasteland .notice{background:#383323;color:#f2d69d}body.theme-wasteland .status{color:#a9d58b}
body.theme-eighties{--ink:#fff1ff;--muted:#c2a7db;--line:#503c75;--purple:#ff5edb;--bg:#17112d;--green:#53e9f5;--red:#ff728a;--theme-surface:#21183b;--theme-raised:#1c1533;--theme-soft:#2a1e49;--theme-shadow:0 8px 26px #f54bc51b;--theme-font:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
body.theme-eighties .brand-mark{background:linear-gradient(135deg,#ff4ed7,#7556ff)}body.theme-eighties .button{background:#e948c7;box-shadow:0 0 14px #ef43ca38}body.theme-eighties .nav a.active,body.theme-eighties .nav a:hover{background:#38234e;color:#70f1ff}body.theme-eighties .panel,body.theme-eighties .stat{border-color:#573d78;background:linear-gradient(145deg,#251b41,#1e1735)}body.theme-eighties .field input,body.theme-eighties .field textarea,body.theme-eighties .field select{background:#17112d;color:#fff1ff;border-color:#604883}body.theme-eighties .button.secondary{background:#302149;color:#f8c9ef;border-color:#674c8c}body.theme-eighties .notice{background:#35214a;color:#f4c2ff}
body.theme-office{--ink:#26333f;--muted:#667684;--line:#d7dfe5;--purple:#2f6f9f;--bg:#e9eef2;--green:#287d5d;--red:#a83f49;--theme-surface:#fff;--theme-raised:#f7f9fa;--theme-soft:#edf2f5;--theme-shadow:0 5px 18px #1d3b5018;--theme-font:Arial,"Segoe UI",sans-serif}
body.theme-office .brand-mark,body.theme-office .button{background:#3478b2;border-radius:4px}body.theme-office .nav a.active,body.theme-office .nav a:hover{background:#e3eef6;color:#285f8c}body.theme-office .panel,body.theme-office .stat{border-radius:5px;box-shadow:0 2px 5px #22394a0a}body.theme-office .field input,body.theme-office .field textarea,body.theme-office .field select{border-radius:4px}body.theme-office .notice{background:#e8f0f5;color:#435e72}
body.theme-cozy{--ink:#493b32;--muted:#927d6b;--line:#e5d7c5;--purple:#a66c4e;--bg:#f4ecdf;--green:#648a65;--red:#b85e57;--theme-surface:#fffaf1;--theme-raised:#fbf3e7;--theme-soft:#f5ead8;--theme-shadow:0 5px 18px #74533512;--theme-font:Georgia,"Times New Roman",serif}
body.theme-cozy .brand-mark,body.theme-cozy .button{background:#a66c4e;border-radius:10px}body.theme-cozy .nav a.active,body.theme-cozy .nav a:hover{background:#efe1cd;color:#80563e}body.theme-cozy .panel,body.theme-cozy .stat{border-radius:15px}body.theme-cozy .field input,body.theme-cozy .field textarea,body.theme-cozy .field select{background:#fffdf8;border-color:#dfcbb1}body.theme-cozy .button.secondary{background:#fff8ec;color:#80563e;border-color:#dfcbb1}body.theme-cozy .notice{background:#f0e3d0;color:#75583f}
body.theme-win98{--ink:#111;--muted:#383838;--line:#777;--purple:#000080;--bg:#008080;--green:#006400;--red:#800000;--theme-surface:#c0c0c0;--theme-raised:#c0c0c0;--theme-soft:#d4d0c8;--theme-shadow:2px 2px 0 #404040;--theme-font:Tahoma,"MS Sans Serif",Arial,sans-serif;color-scheme:light}
body.theme-win98 .side,body.theme-win98 .panel,body.theme-win98 .stat,body.theme-win98 .empty,body.theme-win98 .theme-card{border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;box-shadow:2px 2px 0 #0003}body.theme-win98 .brand-mark{background:#000080;border-radius:0}body.theme-win98 .nav a.active,body.theme-win98 .nav a:hover{background:#000080;color:white;border-radius:0}body.theme-win98 .button{background:#c0c0c0;color:#111;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;box-shadow:1px 1px 0 #000}body.theme-win98 .button:active{border-color:#404040 #fff #fff #404040}body.theme-win98 .button.secondary{background:#c0c0c0;color:#111;border-radius:0}body.theme-win98 .field input,body.theme-win98 .field textarea,body.theme-win98 .field select{background:#fff;border-color:#404040 #fff #fff #404040;border-radius:0;color:#111}body.theme-win98 .top{color:#fff}body.theme-win98 .top strong{color:#fff}body.theme-win98 .top-heading{background:#000080;padding:7px 10px}
/* Keep admin disclosure labels readable on dark theme surfaces. */
body.theme-dark .disclosure-title strong,body.theme-hacker .disclosure-title strong,body.theme-wasteland .disclosure-title strong,body.theme-eighties .disclosure-title strong{color:var(--ink)}
body.theme-dark .disclosure-title small,body.theme-hacker .disclosure-title small,body.theme-wasteland .disclosure-title small,body.theme-eighties .disclosure-title small{color:var(--muted)}
body.theme-dark .admin-disclosure>summary:hover,body.theme-hacker .admin-disclosure>summary:hover,body.theme-wasteland .admin-disclosure>summary:hover,body.theme-eighties .admin-disclosure>summary:hover{background:var(--theme-soft)}
body.theme-dark .disclosure-content,body.theme-hacker .disclosure-content,body.theme-wasteland .disclosure-content,body.theme-eighties .disclosure-content{border-color:var(--line)}
body.theme-dark .admin-disclosure,body.theme-hacker .admin-disclosure,body.theme-wasteland .admin-disclosure,body.theme-eighties .admin-disclosure{background:var(--theme-surface)}
body.theme-dark .title-row p,body.theme-hacker .title-row p,body.theme-wasteland .title-row p,body.theme-eighties .title-row p{color:var(--muted)}
body.theme-wasteland .disclosure-icon,body.theme-hacker .disclosure-icon,body.theme-eighties .disclosure-icon,body.theme-dark .disclosure-icon{background:var(--theme-soft);color:var(--purple)}
@media(max-width:650px){.theme-grid{grid-template-columns:1fr}.theme-card{padding:11px}.theme-preview{width:59px;height:43px}}
@media(max-width:560px){.session-page-actions{gap:6px}.session-page-actions .button{font-size:10px!important;padding:10px 9px!important}.title-row{flex-wrap:wrap}.title-row>div:first-child{flex:1 1 100%}.create-session-submit .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.top-actions{display:flex;align-items:center;gap:10px}.top-actions>.download-desktop{font-size:10px!important;padding:9px 12px!important;white-space:nowrap}
@media(max-width:560px){.top-actions{gap:5px}.top-actions>.download-desktop{font-size:0!important;padding:8px 9px!important}.top-actions>.download-desktop::before{content:"↓";font-size:14px}}
.live-viewer-panel{box-shadow:var(--theme-shadow)}
.viewer-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#staff-viewer{position:relative;min-height:260px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#171923;color:#c9ccda}
#remote-screen{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;outline:none;cursor:crosshair}
#viewer-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#d6d8e3;font-size:12px;pointer-events:none}
#viewer-empty[hidden]{display:none}
.viewer-heading .status{white-space:nowrap;padding:7px 10px;border:1px solid #35aa7e44;border-radius:18px;background:#35aa7e12}
.viewer-heading .status.off{border-color:#a5a7b444;background:#a5a7b412}
@media(max-width:560px){.viewer-heading{flex-direction:column;gap:4px}#staff-viewer{min-height:190px}}

.theme-install-card{margin-top:18px;padding:20px}.theme-install-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.theme-install-heading h2{margin:0 0 5px;font-size:16px}.theme-install-heading .sub{margin:0;line-height:1.5}.theme-install-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}.theme-install-form .field{margin:0}.theme-install-form input[type=file]{display:block;width:100%;margin-top:6px;padding:10px;border:1px dashed var(--line);border-radius:9px;background:var(--theme-soft);color:var(--ink)}.theme-install-form .button{width:auto;white-space:nowrap;padding:12px 17px}.theme-download-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.theme-download-links .button{width:auto;white-space:nowrap}.theme-preview-custom{background:var(--preview-bg,#f4f5fa)}.theme-preview-custom i{background:var(--preview-accent,#7161e8)}.theme-preview-custom b,.theme-preview-custom em{background:var(--preview-line,#e5e6ee)}body.theme-custom .button:not(.secondary){background:var(--purple);border-color:var(--purple);color:#fff}body.theme-custom .nav a.active{background:color-mix(in srgb,var(--purple) 14%,var(--theme-surface));color:var(--purple)}body.theme-custom .avatar{background:var(--theme-soft);color:var(--purple)}@media(max-width:700px){.theme-install-heading{align-items:flex-start;flex-direction:column}.theme-install-form{grid-template-columns:1fr}.theme-install-form .button{width:100%}.theme-download-links{justify-content:flex-start}}

.disk-usage-tool{margin-top:26px;padding-top:22px;border-top:1px solid var(--line,#454545)}.disk-usage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.disk-usage-heading h3{margin:0}.disk-usage-heading p{max-width:760px;margin:6px 0 0}.disk-usage-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.disk-scan-tree{max-height:560px;overflow:auto;border:1px solid var(--line,#454545);border-radius:12px;background:var(--theme-surface,#fff);padding:8px}.disk-tree-row{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:6px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink,#222);text-align:left;font:inherit}.disk-tree-row:hover{background:color-mix(in srgb,var(--purple,#7161e8) 9%,transparent)}.disk-tree-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disk-tree-size{flex:none;color:var(--muted,#777);font-size:.88em;font-variant-numeric:tabular-nums}.disk-tree-children{margin-left:19px;padding-left:9px;border-left:1px solid var(--line,#454545)}.disk-search-field{max-width:520px;margin:12px 0}.disk-scan-empty{padding:22px;color:var(--muted,#777);text-align:center}.disk-tree-toggle{width:18px;flex:none;color:var(--purple,#7161e8)}.privacy-mode-active{border-color:#d99532!important;background:#3d321e!important;color:#f2cf80!important}