@import url('/screens/user/account/index.css');
@import url('/components/user/account/calendar/index.css');
@import url('./dialogs.css');

.account-profile-body { background:var(--via-bg); color:var(--via-text); }
.account-profile-page { --profile-card-height:calc(100dvh - var(--profile-header-height,80px) - 36px); padding:calc(var(--profile-header-height,80px) + 18px) 28px 18px; background:var(--via-bg); min-height:100dvh; }
.account-profile-page { position:relative; }
.account-profile-page[data-account-state="loading"] .account-shell,.account-profile-page[data-account-state="error"] .account-shell { visibility:hidden; }
.account-profile-page[data-account-state="loading"] .account-shell * { transition:none!important; animation:none!important; }
.account-initial-state { position:absolute; inset:calc(var(--profile-header-height,80px) + 18px) 28px 18px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:var(--via-muted); text-align:center; }
.account-initial-state p { margin:0; font-size:15px; }
.account-initial-spinner { width:32px; height:32px; border:3px solid var(--via-border); border-top-color:var(--via-accent); border-radius:50%; animation:accountSpin .8s linear infinite; }
.account-initial-state button { padding:9px 18px; border:1px solid var(--via-border); border-radius:8px; background:var(--via-panel); color:var(--via-text); }
.account-profile-page[data-account-state="ready"] .account-initial-state,.account-profile-page[data-account-state="error"] .account-initial-spinner { display:none; }
.account-shell { width:min(1800px,100%); margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr); align-items:stretch; gap:20px; }
.account-shell>* { min-width:0; }
.account-shell>.profile-panel,.account-shell>.profile-center { height:var(--profile-card-height); min-height:0; }
.profile-overview { overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:var(--via-muted) transparent; }
.profile-overview>* { flex-shrink:0; }
.profile-panel { padding:20px; border:1px solid var(--via-border); border-radius:18px; background:linear-gradient(135deg,var(--via-panel-2),var(--via-panel)); box-shadow:0 6px 16px rgba(0,0,0,.18); }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.panel-heading h1,.panel-heading h2 { margin:0; font-size:20px; font-weight:800; }
.profile-icon { width:22px; height:22px; flex-shrink:0; }
.account-profile-page button { font:inherit; cursor:pointer; }
.account-profile-body [hidden] { display:none!important; }
.account-profile-body :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--via-accent); outline-offset:3px; }
.profile-edit { display:flex; align-items:center; gap:7px; color:var(--via-muted); font-size:13px; text-decoration:none; }
.profile-edit .profile-icon { width:19px; height:19px; }
.profile-main { display:flex; align-items:center; gap:20px; padding:8px 0; }
.profile-avatar-button { position:relative; width:116px; height:116px; flex-shrink:0; padding:0; border:0; background:none; }
.profile-avatar { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.profile-achievement { position:absolute; right:-1px; bottom:-1px; width:32px; height:32px; filter:drop-shadow(0 0 8px rgba(255,215,0,.8)); }
.profile-identity { min-width:0; }
.profile-identity h2 { font-size:22px; font-weight:850; margin:0 0 8px; line-height:1.2; overflow-wrap:anywhere; }
.profile-identity p { margin:4px 0; color:var(--via-muted); font-size:16px; line-height:1.25; }
.profile-identity strong { color:inherit; font-weight:650; }
.profile-subscription { display:block; padding:16px 10px; margin:18px 0 24px; border:1px solid var(--via-border); border-radius:12px; background:linear-gradient(135deg,var(--via-panel-2),var(--via-panel)); color:var(--via-text); text-decoration:none; }
.subscription-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.subscription-column { display:flex; flex-direction:column; gap:9px; min-width:0; padding:0 5px; text-align:center; }
.subscription-column+.subscription-column { border-left:1px solid var(--via-border); }
.subscription-column>span { font-size:clamp(10px,.85vw,13px); font-weight:800; white-space:nowrap; }
.subscription-column strong { display:flex; align-items:center; justify-content:center; gap:4px; font-size:clamp(10px,.85vw,13px); font-weight:800; white-space:nowrap; }
.subscription-column img { width:16px; height:16px; object-fit:contain; flex-shrink:0; }
.profile-subscription.is-premium [data-plan-name] { color:#e5be01; }
.subscription-column .is-success { color:#26bf66; }
.subscription-column .is-danger { color:#d94a4a; }
.profile-section-title { font-size:16px; font-weight:800; margin:0 0 12px; }
.profile-copy { display:flex; align-items:center; justify-content:center; gap:8px; margin:18px auto 0; padding:0; background:none; border:0; color:var(--via-muted); font-weight:700; font-size:13px!important; }
.profile-copy img { width:15px; height:15px; object-fit:contain; }
.profile-actions { overflow:hidden; border:1px solid var(--via-border); border-radius:12px; background:linear-gradient(135deg,var(--via-panel-2),var(--via-panel)); }
.profile-action { position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:56px; padding:10px 14px; border:0; border-bottom:1px solid var(--via-border); background:transparent; color:var(--via-text); font:inherit; text-align:left; text-decoration:none; cursor:pointer; }
.profile-action:last-child { border-bottom:0; }
.profile-action:hover { background:rgba(44,111,199,.1); }
.profile-action>img { width:22px; height:22px; object-fit:contain; flex:0 0 auto; }
.profile-action>span:not(.selected-flags):not(.unread-dot) { flex:1; font-size:15px; font-weight:650; }
.profile-action>small { margin-left:auto; color:var(--via-muted); font-size:11px; font-weight:750; text-align:right; }
.profile-action>b { color:var(--via-muted); font-size:24px; font-weight:400; }
.profile-action .is-danger,.security-state.is-danger { color:#d94a4a; }
.security-state.is-success { color:#26bf66; }
.profile-center { display:flex; flex-direction:column; gap:14px; min-height:0; }
.profile-overview { display:flex; flex-direction:column; }
.profile-overview>.profile-copy { margin-top:auto; padding-top:18px; }
.account-shell>.profile-center { height:var(--profile-card-height); min-height:0; }
.profile-center>.profile-calendar { flex:0 0 auto; padding:0; }
.account-shell>.profile-center:has(.study-calendar-widget.is-expanded) { height:auto; min-height:var(--profile-card-height); }
.profile-center:has(.study-calendar-widget.is-expanded) .performance-panel { flex-basis:auto; }
.profile-calendar .study-calendar-widget { border:0; border-radius:inherit; background:transparent; box-shadow:none; }
.profile-calendar .is-collapsed .study-calendar-body { animation:none; }
.performance-panel { flex:1 1 0; min-width:0; min-height:0; container-type:inline-size; display:flex; flex-direction:column; gap:10px; overflow:visible; }
.performance-heading { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:10px; align-items:center; margin-bottom:0; }
.performance-heading-icon { width:26px; height:30px; color:#3eaaff; filter:drop-shadow(0 0 8px rgba(39,151,255,.16)); }
.performance-heading-copy { min-width:0; }
.performance-heading h2 { font-size:clamp(18px,3.5cqi,22px); letter-spacing:-.6px; line-height:1.2; }
.performance-heading p { margin:4px 0 0; font-size:11px; line-height:1.4; color:var(--via-muted); }
.progress-status { display:inline-flex; align-items:center; gap:7px; border-radius:20px; color:var(--status-color,var(--via-muted)); background:color-mix(in srgb,var(--status-color,var(--via-muted)) 9%,transparent); font-weight:700; white-space:nowrap; padding:7px 11px; border:1px solid color-mix(in srgb,var(--status-color,#82b4e5) 24%,transparent); font-size:11px; }
.progress-status::before { content:''; border-radius:50%; background:currentColor; width:7px; height:7px; }
.readiness-card { position:relative; display:flex; flex-direction:column; flex:1; overflow:hidden; border:1px solid var(--via-border); isolation:isolate; padding:10px 12px; margin:0; border-radius:12px; background:linear-gradient(135deg,var(--via-panel-2),var(--via-panel)); }
.readiness-card::before { content:''; position:absolute; z-index:-1; inset:0; background:url('/assets/icons/account/statistics/journey-landscape-v2.webp') center bottom / cover no-repeat; opacity:.38; mask-image:linear-gradient(180deg,transparent 20%,#000 80%); pointer-events:none; }
.progress-filters { position:relative; z-index:1; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-bottom:6px; }
.mode-select,.period-select { display:flex; gap:6px; align-items:center; padding:0 8px; border:1px solid var(--via-border); border-radius:7px; background:var(--via-panel-2); color:var(--via-muted); }
.mode-select .profile-icon,.period-select .profile-icon { width:20px; height:20px; }
.period-select select,.quiz-mode-select { appearance:none; font-family:inherit; font-weight:750; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%2382c8ff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; border:0; padding:8px 20px 8px 0; max-width:180px; border-radius:0; background-color:transparent; color:#f6f9ff; font-size:11px; background-position:right 0 center; }
.period-select option,.quiz-mode-select option { color:var(--via-text); background:var(--via-panel); }
.period-select select,.quiz-mode-select { color:var(--via-text); }
.readiness-kpi { position:relative; display:grid; justify-items:center; text-align:center; gap:4px; }
.readiness-kpi strong { font-size:clamp(42px,8.5cqi,62px); font-weight:850; letter-spacing:-2px; line-height:1; color:var(--via-text); font-variant-numeric:tabular-nums; }
.readiness-kpi span { color:var(--via-muted); font-size:10px; font-weight:750; letter-spacing:1.5px; }
.readiness-caption { position:relative; z-index:1; text-align:center; padding:8px 0 0; }
.readiness-caption strong { display:block; line-height:1.2; text-wrap:balance; font-size:clamp(17px,3.6cqi,23px); font-weight:800; letter-spacing:-.5px; color:#26bf66; }
.readiness-caption p { margin:4px auto 0; line-height:1.4; text-wrap:pretty; max-width:420px; color:var(--via-muted); font-size:12px; }
.readiness-scale { position:relative; --book-size:min(18%,80px); --school-size:min(24%,108px); --car-size:min(23%,120px); flex:1; min-height:120px; margin-top:4px; }
.readiness-scale::before { content:''; position:absolute; inset:auto -14px 22px; height:36px; background:linear-gradient(0deg,rgba(15,66,108,.25),transparent); }
.readiness-route { position:absolute; left:8%; right:8%; bottom:31px; height:1px; border-top:2px dashed color-mix(in srgb,var(--via-accent) 65%,transparent); }
.route-point { position:absolute; top:-6px; width:10px; height:10px; border:1.5px solid #a7edff; border-radius:50%; background:#0eb8f5; box-shadow:0 0 8px #058ff6; }
.route-point-start { left:22%; }
.route-point-end { right:22%; }
.readiness-route { user-select:none; -webkit-user-select:none; pointer-events:none; }
.route-arrow { position:absolute; bottom:3px; color:#4babef; font-size:34px; font-weight:800; line-height:1; }
.route-arrow-start { left:31%; }
.route-arrow-end { right:26%; }
.readiness-scale img { position:absolute; z-index:1; bottom:27px; height:auto; max-height:96px; aspect-ratio:auto; object-fit:contain; pointer-events:none; filter:drop-shadow(0 5px 5px rgba(0,5,15,.3)); }
.readiness-noready { left:0; width:var(--book-size); }
.readiness-ready { right:0; width:var(--school-size); }
.readiness-car { transition:left 1s ease; width:var(--car-size); left:calc(var(--book-size) + (100% - var(--book-size) - var(--school-size) - var(--car-size))*var(--readiness,0)); bottom:25px!important; }
.readiness-track { position:absolute; overflow:hidden; border-radius:20px; left:17px; right:17px; bottom:9px; height:12px; border:0; background:#233750; box-shadow:0 0 12px rgba(0,133,255,.15),inset 0 1px 2px rgba(0,0,0,.3); }
.readiness-track span { display:block; height:100%; width:0; border-radius:inherit; transition:width 1.5s cubic-bezier(.22,1,.36,1); background:linear-gradient(90deg,#2787ff,#17b8e9 42%,#16e894); }
.readiness-start,.readiness-finish { position:absolute; z-index:2; bottom:0; width:30px; height:30px; display:grid; place-items:center; border:1.5px solid #42afff; border-radius:50%; background:radial-gradient(circle at 40% 35%,#215d93,#0e2138 75%); box-shadow:0 0 12px rgba(20,136,255,.22); }
.readiness-start { left:0; }
.readiness-start::before { content:''; width:15px; height:15px; border-radius:50%; background:#6ad0ff; box-shadow:0 0 10px #218fff; }
.readiness-finish { right:0; color:#e4f7ff; }
.readiness-finish svg { width:19px; height:19px; }
.profile-stat-grid { display:grid; flex:0 0 auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.profile-stat-card { display:grid; align-items:center; min-width:0; color:var(--via-text); text-align:left; text-decoration:none; cursor:pointer; border:1px solid var(--via-border); grid-template-columns:34px minmax(0,1fr) 10px; gap:8px; padding:10px; min-height:76px; border-radius:12px; background:linear-gradient(135deg,var(--via-panel-2),var(--via-panel)); transition:border-color .18s ease,background .18s ease; }
.profile-stat-card:hover { border-color:color-mix(in srgb,var(--via-accent) 55%,var(--via-border)); }
.profile-stat-card>img { width:34px; height:34px; padding:0; border:0; border-radius:0; background:none; object-fit:contain; }
.profile-stat-card div>span { display:block; font-weight:700; white-space:nowrap; color:var(--via-muted); font-size:10px; letter-spacing:.5px; }
.profile-stat-card strong { display:block; margin-top:3px; font-size:clamp(15px,3cqi,20px); font-weight:800; letter-spacing:-.4px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.stat-chevron { color:var(--via-muted); font-size:24px; }
.profile-progress { display:flex; align-items:center; grid-column:1/-1; gap:10px; }
.profile-progress>div { flex:1; height:6px; border-radius:6px; overflow:hidden; background:color-mix(in srgb,var(--via-muted) 16%,transparent); }
.profile-progress>div>span { width:0; height:100%; border-radius:inherit; transition:width .7s ease; display:block; background:linear-gradient(90deg,#239df8,#2179f8); }
.profile-progress>b { min-width:30px; text-align:right; color:var(--via-muted); font-size:11px; font-weight:750; }
.profile-calendar .profile-calendar-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px 12px; color:var(--via-text); }
.profile-calendar-title { display:flex; align-items:center; gap:9px; min-width:0; }
.profile-calendar-heading .profile-icon { color:var(--via-accent); width:21px; height:21px; }
.profile-calendar-heading h2 { margin:0; flex-shrink:0; font-size:18px; font-weight:800; }
.profile-calendar-summary { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--via-muted); font-size:13px; font-weight:650; }
.profile-calendar .study-calendar-period { padding:0 18px 10px; }
@container (max-width:420px) {
 .performance-heading { grid-template-columns:23px minmax(0,1fr); gap:9px; }
 .progress-status { grid-column:2; justify-self:start; padding:5px 9px; font-size:10px; }
 .readiness-card { padding-inline:10px; }
 .progress-filters { position:relative; z-index:1; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:7px; }
 .mode-select,.period-select { gap:5px; padding-inline:7px; }
 .period-select select,.quiz-mode-select { font-size:10px; }
 .profile-stat-card { grid-template-columns:28px minmax(0,1fr) 8px; padding:8px; gap:6px; min-height:72px; }
 .profile-stat-card>img { width:32px; height:32px; }
 .profile-stat-card strong { display:block; margin-top:4px; font-size:15px; }
 .profile-stat-card div>span { font-size:9px; letter-spacing:.3px; }
}
.profile-calendar .calendar-current { font-size:16px; }
.profile-calendar .study-calendar-body { padding:0 16px 18px; }
.profile-calendar .study-month-day { height:44px; font-size:14px; }
.settings-group { margin-top:20px; }
.settings-panel { display:flex; flex-direction:column; min-height:360px; }
.settings-panel>.panel-heading { flex-shrink:0; margin-bottom:0; padding-bottom:18px; border-bottom:1px solid var(--via-border); }
.settings-scroll { contain:size; min-height:0; flex:1; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:transparent transparent; padding-right:8px; }
.settings-scroll::-webkit-scrollbar { width:5px; }
.settings-scroll::-webkit-scrollbar-thumb { background:transparent; border-radius:6px; }
.settings-scroll:hover,.settings-scroll:focus-within { scrollbar-color:var(--via-muted) transparent; }
.settings-scroll:hover::-webkit-scrollbar-thumb,.settings-scroll:focus-within::-webkit-scrollbar-thumb { background:var(--via-muted); }
.settings-scroll .account-version { padding-bottom:4px; }
.settings-group+.settings-group { padding-top:20px; border-top:1px solid var(--via-border); }
.settings-group h3 { font-size:16px; font-weight:800; margin:0 0 12px; }
.subscription-settings { display:block; color:var(--via-text); text-decoration:none; border:1px solid var(--via-border); border-radius:12px; overflow:hidden; background:linear-gradient(135deg,var(--via-panel-2),var(--via-panel)); }
.subscription-link { display:flex; align-items:center; gap:10px; min-height:48px; padding:9px 14px; }
.subscription-link img { width:22px; height:22px; object-fit:contain; }
.subscription-link span { flex:1; font-size:14px; font-weight:700; }
.subscription-link b { font-size:23px; color:var(--via-muted); }
.settings-primary { margin-top:16px; }
.selected-flags { display:flex; flex-direction:row-reverse; margin-left:auto; }
.selected-flags img { width:28px; height:20px; object-fit:cover; border:2px solid var(--via-panel); border-radius:4px; margin-left:-5px; }
.switch-action input,.notification-row input { position:absolute; opacity:0; width:1px; height:1px; }
.switch-action i,.notification-row i { position:relative; display:block; flex-shrink:0; width:42px; height:24px; border-radius:20px; background:#56606f; transition:.2s; }
.switch-action i:after,.notification-row i:after { content:''; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:.2s; }
.switch-action input:checked+i,.notification-row input:checked+i { background:var(--via-accent); }
.switch-action input:checked+i:after,.notification-row input:checked+i:after { left:21px; }
.switch-action input:focus-visible+i,.notification-row input:focus-visible+i { outline:2px solid var(--via-accent); outline-offset:3px; }
.unread-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#e53935; }
.delete-account { display:flex; align-items:center; width:100%; height:56px; padding:0; border:0; background:none; color:#d94a4a; font-size:16px!important; font-weight:700!important; }
.delete-account span { flex:1; text-align:left; }
.delete-account b { font-size:24px; }
.account-version { text-align:center; color:var(--via-muted); font-size:13px; margin:10px 0 0; }
.account-version strong { color:var(--via-accent); }
.account-loading { position:fixed; inset:0; z-index:2000; display:grid; place-items:center; background:rgba(0,0,0,.55); }
.account-loading span { width:60px; height:60px; border:5px solid rgba(255,255,255,.2); border-top-color:var(--via-accent); border-radius:50%; animation:accountSpin .8s linear infinite; }
@keyframes accountSpin { to { transform:rotate(360deg); } }
@media (max-width:1300px) {
 .account-profile-page { padding-inline:20px; }
 .account-shell { grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr) minmax(0,1fr); gap:14px; }
 .profile-panel { padding:16px; }
 .profile-main { flex-direction:column; text-align:center; gap:12px; }
 .profile-action { padding-inline:10px; gap:9px; }
 .profile-action>span:not(.selected-flags):not(.unread-dot) { font-size:13px; }
}
@media (max-width:1050px) {
 .account-shell { grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr); }
 .settings-panel { grid-column:1/-1; }
 .settings-group { max-width:none; }
 .profile-main { flex-direction:row; text-align:left; }
 .profile-avatar-button { width:88px; height:88px; }
 .profile-identity h2 { font-size:20px; }
}
@media (max-width:720px) {
 .account-shell>.profile-center { height:auto; min-height:0; }
 .performance-panel { flex-basis:auto; }
 .account-profile-page { padding-inline:14px; }
 .account-shell { grid-template-columns:minmax(0,1fr); gap:16px; }
 .profile-panel { border-radius:12px; }
 .profile-main { gap:18px; }
 .profile-avatar-button { width:100px; height:100px; }
 .settings-panel { grid-column:auto; }
 .profile-action>span:not(.selected-flags):not(.unread-dot) { font-size:15px; }
 .performance-panel .panel-heading { gap:8px; }
 .profile-stat-card strong { display:block; margin-top:4px; font-size:14px; }
 .profile-calendar .profile-calendar-heading { gap:8px; padding:14px 12px 10px; }
 .profile-calendar-title { gap:6px; }
 .profile-calendar-heading h2 { font-size:16px; }
 .profile-calendar-summary { font-size:11px; }
 .profile-calendar .study-calendar-period { padding:0 12px 10px; }
 .profile-calendar .study-calendar-body { padding:0 10px 14px; }
 .profile-calendar .study-month-day { height:38px; font-size:12px; }
 .profile-calendar .calendar-current { font-size:14px; }
 .language-options { grid-template-columns:1fr; }
 .achievements-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:721px) and (max-height:820px) {
 .profile-center { gap:10px; }
 .performance-panel { padding:14px; gap:8px; }
 .performance-heading h2 { font-size:18px; }
 .performance-heading p { font-size:10px; margin-top:3px; }
 .readiness-card { padding:8px 10px; }
 .progress-filters { margin-bottom:4px; }
 .period-select select,.quiz-mode-select { padding-block:6px; }
 .readiness-kpi strong { font-size:38px; }
 .readiness-kpi span { font-size:9px; }
 .readiness-caption { padding-top:6px; }
 .readiness-caption strong { font-size:18px; }
 .readiness-caption p { font-size:11px; }
 .readiness-scale { min-height:92px; --book-size:min(18%,64px); --school-size:min(24%,82px); --car-size:min(23%,100px); }
 .readiness-scale img { max-height:70px; }
 .profile-stat-card { padding:8px; gap:5px 8px; min-height:68px; }
 .profile-stat-card>img { width:30px; height:30px; }
 .profile-stat-card strong { font-size:16px; }
 .profile-calendar .profile-calendar-heading { padding:10px 14px; }
 .profile-calendar-heading h2 { font-size:16px; }
 .profile-calendar .study-calendar-period { padding:0 14px 8px; }
 .profile-calendar .calendar-current { font-size:14px; }
 .profile-calendar .study-calendar-body { padding:0 12px 10px; }
 .profile-calendar .study-day { height:34px; }
}
@media (prefers-reduced-motion:reduce) { .account-profile-page *, .account-profile-page *::after { transition:none!important; animation:none!important; } }

/* Light surfaces and readable foregrounds; dark styling stays above. */
html[data-theme="light"] :is(.subscription-column .is-success,.security-state.is-success,.readiness-caption strong) { color: var(--via-success); }
html[data-theme="light"] :is(.subscription-column .is-danger,.profile-action .is-danger,.security-state.is-danger,.delete-account) { color: var(--via-danger); }
html[data-theme="light"] .profile-subscription.is-premium [data-plan-name] { color: var(--via-warning); }
html[data-theme="light"] .performance-heading-icon { color: var(--via-accent); }
html[data-theme="light"] .readiness-card::before { opacity: .16; }

html[data-theme="light"] .profile-action[data-open-languages]>img,
html[data-theme="light"] .profile-action[href="/account/stats?view=theory"]>img {
  filter: brightness(0);
  opacity: .7;
}