:root {
    --bg: #f5f7ff;
    --surface: #ffffff;
    --surface-soft: #f8f9ff;
    --text: #151b34;
    --muted: #68738d;
    --line: rgba(66, 75, 120, .15);
    --primary: #6554f4;
    --primary-dark: #4f42d9;
    --primary-light: #8b7cff;
    --brand-blue: #62bfff;
    --brand-blue-deep: #5278ff;
    --brand-violet: #7354f7;
    --brand-pink: #ed72c9;
    --brand-gradient: linear-gradient(135deg, #68c7ff 0%, #577cff 30%, #704ff3 67%, #e86fc8 100%);
    --brand-gradient-soft: linear-gradient(135deg, rgba(104, 199, 255, .12), rgba(112, 79, 243, .09) 58%, rgba(232, 111, 200, .07));
    --danger: #bd3d5c;
    --success-bg: #eaf9f1;
    --success-text: #176d47;
    --warning-bg: #fff5dc;
    --warning-text: #79540d;
    --error-bg: #fdebee;
    --error-text: #8b2940;
    --shadow: 0 18px 46px rgba(38, 48, 101, .09), 0 3px 10px rgba(38, 48, 101, .04);
    --shadow-hover: 0 24px 58px rgba(49, 57, 126, .14), 0 6px 16px rgba(49, 57, 126, .06);
    --radius: 20px;
}

html { background: var(--bg); }
body {
    color: var(--text);
    background:
        radial-gradient(circle at 10% -6%, rgba(113, 81, 247, .17), transparent 31rem),
        radial-gradient(circle at 91% 1%, rgba(98, 191, 255, .13), transparent 30rem),
        radial-gradient(circle at 52% 112%, rgba(237, 114, 201, .07), transparent 34rem),
        linear-gradient(180deg, #f9faff 0%, #f4f6ff 54%, #f7f8fc 100%);
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
::selection { background: rgba(101, 84, 244, .2); color: var(--text); }
a { transition: color .18s ease, opacity .18s ease; }

/* Header and product identity */
.topbar {
    border-bottom-color: rgba(75, 84, 132, .11);
    background: rgba(250, 251, 255, .78);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .85), 0 10px 30px rgba(44, 52, 99, .035);
    -webkit-backdrop-filter: blur(24px) saturate(165%);
    backdrop-filter: blur(24px) saturate(165%);
}
@media (min-width: 721px) { .nav-wrap { min-height: 74px; } }
.brand {
    display: inline-flex;
    align-items: center;
    gap: .72rem;
    color: var(--text);
    font-weight: 900;
    letter-spacing: -.04em;
}
.brand:hover { color: var(--text); text-decoration: none; }
.brand-logo {
    display: block;
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 auto;
    object-fit: contain;
    border-radius: .78rem;
    filter: drop-shadow(0 7px 12px rgba(87, 92, 194, .14));
    transform: translateZ(0);
}
.brand-name { line-height: 1; text-shadow: 0 1px 0 rgba(255, 255, 255, .72); }
.desktop-nav { gap: 4px; }
.desktop-nav > a {
    padding: 9px 11px;
    border-radius: 11px;
    color: #343c55;
    font-weight: 680;
    transition: color .18s ease, background .18s ease, transform .18s ease;
}
.desktop-nav > a:hover {
    background: rgba(103, 85, 244, .075);
    color: var(--primary-dark);
    text-decoration: none;
    transform: translateY(-1px);
}
.profile-menu summary {
    border-color: transparent;
    border-radius: 13px;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.profile-menu summary:hover,
.profile-menu[open] summary {
    border-color: rgba(96, 87, 177, .15);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 8px 22px rgba(44, 52, 99, .07);
}
.profile-avatar,
.mobile-menu-profile-avatar {
    background: radial-gradient(circle at 28% 20%, rgba(255, 255, 255, .92), transparent 38%), linear-gradient(145deg, #eef5ff, #eee9ff 62%, #fbeafa);
    color: var(--primary-dark);
    box-shadow: inset 0 0 0 1px rgba(100, 83, 229, .09);
}
.profile-menu-popover {
    border-color: rgba(72, 82, 125, .14);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 60px rgba(36, 44, 90, .15);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    backdrop-filter: blur(24px) saturate(150%);
}
.profile-menu-popover a { border-radius: 10px; }
.profile-menu-popover a:hover {
    background: linear-gradient(135deg, rgba(98, 191, 255, .09), rgba(112, 79, 243, .08));
    color: var(--primary-dark);
}

/* Typography and section rhythm */
h1, h2, h3 { color: #151b34; }
h1 { font-weight: 900; letter-spacing: -.045em; }
h2, h3 { font-weight: 820; }
.muted { color: var(--muted); }
.eyebrow {
    width: fit-content;
    margin-bottom: 10px;
    background: linear-gradient(90deg, #596dff, #7452f3 58%, #d65cbd);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 850;
    letter-spacing: .135em;
}
.page-heading { margin-bottom: 30px; }

/* Core surfaces */
.card,
.dashboard-session-browser,
.dashboard-stats {
    border-color: rgba(63, 74, 124, .13);
    background: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(250, 251, 255, .93));
    box-shadow: var(--shadow);
}
.card { border-radius: var(--radius); }
.card,
.form-card,
.item-card,
.user-card,
.trusted-device-card { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
input,
textarea,
select {
    border-color: rgba(70, 80, 126, .17);
    border-radius: 14px;
    background: rgba(255, 255, 255, .91);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 1px 2px rgba(41, 50, 91, .025);
}
input:hover,
textarea:hover,
select:hover { border-color: rgba(101, 84, 244, .27); }
input:focus,
textarea:focus,
select:focus {
    border-color: rgba(101, 84, 244, .62);
    box-shadow: 0 0 0 4px rgba(101, 84, 244, .105), 0 10px 24px rgba(67, 62, 151, .07);
}
input[type="checkbox"],
input[type="radio"] { accent-color: var(--primary); }
.button {
    min-height: 43px;
    border-color: rgba(66, 76, 120, .16);
    border-radius: 13px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 4px 12px rgba(38, 47, 88, .035);
    font-weight: 780;
    transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease, border-color .18s ease, background .18s ease, filter .18s ease;
}
.button:hover {
    border-color: rgba(91, 88, 167, .22);
    background: #fff;
    box-shadow: 0 11px 25px rgba(39, 48, 96, .09);
    transform: translateY(-1px);
}
.button:active { transform: translateY(0) scale(.985); }
.button-primary {
    position: relative;
    overflow: hidden;
    border-color: transparent;
    background: var(--brand-gradient);
    color: #fff;
    box-shadow: 0 12px 26px rgba(99, 77, 232, .24), inset 0 1px 0 rgba(255, 255, 255, .28);
    text-shadow: 0 1px 1px rgba(57, 37, 142, .18);
}
.button-primary:hover {
    border-color: transparent;
    background: var(--brand-gradient);
    color: #fff;
    box-shadow: 0 16px 34px rgba(91, 73, 223, .3), inset 0 1px 0 rgba(255, 255, 255, .34);
    filter: saturate(1.06) brightness(1.015);
}
.button-primary:focus-visible { outline: 3px solid rgba(101, 84, 244, .24); outline-offset: 3px; }
.button-danger { border-color: rgba(189, 61, 92, .22); background: rgba(255, 255, 255, .84); }
.button-danger:hover { border-color: rgba(189, 61, 92, .34); background: #fff4f7; }
.icon-button,
.entry-icon-button,
.dashboard-delete-button {
    border-color: rgba(66, 76, 120, .15);
    background: rgba(255, 255, 255, .91);
    box-shadow: 0 4px 12px rgba(39, 49, 91, .035);
}
.icon-button:hover,
.entry-icon-button:hover {
    border-color: rgba(101, 84, 244, .25);
    background: linear-gradient(145deg, #fff, #f6f4ff);
    box-shadow: 0 10px 24px rgba(48, 55, 112, .09);
}
.pill {
    background: linear-gradient(135deg, rgba(98, 191, 255, .13), rgba(112, 79, 243, .13));
    color: #5145ce;
    box-shadow: inset 0 0 0 1px rgba(90, 76, 213, .06);
}
.alert { border: 1px solid transparent; border-radius: 14px; }
.alert-success { border-color: rgba(23, 109, 71, .12); }
.alert-warning { border-color: rgba(121, 84, 13, .12); }
.alert-error { border-color: rgba(139, 41, 64, .12); }
.alert-info { border-color: rgba(72, 107, 186, .12); background: #edf3ff; color: #2d5793; }

/* Dashboard */
.dashboard-page-heading h1 { margin-bottom: 5px; }
.dashboard-new-session {
    min-height: 50px;
    padding-inline: 21px;
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(99, 77, 232, .27), inset 0 1px 0 rgba(255, 255, 255, .3);
}
.dashboard-new-session > span { font-weight: 650; }
.dashboard-stats {
    overflow: hidden;
    margin-bottom: 28px;
    border-radius: 20px;
    box-shadow: 0 17px 42px rgba(41, 50, 99, .07);
}
.dashboard-stat { position: relative; padding: 25px 29px; }
.dashboard-stat + .dashboard-stat { border-color: rgba(66, 76, 120, .12); }
.dashboard-stat-icon,
.dashboard-folder-icon,
.file-icon,
.trusted-device-card > .trusted-device-icon {
    background: radial-gradient(circle at 27% 18%, rgba(255, 255, 255, .9), transparent 40%), linear-gradient(145deg, #eef7ff, #ede9ff 68%, #faeafa);
    color: #5f51ea;
    box-shadow: inset 0 0 0 1px rgba(92, 76, 211, .07), 0 6px 15px rgba(73, 69, 163, .06);
}
.dashboard-stat:nth-child(2) .dashboard-stat-icon {
    background: radial-gradient(circle at 27% 18%, rgba(255, 255, 255, .95), transparent 40%), linear-gradient(145deg, #eaf9ff, #e8eeff 60%, #eeeaff);
    color: #5579eb;
}
.dashboard-stat:nth-child(3) .dashboard-stat-icon {
    background: radial-gradient(circle at 27% 18%, rgba(255, 255, 255, .95), transparent 40%), linear-gradient(145deg, #f0edff, #f5ebff 64%, #fdebf7);
    color: #7852e8;
}
.dashboard-stat strong { font-weight: 900; letter-spacing: -.025em; }
.dashboard-session-browser { border-radius: 21px; box-shadow: 0 20px 52px rgba(37, 47, 96, .085); }
.dashboard-toolbar {
    gap: 12px;
    padding: 18px;
    border-bottom-color: rgba(66, 76, 120, .12);
    background: linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(249, 250, 255, .55));
}
.dashboard-search input,
.dashboard-select select {
    min-height: 49px;
    border-color: rgba(69, 79, 126, .16);
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 5px 16px rgba(40, 50, 94, .035);
}
.dashboard-search input:focus,
.dashboard-select select:focus {
    background: #fff;
    box-shadow: 0 0 0 4px rgba(101, 84, 244, .09), 0 10px 24px rgba(48, 55, 112, .06);
}
.dashboard-control-icon { color: #7a849d; }
.dashboard-session-table th { color: #79839a; font-weight: 780; }
.dashboard-session-table tbody tr { border-top-color: rgba(66, 76, 120, .105); }
.dashboard-session-table tbody tr:hover {
    background: linear-gradient(90deg, rgba(98, 191, 255, .035), rgba(112, 79, 243, .035) 62%, rgba(237, 114, 201, .018));
}
.dashboard-session-table tbody tr:has([data-session-select]:checked) {
    background: linear-gradient(90deg, rgba(98, 191, 255, .07), rgba(112, 79, 243, .075));
}
.dashboard-session-name { color: #18203a; }
.dashboard-session-name:hover { color: var(--primary-dark); }
.dashboard-session-name strong { font-weight: 820; letter-spacing: -.015em; }
.dashboard-folder-icon { width: 40px; height: 40px; border-radius: 12px; }
.dashboard-type-label {
    min-height: 28px;
    padding-inline: 10px;
    background: rgba(96, 104, 145, .075);
    color: #59637a;
    box-shadow: inset 0 0 0 1px rgba(67, 75, 114, .035);
}
.dashboard-delete-button {
    border-radius: 11px;
    color: #7b8498;
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.dashboard-delete-button:hover {
    border-color: rgba(189, 61, 92, .25);
    background: #fff4f7;
    box-shadow: 0 8px 20px rgba(131, 55, 78, .08);
    color: var(--danger);
    transform: translateY(-1px);
}
.dashboard-no-results { border-top-color: rgba(66, 76, 120, .11); }

/* Session, file and content components */
.session-card,
.item-card,
.user-card,
.trusted-device-card { border-color: rgba(66, 76, 120, .13); }
.file-thumbnail {
    border-color: rgba(66, 76, 120, .14);
    border-radius: 14px;
    box-shadow: 0 6px 16px rgba(38, 48, 92, .05);
}
.note-card pre,
.selected-files li {
    border-color: rgba(66, 76, 120, .12);
    background: linear-gradient(145deg, rgba(248, 249, 255, .92), rgba(251, 251, 255, .98));
}
.dropzone {
    border-color: rgba(91, 99, 153, .28);
    border-radius: 17px;
    background: radial-gradient(circle at 50% 0%, rgba(98, 191, 255, .08), transparent 70%), linear-gradient(145deg, rgba(250, 251, 255, .96), rgba(246, 245, 255, .9));
}
.dropzone:hover,
.dropzone.is-dragging,
.dropzone.is-uploading {
    border-color: rgba(101, 84, 244, .58);
    background: radial-gradient(circle at 50% 0%, rgba(98, 191, 255, .12), transparent 70%), linear-gradient(145deg, #fbfcff, #f2efff);
}
.entry-icon-button { border-radius: 12px; }
.file-thumbnail-video {
    background: radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .23), transparent 38%), linear-gradient(145deg, #4d6ff2, #704ff3 64%, #a756df);
}
.file-thumbnail-play { color: var(--primary-dark); }

/* Settings and profile */
.settings-menu {
    border-color: rgba(66, 76, 120, .13);
    background: linear-gradient(160deg, rgba(255, 255, 255, .94), rgba(248, 248, 255, .9));
}
.settings-menu-button {
    border-radius: 12px;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.settings-menu-button:hover { background: rgba(101, 84, 244, .065); color: var(--primary-dark); }
.settings-menu-button[aria-selected="true"],
.settings-menu-button.is-active {
    background: linear-gradient(135deg, rgba(98, 191, 255, .11), rgba(112, 79, 243, .11));
    color: var(--primary-dark);
}
.profile-password-editor > summary {
    border-color: rgba(66, 76, 120, .14);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(250, 251, 255, .95), rgba(247, 247, 255, .92));
}
.profile-password-editor > summary:hover,
.profile-password-editor[open] > summary {
    border-color: rgba(101, 84, 244, .25);
    background: linear-gradient(145deg, #fbfcff, #f3f0ff);
    box-shadow: 0 10px 24px rgba(46, 54, 108, .07);
}
.profile-password-edit-icon {
    border-color: rgba(66, 76, 120, .14);
    border-radius: 12px;
    background: rgba(255, 255, 255, .9);
}
.trusted-device-card {
    border-color: rgba(66, 76, 120, .12);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(249, 250, 255, .9));
    box-shadow: 0 9px 24px rgba(41, 50, 96, .045);
}
.trusted-device-current {
    background: linear-gradient(135deg, rgba(98, 191, 255, .13), rgba(112, 79, 243, .14));
    color: var(--primary-dark);
}

/* Dialogs and floating feedback */
.confirm-dialog {
    background: rgba(14, 18, 40, .57);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
    backdrop-filter: blur(8px) saturate(115%);
}
.confirm-dialog-panel,
.item-move-dialog {
    border: 1px solid rgba(255, 255, 255, .72);
    background: radial-gradient(circle at 15% -10%, rgba(98, 191, 255, .1), transparent 40%), linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 249, 255, .96));
    box-shadow: 0 32px 90px rgba(20, 26, 64, .3);
}
.confirm-dialog-panel { border-radius: 22px; }
.item-move-dialog { border-radius: 24px; }
.item-move-dialog::backdrop {
    background: rgba(14, 18, 40, .55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.toast-message {
    border-color: rgba(68, 78, 126, .14);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 22px 54px rgba(32, 41, 88, .18);
    -webkit-backdrop-filter: blur(24px) saturate(155%);
    backdrop-filter: blur(24px) saturate(155%);
}

/* Mobile navigation drawer */
.mobile-menu-panel {
    border-left: 1px solid rgba(70, 79, 124, .1);
    background: radial-gradient(circle at 100% 0%, rgba(98, 191, 255, .1), transparent 30%), radial-gradient(circle at 0% 22%, rgba(112, 79, 243, .08), transparent 32%), rgba(252, 252, 255, .97);
    box-shadow: -22px 0 60px rgba(27, 34, 76, .2);
    -webkit-backdrop-filter: blur(26px) saturate(150%);
    backdrop-filter: blur(26px) saturate(150%);
}
.mobile-menu-backdrop {
    background: rgba(15, 19, 43, .42);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.mobile-menu-panel-header { border-bottom-color: rgba(66, 76, 120, .11); }
.mobile-menu-brand { display: inline-flex; align-items: center; gap: .62rem; }
.mobile-menu-brand .brand-logo { width: 2rem; height: 2rem; }
.mobile-menu-link { border-radius: 12px; }
.mobile-menu-link:hover {
    border-color: rgba(101, 84, 244, .13);
    background: linear-gradient(135deg, rgba(98, 191, 255, .09), rgba(112, 79, 243, .08));
    color: var(--primary-dark);
}
.mobile-menu-profile { border-top-color: rgba(66, 76, 120, .11); background: rgba(247, 248, 255, .76); }
.mobile-menu-profile-actions a {
    border-color: rgba(66, 76, 120, .14);
    border-radius: 11px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 5px 14px rgba(41, 49, 92, .04);
}

/* Existing Liquid Glass PWA navigation, recolored to the brand */
html[data-pwa-navigation="standalone"] .pwa-liquid-tabbar {
    border-color: rgba(255, 255, 255, .72);
    background: radial-gradient(circle at var(--glass-pointer-x) var(--glass-pointer-y), rgba(255, 255, 255, .82), transparent 31%), radial-gradient(circle at 7% 90%, rgba(98, 191, 255, .12), transparent 34%), linear-gradient(150deg, rgba(255, 255, 255, .69), rgba(246, 245, 255, .43) 48%, rgba(234, 241, 255, .47));
    box-shadow: 0 20px 48px rgba(36, 44, 91, .2), 0 4px 12px rgba(36, 44, 91, .09), inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 0 rgba(85, 77, 160, .1);
    -webkit-backdrop-filter: blur(32px) saturate(195%) contrast(106%);
    backdrop-filter: blur(32px) saturate(195%) contrast(106%);
}
.pwa-liquid-tabbar-indicator {
    border-color: rgba(255, 255, 255, .82);
    background: radial-gradient(circle at 48% -12%, rgba(255, 255, 255, .98), transparent 43%), linear-gradient(145deg, rgba(255, 255, 255, .7), rgba(98, 191, 255, .17) 38%, rgba(112, 79, 243, .2) 72%, rgba(237, 114, 201, .09));
    box-shadow: 0 9px 20px rgba(82, 73, 190, .18), inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(76, 66, 164, .13), inset 10px 0 18px rgba(255, 255, 255, .16);
}
.pwa-liquid-tabbar-item.is-active,
.pwa-liquid-tabbar-item[aria-current="page"],
.pwa-liquid-tabbar-item[data-pwa-tab="more"][aria-expanded="true"] { color: var(--primary-dark); }

/* Authentication and first setup */
.auth-page { min-height: 100svh; }
.auth-page .topbar { background: rgba(250, 251, 255, .7); }
.auth-page .auth-shell { min-height: calc(100svh - 154px); }
.auth-page .auth-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: min(470px, 100%);
    padding: 38px;
    border-color: rgba(85, 89, 157, .14);
    border-radius: 24px;
    background: radial-gradient(circle at 103% -2%, rgba(98, 191, 255, .14), transparent 38%), radial-gradient(circle at 10% 110%, rgba(237, 114, 201, .08), transparent 40%), linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 248, 255, .94));
    box-shadow: 0 32px 80px rgba(37, 45, 98, .14), 0 4px 14px rgba(37, 45, 98, .05);
}
.auth-page .auth-card::before {
    position: absolute;
    inset: 0 12% auto;
    z-index: -1;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: var(--brand-gradient);
    box-shadow: 0 2px 12px rgba(104, 79, 224, .22);
    content: "";
}
.auth-page .auth-card h1 { margin-bottom: 22px; font-size: clamp(2rem, 8vw, 2.55rem); }
.auth-page .auth-card .eyebrow { margin-bottom: 9px; }
.auth-page .auth-card .button-primary { min-height: 48px; }
.auth-page .trusted-device-option { border-radius: 10px; }
.auth-page .trusted-device-option:focus-within { outline-color: rgba(101, 84, 244, .17); }

/* Responsive polish */
@media (hover: hover) and (pointer: fine) {
    .dashboard-session-table tbody tr:hover .dashboard-folder-icon {
        transform: translateY(-1px);
        box-shadow: inset 0 0 0 1px rgba(92, 76, 211, .08), 0 9px 18px rgba(73, 69, 163, .09);
    }
    .dashboard-folder-icon { transition: transform .18s ease, box-shadow .18s ease; }
}

@media (max-width: 760px) {
    body {
        background: radial-gradient(circle at 5% -2%, rgba(112, 79, 243, .13), transparent 22rem), radial-gradient(circle at 98% 9%, rgba(98, 191, 255, .09), transparent 20rem), linear-gradient(180deg, #f9faff, #f5f7ff 55%, #f7f8fc);
        background-attachment: scroll;
    }
    .topbar {
        background: rgba(250, 251, 255, .84);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 8px 24px rgba(38, 47, 92, .045);
    }
    .brand-logo { width: 2.3rem; height: 2.3rem; border-radius: .7rem; }
    .brand-name { font-size: 1.08rem; }
    .mobile-menu-toggle { border-radius: 12px; transition: background .18s ease, transform .18s ease; }
    .mobile-menu-toggle:hover,
    .mobile-menu-toggle:focus-visible { background: rgba(101, 84, 244, .075); }
    .page-heading { margin-bottom: 20px; }
    .dashboard-session-browser { overflow: visible; border: 0; background: transparent; box-shadow: none; }
    .dashboard-toolbar { margin-bottom: 13px; padding: 0; border: 0; background: transparent; }
    .dashboard-search input,
    .dashboard-select select {
        min-height: 47px;
        border-color: rgba(66, 76, 120, .14);
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 8px 22px rgba(38, 47, 92, .055);
    }
    .dashboard-table-shell { padding: 0; }
    .dashboard-session-table tbody { gap: 11px; }
    .dashboard-session-table tbody tr {
        gap: 10px 15px;
        padding: 15px 54px 15px 48px;
        border-color: rgba(66, 76, 120, .13);
        border-radius: 17px;
        background: radial-gradient(circle at 0 0, rgba(98, 191, 255, .055), transparent 38%), linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(250, 250, 255, .92));
        box-shadow: 0 10px 26px rgba(39, 48, 94, .065), inset 0 1px 0 rgba(255, 255, 255, .82);
    }
    .dashboard-session-table tbody tr:hover {
        background: radial-gradient(circle at 0 0, rgba(98, 191, 255, .055), transparent 38%), linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(250, 250, 255, .92));
    }
    .dashboard-session-table tbody tr:has([data-session-select]:checked) {
        border-color: rgba(101, 84, 244, .25);
        background: radial-gradient(circle at 0 0, rgba(98, 191, 255, .075), transparent 38%), linear-gradient(145deg, #fff, #f4f1ff);
    }
    .dashboard-folder-icon { width: 40px; height: 40px; border-radius: 13px; }
    .dashboard-delete-button { background: rgba(255, 255, 255, .88); }
    .settings-menu { box-shadow: 0 12px 30px rgba(39, 48, 94, .06); }
    .session-mobile-actions,
    .shared-mobile-actions {
        border-color: rgba(66, 76, 120, .13);
        background: rgba(253, 253, 255, .82);
        box-shadow: 0 14px 34px rgba(38, 47, 92, .11);
        -webkit-backdrop-filter: blur(22px) saturate(155%);
        backdrop-filter: blur(22px) saturate(155%);
    }
    .session-mobile-action:hover,
    .session-mobile-action.is-active,
    .shared-mobile-action:hover,
    .shared-mobile-action.is-active {
        border-color: rgba(101, 84, 244, .14);
        background: linear-gradient(135deg, rgba(98, 191, 255, .11), rgba(112, 79, 243, .1));
    }
}

@media (max-width: 520px) {
    .dashboard-page-heading {
        align-items: center;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px;
    }
    .dashboard-page-heading > form,
    .dashboard-page-heading .dashboard-new-session { width: auto; }
    .dashboard-new-session {
        min-height: 45px;
        padding-inline: 16px;
        white-space: nowrap;
    }
    .dashboard-new-session > span { font-size: 1.15rem; }
    .auth-page .auth-shell {
        min-height: calc(100svh - 126px);
        align-items: start;
        padding-top: 18px;
    }
    .auth-page .auth-card { padding: 28px 22px; border-radius: 21px; }
}

@media (max-width: 420px) {
    .dashboard-page-heading { grid-template-columns: 1fr auto; }
    .dashboard-page-heading h1 { font-size: 2rem; }
    .dashboard-new-session { padding-inline: 13px; font-size: .86rem; }
    .brand-logo { width: 2.2rem; height: 2.2rem; }
    .auth-page .auth-card { padding-inline: 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .button,
    .desktop-nav > a,
    .dashboard-delete-button,
    .dashboard-folder-icon,
    .mobile-menu-toggle { transition: none !important; }
}