/* Readable learning UI: one label per action, detail only on request. */
html[data-theme="nordic"]{--bg:#f7f7fc;--paper:#fff;--ink:#27283f;--muted:#55566d;--green:#6450b9;--line:#dddde9;--soft:#eeebf8;--landing-bg:#f9f8ff;--landing-ink:#29243f;--landing-muted:#55516a;--landing-panel:#fff;--landing-line:#d9d2ec}
html[data-theme] .app-shell{font-size:16px;line-height:1.65}
html[data-theme] .app-shell .eyebrow{display:none}
html[data-theme] .app-shell :is(.question-top,.question-card,.topic-question) .eyebrow{display:block;font-size:13px;letter-spacing:.6px;color:var(--muted)}
html[data-theme] .app-shell .page-heading h1{font-size:34px!important;font-weight:700;color:var(--ink);margin-top:0;letter-spacing:-1px}
html[data-theme] .app-shell .page-heading p{font-size:16px;color:var(--muted);line-height:1.7;max-width:700px}
html[data-theme] .app-shell .page-heading{margin-bottom:26px}
html[data-theme] .app-shell .btn{font-size:16px;min-height:49px;font-weight:650;padding:12px 20px}
html[data-theme] .app-shell .text-button{font-size:15px;min-height:44px}
html[data-theme] .app-shell .main-content{max-width:1430px;padding-top:30px}
html[data-theme] .app-shell :is(.topic-rule,.topic-apply>p,.study-article section>p){font-size:17px;color:var(--ink);line-height:1.85}
html[data-theme] .app-shell :is(.muted,.study-tip p,.article-preview>p,.notebook-editor label,.topic-answer-label){font-size:15px;color:var(--muted);opacity:1}
html[data-theme] .app-shell :is(.study-example b,.topic-tile h2,.curriculum-list b){font-size:18px;line-height:1.55;color:var(--ink);font-weight:600}
html[data-theme] .app-shell :is(.study-example p,.topic-tile-bottom,.study-results-line,.study-level,.topic-tile-top small,.curriculum-list small){font-size:14px;color:var(--muted)}
html[data-theme] .app-shell .study-search input{font-size:16px}
html[data-theme] .app-shell .study-categories button{font-size:15px;min-height:42px}
html[data-theme] .app-shell .study-level select{font-size:15px}
html[data-theme] .app-shell .level-tag{font-size:14px;font-weight:650;padding:4px 9px}
html[data-theme] .app-shell .study-results-line>small{display:none}
html[data-theme] .app-shell .topic-tile{min-height:178px;padding:22px}
html[data-theme] .app-shell .topic-tile-top>small{display:none}
html[data-theme] .app-shell .topic-tile h2{margin:18px 0 22px}
html[data-theme] .app-shell .study-heading .eyebrow{display:none}
.sidebar-section{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}
html[data-theme] .app-shell :is(.sidebar-section,.sidebar-tools)>summary{font-size:16px;color:var(--ink);font-weight:600;padding:13px 12px;cursor:pointer}
html[data-theme] .app-shell .sidebar nav button{font-size:16px;min-height:52px;gap:12px;font-weight:500}
html[data-theme] .app-shell .sidebar nav button.active{font-weight:650}
html[data-theme] .app-shell :is(.sidebar-tools button,.sidebar-bottom>button,.admin-sidebar>a,.admin-sidebar>button){font-size:15px;min-height:47px;gap:12px}
html[data-theme] .app-shell .sidebar-bottom>button{display:flex!important}
html[data-theme] .app-shell .sidebar-label{font-size:12px;letter-spacing:.7px;margin-bottom:9px;color:var(--muted)}
html[data-theme] .app-shell .sidebar-profile strong{font-size:15px}
html[data-theme] .app-shell .sidebar-profile small{display:none}
html[data-theme] .app-shell .sidebar>.brand-button{margin-bottom:27px}
html[data-theme] .app-shell .breadcrumb{font-size:14px}
html[data-theme] .app-shell :is(.current-language,.theme-top-button,button.global-search){font-size:14px}
.subscription-banner{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 80px);max-width:1300px;margin:20px auto 0;padding:14px 21px;border-radius:14px;border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--soft) 85%,var(--paper)),var(--paper));color:var(--green);text-align:left;min-height:57px}
.subscription-banner>span{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.6}
.subscription-banner>span:first-child{font-size:16px}.subscription-banner>span:last-child{color:var(--muted)}
.subscription-banner:hover{border-color:var(--green);box-shadow:0 4px 18px #7962bd10}
html[data-theme] .app-shell .plan-admin{font-size:16px;padding:17px 22px;margin-bottom:29px;color:var(--green);line-height:1.7}
html[data-theme] .app-shell .plan-card{padding:32px 27px!important;border-radius:21px}
html[data-theme] .app-shell .plan-card h3{font-size:20px;font-weight:650;color:var(--ink)}
html[data-theme] .app-shell .plan-card h2{font-size:38px;font-weight:650;color:var(--ink);margin:21px 0 13px}
html[data-theme] .app-shell .plan-card h2 small{font-size:15px;color:var(--muted)}
html[data-theme] .app-shell .plan-card>p{font-size:15px;color:var(--muted);min-height:48px;line-height:1.7}
html[data-theme] .app-shell .plan-card ul{font-size:16px;gap:17px;margin:25px 0 31px;line-height:1.65}
html[data-theme] .app-shell .plan-card li{line-height:1.6;gap:10px;color:var(--ink)}
html[data-theme] .app-shell .plan-card li b{font-weight:650;color:var(--ink)}
html[data-theme] .app-shell .plan-recommended{font-size:13px;padding:5px 15px;top:-16px;line-height:1.6}
html[data-theme] .app-shell .plan-card>.btn:disabled{opacity:1;box-shadow:none;background:var(--soft);border-color:var(--line);color:var(--green);cursor:default}
html[data-theme] .app-shell .plan-card.featured>.btn:disabled{background:var(--green);color:#fff}
.plans-details{margin:26px 0 0;color:var(--muted);font-size:15px;line-height:1.8}.plans-details>summary{font-size:15px;color:var(--green);padding:10px 0}.plans-details p{margin:15px 0;max-width:900px;font-size:15px}
html[data-theme] .app-shell .daily-hero h2{font-size:32px;font-weight:650;max-width:530px;margin-top:0;line-height:1.3}
html[data-theme] .app-shell .daily-meta{font-size:15px;margin:20px 0 25px}
html[data-theme] .app-shell .daily-hero .btn{font-size:16px;min-height:51px}
html[data-theme] .app-shell .daily-route{font-size:15px;margin-top:14px}
html[data-theme] .app-shell .daily-mini-progress>span{font-size:15px;gap:8px}
html[data-theme] .app-shell .daily-section-title h2{font-size:23px}
html[data-theme] .app-shell .daily-shortcut h3{font-size:18px}
html[data-theme] .app-shell .daily-shortcut p{font-size:15px;margin-top:8px;color:var(--muted);line-height:1.65}
html[data-theme] .app-shell .daily-shortcut{padding:24px 23px}
html[data-theme] .app-shell .app-footer{font-size:13px;margin-top:35px}
html[data-theme] .app-shell .save-status{font-size:13px}
html[data-theme] .app-shell :is(.theme-option>b,.settings-grid label){font-size:16px}
html[data-theme] .app-shell .theme-option>small{display:none}
.sound-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.sound-setting b{font-size:16px;color:var(--ink)}.sound-setting small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.sound-setting input{width:21px;height:21px;accent-color:var(--green);flex:none}
html[data-theme] .app-shell :is(.topic-question .feedback,.question .feedback)>p{font-size:16px;line-height:1.8}
html[data-theme] .app-shell .feedback strong{font-size:18px}
html[data-theme] .app-shell .topic-question .feedback small{font-size:13px;line-height:1.7}
html[data-theme] .app-shell .topic-question .progress-line i{background:var(--green)}
html[data-theme] .app-shell .study-stepper>span{font-size:14px}.study-stepper b{font-size:12px}
html[data-theme] .app-shell .topic-breadcrumb>span{font-size:14px}
html[data-theme] .app-shell .topic-answer-label>.answer-input{font-size:18px}
html[data-theme] .app-shell .learning-stats small{font-size:14px}
html[data-theme] .app-shell .learning-tabs button{font-size:15px}
html[data-theme] .app-shell .world-card p{font-size:16px}
html[data-theme] .app-shell .world-card small{font-size:14px}
html[data-theme] .app-shell .btn.primary:not(:disabled){background:linear-gradient(110deg,#705bc4,#8c69d2,#6653b9);background-size:200% 100%;transition:background-position .5s,transform .2s,box-shadow .2s;color:#fff}
html[data-theme] .app-shell .btn.primary:hover:not(:disabled){background-position:100% 50%;box-shadow:0 7px 22px #6f59bf26;transform:translateY(-1px)}
html[data-theme="nordic"] .frizly-landing .landing-copy h1>span{background-image:linear-gradient(100deg,#7151bf,#517c91,#7151bf);background-size:200% 100%}
html[data-theme="nordic"] .landing-copy>p{color:#504b64}
html[data-theme] .app-shell .daily-hero h2{color:var(--ink)}
html[data-theme] .app-shell .daily-hero h2::first-line{color:var(--green)}
@media(max-width:1100px){.subscription-banner{width:calc(100% - 54px)}html[data-theme] .app-shell .daily-shortcuts{grid-template-columns:1fr}html[data-theme] .app-shell .daily-shortcut{display:grid;grid-template-columns:47px 1fr;gap:0 17px;align-items:center}.daily-shortcut .shortcut-icon{grid-row:1/3;margin:0}html[data-theme] .app-shell .plan-card ul{grid-template-columns:1fr}.plan-card>.btn{max-width:none}}
@media(max-width:720px){html[data-theme] .app-shell .main-content{padding-top:24px!important}html[data-theme] .app-shell .page-heading h1{font-size:28px!important}html[data-theme] .app-shell .page-heading p{font-size:15px}.subscription-banner{width:calc(100% - 36px);margin-top:14px;padding:13px 15px;gap:10px}.subscription-banner>span:first-child{font-size:15px;gap:8px}.subscription-banner>span:last-child{font-size:13px;gap:5px;max-width:140px;text-align:right}.subscription-banner>span:first-child>svg{width:18px}html[data-theme] .app-shell .plan-card{padding:28px 24px!important}html[data-theme] .app-shell .plan-card h2{font-size:36px}html[data-theme] .app-shell .plan-card ul{font-size:16px;gap:15px}html[data-theme] .app-shell .plan-admin{font-size:15px;gap:10px;padding:15px 17px}.plan-admin>svg{width:19px}html[data-theme] .app-shell .plan-card>p{min-height:0}html[data-theme] .app-shell .topbar .breadcrumb>b{font-size:15px}html[data-theme] .app-shell .sidebar nav button{font-size:16px}html[data-theme] .app-shell .sidebar-tools button{font-size:15px}html[data-theme] .app-shell .sidebar-profile strong{font-size:15px}html[data-theme] .app-shell .daily-hero h2{font-size:28px}html[data-theme] .app-shell .daily-meta{font-size:14px}html[data-theme] .app-shell .daily-mini-progress>span{font-size:13px}html[data-theme] .app-shell .daily-shortcut{padding:21px 19px}html[data-theme] .app-shell .daily-shortcut h3{font-size:17px}html[data-theme] .app-shell .daily-shortcut p{font-size:14px}html[data-theme] .app-shell .topic-tile h2{font-size:18px}.study-tip{display:none}html[data-theme] .app-shell .study-stepper>span{font-size:12px}.sound-setting{padding:17px}.sound-setting small{font-size:13px}.mobile-bottom-nav button span{font-size:11px}.mobile-bottom-nav button{min-height:53px}html[data-theme] .app-shell .topic-question-actions .text-button{font-size:14px}.topic-question-actions>.btn{width:100%}html[data-theme] .app-shell .topic-rule{font-size:16px}.study-categories{gap:5px}html[data-theme] .app-shell .study-categories button{font-size:14px;padding:7px 12px}}
@media(max-width:359px){.subscription-banner{padding:12px}.subscription-banner>span:first-child{font-size:14px}.subscription-banner>span:last-child{font-size:12px;max-width:112px}html[data-theme] .app-shell .daily-mini-progress>span{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.landing-copy h1>span{animation:frizly-colour 12s ease-in-out infinite alternate}@keyframes frizly-colour{to{background-position:100% 50%}}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.subscription-banner{display:none!important}}
html[data-theme] .app-shell :is(.sidebar nav button,.sidebar-tools button,.sidebar-bottom>button,.admin-sidebar>a,.admin-sidebar>button){color:var(--ink);opacity:1}html[data-theme] .app-shell .sidebar nav button.active{color:var(--green)}html[data-theme] .app-shell .sidebar button:hover{background:var(--soft);color:var(--green)}