:root {
    color-scheme: dark;
    --bg: #101011;
    --sidebar: #0c0c0d;
    --main: #1b1b1d;
    --surface: #171719;
    --surface-hover: #222224;
    --surface-raised: #262628;
    --line: #343437;
    --line-strong: #626266;
    --text: #ffffff;
    --text-secondary: #c6c6ca;
    --text-muted: #97979c;
    --accent: #ffffff;
    --accent-ink: #111112;
    --violet: #ffffff;
    --cyan: #dadadc;
    --blue: #ffffff;
    --green: #51df9a;
    --amber: #f3bd6a;
    --red: #ff818b;
    --radius-sm: 9px;
    --radius-md: 14px;
    --radius-lg: 19px;
    --font: "Segoe UI", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
    --motion-fast: 150ms ease;
    --motion-base: 220ms ease;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; scrollbar-width: none; background: var(--bg); color: var(--text); font: 14px/1.5 var(--font); }
/* Hide the app's scrollbars while retaining wheel, touch and keyboard scrolling. */
html::-webkit-scrollbar, body::-webkit-scrollbar, .sidebar::-webkit-scrollbar,
.pages::-webkit-scrollbar, .tweak-container::-webkit-scrollbar { display: none; width: 0; height: 0; }
button, input, select { font: inherit; }
button { color: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.icon-definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { display: block; width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.ambient-background { position: fixed; inset: 0; overflow: hidden; pointer-events: none; background: #101011; }
.ambient-grid { position: absolute; inset: -35% -25%; opacity: .085; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 66px 66px; transform: perspective(1000px) rotateX(60deg) scale(1.4); transform-origin: center 80%; animation: grid-drift 35s linear infinite; }
.ambient-light { position: absolute; top: -240px; right: 1%; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.045), transparent 70%); animation: ambient-shift 16s ease-in-out infinite alternate; }
@keyframes grid-drift { to { background-position: 0 66px, 66px 0; } }
@keyframes ambient-shift { to { transform: translate(-70px, 36px); } }

.app-container { position: relative; z-index: 1; display: flex; width: 100%; height: 100%; min-height: 0; overflow: hidden; background: #1b1b1d; }
.sidebar { position: relative; display: flex; flex: 0 0 246px; flex-direction: column; min-width: 0; padding: 18px 13px 13px; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; border-right: 1px solid var(--line); background: #151517; }
.sidebar::before { position: absolute; inset: 80px -80px 0 -100px; background: radial-gradient(ellipse at 50% 38%, rgba(255,255,255,.08), transparent 56%); opacity: .55; filter: blur(16px); animation: sidebar-breathe 12s ease-in-out infinite alternate; pointer-events: none; content: ""; }
.sidebar > * { position: relative; z-index: 1; }
@keyframes sidebar-breathe { to { opacity: .24; transform: translateY(35px); } }
.brand { display: flex; align-items: center; gap: 11px; min-height: 64px; padding: 0 10px 16px; border-bottom: 1px solid var(--line); color: var(--text); text-decoration: none; }
.brand-logo { width: 40px; height: 40px; object-fit: cover; border: 1px solid #3b3b3e; border-radius: 50%; }
.brand-copy, .profile-copy { display: flex; min-width: 0; flex-direction: column; }
.brand-copy strong { font-size: 18px; font-weight: 650; letter-spacing: -.035em; line-height: 1.1; }
.brand-copy small, .profile-copy small { margin-top: 4px; color: var(--text-muted); font-size: 11px; line-height: 1.2; }
.nav-label { margin: 20px 11px 8px; color: #86868b; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.nav-links { display: flex; flex-direction: column; gap: 4px; }
.nav-link { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px; padding: 0 10px; border: 1px solid transparent; border-radius: var(--radius-sm); background: transparent; color: #c9c9cd; font-size: 12px; text-align: left; cursor: pointer; transition: background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast); }
.nav-link .icon { width: 17px; height: 17px; color: #9b9b9f; }
.nav-link:hover { transform: translateX(2px); background: rgba(255,255,255,.07); color: #fff; }
.nav-link[aria-current="page"] { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.1); color: #fff; }
.nav-link[aria-current="page"]::after { position: absolute; top: 7px; right: -14px; bottom: 7px; width: 2px; background: var(--violet); content: ""; }
.nav-link[aria-current="page"] .icon { color: var(--violet); }
.nav-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-footer { margin-top: auto; flex-shrink: 0; }
.app-update { margin: 10px 0 8px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.app-version { color: var(--text-secondary); font-size: 11px; font-weight: 600; }
.app-update p { max-height: 4.2em; margin: 4px 0 8px; overflow-y: auto; color: var(--text-muted); font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }
.app-update .button { width: 100%; min-height: 28px; margin-top: 3px; padding: 5px 8px; font-size: 10px; }
.app-update progress { width: 100%; height: 5px; margin-bottom: 5px; accent-color: var(--green); }
.connection-indicator { display: flex; align-items: center; gap: 9px; min-height: 38px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(20,20,21,.9); color: var(--text-secondary); font-size: 11px; }
.connection-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #77777c; }
.connection-indicator.is-connected .connection-dot { background: var(--green); box-shadow: 0 0 0 3px rgba(81,223,154,.12); }
.connection-indicator.is-loading .connection-dot { background: #bebec1; animation: pulse 1.3s ease-in-out infinite; }
.connection-indicator.is-error .connection-dot { background: var(--red); }
@keyframes pulse { 50% { opacity: .3; transform: scale(.8); } }
.profile-row { display: flex; align-items: center; gap: 9px; margin-top: 8px; padding: 9px; border: 1px solid var(--line); border-radius: 10px; background: rgba(24,24,25,.9); }
.profile-avatar { width: 32px; height: 32px; object-fit: cover; border: 1px solid #444448; border-radius: 50%; }
.profile-copy strong { font-size: 11px; font-weight: 600; }
.profile-copy small { font-size: 10px; }

.main-content { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; background: radial-gradient(circle at 72% 12%, rgba(255,255,255,.10), transparent 48%), #202023; }
.topbar { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; min-height: 74px; margin: 0 18px; padding: 0 11px; border-bottom: 1px solid var(--line); user-select: none; }
.breadcrumb { display: flex; align-items: center; gap: 12px; color: var(--text-secondary); font-size: 12px; }
.breadcrumb .icon { width: 16px; height: 16px; color: #8b8b90; }
.breadcrumb-divider { color: #77777c; }
.window-controls { display: flex; gap: 6px; margin-left: 12px; }
.tutorial-link { display: inline-flex; align-items: center; gap: 7px; align-self: center; min-height: 30px; margin-right: 8px; padding: 0 11px; border: 1px solid #68686c; border-radius: 7px; color: #f3f3f4; font-size: 11px; font-weight: 650; text-decoration: none; transition: background var(--motion-fast), border-color var(--motion-fast); }
.tutorial-link:hover { border-color: #fff; background: #303033; }
.tutorial-link .icon { width: 12px; height: 12px; }
.window-control { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--text-secondary); cursor: pointer; transition: background var(--motion-fast), color var(--motion-fast); }
.window-control .icon { width: 15px; height: 15px; }
.window-control:hover { background: #353538; color: #fff; }
.close-control:hover { background: #e9e9eb; color: #101011; }
.pages { flex: 1 1 auto; min-height: 0; padding: 20px 25px; overflow: auto; scrollbar-width: none; }
.pages.is-home, .pages.is-category, .pages.is-restore, .pages.is-cpu, .pages.is-undo { overflow: hidden; }
.pages.is-category #page-dynamic { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.pages.is-restore #page-restore { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.pages.is-undo #page-undo { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.page { display: none; min-width: 0; }
.tweak-change-banner { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 25px 0; padding: 8px 12px; border: 1px solid #716042; border-radius: 9px; background: #29241b; color: var(--amber); font-size: 11px; }
.tweak-change-banner .button { flex-shrink: 0; min-height: 28px; padding: 3px 10px; font-size: 10px; }
.folder-item.is-changed { border-color: #8a7043; }
.folder-item.is-changed .folder-item-marker { background: var(--amber); }
.tweak-change-label { color: var(--amber); font-size: 9px; line-height: 1.25; }
.change-dialog { width: min(620px, 100%); max-height: 80vh; overflow-y: auto; }
.change-item { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 10px 0; padding: 10px; border: 1px solid var(--line); border-radius: 9px; }
.change-item p { margin-top: 3px; font-size: 11px; }
.change-item .button { min-height: 30px; flex-shrink: 0; font-size: 11px; }
.page.active { display: block; animation: page-enter 220ms ease both; }
@keyframes page-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.eyebrow { color: var(--violet); font-size: 10px; font-weight: 750; letter-spacing: .16em; }

.dashboard-heading { display: flex; align-items: center; gap: 14px; margin: 0 0 13px; }
.dashboard-logo { width: 54px; height: 54px; border: 1px solid #47474a; border-radius: 50%; object-fit: cover; }
.dashboard-heading h1 { margin: 5px 0 3px; font-size: clamp(26px, 3vw, 35px); font-weight: 670; letter-spacing: -.05em; line-height: 1.1; }
.dashboard-heading p { margin: 0; color: var(--text-secondary); font-size: 13px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 12px; }
.dashboard-panel { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #131315; box-shadow: 0 16px 30px rgba(0,0,0,.12); animation: card-enter 300ms ease both; }
.social-panel { animation-delay: 70ms; }
.panel-heading { padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.panel-index { color: var(--cyan); font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.social-panel .panel-index { color: var(--text-secondary); }
.panel-heading h2 { margin: 5px 0 0; font-size: 20px; font-weight: 630; letter-spacing: -.025em; }
.tutorial-steps { display: grid; gap: 10px; margin: 13px 0 0; padding: 0; list-style: none; }
.tutorial-steps li { display: flex; align-items: flex-start; gap: 13px; }
.step-number { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border: 1px solid #57575b; border-radius: 8px; background: #262628; color: var(--text); font-size: 11px; font-weight: 700; }
.tutorial-steps li > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.tutorial-steps strong { font-size: 13px; font-weight: 620; }
.tutorial-steps small { margin-top: 2px; color: var(--text-muted); font-size: 11px; line-height: 1.45; }
.social-panel > p { margin: 9px 0; color: var(--text-secondary); font-size: 12px; }
.social-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.social-links a { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 36px; padding: 5px 9px; border: 1px solid #3a3a3d; border-radius: 8px; background: #202022; color: #ededee; font-size: 11px; font-weight: 600; text-decoration: none; transition: background var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast); }
.social-links a:hover { transform: translateY(-2px); border-color: #a2a2a6; background: #303033; }
.social-links a > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social-links a .icon { width: 14px; height: 14px; margin-left: auto; color: #99999e; }
.social-brand-icon { display: block; flex: 0 0 auto; width: 17px; height: 17px; fill: currentColor; color: #d5d5d8; }
.social-links a[data-platform="website"] .social-brand-icon { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.social-links a[aria-label="Discord"] .social-brand-icon { color: #8c9eff; }
.social-links a[aria-label="TikTok"] .social-brand-icon { color: #f5f5f5; filter: drop-shadow(-1px 0 #31e6d0) drop-shadow(1px 0 #ff477e); }
.social-links a[data-platform="youtube"] .social-brand-icon { color: #ff3434; }
.social-links a[data-platform="youtube"] .social-brand-icon path:last-child { fill: #fff; }
.monitor-section { margin-top: 17px; }
.dashboard-preferences { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 10px; color: var(--text-muted); font-size: 11px; }
.warning-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 10px; border: 1px solid #4d4d51; border-radius: 8px; background: #202022; color: var(--text); font: 600 11px/1 var(--font); cursor: pointer; transition: border-color var(--motion-fast), background var(--motion-fast); }
.warning-toggle:hover { border-color: #85858a; background: #29292b; }
.warning-toggle-indicator { width: 7px; height: 7px; border-radius: 50%; background: #77777b; transition: background var(--motion-fast), box-shadow var(--motion-fast); }
.warning-toggle[aria-pressed="true"] .warning-toggle-indicator { background: var(--green); box-shadow: 0 0 8px rgba(81,223,154,.35); }
.hide-tweak-warnings .tweak-card .caution-tag { display: none; }
.section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.section-heading h2 { margin: 0; font-size: 17px; font-weight: 620; }
.section-heading span { color: var(--text-muted); font-size: 11px; }
.hardware-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.stat-card { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-md); background: #151517; }
.stat-header { display: flex; align-items: center; gap: 8px; color: var(--text-secondary); font-size: 12px; font-weight: 600; }
.stat-header .icon { width: 16px; height: 16px; color: var(--blue); }
.stat-card:nth-child(2) .stat-header .icon { color: #c9c9cc; }
.stat-card:nth-child(3) .stat-header .icon { color: #a8a8ad; }
.stat-value { display: flex; align-items: baseline; gap: 4px; margin-top: 7px; }
.stat-value strong { font-size: 25px; font-weight: 650; font-variant-numeric: tabular-nums; line-height: 1; }
.stat-value span { color: var(--text-muted); font-size: 11px; }
.stat-card p { margin: 4px 0 9px; overflow: hidden; color: var(--text-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.progress-track { height: 4px; overflow: hidden; border-radius: 3px; background: #343437; }
.progress-fill { height: 100%; width: 0; border-radius: inherit; background: var(--blue); transition: width 350ms ease; }
.stat-card:nth-child(2) .progress-fill { background: #c9c9cc; }
.stat-card:nth-child(3) .progress-fill { background: #a8a8ad; }

.category-intro { margin: 0 0 12px; }
.category-intro h1 { margin: 2px 0; font-size: 26px; font-weight: 670; letter-spacing: -.045em; line-height: 1.14; }
.category-intro p { margin: 0; color: var(--text-secondary); font-size: 13px; }
.category-toolbar { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; margin-bottom: 10px; }
.search-box { display: flex; flex: 1 1 auto; align-items: center; gap: 11px; max-width: 690px; min-height: 37px; margin: 0; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: #151517; color: var(--text-muted); transition: border-color var(--motion-fast), background var(--motion-fast); }
.search-box:focus-within { border-color: var(--violet); background: #1d1d1f; }
.search-box input { flex: 1; min-width: 0; padding: 10px 0; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 13px; }
.search-box input::placeholder { color: #99999d; }
.search-box input:disabled { opacity: .5; cursor: not-allowed; }
.search-box kbd { padding: 3px 5px; border: 1px solid #454548; border-radius: 4px; color: var(--text-muted); font: 9px var(--font); white-space: nowrap; }
.tweak-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: max-content; align-content: start; align-items: start; flex: 1 1 auto; min-height: 0; gap: 10px; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; }
.tweak-container > .empty-state { grid-column: 1 / -1; }
.folder-group { min-width: 0; padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: #151517; }
.folder-group-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.folder-group-title { margin: 0; color: #d8d8dc; font-size: 12px; font-weight: 630; }
.folder-group-count { color: var(--text-muted); font-size: 10px; }
.folder-group-kind { display: block; margin: -5px 0 5px; color: var(--violet); font-size: 8px; font-weight: 730; letter-spacing: .12em; }
.folder-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; min-width: 0; gap: 5px; }
.folder-item { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; min-height: 34px; padding: 5px 10px; border: 1px solid #303034; border-radius: 8px; background: #202022; color: #ededee; font: 560 11px/1.2 var(--font); cursor: pointer; transition: transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast); }
.folder-item:hover, .folder-item:focus-visible { transform: translateY(-1px); border-color: #94949b; background: #303033; }
.folder-item-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.folder-item-marker { flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: #747479; }
.folder-item.is-applied .folder-item-marker { background: var(--green); }
.folder-item.is-unavailable .folder-item-marker { background: var(--amber); }
.undo-folders { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.undo-folder { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; min-width: 0; min-height: 45px; padding: 6px 9px; border: 1px solid #414145; border-radius: 9px; background: #171719; color: var(--text-secondary); text-align: left; cursor: pointer; }
.undo-folder:hover, .undo-folder:focus-visible { border-color: #99999e; color: #fff; }
.undo-folder[aria-pressed="true"] { border-color: #eeeef0; background: #2b2b2e; color: #fff; }
.undo-folder-name { max-width: 100%; overflow: hidden; font-size: 11px; font-weight: 630; text-overflow: ellipsis; white-space: nowrap; }
.undo-folder-count { color: var(--text-muted); font-size: 9px; }
.undo-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 13px 0 7px; }
.undo-heading h2 { margin: 0; font-size: 14px; font-weight: 650; }
.undo-heading span { color: var(--text-muted); font-size: 10px; }
.undo-items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: max-content; align-content: start; gap: 6px; min-height: 0; overflow: hidden; }
.undo-item { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; min-width: 0; min-height: 43px; padding: 5px 9px; border: 1px solid #414145; border-radius: 8px; background: #202022; color: #f0f0f2; text-align: left; cursor: pointer; }
.undo-item:hover:not(:disabled), .undo-item:focus-visible:not(:disabled) { border-color: #a0a0a5; background: #303033; }
.undo-item:disabled { opacity: .55; cursor: not-allowed; }
.undo-item-name { max-width: 100%; overflow: hidden; font-size: 10px; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.undo-item-state { color: var(--text-muted); font-size: 9px; }
.undo-item:not(:disabled) .undo-item-state { color: var(--green); }
.undo-items > .empty-state { grid-column: 1 / -1; }
.tweak-group { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; padding: 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #151517; }
.tweak-group-title { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; color: var(--text-secondary); font-size: 13px; font-weight: 650; }
.tweak-group-title::after { flex: 1; height: 1px; background: var(--line); content: ""; }
.tweak-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: max-content; align-content: start; gap: 6px; min-width: 0; }
.tweak-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 70px; gap: 2px; padding: 6px 7px; border: 1px solid var(--line); border-radius: 8px; background: #131315; animation: card-enter 250ms ease both; transition: border-color var(--motion-fast), background var(--motion-fast), transform var(--motion-fast), box-shadow var(--motion-fast); }
@keyframes card-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.tweak-card:hover { transform: translateY(-2px); border-color: #656569; background: #18181a; box-shadow: 0 12px 24px rgba(0,0,0,.17); }
.tweak-card.is-applied { border-left: 2px solid var(--green); }
.tweak-card-top { display: flex; align-items: center; gap: 5px; }
.tweak-card-title { flex: 1; min-width: 0; margin: 0; overflow: hidden; font-size: 11px; font-weight: 630; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.info-button { display: grid; flex: 0 0 auto; place-items: center; width: 20px; height: 20px; border: 1px solid #56565a; border-radius: 50%; background: #252527; color: #dedee0; cursor: pointer; transition: border-color var(--motion-fast), background var(--motion-fast), transform var(--motion-fast); }
.info-button.has-warning { border-color: var(--amber); color: var(--amber); }
.info-button .icon { width: 12px; height: 12px; }
.info-button:hover, .info-button[aria-expanded="true"] { transform: scale(1.06); border-color: #eeeef0; background: #343437; color: #fff; }
.tweak-info { margin: 0; padding: 10px 11px; border: 1px solid #46464a; border-radius: 8px; background: #242426; color: #d3d3d6; font-size: 12px; line-height: 1.5; animation: info-enter 170ms ease both; }
@keyframes info-enter { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.tweak-state { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; max-width: 100%; overflow: hidden; color: var(--text-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.tweak-state::before { width: 7px; height: 7px; border-radius: 50%; background: #77777b; content: ""; }
.tweak-state.is-applied { color: var(--green); }
.tweak-state.is-applied::before { background: var(--green); }
.caution-tag { align-self: flex-start; padding: 2px 6px; border: 1px solid rgba(243,189,106,.38); border-radius: 6px; background: rgba(243,189,106,.1); color: var(--amber); font-size: 9px; line-height: 1.3; }
.tweak-card-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin-top: auto; padding-top: 3px; border-top: 1px solid #313134; }
.tweak-card-actions.is-external { grid-template-columns: minmax(0, 1fr); }
.tweak-card-actions .action-button { min-height: 22px; padding: 0 4px; border-radius: 5px; font-size: 9px; }
.action-button, .button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 14px; border: 1px solid transparent; border-radius: 8px; font-size: 12px; font-weight: 650; cursor: pointer; transition: background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast); }
.action-button:hover:not(:disabled), .button:hover:not(:disabled) { transform: translateY(-1px); }
.action-button:active:not(:disabled), .button:active:not(:disabled) { transform: translateY(1px) scale(.99); }
.apply-button, .button-primary { border-color: var(--violet); background: var(--violet); color: #101011; }
.apply-button:hover:not(:disabled), .button-primary:hover:not(:disabled) { border-color: #fff; background: #fff; }
.revert-button, .button-secondary { border-color: #555559; background: #29292b; color: #eeeef0; }
.revert-button:hover:not(:disabled), .button-secondary:hover:not(:disabled) { border-color: #99999e; background: #363639; }
.action-button:disabled, .button:disabled { opacity: .42; cursor: not-allowed; }
.action-button.is-processing::before { width: 12px; height: 12px; margin-right: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin 750ms linear infinite; content: ""; }
.empty-state { display: grid; min-height: 180px; place-items: center; align-content: center; gap: 4px; padding: 25px; border: 1px dashed #555559; border-radius: var(--radius-md); color: var(--text-secondary); text-align: center; }
.empty-state strong { color: var(--text); font-size: 14px; }
.empty-state p { max-width: 480px; margin: 0; font-size: 12px; }

.cpu-focus-card { position: relative; display: flex; flex-direction: column; align-items: center; width: min(100%, 560px); margin: 30px auto 0; padding: 32px 36px 36px; border: 1px solid #47474b; border-radius: 20px; background: #131315; text-align: center; box-shadow: 0 18px 40px rgba(0,0,0,.16); animation: card-enter 280ms ease both; }
.cpu-icon { display: grid; place-items: center; width: 94px; height: 94px; border: 1px solid #727277; border-radius: 22px; background: #242426; color: #ffffff; }
.cpu-icon .icon { width: 51px; height: 51px; stroke-width: 1.25; }
.cpu-info-button { position: absolute; top: 20px; right: 20px; }
.cpu-focus-card h2 { margin: 18px 0 3px; font-size: 25px; font-weight: 650; letter-spacing: -.04em; }
.cpu-lead { max-width: 390px; margin: 0; color: var(--text-secondary); font-size: 13px; }
.cpu-info { width: 100%; margin: 15px 0 0; padding: 11px 12px; border: 1px solid #48484c; border-radius: 9px; background: #242426; color: var(--text-secondary); font-size: 12px; }
.cpu-focus-card .tweak-state { align-self: center; margin-top: 17px; }
.cpu-unavailable { margin: 9px 0 0; color: var(--red); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.cpu-actions { display: grid; width: 100%; gap: 9px; margin-top: 20px; }
.cpu-actions .action-button { min-height: 45px; font-size: 13px; }

.restore-tabs { display: flex; gap: 6px; width: fit-content; max-width: 100%; margin: 0 0 16px; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: #111113; }
.restore-tab { min-height: 34px; padding: 0 15px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--text-secondary); font-size: 12px; font-weight: 650; cursor: pointer; }
.restore-tab:hover { color: #fff; }
.restore-tab[aria-selected="true"] { border-color: #5d5d61; background: #303033; color: #fff; }
.restore-layout { display: grid; flex: 1 1 auto; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); align-items: start; min-height: 0; gap: 12px; }
.restore-form, .restore-history { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius-md); background: #131315; }
.restore-form .panel-heading, .restore-history .panel-heading { margin-bottom: 10px; }
.restore-explanation { margin: 0 0 10px; color: var(--text-secondary); font-size: 11px; line-height: 1.4; }
.restore-form > label { display: block; margin: 8px 0 4px; color: var(--text); font-size: 11px; font-weight: 620; }
.restore-form > label span { color: var(--text-muted); font-weight: 450; }
.restore-form input[type="text"], .restore-form textarea { width: 100%; padding: 7px 9px; border: 1px solid #555559; border-radius: 8px; outline: 0; background: #202022; color: #f5f5f6; font-size: 11px; resize: none; }
.restore-form input[type="text"]:focus, .restore-form textarea:focus { border-color: #f2f2f3; }
.restore-form input::placeholder, .restore-form textarea::placeholder { color: #939398; }
.restore-colors { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 5px; padding: 0; border: 0; }
.restore-colors legend { margin-bottom: 8px; font-size: 12px; font-weight: 620; }
.restore-colors label { position: relative; display: inline-flex; cursor: pointer; }
.restore-colors input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.restore-colors label > span:first-of-type { display: block; width: 23px; height: 23px; border: 3px solid #222224; border-radius: 50%; background: var(--swatch); box-shadow: 0 0 0 1px #68686d; }
.restore-colors input:checked + span { box-shadow: 0 0 0 2px #fff, 0 0 0 5px #141416; }
.restore-colors input:focus-visible + span { outline: 2px solid #fff; outline-offset: 5px; }
.restore-note { margin: 0 0 10px; color: var(--text-muted); font-size: 10px; line-height: 1.3; }
.restore-form > .button { width: 100%; min-height: 32px; }
.restore-feedback { min-height: 14px; margin: 6px 0 0; color: var(--text-secondary); font-size: 10px; }
.restore-feedback.is-error { color: var(--red); }
.restore-feedback.is-success { color: var(--green); }
.restore-list { display: grid; gap: 7px; }
.restore-empty { margin: 0; padding: 18px 0; color: var(--text-muted); font-size: 12px; }
.restore-entry { padding: 9px 10px; border: 1px solid #434347; border-left: 3px solid var(--record-color, #fff); border-radius: 8px; background: #1c1c1e; }
.restore-entry-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.restore-entry-head strong { overflow-wrap: anywhere; font-size: 13px; }
.restore-entry-head time { flex: 0 0 auto; color: var(--text-muted); font-size: 10px; }
.restore-entry p { margin: 5px 0 0; color: var(--text-secondary); font-size: 11px; line-height: 1.45; }
.restore-entry .restore-entry-count { color: var(--text-muted); font-size: 10px; }
.restore-entry .button { min-height: 26px; margin-top: 6px; font-size: 10px; }
.restore-history > .button { width: 100%; margin-top: 9px; }
.restore-pager { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px; color: var(--text-muted); font-size: 10px; }
.restore-pager[hidden] { display: none; }
.restore-pager .button { min-height: 27px; padding: 0 9px; font-size: 10px; }
.restore-prompt-dialog { width: min(430px, calc(100vw - 34px)); }
.restore-prompt-actions { display: grid; gap: 8px; margin-top: 22px; }
.restore-prompt-actions .button { min-height: 39px; }
.button-quiet { border-color: transparent; background: transparent; color: var(--text-secondary); }
.button-quiet:hover:not(:disabled) { background: #303033; color: #fff; }

.operation-toast, .warning-overlay { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.58); backdrop-filter: blur(5px); animation: overlay-enter 180ms ease both; }
@keyframes overlay-enter { from { opacity: 0; } to { opacity: 1; } }
.operation-panel, .warning-dialog { width: min(380px, calc(100vw - 34px)); border: 1px solid #65656a; border-radius: 13px; background: #1b1b1d; box-shadow: 0 22px 65px rgba(0,0,0,.5); animation: panel-enter 210ms ease both; }
@keyframes panel-enter { from { opacity: .55; transform: translateY(9px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
.operation-toast.is-leaving { animation: overlay-exit 150ms ease-in forwards; pointer-events: none; }
.operation-toast.is-leaving .operation-panel { animation: panel-exit 150ms ease-in forwards; }
@keyframes overlay-exit { from { opacity: 1; } to { opacity: 0; } }
@keyframes panel-exit { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(-6px) scale(.98); } }
.operation-panel { position: relative; display: flex; align-items: center; gap: 13px; min-height: 96px; padding: 19px; }
.operation-panel::before { position: absolute; top: 0; right: 17px; left: 17px; height: 2px; background: var(--blue); content: ""; }
.toast-indicator { display: grid; flex: 0 0 auto; place-items: center; width: 44px; height: 44px; border: 2px solid var(--blue); border-radius: 50%; background: rgba(255,255,255,.1); color: var(--blue); }
.toast-indicator::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: ""; }
.operation-toast.is-loading .toast-indicator::before { width: 20px; height: 20px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; background: transparent; animation: spin 800ms linear infinite; }
.operation-toast.is-success .operation-panel { border-color: rgba(81,223,154,.45); }
.operation-toast.is-success .operation-panel::before { background: var(--green); }
.operation-toast.is-success .toast-indicator { border-color: var(--green); background: rgba(81,223,154,.13); color: var(--green); }
.operation-toast.is-success .toast-indicator::before { width: auto; height: auto; background: transparent; font-size: 27px; font-weight: 800; line-height: 1; content: "✓"; }
.operation-toast.is-error .operation-panel { border-color: rgba(255,129,139,.45); }
.operation-toast.is-error .operation-panel::before { background: var(--red); }
.operation-toast.is-error .toast-indicator { border-color: var(--red); background: rgba(255,129,139,.12); color: var(--red); }
.operation-toast.is-error .toast-indicator::before { width: auto; height: auto; background: transparent; font-size: 26px; font-weight: 800; line-height: 1; content: "!"; }
.operation-toast.is-warning .operation-panel { border-color: rgba(243,189,106,.45); }
.operation-toast.is-warning .operation-panel::before { background: #f3bd6a; }
.operation-toast.is-warning .toast-indicator { border-color: #f3bd6a; background: rgba(243,189,106,.12); color: #f3bd6a; }
.operation-toast.is-warning .toast-indicator::before { width: auto; height: auto; background: transparent; font-size: 26px; font-weight: 800; line-height: 1; content: "!"; }
@keyframes spin { to { transform: rotate(360deg); } }
.toast-copy { flex: 1; min-width: 0; }
.tweak-unavailable { margin: 0; overflow: hidden; color: var(--red); font-size: 9px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.toast-copy strong { display: block; font-size: 13px; }
.toast-copy p { margin: 3px 0 0; color: var(--text-secondary); font-size: 11px; overflow-wrap: anywhere; white-space: pre-line; max-height: 60vh; overflow-y: auto; }
.toast-dismiss { display: grid; place-items: center; width: 26px; height: 26px; border: 0; border-radius: 6px; background: transparent; color: var(--text-muted); cursor: pointer; }
.toast-dismiss:hover { background: #343437; color: #fff; }
.toast-dismiss .icon { width: 14px; height: 14px; }
.warning-dialog { padding: 25px; text-align: left; }
.warning-symbol { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid var(--amber); border-radius: 50%; background: rgba(243,189,106,.12); color: var(--amber); font-size: 18px; font-weight: 700; }
.warning-dialog h2 { margin: 15px 0 7px; font-size: 19px; font-weight: 640; }
.warning-dialog p { margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.55; }
.tweak-info-dialog { width: min(440px, calc(100vw - 34px)); max-height: calc(100vh - 40px); overflow-y: auto; }
.tweak-info-dialog h2 { margin-top: 0; }
.tweak-info-dialog p { white-space: pre-line; }
.tweak-info-dialog .button { min-height: 32px; margin-top: 18px; }
.tweak-info-dialog .tweak-state { margin-top: 12px; }
.tweak-info-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.tweak-info-actions[hidden] { display: none; }
.tweak-info-actions .action-button { min-height: 32px; }
.tweak-info-dialog .tweak-state[hidden] { display: none; }
.warning-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 23px; }
.power-plan-dialog { width: min(460px, calc(100vw - 34px)); }
.power-plan-dialog label { display: block; margin: 18px 0 7px; color: var(--text-secondary); font-size: 12px; }
.power-plan-dialog select { width: 100%; min-height: 42px; padding: 0 10px; border: 1px solid #606064; border-radius: 8px; background: #242426; color: var(--text); }

@media (max-width: 1150px) {
    .sidebar { flex-basis: 218px; }
    .pages { padding: 16px 20px; }
    .tweak-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-height: 700px) and (min-width: 701px) {
    .sidebar-footer .profile-row { display: none; }
    .sidebar { padding-top: 10px; padding-bottom: 8px; }
    .brand { min-height: 52px; padding-bottom: 8px; }
    .nav-label { margin-top: 10px; margin-bottom: 4px; }
    .nav-links { gap: 3px; }
    .nav-link { min-height: 32px; }
    .topbar { min-height: 60px; }
    .pages { padding-top: 8px; padding-bottom: 8px; }
    .category-intro { margin-bottom: 6px; }
    .category-intro .eyebrow, .category-intro p { display: none; }
    .category-intro h1 { font-size: 22px; }
    .category-toolbar { margin-bottom: 6px; }
    .search-box { min-height: 32px; }
    .search-box input { padding: 6px 0; }
    .tweak-container { gap: 7px; }
    .folder-group { padding: 8px; }
    .folder-group-heading { margin-bottom: 5px; }
    .folder-items { gap: 4px; }
    .folder-item { min-height: 31px; padding: 4px 8px; }
    .tweak-group { padding: 7px; }
    .tweak-group-title { margin-bottom: 5px; }
    .tweak-grid { gap: 4px; }
    .tweak-card { min-height: 66px; padding: 5px; }
    .tweak-unavailable { display: none; }
}
@media (max-width: 860px) {
    .sidebar { flex-basis: 184px; }
    .dashboard-grid { grid-template-columns: 1fr; }
    .hardware-grid { grid-template-columns: 1fr; }
    .stat-card { display: grid; grid-template-columns: 1fr auto; align-items: center; }
    .stat-card .stat-value { grid-column: 2; grid-row: 1; margin: 0; }
    .stat-card p { margin-bottom: 0; }
    .stat-card .progress-track { grid-column: 1 / -1; margin-top: 11px; }
    .restore-layout { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    html, body { overflow: auto; }
    .app-container { min-height: 100vh; height: auto; flex-direction: column; overflow: visible; }
    .sidebar { flex: 0 0 auto; width: 100%; padding: 9px 11px; border-right: 0; border-bottom: 1px solid var(--line); }
    .sidebar::before, .nav-label, .sidebar-footer { display: none; }
    .brand { min-height: 43px; padding: 0 3px 8px; border-bottom: 0; }
    .brand-logo { width: 34px; height: 34px; }
    .brand-copy strong { font-size: 15px; }
    .brand-copy small { font-size: 10px; }
    .nav-links { flex-direction: row; overflow-x: auto; gap: 5px; padding: 5px 0 0; scrollbar-width: none; }
    .nav-links::-webkit-scrollbar { display: none; }
    .nav-link { flex: 0 0 auto; width: auto; min-height: 35px; padding: 0 9px; gap: 7px; font-size: 11px; }
    .nav-link .icon { width: 14px; height: 14px; }
    .nav-link[aria-current="page"]::after { display: none; }
    .main-content { min-height: calc(100vh - 120px); overflow: visible; }
    .topbar { min-height: 59px; }
    .pages, .pages.is-home, .pages.is-category, .pages.is-restore, .pages.is-cpu, .pages.is-undo { flex: 1 0 auto; padding: 18px 15px 30px; overflow: visible; }
    .pages.is-category #page-dynamic, .pages.is-restore #page-restore, .pages.is-undo #page-undo { height: auto; }
    .dashboard-heading { gap: 11px; }
    .dashboard-logo { width: 52px; height: 52px; border-radius: 50%; }
    .dashboard-heading h1 { font-size: 24px; }
    .dashboard-heading p { font-size: 11px; }
    .dashboard-grid { gap: 10px; }
    .social-links { grid-template-columns: 1fr 1fr; }
    .category-intro h1 { font-size: 25px; }
    .search-box kbd { display: none; }
    .tweak-container { grid-template-columns: 1fr; overflow: visible; }
    .undo-folders { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .undo-items { grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
    .tweak-group { width: 100%; overflow: visible; }
    .tweak-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cpu-focus-card { margin-top: 18px; padding: 25px 20px; }
}
@media (max-width: 390px) {
    .nav-link .icon { display: none; }
    .social-links { grid-template-columns: 1fr; }
    .warning-actions { flex-direction: column-reverse; }
    .warning-actions .button { width: 100%; }
}
/* Category groups can scroll while their cards keep room for a short summary. */
.tweak-container { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: max-content; align-content: start; gap: 10px; padding: 2px 6px 10px 2px; overflow-x: hidden; overflow-y: auto; scrollbar-gutter: auto; }
.folder-group { display: block; align-self: start; min-height: 0; padding: 10px; border: 1px solid #454549; border-radius: 14px; background: linear-gradient(145deg, #18181be8, #111113db); box-shadow: inset 0 1px #ffffff06, 0 5px 18px #00000013; }
.folder-group.is-windows-wide { grid-column: 1 / -1; }
.tweak-container.windows-columns .folder-group.is-windows-performance { grid-row: span 2; }
.folder-group-heading { display: flex; align-items: center; margin: 0 3px 9px; }
.folder-group-title { font-size: 12px; color: #efeff2; }
.folder-group-count { font-size: 10px; }
.folder-group-kind, .folder-item-section { display: none; }
.folder-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); grid-auto-rows: minmax(76px, auto); gap: 8px; }
.tweak-container.gpu-columns .folder-items { grid-template-columns: minmax(0, 1fr); }
.folder-group.is-gpu-unavailable .folder-group-count { color: #c8ae83; }
.folder-group.is-gpu-unavailable .folder-item { opacity: .65; }
.folder-item { position: relative; display: block; width: 100%; min-height: 76px; padding: 0; overflow: hidden; background: linear-gradient(145deg, #29292c, #1b1b1e); border: 1px solid #454549; border-radius: 11px; box-shadow: 0 3px 12px #00000022, inset 0 1px #ffffff08; animation: tile-reveal 360ms backwards; animation-delay: var(--tile-delay, 0ms); transition: background 180ms, border-color 180ms, box-shadow 180ms, transform 180ms; }
.folder-item:hover, .folder-item:focus-within { transform: translateY(-1px); border-color: #a4a4ad; background: linear-gradient(145deg, #37373c, #252529); box-shadow: 0 5px 18px #00000035, 0 0 15px #ffffff09; }
.folder-item:active { transform: scale(.99); }
.folder-item-action { display: flex; align-items: center; justify-content: space-between; gap: 9px; width: 100%; min-height: 76px; height: 100%; padding: 11px 43px 11px 12px; border: 0; background: transparent; color: #ededee; text-align: left; font: 560 11px/1.25 var(--font); cursor: pointer; }
.folder-item-action:focus-visible, .folder-item-info:focus-visible { outline: 2px solid #e8e8ee; outline-offset: -3px; }
.folder-item-copy { display: flex; flex-direction: column; min-width: 0; gap: 4px; }
.folder-item-name { min-width: 0; overflow: hidden; white-space: normal; overflow-wrap: anywhere; font-size: 12px; font-weight: 660; line-height: 1.2; }
.folder-item.is-all-services .folder-item-name { color: var(--red); }
.folder-item-description { display: -webkit-box; overflow: hidden; color: #aaaab1; font-size: 10px; font-weight: 450; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.folder-item-marker { flex: 0 0 auto; width: 6px; height: 6px; align-self: flex-start; margin-top: 4px; }
.folder-item-info { position: absolute; top: 9px; right: 9px; display: grid; place-items: center; width: 23px; height: 23px; padding: 0; border: 1px solid #67676c; border-radius: 50%; background: #29292d; color: #dddde2; cursor: pointer; }
.folder-item-info .icon { width: 13px; height: 13px; }
.folder-item-info:hover { border-color: #eeeef0; background: #3c3c41; color: #fff; }
.folder-item.is-applied .folder-item-marker { box-shadow: 0 0 9px #51df9a70; }
@media (max-width: 700px) { .tweak-container, .tweak-container.gpu-columns { grid-template-columns: minmax(0, 1fr); overflow-y: auto; } .tweak-container.windows-columns .folder-group.is-windows-performance { grid-row: auto; } }
.undo-items { flex: 1 1 auto; grid-template-columns: repeat(var(--tile-columns, 4), minmax(0, 1fr)); grid-auto-rows: var(--tile-height, 48px); gap: var(--tile-gap, 6px); padding: 2px; }
.undo-item { height: 100%; min-height: 0; background: linear-gradient(145deg, #29292c, #1b1b1e); transition: border-color 180ms, background 180ms, box-shadow 180ms; }
.undo-item-name { white-space: normal; overflow-wrap: anywhere; font-size: 12px; line-height: 1.2; }
.compact-tiles .undo-item-name { white-space: nowrap; font-size: 10px; }
.main-content { background: radial-gradient(ellipse at 75% 12%, #ffffff18, transparent 52%), radial-gradient(ellipse at 10% 90%, #ffffff09, transparent 50%), #202023; background-size: 145% 145%; animation: workspace-light 20s ease-in-out infinite alternate; }
.nav-link { transition: background 180ms, box-shadow 180ms, transform 180ms, border-color 180ms; }
.nav-link:hover { box-shadow: inset 0 0 18px #ffffff08; }
.nav-link[aria-current="page"] { box-shadow: 0 0 18px #ffffff08, inset 0 1px #ffffff16; }
.page.active { animation: page-reveal 280ms ease both; }
@keyframes tile-reveal { from { opacity: 0; transform: translateY(9px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes page-reveal { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes workspace-light { from { background-position: 0% 0%; } to { background-position: 100% 65%; } }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}