@font-face{font-family:Manrope;src:url('./fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Rosarivo;src:url('./fonts/rosarivo-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}

:root{
 color-scheme:light;
 --background:#faf8f8;
 --background-secondary:#f5f1f1;
 --surface:rgb(255 255 255 / 72%);
 --surface-elevated:#fffdfd;
 --surface-soft:rgb(249 243 243 / 86%);
 --surface-deep:#322b2b;
 --text-primary:#292323;
 --text-secondary:#6f6666;
 --border:rgb(80 40 40 / 10%);
 --border-strong:rgb(126 35 35 / 20%);
 --accent:#c62828;
 --accent-secondary:#b71c1c;
 --accent-hover:#d32f2f;
 --accent-light:#ef5350;
 --accent-soft:#ffcdd2;
 --accent-wash:rgb(198 40 40 / 8%);
 --success:#28755a;
 --danger:#b3261e;
 --focus:#d32f2f;
 --glass:rgb(255 255 255 / 58%);
 --glass-strong:rgb(255 253 253 / 80%);
 --shadow:rgb(85 34 34 / 8%);
 --shadow-elevated:0 18px 48px rgb(91 39 39 / 10%),0 2px 10px rgb(91 39 39 / 5%);
 --radius-sm:12px;
 --radius-md:17px;
 --radius-lg:22px;
 --page:var(--background);
 --ink:var(--text-primary);
 --muted:var(--text-secondary);
 --line:var(--border);
 --wine:var(--accent);
 --gold:var(--accent-light);
 --gold-soft:var(--accent-wash);
 --green:var(--success);
 --red:var(--danger);
 --cream:var(--background-secondary);
 --on-deep:#fff8f8;
 --header:var(--glass);
 --progress-color:var(--accent);
}
:root[data-theme=dark]{
 color-scheme:dark;
 --background:#181719;
 --background-secondary:#201f21;
 --surface:rgb(34 32 35 / 62%);
 --surface-elevated:#29272a;
 --surface-soft:rgb(43 40 44 / 68%);
 --surface-deep:#111012;
 --text-primary:#faf7f7;
 --text-secondary:#cfc7c7;
 --border:rgb(255 255 255 / 7%);
 --border-strong:rgb(193 43 56 / 28%);
 --accent:#a9232f;
 --accent-secondary:#941c27;
 --accent-hover:#c12b38;
 --accent-light:#de5962;
 --accent-soft:#683038;
 --accent-wash:rgb(169 35 47 / 14%);
 --success:#7dc9a4;
 --danger:#ff8a80;
 --focus:#c12b38;
 --glass:rgb(31 30 32 / 58%);
 --glass-strong:rgb(38 36 39 / 84%);
 --shadow:rgb(0 0 0 / 20%);
 --shadow-elevated:0 20px 54px rgb(0 0 0 / 27%),0 2px 10px rgb(0 0 0 / 18%);
 --page:var(--background);
 --ink:var(--text-primary);
 --muted:var(--text-secondary);
 --line:var(--border);
 --wine:var(--accent);
 --gold:var(--accent-light);
 --gold-soft:var(--accent-wash);
 --green:var(--success);
 --red:var(--danger);
 --cream:var(--background-secondary);
 --on-deep:#fff7f7;
 --header:var(--glass);
 --progress-color:var(--accent-light);
}

*{scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--border)) transparent}
html{background:var(--background);scroll-padding-top:calc(var(--header-height,72px) + 34px)}
body{
 min-height:100vh;
 overflow-x:clip;
 background:
  radial-gradient(circle at 9% 4%,rgb(198 40 40 / 5%),transparent 30rem),
  radial-gradient(circle at 92% 28%,rgb(239 83 80 / 3.5%),transparent 34rem),
  var(--background);
 color:var(--text-primary);
 font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;
 font-weight:400;
 letter-spacing:-.008em;
 transition:background-color .22s ease,color .22s ease;
}
:root[data-theme=dark] body{background:var(--background)}
button,input,select,textarea{font-family:Manrope,system-ui,sans-serif}
h1,.area-start h2,.admission-heading h1,.syllabus-heading h1,.history-heading h1,.result-head h2,.course-heading h2,.finish-card h2,.settings-head h2,.study-dialog h2,.improvement-intro h2,.study-plan-main>h2{
 font-family:Rosarivo,Georgia,serif;
 font-weight:400;
 letter-spacing:-.018em;
 line-height:1.12;
}
h1{font-size:clamp(2.55rem,5vw,4.4rem)}
.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.14em}
a{color:var(--accent);text-underline-offset:3px}

body>header{
 position:sticky;
 top:max(10px,env(safe-area-inset-top));
 z-index:100;
 display:flex;
 align-items:center;
 flex-wrap:nowrap;
 gap:12px;
 width:min(calc(100% - 32px),1240px);
 max-width:1240px;
 min-height:64px;
 margin:12px auto 0;
 padding:9px 12px;
 border:1px solid var(--border);
 border-radius:20px;
 background:var(--glass);
 box-shadow:var(--shadow-elevated);
 backdrop-filter:blur(16px) saturate(125%);
 -webkit-backdrop-filter:blur(16px) saturate(125%);
 transform:translateY(0);
 opacity:1;
 will-change:transform,opacity;
 transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .22s ease,background-color .22s ease,border-color .22s ease;
}
body>header.site-header-hidden{transform:translateY(calc(-100% - 28px));opacity:0;pointer-events:none}
body>header .source-label{display:none}
body>header .brand{flex:0 1 230px;gap:10px;color:var(--text-primary);font-weight:600}
body>header .brand>span:last-child{line-height:1.15}
body>header .brand small{margin-top:3px;color:var(--text-secondary);font-size:11px;font-weight:400;letter-spacing:0}
body>header .mark{width:42px;height:42px;border-radius:14px;background:var(--accent);box-shadow:0 8px 18px rgb(198 40 40 / 20%);color:#fff;font:600 14px/1 Manrope,sans-serif;letter-spacing:.02em}
.desktop-mode-tabs{display:flex;align-items:center;gap:4px;margin-left:auto}
.desktop-mode-tabs button{min-height:40px;padding:9px 13px;border:0;border-radius:12px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.desktop-mode-tabs button:hover{background:var(--accent-wash);color:var(--accent)}
.desktop-mode-tabs button[aria-current=page]{background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--accent)}
.header-theme-toggle,.mobile-menu-button,.settings-button{
 display:grid;
 flex:0 0 42px;
 width:42px;
 height:42px;
 padding:0;
 place-items:center;
 border:1px solid var(--border);
 border-radius:13px;
 background:var(--surface);
 color:var(--text-primary);
 box-shadow:0 3px 12px var(--shadow);
 transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.settings-button{order:1}
.header-theme-toggle{order:2}
.header-theme-toggle:hover,.mobile-menu-button:hover,.settings-button:hover{border-color:var(--border-strong);background:var(--surface-elevated);color:var(--accent);transform:translateY(-1px)}
.header-theme-toggle span{font-size:18px;line-height:1}

:root[data-theme=dark] body>header .mark,
:root[data-theme=dark] .primary,
:root[data-theme=dark] .metric:first-child,
:root[data-theme=dark] .mode-tabs button[aria-selected=true]{color:#fff}
.mobile-menu-button{display:none;gap:4px}
.mobile-menu-button span{width:18px;height:2px;border-radius:3px;background:currentColor}
main#top{padding-top:clamp(24px,4vw,48px)}

.mode-tabs{
 position:fixed;
 z-index:130;
 top:calc(max(10px,env(safe-area-inset-top)) + 76px);
 right:3%;
 left:auto;
 bottom:auto;
 display:flex;
 flex-direction:column;
 gap:6px;
 width:min(380px,94vw);
 height:auto;
 max-height:calc(100dvh - 108px - env(safe-area-inset-top));
 margin:0;
 padding:14px;
 overflow:auto;
 border:1px solid var(--border);
 border-radius:20px;
 background:var(--glass-strong);
 box-shadow:var(--shadow-elevated);
 backdrop-filter:blur(18px) saturate(120%);
 -webkit-backdrop-filter:blur(18px) saturate(120%);
 transform:translateY(-12px) scale(.985);
 transform-origin:top right;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .18s ease,visibility .22s ease;
}
.mode-tabs.open{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}
.mode-tabs .mobile-menu-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px;padding:2px 3px 12px;border-bottom:1px solid var(--border)}
.mode-tabs .mobile-menu-title strong{font-size:17px;font-weight:600}
.mode-tabs .mobile-menu-title button{width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--text-primary);font-size:22px}
.mode-tabs>button{min-height:48px;padding:12px 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;text-align:left}
.mode-tabs>button:hover,.mode-tabs>button[aria-current=page]{border-color:var(--border);background:var(--accent-wash);color:var(--accent)}
.mode-tabs>.mobile-settings-link{margin-top:7px;padding-top:13px!important;border-top:1px solid var(--border)!important;border-radius:0!important}
.mobile-menu-backdrop{position:fixed;z-index:120;inset:0;display:block;border:0;background:rgb(20 15 15 / 34%);backdrop-filter:blur(2px)}
:root:not([data-theme=dark]) .mobile-menu-backdrop{background:rgb(64 35 35 / 14%)}
.sign-in-advice{border-color:var(--border-strong);background:var(--accent-wash);color:var(--text-secondary)}

.primary,.secondary,.tabs button,.period-tabs button,.admission-subtabs button,.estimate-switch button,.training-switcher button{
 min-height:44px;
 border-radius:13px;
 font-weight:500;
 transition:transform .18s cubic-bezier(.4,0,.2,1),background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.primary{border-color:transparent;background:var(--accent);box-shadow:0 8px 18px rgb(198 40 40 / 18%);color:#fff}
.primary:hover{filter:none;background:var(--accent-hover);box-shadow:0 10px 22px rgb(198 40 40 / 22%);transform:translateY(-1px)}
.primary:active,.secondary:active,.tabs button:active{transform:scale(.98)}
.secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text-primary)}
.secondary:hover{background:var(--surface-elevated);border-color:var(--accent-light);color:var(--accent)}
button:disabled{box-shadow:none;opacity:.46;transform:none!important}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[role=radio]:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:3px}

input,select,textarea{
 border:1px solid var(--border)!important;
 border-radius:13px!important;
 background:var(--surface-elevated)!important;
 color:var(--text-primary)!important;
 box-shadow:inset 0 1px 0 rgb(255 255 255 / 3%);
 transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
input:hover,select:hover,textarea:hover{border-color:var(--border-strong)!important}
input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-wash)!important;outline:0}

.area-start,.question-card,.history-card,.metric,.admission-metrics>div,.admission-estimate,.ideal-score-panel,.syllabus-controls,.syllabus-course,.study-plan-main,.study-plan-drawer,.improvement-card,.attempt-card,.finish-card,.context,.case,.solution,.training-start,.theory-lesson{
 border-color:var(--border)!important;
 border-radius:var(--radius-lg);
 background:var(--surface);
 box-shadow:0 10px 32px var(--shadow);
 backdrop-filter:blur(12px);
 -webkit-backdrop-filter:blur(12px);
}
.area-start{max-width:720px;padding:clamp(24px,4vw,42px);border:1px solid var(--border)}
.area-start>p:not(.eyebrow),.admission-heading p,.syllabus-heading p,.result-head p{color:var(--text-secondary)}
.start-advice{border-radius:var(--radius-md);background:var(--background-secondary);border-color:var(--border)}
.rules{border-radius:15px;background:var(--surface-deep);box-shadow:inset 0 0 0 1px var(--border);color:var(--on-deep)}
.rules b{color:var(--accent-light)}
.toolbar{top:calc(var(--header-height,72px) + 22px);padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--glass);box-shadow:0 8px 24px var(--shadow);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);transition:top .26s cubic-bezier(.4,0,.2,1),background-color .22s ease,border-color .22s ease}
body.header-is-hidden .toolbar{top:max(10px,env(safe-area-inset-top))}
.layout>aside,.syllabus-aside{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 8px 26px var(--shadow);backdrop-filter:blur(12px)}
.layout>aside{top:calc(var(--header-height,72px) + var(--toolbar-height,72px) + 34px);max-height:calc(100dvh - var(--header-height,72px) - var(--toolbar-height,72px) - 50px);min-width:0;overflow-x:hidden;transition:top .26s cubic-bezier(.4,0,.2,1),background-color .22s ease}
body.header-is-hidden .layout>aside{top:calc(max(10px,env(safe-area-inset-top)) + var(--toolbar-height,72px) + 12px);max-height:calc(100dvh - var(--toolbar-height,72px) - 34px)}
.course-summary-toggle{display:none}
.course-summary-content,.course-summary-content nav,.course-summary-content a{min-width:0}
.course-summary-content a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow-wrap:anywhere;white-space:normal}
.course-summary-content a span{white-space:nowrap}
.course-summary-content .aside-note{overflow-wrap:anywhere}
nav a{border-radius:11px}
nav a:hover{background:var(--accent-wash);color:var(--accent)}
.question-card{padding:clamp(18px,3vw,30px);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.question-top{border-color:var(--border)}
.question-top h3{color:var(--accent);font-weight:600}
.source{color:var(--text-secondary);font-weight:500}
.question-text{color:var(--text-primary)}
.case,.context,.solution{background:var(--surface-soft);box-shadow:none}
.choice{min-height:48px;border-color:var(--border-strong);border-radius:13px;background:var(--surface-elevated);color:var(--text-primary);font-weight:500;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}
.choice:hover{border-color:var(--accent-light);background:var(--accent-wash);transform:translateY(-1px)}
.choice[aria-checked=true]{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}
.clear-answer{color:var(--text-secondary)}
.finish-card{background:var(--surface-deep);color:var(--on-deep)}
.finish-card .primary{background:var(--accent);color:#fff}
.metric:first-child{background:var(--accent);color:#fff}
.metric:first-child small{color:rgb(255 255 255 / 78%)}
.tabs{gap:4px;border-color:var(--border)}
.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}
.table-wrap,.admission-table-wrap{border-color:var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 8px 25px var(--shadow)}
th{background:var(--surface-soft)}
th,td{border-color:var(--border)}
.notice{border-color:var(--border-strong);border-radius:14px;background:var(--accent-wash)}

.training-switcher{align-items:center;max-width:100%;padding:5px;border-radius:999px!important;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.training-switcher button{box-sizing:border-box;min-width:112px;max-width:100%;min-height:42px;padding:9px 20px!important;border-radius:999px!important;line-height:1.2;white-space:normal;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s ease,color .2s ease,box-shadow .2s ease}
.training-switcher button[aria-selected=true]{background:var(--accent);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 24%,transparent);color:#fff;transform:translateY(0)}

@keyframes section-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-enter{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
#admissionResults:not([hidden]),#areaStart:not([hidden]),#trainingStart:not([hidden]),#practice:not([hidden]),#results:not([hidden]),#syllabusPage:not([hidden]),#historyPage:not([hidden]),#studyPlanView:not([hidden]){animation:section-enter .28s cubic-bezier(.4,0,.2,1) both}
#summaryPanel:not([hidden]),#reviewPanel:not([hidden]),#improvementPanel:not([hidden]){animation:section-enter .24s cubic-bezier(.4,0,.2,1) both}
.question-card,.syllabus-course,.history-card,.improvement-card,.attempt-card{animation:card-enter .28s cubic-bezier(.4,0,.2,1) both}
.syllabus-course:nth-child(2),.question-card:nth-child(2){animation-delay:25ms}.syllabus-course:nth-child(3),.question-card:nth-child(3){animation-delay:50ms}.syllabus-course:nth-child(4),.question-card:nth-child(4){animation-delay:75ms}.syllabus-course:nth-child(n+5),.question-card:nth-child(n+5){animation-delay:95ms}
.syllabus-course[open]>.syllabus-course-body,.syllabus-unit[open]>.topic-list,.theory-lesson[open]>.theory-lesson-body{animation:section-enter .22s cubic-bezier(.4,0,.2,1) both}
dialog[open]{animation:dialog-enter .24s cubic-bezier(.4,0,.2,1) both}

dialog,.settings-dialog,.auth-dialog,.study-dialog,.image-viewer{
 border:1px solid var(--border)!important;
 border-radius:var(--radius-lg)!important;
 background:var(--glass-strong)!important;
 box-shadow:0 30px 90px rgb(25 10 10 / 30%)!important;
 color:var(--text-primary)!important;
 backdrop-filter:blur(18px) saturate(120%);
 -webkit-backdrop-filter:blur(18px) saturate(120%);
}
dialog::backdrop{background:rgb(20 14 14 / 46%);backdrop-filter:blur(5px)}
.settings-head,.settings-section{border-color:var(--border)}
.settings-link,.auth-card{border-color:var(--border);border-radius:14px;background:var(--surface)}
.auth-login-card,.auth-register-card,.auth-recovery{border-top-color:var(--accent)}
.auth-card-icon{background:var(--accent-wash);color:var(--accent)}
.danger-section{background:color-mix(in srgb,var(--danger) 6%,var(--surface))}

.editorial-reading,.editorial-equation,.editorial-data,.editorial-statements,.editorial-bullets,.editorial-alpha{border-color:var(--border);background:var(--surface-soft)}
.editorial-figure-trigger{border-color:var(--border);border-radius:15px;background:#fff;box-shadow:0 8px 24px var(--shadow)}
.editorial-reference{color:var(--text-secondary)}
.image-viewer-stage{background:var(--background-secondary)}

@media(hover:hover) and (pointer:fine){
 .question-card:hover,.history-card:hover,.metric:hover,.admission-metrics>div:hover,.syllabus-course:hover,.improvement-card:hover,.attempt-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px var(--shadow)}
}

@media(max-width:1050px){
 body>header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;width:min(94%,900px);padding:8px 10px}
 body>header .mobile-menu-button{display:grid;grid-column:1;grid-row:1}
 body>header .brand{grid-column:2;grid-row:1;justify-self:center;justify-content:center;max-width:100%;overflow:hidden}
 body>header .brand>span:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 body>header .header-theme-toggle{grid-column:3;grid-row:1}
 body>header .desktop-mode-tabs,body>header #newExam,body>header .settings-button{display:none!important}
 .layout{grid-template-columns:minmax(0,1fr)}
 .layout>aside.course-summary{position:sticky;z-index:35;top:calc(var(--header-height,64px) + var(--toolbar-height,72px) + 30px);max-height:none;padding:0;overflow:visible;border-radius:999px;background:var(--glass-strong);transition:top .26s cubic-bezier(.4,0,.2,1),border-radius .2s ease,background-color .2s ease}
 body.header-is-hidden .layout>aside.course-summary{top:calc(max(10px,env(safe-area-inset-top)) + var(--toolbar-height,72px) + 12px);max-height:none}
 .course-summary-toggle{display:grid;width:100%;min-height:50px;padding:8px 12px 8px 17px;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:9px;border:0;border-radius:999px;background:transparent;color:var(--text-primary);font-weight:600;text-align:left}
 .course-summary-meta{padding:4px 9px;border-radius:999px;background:var(--accent-wash);color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}
 .course-summary-chevron{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--surface);font-size:18px;transition:transform .2s ease}
 .course-summary-content{position:absolute;top:calc(100% + 9px);right:0;left:0;max-height:min(54dvh,430px);padding:15px;overflow:auto;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);box-shadow:var(--shadow-elevated);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateY(-7px) scale(.99);transform-origin:top;opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .18s ease,visibility .2s ease}
 .course-summary.open{border-radius:18px}
 .course-summary.open .course-summary-content{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}
 .course-summary.open .course-summary-chevron{transform:rotate(180deg)}
 .course-summary-content>.aside-title{display:none}
}

@media(max-width:720px){
 html{scroll-padding-top:calc(var(--header-height,64px) + 20px)}
 body>header{top:max(8px,env(safe-area-inset-top));width:92%;min-height:58px;margin-top:8px;border-radius:18px}
 body>header .brand{gap:7px}
 body>header .brand>span:last-child{font-size:14px}
 body>header .brand small{font-size:10px}
 body>header .mark{width:36px;height:36px;border-radius:12px;font-size:12px}
 .header-theme-toggle,.mobile-menu-button{width:40px;height:40px;flex-basis:40px}
 .mode-tabs{top:calc(max(8px,env(safe-area-inset-top)) + 70px);right:3%;width:94%;max-height:calc(100dvh - 92px - env(safe-area-inset-top));border-radius:19px}
 main#top{padding:24px 14px 0}
 .area-start{padding:24px 18px}
 .toolbar{position:sticky;top:calc(var(--header-height,64px) + 16px);z-index:34;border-radius:15px}
 body.header-is-hidden .toolbar{top:max(8px,env(safe-area-inset-top))}
 .question-card{border-radius:18px}
 .question-top{align-items:flex-start;flex-direction:column;gap:6px}
 .source{max-width:100%;text-align:left}
 .choice.text-choice{padding:13px}
 .layout>aside nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 dialog,.settings-dialog,.auth-dialog,.study-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:20px!important}
 .image-viewer{border-radius:0!important}
}

@media(max-width:390px){
 body>header{grid-template-columns:38px minmax(0,1fr) 38px;width:94%;padding:7px 8px}
 body>header .brand>span:last-child{font-size:13px}
 body>header .brand small{display:none}
 body>header .mark{width:34px;height:34px}
 .header-theme-toggle,.mobile-menu-button{width:38px;height:38px}
 .layout>aside nav{grid-template-columns:minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
 body>header.site-header-hidden{transform:none;opacity:1;pointer-events:auto}
}