@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.app-main-wrap{isolation:isolate;background:linear-gradient(145deg, var(--hero-bg), var(--surface-dim) 45%, var(--surface-container));position:relative}.studio-backdrop{z-index:-1;pointer-events:none;background-image:radial-gradient(var(--primary) 1px, transparent 1px);position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-backdrop{background-image:radial-gradient(color-mix(in srgb, var(--primary) 13%, transparent) 1px, transparent 1px)}}.studio-backdrop{background-size:32px 32px}.backdrop-glow{background:radial-gradient(circle, var(--hero-gradient), transparent 70%);border-radius:50%;width:760px;height:760px;position:absolute;top:170px;right:-230px}@supports (color:color-mix(in lab, red, red)){.backdrop-glow{background:radial-gradient(circle, color-mix(in srgb, var(--hero-gradient) 70%, transparent), transparent 70%)}}.backdrop-symbol{color:var(--primary);opacity:.13;position:absolute;transform:rotate(-12deg)}.backdrop-symbol svg{stroke-width:1.3px;width:48px;height:48px}.symbol-music{top:470px;right:24px}.symbol-star{color:#c5982c;top:850px;left:18px;transform:rotate(14deg)}.symbol-book{bottom:40px;right:80px;transform:rotate(9deg)}.symbol-spark{top:110px;left:20px}.studio-hero{isolation:isolate;border:1px solid var(--soft-outline);background:linear-gradient(120deg, var(--surface), var(--hero-bg) 52%, var(--hero-gradient));border-radius:30px;grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);align-items:center;min-height:335px;margin-bottom:28px;padding:32px 36px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-hero{background:linear-gradient(120deg, color-mix(in srgb, var(--surface) 88%, var(--hero-bg)), var(--hero-bg) 52%, var(--hero-gradient))}}.studio-hero{box-shadow:0 10px 35px var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-hero{box-shadow:0 10px 35px color-mix(in srgb, var(--primary) 7%, transparent)}}.studio-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 90% 0,#ffffffc9,#0000 48%);position:absolute;inset:0}.studio-hero-copy{z-index:3;min-width:0;position:relative}.studio-room-label{border:1px solid var(--soft-outline);align-items:center;gap:7px;margin-bottom:18px;padding:6px 11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.studio-room-label{border:1px solid color-mix(in srgb, var(--soft-outline) 65%, white)}}.studio-room-label{color:var(--primary-dark);background:#ffffffc7;border-radius:99px;font-size:12px;font-weight:650}.studio-hero-copy>.eyebrow{font-size:10px;display:block}.studio-hero h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:8px 0 12px;font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.4}.studio-hero-copy>p{max-width:470px;color:var(--muted);text-wrap:pretty;font-size:14px;line-height:1.85}.studio-hero-actions{margin-top:20px}.studio-learning-message{color:var(--primary-dark);align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.studio-encouragement{color:var(--ink);margin:6px 0 14px;font-size:15px;font-weight:700}.studio-hero-actions .button{min-height:48px;font-size:14px}.studio-hero-actions>small{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.studio-pending-count{border:1px solid var(--soft-outline);color:var(--primary-dark);background:#ffffffda;border-radius:16px;align-items:center;gap:10px;padding:11px 16px;display:inline-flex}.studio-pending-count strong{font-size:28px;line-height:1}.studio-pending-count span{font-size:13px}.studio-hero-art{align-self:end;min-width:0;height:300px;position:relative}.studio-window{background:linear-gradient(150deg, #ffffffc2, var(--primary-container));border:9px solid #ffffffbe;border-radius:80px 80px 22px 22px;width:235px;height:230px;position:absolute;top:6px;right:9px}@supports (color:color-mix(in lab, red, red)){.studio-window{background:linear-gradient(150deg, #ffffffc2, color-mix(in srgb, var(--primary-container) 70%, #ffffff7a))}}.studio-window{transform:rotate(3deg);box-shadow:0 0 0 1px #ffffffd6,inset 0 0 28px #ffffffad}.studio-window span:first-child{background:#ffffffbf;width:6px;height:100%;position:absolute;left:48%}.studio-window span:last-child{background:#ffffffbf;width:100%;height:6px;position:absolute;top:45%}.studio-hero .studio-hero-companion{z-index:2;width:320px;height:335px;position:absolute;bottom:-17px;right:-20px}.studio-hero-companion .companion-note{opacity:.85}.studio-art-spark{color:#c5972b;position:absolute;top:12px;left:6px;transform:rotate(-15deg)}.studio-word{z-index:3;border:1px solid var(--soft-outline);box-shadow:var(--shadow);color:var(--primary-dark);background:#ffffffeb;border-radius:14px;padding:12px 15px;font:italic 22px/1.15 Georgia,serif;position:absolute;top:93px;left:-15px;transform:rotate(-7deg)}.studio-word small{color:var(--muted);margin-top:5px;font:10px/1.6 Noto Sans KR,sans-serif;display:inline-block}.studio-books{z-index:1;width:105px;position:absolute;bottom:4px;left:7px;transform:rotate(-4deg)}.studio-books span{border:2px solid #ffffffdc;border-radius:4px;height:17px;margin-top:3px;display:block;box-shadow:0 3px 9px #173e4308}.studio-books span:first-child{background:var(--primary-container);width:98%}.studio-books span:nth-child(2){background:#e0d8ef;width:90%;margin-left:6px}.studio-books span:nth-child(3){background:#ffe4c1}.studio-plant{color:var(--primary-dark);opacity:.38;z-index:1;position:absolute;bottom:4px;right:-7px;transform:rotate(13deg)}[data-studio-theme=wisteria] .studio-window{background:radial-gradient(circle at 75% 20%,#fff8da 0 12%,#0000 13%),linear-gradient(145deg,#ede4f6,#cfc0e8);border-radius:50% 50% 18px 18px}[data-studio-theme=wisteria] .studio-window span{opacity:.35}[data-studio-theme=pastel] .studio-window{background:linear-gradient(145deg,#fff6e3,#fae3e9);border-radius:65px 65px 20px 20px}.app-sidebar{scrollbar-width:thin;overflow-y:auto}.app-sidebar .sidebar-note{text-align:center;background:linear-gradient(160deg, var(--hero-bg), var(--surface));flex-shrink:0;min-height:205px;margin-top:auto;padding:151px 15px 15px}.app-sidebar .sidebar-companion{width:134px;height:144px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.app-sidebar .sidebar-companion[data-companion=mini]{width:122px;height:134px;top:7px}.friend-portrait{border:1px solid var(--soft-outline);background:linear-gradient(155deg, var(--hero-bg), var(--surface));border-radius:19px;flex-shrink:0;width:64px;height:70px;display:block;position:relative;overflow:hidden}.friend-portrait img{width:190%;max-width:none;height:auto;position:absolute;top:-5%;left:-45%}.subject-friend-label{color:var(--primary-dark);margin:5px 0 3px;font-size:11px;font-weight:600}.subject-card-top{flex-wrap:wrap;align-items:start}.subject-card-top .pill{margin-top:3px}.sidebar-companion .companion-note{display:none}.app-sidebar .sidebar-note h3{font-size:13px}.app-sidebar .sidebar-note p{color:var(--muted);font-size:11px}.app-sidebar .sidebar-label{margin-bottom:28px}.app-sidebar .sidebar-nav{flex-shrink:0;margin-bottom:24px}.app-sidebar .sidebar-account{flex-shrink:0}@media (max-height:820px) and (min-width:961px){.app-sidebar{padding-top:24px}.app-sidebar .sidebar-note{min-height:165px;padding-top:121px}.app-sidebar .sidebar-companion{width:112px;height:112px}.app-sidebar .sidebar-note p{margin-bottom:0}.app-sidebar .sidebar-label{margin-bottom:20px}.app-sidebar .sidebar-nav{gap:6px;margin-bottom:16px}}@media (max-width:1200px){.studio-hero{grid-template-columns:minmax(0,1.25fr) minmax(210px,1fr);padding:28px}.studio-hero .studio-hero-companion{width:270px;height:315px;right:-26px}.studio-window{width:210px;right:0}.studio-word{font-size:19px;left:-5px}}@media (max-width:720px){.friend-portrait{border-radius:15px;width:52px;height:58px}.studio-hero{border-radius:24px;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;margin-bottom:22px;padding:24px 22px 0}.studio-room-label{margin-bottom:14px;padding:5px 9px;font-size:10px}.studio-hero h1{margin-top:6px;font-size:26px}.studio-hero-copy>p{font-size:13px;line-height:1.8}.studio-hero-actions{margin-top:16px}.studio-hero-actions .button{min-height:48px}.studio-pending-count{gap:8px;padding:10px 12px}.studio-pending-count span{font-size:12px}.studio-pending-count strong{font-size:25px}.studio-hero-art{height:214px;margin-top:5px}.studio-hero .studio-hero-companion{width:210px;height:245px;bottom:-12px;right:-22px}.studio-window{border-width:7px;width:173px;height:181px;top:22px;right:-2px}.studio-word{padding:10px 12px;font-size:20px;top:60px;left:0}.studio-word small{font-size:9px}.studio-books{width:83px;bottom:17px;left:5px}.studio-art-spark{top:30px;left:5px}.studio-plant{right:-21px}.backdrop-symbol svg{width:32px;height:32px}}.wisteria-canopy{pointer-events:none;opacity:.32;z-index:0;width:52%;height:auto;position:absolute;top:-16px;right:-8px}.studio-hero>.wisteria-canopy{width:51%;max-height:170px}[data-theme=wisteria] .auth-page{background:radial-gradient(ellipse at 10% 40%, #e7dcf782, transparent 53%), var(--surface-dim)}[data-theme=wisteria] .auth-hero{border:1px solid var(--soft-outline);isolation:isolate;background:linear-gradient(150deg,#faf7fd,#efe4fa 68%,#e1d1f2);border-radius:28px;padding:26px 28px;overflow:hidden}[data-theme=wisteria] .auth-companion{bottom:10px;right:-8px}[data-theme=wisteria] .hero-bottom-caption{bottom:15px;left:28px}[data-theme=wisteria] .auth-hero>.wisteria-canopy{opacity:.45;width:84%;top:-8px;right:-12px}[data-theme=wisteria] .auth-companion:before{background:linear-gradient(140deg,#e0d1f0,#f7eefc)}[data-theme=wisteria] .music-badge{color:var(--primary-dark);border-color:var(--soft-outline);background:#ffffffbd}[data-theme=wisteria] .hero-kicker,[data-theme=wisteria] .hero-description,[data-theme=wisteria] .auth-card-title>p,[data-theme=wisteria] .auth-approval,[data-theme=wisteria] .theme-card-copy p,[data-theme=wisteria] .settings-section>p{color:var(--muted)}[data-theme=wisteria] .hand-drawn-line{background:#c7afe3;border-color:#ab8ace}[data-theme=wisteria] .floating-word{border-color:var(--soft-outline);color:var(--primary-dark);background:#fffdfd}[data-theme=wisteria] .companion-note{color:#b599d3}[data-theme=wisteria] :focus-visible{outline-color:#aa83d0}[data-theme=wisteria] .studio-hero .companion-note{display:none}[data-theme=wisteria] .studio-word{background:#fffffff0}.theme-character-preview{aspect-ratio:1.6;border-bottom:1px solid var(--outline);background:linear-gradient(135deg,#f7f0fc,#dfcef4);width:100%;position:relative;overflow:hidden}.theme-character-preview>.wisteria-canopy{opacity:.6;width:100%;top:-20px}.theme-card .theme-character-preview img{aspect-ratio:auto;object-fit:contain;border:0;width:auto;max-width:none;height:100%;position:absolute}.theme-card .theme-preview-lead{z-index:2;bottom:-7%;right:7%}.theme-card .theme-preview-friend{z-index:1;height:92%;bottom:-14%;left:5%}@media (max-width:960px) and (min-width:721px){.theme-character-preview{aspect-ratio:auto;height:100%}}@media (max-width:720px){[data-theme=wisteria] .auth-hero .hero-description{max-width:160px;font-size:12px;line-height:1.75}[data-theme=wisteria] .auth-hero{padding:18px}[data-theme=wisteria] .auth-companion{bottom:4px;right:-10px}.studio-hero>.wisteria-canopy{opacity:.24;width:70%}[data-theme=wisteria] .auth-hero>.wisteria-canopy{width:66%;max-height:140px}.theme-character-preview{aspect-ratio:1.62}}:root,[data-theme=mint]{--primary:#129b96;--primary-dark:#087e7b;--primary-container:#ddf4ee;--on-primary-container:#17665f;--surface:#fff;--surface-dim:#f6f9f8;--surface-container:#eff7f3;--ink:#173e43;--muted:#718589;--outline:#e2eae6;--soft-outline:#d8ede7;--hero-bg:#eefaf6;--hero-gradient:#d4f1e6;--shadow:0 6px 24px #1f5b4a0b}[data-theme=wisteria]{--primary:#8763b1;--primary-dark:#6d4894;--primary-container:#e9ddf6;--on-primary-container:#654980;--surface-dim:#f7f3fc;--surface-container:#f4edf9;--ink:#3f3450;--muted:#756681;--outline:#eae3ef;--soft-outline:#e7dcf0;--hero-bg:#f5eefc;--hero-gradient:#ddcdf2}[data-theme=pastel]{--primary:#c97891;--primary-dark:#af5672;--primary-container:#fae6ee;--on-primary-container:#98576e;--surface-dim:#fdf9f8;--surface-container:#fbefee;--ink:#57454d;--muted:#9a8890;--outline:#f0e5e6;--soft-outline:#f3dce5;--hero-bg:#fff1f0;--hero-gradient:#f6e4ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-dim);color:var(--ink);letter-spacing:-.025em;-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:disabled{cursor:not-allowed;opacity:.5}a,button{transition:background .18s,box-shadow .18s,transform .18s,color .18s}:focus-visible{outline-offset:4px;outline:3px solid #73cfc3}svg{flex-shrink:0}img{max-width:100%;display:block}button{border:0}::selection{background:var(--primary-container)}.brand{letter-spacing:-.04em;color:var(--ink);white-space:nowrap;align-items:center;gap:11px;font-size:24px;font-weight:800;display:inline-flex}.brand-symbol{width:38px;height:38px;color:var(--primary);place-items:center;display:grid;position:relative}.brand-star{color:#f1bc47;stroke:#f1bc47;position:absolute;top:-2px;right:-2px}.brand-compact{gap:7px;font-size:21px}.brand-compact .brand-symbol{width:33px}.yellow-star{color:#f2c34a;stroke:#41b2ad}.tiny-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;display:inline-block}.button{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:14px;min-height:50px;padding:13px 25px;font-size:14px;font-weight:700;line-height:1.4;display:inline-flex}.button-primary{color:#fff;background:var(--primary);box-shadow:0 4px 10px var(--primary)}@supports (color:color-mix(in lab, red, red)){.button-primary{box-shadow:0 4px 10px color-mix(in srgb, var(--primary) 13%, transparent)}}.button-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 18px var(--primary);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.button-primary:hover:not(:disabled){box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 18%, transparent)}}.button-secondary{background:var(--surface);color:var(--primary-dark);border:1px solid var(--soft-outline)}.button-secondary:hover:not(:disabled){background:var(--primary-container)}.text-button{color:var(--primary-dark);background:0 0;align-items:center;gap:6px;padding:7px 0;font-size:13px;font-weight:700;display:inline-flex}.icon-button{width:48px;height:48px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:var(--primary-container);color:var(--primary)}.quiet-link{color:var(--muted);align-items:center;min-height:48px;font-size:13px;display:inline-flex}.eyebrow{letter-spacing:.13em;color:var(--primary);align-items:center;gap:6px;font-size:10px;font-weight:800;line-height:1.5;display:flex}.pill{background:var(--primary-container);color:var(--on-primary-container);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:700;line-height:1.5;display:inline-flex}.pill-vocabulary{color:#168671;background:#e2f6ee}.pill-grammar{color:#8863b0;background:#eee8fa}.pill-reading{color:#ab7c22;background:#fff2d5}.pill-math,.pill-rose{color:#bd6b83;background:#fde9ee}.pill-neutral{color:#778780;background:#f0f3f2}.progress-track{background:var(--surface-container);border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-track>span{background:var(--primary);border-radius:99px;height:100%;transition:width .3s;display:block}.error-notice{color:#a4483c;background:#fff2f0;border:1px solid #f8dcd6;border-radius:16px;gap:10px;margin:12px 0;padding:15px 17px;font-size:13px;line-height:1.7;display:flex}.error-notice>svg{margin-top:2px}.error-notice .text-button{color:#a4483c}.loading-state{min-height:250px;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.loading-state p{color:var(--muted);font-size:14px}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.session-loading{flex-direction:column;align-items:center;gap:30px;min-height:100dvh;padding:50px 24px;display:flex}.session-loading .error-notice{max-width:500px}.empty-state{text-align:center;border:1px dashed var(--soft-outline);background:var(--surface);border-radius:26px;padding:55px 24px}.empty-state h3{margin:18px 0 10px;font-size:20px}.empty-state p{color:var(--muted);white-space:pre-line;max-width:390px;margin:0 auto 23px;font-size:14px}.empty-icon{width:66px;height:66px;color:var(--primary);background:var(--primary-container);border-radius:23px;place-items:center;margin:auto;display:grid}.auth-page{background:#f8fdfb;flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.auth-header{z-index:5;background:#ffffffeb;border-bottom:1px solid #e3f2ec;justify-content:space-between;align-items:center;height:88px;padding:0 max(5vw,28px);display:flex;position:relative}.header-motto{color:#8a9a9f;align-items:center;gap:22px;font-size:13px;display:flex}.auth-main{flex:1;grid-template-columns:1.25fr .9fr;align-items:center;gap:56px;width:min(1280px,100%);margin:0 auto;padding:60px 52px 44px;display:grid;position:relative}.auth-main:before{content:"";pointer-events:none;background:radial-gradient(at 45% 65%,#e5f8f0 0,#0000 55%);position:absolute;inset:0 -50vw}.auth-hero{align-self:stretch;min-height:590px;padding-top:10px;position:relative}.music-badge{letter-spacing:.09em;color:#3eaaa0;background:#e9f7f0;border-radius:99px;align-items:center;gap:7px;padding:5px 11px;font-size:9px;font-weight:750;display:inline-flex}.hero-copy{z-index:3;pointer-events:none;margin-top:25px;position:relative}.hero-kicker{color:var(--primary);margin-bottom:15px;font-size:16px;font-weight:700}.hero-copy h1{letter-spacing:-.055em;max-width:490px;font-size:47px;font-weight:850;line-height:1.35}.hand-drawn-line{border-top:3px solid #73cbbd;border-radius:50%;width:192px;height:8px;margin-top:14px;transform:rotate(-3deg)}.hero-description{color:#738b8b;margin-top:17px;font-size:14px;line-height:1.9}.companion{position:relative}.companion img{object-fit:contain;z-index:2;width:100%;height:100%;position:relative}.auth-companion{z-index:2;width:425px;height:395px;position:absolute;bottom:-6px;right:-42px}.auth-companion:before{content:"";z-index:0;background:linear-gradient(140deg,#def5e7,#effaf5);border-radius:50% 50% 42% 42%;position:absolute;inset:25px 30px 0}.companion-note{z-index:1;color:#65bdb1;position:absolute}.note-one{top:16%;left:7%;transform:rotate(-12deg)}.note-two{color:#e4bb57;top:21%;right:4%;transform:rotate(15deg)}.floating-word{z-index:3;background:#fffffff0;border:1px solid #d7eae4;border-radius:14px;min-width:94px;padding:13px 17px;position:absolute;transform:rotate(-7deg);box-shadow:0 7px 23px #2f715b14}.floating-word span{color:#409f91;font-family:Georgia,serif;font-size:24px;font-style:italic;line-height:1.2;display:block}.floating-word small{color:#81948c;margin-top:5px;font-size:11px;display:block}.word-happy{bottom:120px;left:21px}.word-happy>svg{color:#edbf52;stroke:#edbf52;position:absolute;top:-8px;right:-8px}.word-brave{bottom:27px;left:73px;transform:rotate(5deg)}.word-brave svg{color:#64bdb1;position:absolute;bottom:10px;right:-19px}.hero-bottom-caption{color:#92a19a;z-index:3;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;bottom:-21px;left:2px}.auth-card{z-index:4;background:#fff;border:1px solid #dff0e8;border-radius:28px;width:100%;max-width:470px;padding:40px 38px 29px;position:relative;box-shadow:0 10px 40px #24684f0f}.auth-card-title .eyebrow{letter-spacing:.06em;font-size:10px}.auth-card-title h2{letter-spacing:-.05em;margin:10px 0 8px;font-size:28px;font-weight:800;line-height:1.45}.auth-card-title>p{color:#8d9c9c;font-size:12px}.auth-form{gap:20px;margin-top:30px;display:grid}.form-field label{justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:750;display:flex}.form-field label>span{color:#8d9c9c;font-size:9px;font-weight:400}.input-wrap{background:#fff;border:1px solid #dbe5e0;border-radius:12px;align-items:center;gap:12px;height:54px;padding-left:16px;transition:border .2s,box-shadow .2s;display:flex}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-container)}.input-wrap>svg{color:#82999a;width:18px}.input-wrap input{box-shadow:none;color:var(--ink);background:0 0;border:0;width:100%;min-width:0;height:100%;padding-right:13px;font-size:13px;outline:0!important}.input-wrap input::placeholder{color:#a5b1b0;font-size:12px}.eye-button{color:#95a3a3;background:0 0;align-self:center;place-items:center;width:44px;min-width:44px;height:48px;display:grid}.auth-submit{justify-content:space-between;width:100%;min-height:53px;margin-top:9px;padding-left:32px;font-size:15px}.auth-submit>svg{margin-left:0}.auth-form .error-notice{margin:0;font-size:12px}.auth-switch{color:#80938f;border-top:1px solid #e8eeeb;justify-content:center;align-items:center;gap:10px;margin-top:25px;padding-top:22px;font-size:12px;display:flex}.auth-switch a{color:var(--primary);align-items:center;gap:5px;font-weight:700;display:flex}.auth-approval{color:#96a49f;justify-content:center;gap:6px;margin-top:13px;font-size:10px;display:flex}.auth-footer{z-index:5;background:#ffffffb3;justify-content:center;align-items:center;gap:20px;padding:25px 50px 30px;display:flex;position:relative}.auth-footer>span{background:#e0eae5;flex:1;max-width:300px;height:1px}.auth-footer p{color:#9baaa3;align-items:center;gap:9px;font-size:10px;display:flex}.signup-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:390px;display:flex}.signup-complete h2{margin-bottom:0;font-size:26px;font-weight:800}.signup-complete>p{color:var(--muted);font-size:14px;line-height:1.9}.success-orbit{background:var(--primary-container);width:78px;height:78px;color:var(--primary);border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.approval-info{color:var(--primary-dark);background:var(--primary-container);border-radius:12px;align-items:center;gap:8px;margin:7px 0 14px;padding:13px 15px;font-size:12px;display:flex}.signup-complete .button{width:100%}.app-frame{min-height:100dvh;display:flex}.app-sidebar{background:var(--surface);border-right:1px solid var(--outline);z-index:10;flex-direction:column;width:239px;padding:34px 23px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-label{letter-spacing:.13em;color:#abb8b2;margin:8px 0 40px 7px;font-size:7.5px;font-weight:650}.sidebar-nav{gap:9px;display:grid}.sidebar-nav>a{min-height:51px;color:var(--muted);border-radius:13px;align-items:center;gap:12px;padding:0 15px;font-size:12px;font-weight:550;display:flex}.sidebar-nav>a:hover{background:var(--surface-container)}.sidebar-nav>a.active{background:var(--primary-container);color:var(--primary-dark);font-weight:750}.nav-dot{background:var(--primary);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-note{border:1px solid var(--outline);background:var(--surface-dim);border-radius:20px;margin-top:auto;padding:22px 16px 17px;position:relative;overflow:hidden}.sidebar-note-icon{background:var(--primary-container);width:41px;height:41px;color:var(--primary);border-radius:14px;place-items:center;margin-bottom:13px;display:grid}.sidebar-note h3{font-size:12px;font-weight:750}.sidebar-note p{color:#8fa19a;margin:7px 0;font-size:10px;line-height:1.8}.sidebar-note>svg{color:#e7be58;stroke:#e7be58;position:absolute;top:24px;right:17px}.sidebar-account{border-top:1px solid var(--outline);align-items:center;gap:9px;margin-top:24px;padding-top:21px;display:flex}.avatar{background:var(--primary-container);width:36px;height:36px;color:var(--primary-dark);border-radius:13px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid;position:relative}.avatar-dot{background:#76b597;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.sidebar-account strong{font-size:10px;line-height:1.5;display:block}.sidebar-account small{white-space:nowrap;text-overflow:ellipsis;color:#94a39c;max-width:100px;font-size:8px;line-height:1.5;display:block;overflow:hidden}.sidebar-account .icon-button{width:32px;height:40px;margin-left:auto}.app-main-wrap{flex:1;min-width:0;margin-left:239px}.app-topbar{background:var(--surface);height:80px}@supports (color:color-mix(in lab, red, red)){.app-topbar{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.app-topbar{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;padding:0 45px;display:flex}.desktop-topbar-caption{color:#9eaba4;align-items:center;gap:9px;font-size:11px;display:flex}.desktop-topbar-caption>svg{color:#90aaa0}.topbar-right{align-items:center;gap:23px;display:flex}.topbar-day{color:#85998c;align-items:center;gap:8px;font-size:10px;display:flex}.topbar-avatar{background:var(--primary-container);width:34px;height:34px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.mobile-brand,.mobile-logout,.mobile-nav{display:none}.app-content{width:min(1170px,100%);margin:auto;padding:37px 44px 30px}.app-footer{color:#a6b4ab;letter-spacing:.04em;justify-content:space-between;align-items:center;width:min(1170px,100%);margin:auto;padding:15px 44px 24px;font-size:8px;display:flex}.app-footer>span{letter-spacing:.15em;font-size:7px;font-weight:800}.app-footer>p{align-items:center;gap:5px;display:flex}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.page-title h1{letter-spacing:-.05em;margin-top:7px;font-size:28px;font-weight:800;line-height:1.45}.page-title p{color:#8c9c93;margin-top:8px;font-size:12px;line-height:1.8}.breadcrumb{color:#97a79d;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 22px;font-size:10px;display:flex}.breadcrumb a{align-items:center;min-height:32px;display:flex}.breadcrumb>span{color:var(--primary-dark)}.welcome-banner{border:1px solid var(--soft-outline);background:linear-gradient(100deg, var(--hero-bg), var(--hero-bg) 60%, var(--hero-gradient));isolation:isolate;border-radius:25px;min-height:245px;padding:29px 31px;position:relative;overflow:hidden}.welcome-copy{z-index:3;max-width:65%;position:relative}.welcome-copy>.pill{background:var(--surface);font-size:9px}@supports (color:color-mix(in lab, red, red)){.welcome-copy>.pill{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.welcome-copy>.pill{color:var(--primary);padding:4px 9px}.welcome-copy h2{letter-spacing:-.05em;margin:13px 0 8px;font-size:23px;font-weight:800;line-height:1.5}.welcome-copy p{color:#7c9b8d;max-width:390px;font-size:11px;line-height:1.8}.welcome-copy .button{min-height:43px;margin-top:20px;padding:10px 19px;font-size:11px}.welcome-copy>small{color:#91aa9c;align-items:center;gap:4px;margin-top:11px;font-size:8px;display:flex}.welcome-companion{z-index:1;width:275px;height:260px;position:absolute;bottom:-6px;right:5px}.welcome-companion:before{content:"";background:var(--primary);width:210px;height:210px;position:absolute}@supports (color:color-mix(in lab, red, red)){.welcome-companion:before{background:color-mix(in srgb, var(--primary) 8%, white)}}.welcome-companion:before{border-radius:50%;bottom:0;left:40px}.welcome-companion .companion-note{display:none}.banner-star{color:#61b1a5;z-index:0;position:absolute}.banner-star.one{top:39px;right:280px;transform:rotate(-12deg)}.banner-star.two{top:25px;right:30px;transform:rotate(12deg)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 34px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--outline);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:14px;padding:18px 21px;display:flex}.stat-icon{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.stat-mint{color:#61a47e;background:#edf8ee}.stat-amber{color:#e2ae4c;background:#fff5dc}.stat-purple{color:#a291c7;background:#f1edfa}.stat-card p{color:#96a699;font-size:9px;line-height:1.5}.stat-card strong{margin-top:2px;font-size:23px;font-weight:800;line-height:1.45;display:block}.stat-card small{color:#a1aea4;font-size:10px;font-weight:500}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.04em;font-size:18px;font-weight:800}.section-heading .eyebrow{margin-bottom:5px;font-size:8px}.section-hint{color:#95a596;align-items:center;gap:8px;font-size:9px;display:flex}.section-hint>svg{color:#c9b978}.subject-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.subject-card{background:var(--surface);border:1px solid var(--outline);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;min-width:0;padding:23px 20px 19px;display:flex}.subject-card:hover{border-color:var(--soft-outline);transform:translateY(-4px);box-shadow:0 12px 28px #28644614}.subject-card-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:17px;display:flex}.subject-icon{background:var(--subject-bg);width:43px;height:43px;color:var(--subject-color);border-radius:14px;place-items:center;display:grid}.subject-vocabulary{--subject-bg:#eaf7ef;--subject-color:#459e82}.subject-grammar{--subject-bg:#f0ebfa;--subject-color:#9b82be}.subject-reading{--subject-bg:#fff3d8;--subject-color:#ccac54}.subject-math{--subject-bg:#fcebef;--subject-color:#d193a7}.subject-card h3{margin-bottom:7px;font-size:16px;font-weight:800}.subject-card>p{color:#94a196;word-break:keep-all;min-height:38px;font-size:10px;line-height:1.9}.subject-card-bottom{align-items:center;gap:12px;margin-top:22px;display:flex}.subject-card-bottom>div{flex:1;min-width:0}.subject-card-bottom small{color:#a2ada3;margin-bottom:7px;font-size:8px;display:block}.subject-card .progress-track{background:var(--subject-bg);height:4px}.subject-card .progress-track>span{background:var(--subject-color)}.round-arrow{background:var(--surface-dim);color:#8caa9b;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.dashboard-bottom{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:28px;display:grid}.recent-panel{background:var(--surface);border:1px solid var(--outline);border-radius:20px;padding:22px 25px 19px}.section-heading.compact{margin-bottom:14px}.section-heading.compact h2{font-size:14px}.section-heading.compact a{color:#93a295;align-items:center;gap:4px;min-height:30px;font-size:9px;display:flex}.recent-row{border-top:1px solid var(--outline);align-items:center;gap:12px;min-height:60px;display:flex}.recent-row:first-child{border-top:0}.recent-icon{background:var(--subject-bg,#ecf5ef);width:35px;height:35px;color:var(--subject-color,var(--primary));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.recent-row strong{font-size:10px;font-weight:650;display:block}.recent-row small{color:#a2aea3;margin-top:3px;font-size:8px;display:block}.recent-score{margin-left:auto;font-size:12px;font-weight:750}.recent-score>small{margin-left:2px;font-size:8px;display:inline}.no-recent{color:#b0c7b5;align-items:center;gap:17px;min-height:119px;display:flex}.no-recent p{color:#839988;font-size:12px;line-height:1.9}.no-recent span{color:#a0b0a3;font-size:10px}.growth-tip{background:#f1f5e9;border:1px solid #e9eedf;border-radius:20px;padding:23px 25px;position:relative;overflow:hidden}.growth-tip>.eyebrow{color:#9ca871;font-size:8px}.growth-tip h3{color:#6a805c;margin:10px 0 8px;font-size:14px;font-weight:750}.growth-tip p{color:#9ba889;font-size:10px;line-height:1.9}.growth-icon{color:#b7c797;position:absolute;top:23px;right:23px}.growth-tip>div{color:#9cac81;align-items:center;gap:8px;margin-top:14px;font-size:8px;display:flex}.growth-tip>div>span{align-items:center;gap:4px;display:flex}.large-subject-icon{background:var(--subject-bg);width:72px;height:72px;color:var(--subject-color);border-radius:23px;place-items:center;display:grid}.subject-level-panel{border:1px solid var(--soft-outline);background:var(--hero-bg);border-radius:23px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:30px;padding:27px 30px;display:flex}.subject-level-panel h2{margin:8px 0;font-size:20px;font-weight:800}.subject-level-panel p{color:var(--muted);font-size:12px}.level-panel-progress{flex-shrink:0;width:240px}.level-panel-progress>div:first-child{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.level-panel-progress strong{color:var(--primary);font-size:18px}.level-panel-progress span{color:var(--muted)}.level-panel-progress .button{width:100%;min-height:45px;margin-top:16px;font-size:12px}.level-panel-progress>small{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.7;display:block}.lesson-list{gap:16px;display:grid}.lesson-list-card{background:var(--surface);border:1px solid var(--outline);box-shadow:var(--shadow);border-radius:21px;align-items:center;gap:22px;padding:24px 27px;display:flex}.lesson-list-card:hover{border-color:var(--primary);transform:translate(3px)}.lesson-number{background:var(--surface-container);width:57px;height:57px;color:var(--primary);border-radius:19px;flex-shrink:0;place-items:center;font-size:23px;font-weight:700;display:grid}.lesson-list-card.mastered .lesson-number{background:var(--primary-container)}.lesson-list-copy{flex:1;min-width:0}.lesson-list-copy>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lesson-list-copy h3{font-size:17px;font-weight:750}.lesson-list-copy p{color:var(--muted);margin:4px 0 8px;font-size:12px}.lesson-list-copy small{color:#9daa9f;align-items:center;gap:7px;font-size:10px;display:flex}.lesson-list-card .round-arrow{width:39px;height:39px}.lesson-meta{color:var(--muted);align-items:center;gap:20px;margin-top:-6px;margin-bottom:28px;font-size:11px;display:flex}.lesson-meta>span{align-items:center;gap:6px;display:flex}.lesson-companion-note{background:var(--primary-container);color:var(--on-primary-container);border-radius:17px;align-items:center;gap:13px;margin-bottom:24px;padding:15px 20px;font-size:12px;display:flex}.lesson-companion-note>span{background:var(--surface);flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}@supports (color:color-mix(in lab, red, red)){.lesson-companion-note>span{background:color-mix(in srgb, var(--surface) 55%, transparent)}}.lesson-companion-note>span{border-radius:13px}.lesson-content-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.study-card{background:var(--surface);border:1px solid var(--outline);box-shadow:var(--shadow);border-radius:22px;padding:25px 27px}.study-card-top{justify-content:space-between;align-items:center;height:31px;margin-bottom:9px;display:flex}.study-card-top>span{color:#a5b7aa;letter-spacing:.09em;font-size:11px;font-weight:750}.study-card h2{margin:0 0 13px;font-size:25px;font-weight:800;line-height:1.5}.study-card.paragraph h2{font-size:21px}.study-card-text{white-space:pre-line;color:#708777;font-size:14px;line-height:1.9}.study-example{border-top:1px dashed var(--outline);margin-top:22px;padding-top:18px;padding-right:20px;position:relative}.study-example>span{color:#a6b5a6;letter-spacing:.15em;font-size:8px;font-weight:700}.study-example>p{color:#547765;white-space:pre-line;margin-top:7px;font-size:13px;line-height:1.8}.example-audio{width:40px;height:40px;color:var(--primary);background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:-8px}.example-audio:hover{background:var(--primary-container)}.reading-content{grid-template-columns:1fr}.reading-content .study-card{padding:32px 40px}.reading-content .study-card-text{color:#426a56;font-size:17px;line-height:2.1}.lesson-bottom{background:var(--surface-container);border-radius:23px;justify-content:space-between;align-items:center;gap:25px;margin-top:27px;padding:25px 28px;display:flex}.lesson-bottom h3{margin-top:9px;font-size:16px;font-weight:750}.lesson-bottom p{color:var(--muted);margin-top:5px;font-size:11px}.quiz-flow{max-width:780px;margin:0 auto}.quiz-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.quiz-top h2{margin-top:9px;font-size:21px;font-weight:750}.quiz-count{white-space:nowrap;color:#a5b2aa;font-size:14px}.quiz-count strong{color:var(--primary);font-size:29px;font-weight:800}.quiz-card{border:1px solid var(--outline);background:var(--surface);box-shadow:var(--shadow);border-radius:26px;margin-top:25px;padding:31px 37px}.question-label{color:#9aaa9e;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:10px;font-weight:700;display:flex}.question-label svg{color:#d8bd6a}.quiz-card h3{letter-spacing:-.04em;white-space:pre-line;margin:0 0 27px;font-size:23px;font-weight:750;line-height:1.65}.question-passage{white-space:pre-line;background:var(--surface-container);border-left:3px solid var(--primary);color:#5c7b67;border-radius:0 15px 15px 0;margin-bottom:24px;padding:19px 23px;font-size:15px;line-height:1.95}.question-passage>p+p{margin-top:6px}.question-choices{gap:12px;display:grid}.choice{text-align:left;background:var(--surface);color:#718779;border:1px solid #e5ece6;border-radius:15px;align-items:center;gap:15px;min-height:65px;padding:13px 19px;font-size:14px;line-height:1.6;display:flex}.choice:hover:not(:disabled){border-color:var(--primary);background:var(--surface-dim)}.choice.selected{border:1.5px solid var(--primary);background:var(--primary-container);color:var(--on-primary-container)}.choice-letter{color:#9ead9e;background:#fafcf9;border:1px solid #e5ebe5;border-radius:10px;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.selected .choice-letter{color:#fff;background:var(--primary);border-color:var(--primary)}.choice-check{width:24px;color:var(--primary);flex-shrink:0;margin-left:auto}.quiz-controls{justify-content:space-between;gap:15px;margin-top:24px;display:flex}.quiz-controls .button{min-width:145px}.quiz-encouragement{color:#9eb1a0;text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:11px;display:flex}.test-intro{text-align:center;background:var(--surface);border:1px solid var(--outline);border-radius:28px;max-width:800px;margin:0 auto;padding:40px 30px}.test-intro-icon{background:var(--primary-container);width:93px;height:93px;color:var(--primary);border-radius:29px;place-items:center;margin:0 auto 20px;display:grid;transform:rotate(-4deg)}.test-intro-icon svg{transform:rotate(4deg)}.test-intro h2{margin:17px 0 12px;font-size:24px;font-weight:800;line-height:1.5}.test-intro>p{color:var(--muted);white-space:pre-line;font-size:13px;line-height:1.9}.test-intro-details{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;margin:25px 0 31px;display:flex}.test-intro-details>span{color:#8ba091;align-items:center;gap:6px;font-size:11px;display:flex}.test-intro .button{min-width:240px}.test-intro .quiet-link{justify-content:center;max-width:120px;margin:8px auto 0;display:flex}.spaced-action{margin-top:25px}.result-screen{text-align:center;max-width:790px;margin:0 auto;padding:20px 0}.result-art{background:var(--primary-container);width:110px;height:110px;color:var(--primary);border-radius:35px;place-items:center;margin:0 auto 20px;display:grid;position:relative;transform:rotate(-5deg)}.result-art>svg{transform:rotate(5deg)}.result-art.levelup{color:#d3a63a;background:#fff0c7}.result-spark{color:#e3bf56;position:absolute}.result-spark.left{top:12px;left:-25px;transform:rotate(-18deg)}.result-spark.right{bottom:12px;right:-20px;transform:rotate(16deg)}.result-screen>h1{letter-spacing:-.045em;margin:17px 0 13px;font-size:28px;font-weight:800;line-height:1.5}.result-feedback{color:var(--muted);white-space:pre-line;max-width:570px;margin:auto;font-size:13px;line-height:1.9}.result-stats{border:1px solid var(--outline);background:var(--surface);border-radius:22px;grid-template-columns:repeat(3,1fr);margin:28px 0;padding:25px 0;display:grid}.result-stats>div+div{border-left:1px solid var(--outline)}.result-stats strong{color:var(--primary);font-size:29px;font-weight:800;display:block}.result-stats small{color:#95aa9b;font-size:12px;font-weight:500}.result-stats span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.placement-levels{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid}.placement-level{border:1px solid var(--outline);background:var(--surface);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:24px 12px;display:flex}.placement-level>svg{color:var(--subject-color);margin-bottom:12px}.placement-level strong{margin-bottom:9px;font-size:13px;font-weight:750}.placement-level span{color:var(--subject-color);background:var(--subject-bg);border-radius:99px;padding:4px 11px;font-size:11px;font-weight:750}.placement-level small{color:var(--muted);margin-top:9px;font-size:10px}.placement-level>svg:last-child:not(:first-child){width:17px;margin:13px 0 0}.placement-levels.standalone{margin:32px 0}.gentle-note{background:var(--primary-container);color:var(--on-primary-container);border-radius:17px;justify-content:center;align-items:center;gap:12px;margin:22px 0;padding:17px;font-size:12px;display:flex}.gentle-note p{text-align:left;line-height:1.8}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:28px 0;display:flex}.answer-review{text-align:left;gap:16px;padding-top:18px;display:grid}.answer-review-card{border:1px solid var(--outline);background:var(--surface);border-radius:21px;padding:25px 28px}.review-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.review-heading>span{color:#a3b4a6;letter-spacing:.1em;font-size:11px;font-weight:700}.answer-review-card h3{margin-bottom:16px;font-size:16px;font-weight:750;line-height:1.7}.answer-review-card>p{color:#6a8b74;margin-top:7px;font-size:12px}.answer-review-card>p>strong{color:#94a797;min-width:70px;font-size:10px;font-weight:500;display:inline-block}.answer-review-card .review-passage{background:var(--surface-container);white-space:pre-line;border-radius:12px;margin-bottom:16px;padding:15px;font-size:13px;line-height:1.9}.answer-review-card .review-selected{color:#b08487}.review-explanation{background:var(--surface-container);color:#829b86;border-radius:12px;align-items:flex-start;gap:9px;margin-top:17px;padding:14px 17px;font-size:12px;line-height:1.9;display:flex}.review-explanation>svg{color:var(--primary);margin-top:3px}.history-summary{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:27px;display:grid}.history-summary>div{background:var(--surface);border:1px solid var(--outline);text-align:center;border-radius:20px;padding:23px}.history-summary strong{color:var(--primary);font-size:28px;font-weight:800}.history-summary strong>small{color:var(--muted);font-size:12px;font-weight:400}.history-summary>div>span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.filter-pills{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-pills button{border:1px solid var(--outline);background:var(--surface);min-height:42px;color:var(--muted);border-radius:99px;padding:9px 17px;font-size:11px;font-weight:650}.filter-pills button.active{background:var(--primary-container);border-color:var(--soft-outline);color:var(--primary-dark)}.history-day{color:#96a699;margin:26px 0 12px;font-size:12px;font-weight:700}.history-card{border:1px solid var(--outline);background:var(--surface);border-radius:18px;align-items:center;gap:16px;margin-bottom:11px;padding:20px 23px;display:flex}.history-card .recent-icon{border-radius:15px;width:44px;height:44px}.history-copy{flex:1}.history-copy h3{font-size:13px;font-weight:700}.history-copy p{color:var(--muted);margin-top:4px;font-size:10px}.history-score{text-align:right;align-items:center;gap:21px;display:flex}.history-score strong{font-size:18px;font-weight:750}.history-score strong>small{color:var(--muted);font-size:10px;font-weight:400}.history-score>span{color:var(--primary);font-size:11px;font-weight:650}.settings-section{background:var(--surface);border:1px solid var(--outline);border-radius:23px;margin-bottom:24px;padding:27px 30px}.settings-section-title{color:var(--primary);align-items:center;gap:11px;margin-bottom:12px;display:flex}.settings-section-title h2{color:var(--ink);font-size:17px;font-weight:750}.settings-section>p{color:var(--muted);margin-bottom:24px;font-size:12px;line-height:1.9}.theme-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.theme-card{background:var(--surface);border:1.5px solid var(--outline);text-align:left;border-radius:19px;padding:0;position:relative;overflow:hidden}.theme-card:hover{border-color:var(--primary);transform:translateY(-2px)}.theme-card.selected{border:2px solid var(--primary);box-shadow:0 0 0 3px var(--primary-container)}.theme-card img{aspect-ratio:1.6;object-fit:cover;border-bottom:1px solid var(--outline);width:100%;height:auto}.theme-card-copy{padding:16px 15px 18px}.theme-card-copy>div{align-items:center;gap:7px;display:flex}.theme-color-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:block}.theme-card strong{font-size:12px;font-weight:750}.theme-card-copy p{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.8}.theme-card-copy small{color:var(--primary);align-items:center;gap:5px;min-height:15px;margin-top:10px;font-size:9px;font-weight:700;display:flex}.theme-check{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 5px #0001}.saved-notice{color:var(--primary);background:var(--primary-container);border-radius:12px;align-items:center;gap:8px;margin-top:22px;padding:12px 16px;font-size:12px;display:flex}.account-detail{border-top:1px solid var(--outline);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-size:12px;display:flex}.account-detail>span{color:var(--muted)}.account-detail>strong{overflow-wrap:anywhere;text-align:right;font-weight:600}.privacy-note{color:#98aa9a;align-items:flex-start;gap:10px;margin:22px 0 4px;font-size:11px;line-height:1.9;display:flex}.privacy-note>svg{margin-top:2px}.admin-stats{align-items:center;gap:10px;display:flex}.admin-stats>strong{color:var(--primary);font-size:22px;font-weight:800}.admin-stats>span{color:var(--muted);font-size:11px}.admin-users{gap:15px;display:grid}.admin-user-card{background:var(--surface);border:1px solid var(--outline);border-radius:20px;align-items:center;gap:18px;padding:22px 25px;display:flex}.admin-user-card .avatar{border-radius:15px;width:45px;height:45px;font-size:15px}.admin-user-info{flex:1;min-width:0}.admin-user-info>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-user-info h3{overflow-wrap:anywhere;font-size:14px;font-weight:700}.admin-user-info p{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:11px}.admin-user-info small{color:#a4b0a4;margin-top:5px;font-size:9px;display:block}.admin-user-actions{flex-shrink:0;gap:8px;display:flex}.admin-user-actions .button{min-height:42px;padding:11px 16px;font-size:11px}.button-danger{color:#b66b67;background:#fff2f0;border:1px solid #f4e0dc}.button-danger:hover{background:#fce3df}.admin-confirm{background:#fff7e9;border:1px solid #f3e3c3;border-radius:17px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:19px 23px;display:flex}.admin-confirm p{color:#977c52;flex:1;min-width:200px;font-size:12px}.admin-confirm .button{min-height:41px;font-size:11px}.admin-info{background:var(--primary-container);color:var(--on-primary-container);border-radius:16px;align-items:center;gap:10px;margin-bottom:22px;padding:15px 18px;font-size:11px;display:flex}@media (min-width:1550px){.auth-main{min-height:730px}.auth-hero{min-height:650px}.auth-companion{width:465px;height:440px;bottom:0;right:-35px}.hero-copy h1{font-size:51px}.auth-card{padding:45px 42px 35px}.app-content{padding-top:43px}.welcome-banner{min-height:263px}.welcome-companion{width:295px;height:279px}.subject-card{min-height:219px}}@media (max-width:1200px){.auth-main{grid-template-columns:1.08fr 1fr;gap:35px;padding:45px 40px}.auth-hero{min-height:570px}.hero-copy h1{font-size:40px}.hero-kicker{font-size:14px}.auth-companion{width:350px;height:350px;bottom:0;right:-27px}.floating-word{min-width:80px;padding:11px 13px}.floating-word span{font-size:21px}.word-happy{bottom:114px;left:0}.word-brave{bottom:26px;left:32px}.auth-card{padding:34px 30px 26px}.auth-card-title h2{font-size:25px}.app-sidebar{width:217px;padding-left:19px;padding-right:19px}.brand-compact{font-size:19px}.app-main-wrap{margin-left:217px}.app-content{padding:31px 30px}.app-topbar{padding:0 30px}.app-footer{padding-left:30px;padding-right:30px}.subject-grid{grid-template-columns:repeat(2,1fr)}.subject-card{padding:22px}.subject-card>p{min-height:0}.subject-card-bottom{margin-top:18px}.welcome-copy{max-width:69%}.welcome-copy h2{font-size:21px}.welcome-companion{width:225px;height:237px;right:-4px}.banner-star.one{right:226px}.stat-card{gap:9px;padding:17px 14px}.stat-icon{border-radius:13px;width:38px;height:38px}.stat-card strong{font-size:21px}.dashboard-bottom{grid-template-columns:1.4fr 1fr;gap:16px}.growth-tip{padding:22px 19px}.growth-icon{width:20px;top:21px;right:17px}.theme-grid{gap:12px}.theme-card-copy{padding:12px}.theme-card strong{font-size:11px}}@media (max-width:960px){.auth-header{height:76px;padding:0 28px}.brand{font-size:22px}.auth-main{grid-template-columns:1fr 1fr;gap:28px;max-width:900px;padding:40px 28px}.auth-hero{min-height:550px}.hero-copy{margin-top:23px}.hero-copy h1{font-size:34px}.hero-description{font-size:12px}.hero-kicker{margin-bottom:10px;font-size:13px}.music-badge{font-size:7px}.auth-companion{width:300px;height:310px;bottom:4px;right:-16px}.floating-word{min-width:71px;padding:10px 12px;font-size:10px}.floating-word span{font-size:18px}.floating-word small{font-size:9px}.word-happy{bottom:112px;left:-5px}.word-brave{bottom:30px;left:16px}.auth-card{border-radius:24px;padding:31px 25px 24px}.auth-card-title h2{font-size:23px}.auth-card-title>p{font-size:11px}.auth-form{gap:17px;margin-top:26px}.header-motto{font-size:11px}.hero-bottom-caption{font-size:9px}.app-sidebar{width:193px;padding:29px 15px 15px}.app-sidebar .brand-compact{gap:3px;font-size:17px}.app-sidebar .brand-symbol{width:30px}.sidebar-label{letter-spacing:.08em;margin-top:6px;margin-bottom:29px;font-size:6px}.sidebar-nav>a{gap:10px;padding:0 12px;font-size:11px}.sidebar-note{padding:18px 13px}.sidebar-note h3{font-size:11px}.sidebar-note p{font-size:9px}.sidebar-account small{max-width:72px}.app-main-wrap{margin-left:193px}.app-content{padding:28px 24px}.app-topbar{height:70px;padding:0 24px}.app-footer{padding-left:24px;padding-right:24px}.welcome-banner{min-height:240px;padding:25px}.welcome-copy h2{max-width:300px;font-size:19px}.welcome-copy p{max-width:280px;font-size:10px}.welcome-copy{max-width:65%}.welcome-companion{width:210px;height:230px;right:-15px}.stats-grid{gap:10px}.stat-card{gap:8px;padding:16px 11px}.stat-icon{width:31px;height:36px}.stat-icon>svg{width:19px}.stat-card p{font-size:8px}.stat-card strong{font-size:20px}.section-hint{font-size:8px}.dashboard-bottom{grid-template-columns:1fr}.growth-tip>p br{display:none}.growth-tip{padding:22px 25px}.page-title h1{font-size:25px}.subject-level-panel{flex-direction:column;align-items:flex-start;padding:24px}.level-panel-progress{width:100%}.level-panel-progress .button{max-width:250px}.theme-grid{grid-template-columns:1fr}.theme-card{grid-template-columns:40% 1fr;display:grid}.theme-card img{aspect-ratio:auto;object-fit:cover;border-bottom:0;border-right:1px solid var(--outline);height:100%}.theme-card-copy{padding:20px}.theme-card strong{font-size:13px}.theme-card-copy p{font-size:11px}.theme-check{left:10px;right:auto}.lesson-list-card{gap:17px;padding:22px}.lesson-list-copy h3{font-size:15px}.lesson-list-copy p{font-size:11px}.lesson-content-grid{grid-template-columns:1fr}.lesson-bottom{flex-direction:column;align-items:flex-start;gap:18px;padding:23px}.quiz-card{padding:25px}.quiz-card h3{font-size:21px}.test-intro-details{gap:15px}.test-intro h2{font-size:21px}.placement-levels{grid-template-columns:repeat(2,1fr)}.admin-user-card{flex-wrap:wrap;padding:22px}.admin-user-actions{margin-left:63px}.history-score{gap:12px}.history-summary>div{padding:19px 12px}.history-summary strong{font-size:23px}}@media (max-width:720px){.auth-page{background:#f5fbf7}.auth-header{height:70px;padding:0 23px}.auth-header .brand{font-size:21px}.header-motto{display:none}.auth-main{isolation:isolate;flex-direction:column;flex:none;gap:0;width:100%;max-width:460px;padding:24px 23px 30px;display:flex}.auth-main:before{display:none}.auth-hero{align-self:auto;width:100%;min-height:260px;padding-top:0}.music-badge{padding:4px 8px;font-size:7px}.hero-copy{margin-top:16px}.hero-kicker{max-width:190px;margin-bottom:10px;font-size:11px;line-height:1.7}.hero-copy h1{letter-spacing:-.055em;max-width:250px;font-size:27px;line-height:1.45}.hand-drawn-line{border-top-width:2px;width:125px;height:5px;margin-top:8px}.hero-description{max-width:180px;margin-top:10px;font-size:10px;line-height:1.8}.auth-companion{opacity:.96;width:175px;height:206px;bottom:2px;right:-14px}.auth-companion:before{inset:15px 9px 0}.auth-companion .note-one{top:3%;left:15%}.auth-companion .note-two{top:21%;right:0}.companion-note svg{width:18px}.floating-word,.hero-bottom-caption{display:none}.auth-card{border-radius:24px;max-width:none;padding:29px 25px 25px;box-shadow:0 6px 20px #2f65460a}.auth-card-title h2{margin-top:9px;font-size:25px}.auth-card-title .eyebrow{font-size:9px}.auth-card-title>p{font-size:11px}.auth-form{gap:19px;margin-top:25px}.input-wrap{height:53px}.input-wrap input{font-size:14px}.input-wrap input::placeholder,.form-field label{font-size:12px}.auth-submit{min-height:51px;margin-top:6px;padding-left:28px;font-size:14px}.auth-switch{margin-top:22px;padding-top:20px;font-size:11px}.auth-approval{gap:4px;font-size:9px}.auth-footer{background:0 0;gap:12px;padding:6px 28px 25px}.auth-footer p{font-size:8px}.auth-footer p>svg{width:13px}.signup-complete{min-height:360px}.signup-complete h2{font-size:24px}.app-sidebar{display:none}.app-main-wrap{margin-left:0;padding-bottom:74px}.app-topbar{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:69px;padding:0 23px;position:sticky;top:0}.desktop-topbar-caption,.topbar-day{display:none}.mobile-brand{display:block}.mobile-brand .brand-compact{font-size:19px}.mobile-brand .brand-symbol{width:30px}.topbar-right{gap:4px}.topbar-avatar{width:32px;height:32px}.mobile-logout{width:36px;height:44px;display:grid}.app-content{padding:27px 23px 26px}.app-footer{padding:8px 23px 24px;font-size:7px}.app-footer>span{font-size:6px}.mobile-nav{height:75px;padding:7px 15px max(7px, env(safe-area-inset-bottom));z-index:20;border-top:1px solid var(--outline);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #16392203}.mobile-nav>a{color:#a5b2a5;letter-spacing:-.02em;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:64px;min-height:53px;font-size:9px;display:flex}.mobile-nav>a.active{color:var(--primary);background:var(--primary-container);font-weight:700}.page-title{gap:13px;margin-bottom:21px}.page-title h1{margin-top:6px;font-size:23px;line-height:1.55}.page-title>.eyebrow,.page-title .eyebrow{font-size:8px}.page-title p{margin-top:6px;font-size:11px;line-height:1.85}.welcome-banner{border-radius:22px;min-height:260px;padding:23px 22px}.welcome-copy{max-width:100%}.welcome-copy h2{max-width:220px;margin:12px 0 8px;font-size:19px;line-height:1.65}.welcome-copy p{max-width:175px;font-size:10px;line-height:1.9}.welcome-copy .button{gap:9px;min-height:43px;margin-top:16px;padding:11px 16px;font-size:10px}.welcome-copy>small{gap:3px;margin-top:9px;font-size:7px}.welcome-copy>small>svg{width:11px}.welcome-companion{z-index:2;pointer-events:none;width:172px;height:186px;bottom:-5px;right:-6px}.welcome-companion:before{width:154px;height:154px;left:17px}.banner-star.one{opacity:.7;top:21px;right:15px}.banner-star.two{opacity:.45;font-size:18px;top:98px;right:125px}.stats-grid{gap:9px;margin:15px 0 28px}.stat-card{border-radius:16px;flex-direction:column;align-items:flex-start;gap:9px;padding:13px 13px 12px}.stat-icon{border-radius:10px;width:30px;height:30px}.stat-icon>svg{width:17px}.stat-card p{letter-spacing:-.04em;font-size:7px}.stat-card strong{margin-top:3px;font-size:22px}.stat-card small{font-size:8px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:17px}.section-heading .eyebrow{font-size:7px}.section-hint{display:none}.subject-grid{gap:12px}.subject-card{border-radius:18px;min-height:204px;padding:18px 15px 15px}.subject-card-top{gap:4px;margin-bottom:13px}.subject-icon{border-radius:12px;width:36px;height:36px}.subject-icon>svg{width:23px}.subject-card .pill{padding:4px 7px;font-size:8px}.subject-card h3{margin-bottom:7px;font-size:16px}.subject-card>p{word-break:keep-all;min-height:49px;font-size:9px;line-height:1.8}.subject-card-bottom{gap:7px;margin-top:17px}.subject-card-bottom small{margin-bottom:7px;font-size:7px}.round-arrow{width:26px;height:26px}.round-arrow>svg{width:16px}.dashboard-bottom{gap:17px;margin-top:23px}.recent-panel{border-radius:19px;padding:18px 20px}.section-heading.compact h2{font-size:13px}.section-heading.compact a{font-size:8px}.recent-row strong{font-size:10px}.recent-row small{font-size:8px}.growth-tip{border-radius:19px;padding:23px}.growth-tip h3{font-size:14px}.growth-tip p{font-size:10px}.growth-tip p br{display:block}.large-subject-icon{border-radius:17px;width:52px;height:52px}.large-subject-icon svg{width:27px}.subject-level-panel{border-radius:21px;gap:20px;margin-bottom:27px;padding:22px}.subject-level-panel h2{font-size:18px}.subject-level-panel p{font-size:11px}.level-panel-progress>div:first-child{font-size:10px}.lesson-list{gap:13px}.lesson-list-card{border-radius:18px;gap:13px;padding:19px 17px}.lesson-number{border-radius:13px;width:39px;height:45px;font-size:18px}.lesson-number svg{width:21px}.lesson-list-copy h3{font-size:13px}.lesson-list-copy p{font-size:10px;line-height:1.9}.lesson-list-copy small{font-size:9px}.lesson-list-card .round-arrow{width:28px;height:28px}.lesson-list-copy>div{gap:4px}.lesson-list-copy .pill{font-size:8px}.lesson-meta{flex-wrap:wrap;gap:12px;margin-bottom:22px;font-size:9px}.lesson-meta svg{width:13px}.lesson-companion-note{gap:10px;padding:13px 14px;font-size:11px;line-height:1.9}.lesson-companion-note>span{border-radius:11px;width:31px;height:34px}.lesson-companion-note>span>svg{width:19px}.lesson-content-grid{gap:15px}.study-card{border-radius:20px;padding:22px}.study-card h2{font-size:25px}.study-card.paragraph h2{font-size:19px}.study-card-text{font-size:13px;line-height:1.95}.study-example>p{font-size:12px}.reading-content .study-card{padding:23px}.reading-content .study-card-text{font-size:15px;line-height:2}.lesson-bottom{border-radius:21px;gap:19px;padding:22px}.lesson-bottom h3{font-size:15px}.lesson-bottom p{font-size:10px}.lesson-bottom .button{width:100%;font-size:12px}.breadcrumb{gap:5px;margin-bottom:17px;font-size:9px}.quiz-top{gap:12px;margin-bottom:18px}.quiz-top h2{max-width:225px;font-size:18px;line-height:1.6}.quiz-top .pill{font-size:9px}.quiz-count{font-size:11px}.quiz-count strong{font-size:25px}.quiz-card{border-radius:22px;margin-top:21px;padding:24px 21px}.question-label{margin-bottom:21px;font-size:9px}.quiz-card h3{margin-bottom:23px;font-size:20px;line-height:1.75}.question-passage{margin-bottom:22px;padding:16px 17px;font-size:13px;line-height:2}.question-choices{gap:12px}.choice{border-radius:14px;gap:11px;min-height:62px;padding:12px 14px;font-size:13px}.choice-letter{border-radius:9px;width:29px;height:30px;font-size:11px}.choice-check{width:16px}.quiz-controls{gap:10px;margin-top:21px}.quiz-controls .button{gap:8px;min-width:0;min-height:48px;padding:12px 18px;font-size:12px}.quiz-encouragement{gap:5px;margin-top:22px;font-size:9px;line-height:1.8}.quiz-encouragement>svg{width:13px}.test-intro{border-radius:24px;padding:32px 22px}.test-intro-icon{border-radius:24px;width:79px;height:79px;margin-bottom:21px}.test-intro-icon>svg{width:39px}.test-intro h2{letter-spacing:-.045em;font-size:21px;line-height:1.65}.test-intro>p{font-size:12px;line-height:2}.test-intro-details{flex-direction:column;gap:12px;margin:24px 0 28px}.test-intro-details>span{font-size:11px}.test-intro .button{width:100%;min-width:0;font-size:13px}.result-screen{padding:17px 0}.result-art{border-radius:28px;width:88px;height:88px}.result-art>svg{width:40px}.result-screen>h1{margin:17px 0 11px;font-size:25px;line-height:1.6}.result-feedback{font-size:12px;line-height:1.95}.result-stats{border-radius:20px;margin:24px 0;padding:20px 0}.result-stats strong{font-size:25px}.result-stats small{font-size:10px}.result-stats span{font-size:9px}.placement-levels{gap:12px}.placement-level{border-radius:18px;padding:21px 10px}.placement-level strong{font-size:12px}.placement-level small{font-size:9px}.gentle-note{gap:11px;padding:15px;font-size:11px}.gentle-note p br{display:none}.result-actions{flex-direction:column;margin:23px 0}.result-actions .button{width:100%;font-size:13px}.answer-review-card{border-radius:19px;padding:23px 21px}.answer-review-card h3{font-size:14px;line-height:1.8}.answer-review-card>p{font-size:11px}.review-explanation{padding:13px 14px;font-size:11px}.history-summary{gap:10px;margin-bottom:24px}.history-summary>div{border-radius:16px;padding:18px 9px}.history-summary strong{font-size:25px}.history-summary>div>span{font-size:9px}.history-summary strong>small{font-size:10px}.filter-pills{gap:7px;margin-bottom:21px}.filter-pills button{min-height:43px;padding:9px 13px;font-size:10px}.history-card{border-radius:17px;flex-wrap:wrap;gap:12px;padding:17px}.history-card .recent-icon{border-radius:13px;width:38px;height:40px}.history-copy{min-width:150px}.history-copy h3{font-size:12px}.history-copy p{font-size:9px}.history-score{border-top:1px solid var(--outline);justify-content:flex-end;gap:17px;width:100%;margin-top:4px;padding-top:8px}.history-score strong{font-size:15px}.history-score>span{font-size:10px}.settings-section{border-radius:22px;margin-bottom:21px;padding:23px 20px}.settings-section-title{gap:9px;margin-bottom:10px}.settings-section-title h2{font-size:16px}.settings-section-title>svg{width:20px}.settings-section>p{margin-bottom:20px;font-size:11px;line-height:1.9}.theme-grid{gap:15px}.theme-card{border-radius:17px;grid-template-columns:1fr}.theme-card img{aspect-ratio:1.62;border-bottom:1px solid var(--outline);border-right:0;height:auto}.theme-card-copy{padding:17px 18px}.theme-card strong{font-size:13px}.theme-card-copy p{margin-top:6px;font-size:11px}.theme-check{top:11px;left:auto;right:11px}.account-detail{padding:16px 0;font-size:11px}.privacy-note{gap:8px;font-size:10px}.admin-info{padding:14px;font-size:10px;line-height:1.9}.admin-user-card{border-radius:19px;gap:12px;padding:20px}.admin-user-card .avatar{border-radius:13px;width:38px;height:42px;font-size:12px}.admin-user-info h3{font-size:12px}.admin-user-info p{font-size:10px}.admin-user-info .pill{font-size:8px}.admin-user-actions{border-top:1px solid var(--outline);justify-content:flex-end;width:100%;margin-top:4px;margin-left:0;padding-top:15px}.admin-user-actions .button{min-height:45px;padding:11px 19px}.admin-user-info small{font-size:8px}.admin-confirm{gap:9px;padding:18px}.admin-confirm p{min-width:100%;font-size:11px}.admin-confirm .button{min-height:45px}.admin-stats>strong{font-size:21px}.admin-stats>span{font-size:10px}}@media (max-width:375px){.auth-header{padding:0 19px}.auth-main{padding-left:19px;padding-right:19px}.auth-card{padding-left:22px;padding-right:22px}.auth-companion{width:155px;right:-11px}.hero-copy h1{font-size:25px}.hero-kicker{font-size:10px}.app-content{padding-left:19px;padding-right:19px}.app-topbar{padding-left:19px;padding-right:15px}.app-footer{padding-left:19px;padding-right:19px}.welcome-banner{padding-left:20px;padding-right:20px}.welcome-companion{width:157px}.welcome-copy h2{max-width:200px;font-size:18px}.welcome-copy p{max-width:165px}.subject-card{padding-left:13px;padding-right:13px}.subject-card>p{font-size:8.5px}.subject-card h3{font-size:15px}.stat-card{padding-left:11px;padding-right:10px}.choice{gap:9px;padding-left:12px;padding-right:12px}.quiz-controls .button{padding-left:14px;padding-right:14px;font-size:11px}.test-intro{padding-left:20px;padding-right:20px}.test-intro h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand,.filter-pills button,.auth-switch a{min-height:48px}.example-audio{width:48px;height:48px}.topbar-avatar{width:44px;height:44px}.mobile-logout{width:44px;height:48px}.desktop-topbar-caption{font-size:12px}.sidebar-nav>a{font-size:13px}.subject-card>p{color:#728777;min-height:65px;font-size:12px;line-height:1.8}.subject-card-bottom small{color:#8a9d8d;font-size:10px}.stat-card p{color:#7d9082;font-size:11px}.stat-card small{color:#839989}.page-title p{color:#7b8e80;font-size:13px}.section-hint{font-size:10px}.recent-row strong{font-size:12px}.recent-row small{font-size:10px}.growth-tip p{color:#859471;font-size:12px}.growth-tip>.eyebrow{font-size:9px}.history-copy p,.theme-card-copy p,.settings-section>p{color:#788e7d}.auth-card-title>p{color:#80948c}.hero-description{color:#6f8982}.auth-approval{color:#879b90}.auth-card .button{min-height:53px}.welcome-copy .button,.admin-user-actions .button,.level-panel-progress .button{min-height:48px}.topbar-right .icon-button{width:48px;height:48px}@media (max-width:1200px){.subject-card>p{min-height:43px}.welcome-copy p{max-width:300px;font-size:12px}.welcome-copy h2{max-width:330px}.welcome-copy>small{font-size:10px}.growth-tip h3{font-size:15px}.stat-card p{font-size:10px}}@media (max-width:960px){.sidebar-nav>a{font-size:12px}.stat-card p{font-size:9px}.subject-card>p{min-height:43px}.theme-card-copy p{font-size:11px}.welcome-copy p{max-width:260px;font-size:11px}.welcome-copy>small{font-size:9px}}@media (max-width:720px){.auth-switch{margin-top:16px;padding-top:12px}.subject-card>p{min-height:61px;font-size:11px;line-height:1.9}.subject-card-bottom small,.stat-card p{font-size:9px}.stat-card small{font-size:10px}.page-title p{font-size:12px}.welcome-copy p{max-width:177px;font-size:11px}.welcome-copy>small{font-size:8px}.welcome-copy .button{gap:7px;padding:12px 15px;font-size:11px}.recent-row strong{font-size:11px}.recent-row small{font-size:9px}.growth-tip p{font-size:11px}.growth-tip>.eyebrow{font-size:9px}.theme-card-copy p,.settings-section>p{font-size:12px}.history-copy p,.auth-approval{font-size:10px}.hero-description{max-width:200px;font-size:11px}.auth-companion{right:-13px}.hero-copy h1{max-width:250px}.quiz-controls .button{min-height:50px}.topbar-avatar{width:39px;height:44px}.topbar-right{gap:0}}:root,[data-theme=mint]{--primary:#00837e;--primary-dark:#006b67}[data-theme=wisteria]{--primary:#79549e;--primary-dark:#623b88}[data-theme=pastel]{--primary:#aa526e;--primary-dark:#913b56}.form-field label{font-size:14px}.form-field label>span{font-size:10px}.input-wrap input{font-size:16px}.input-wrap input::placeholder{font-size:14px}.auth-card-title>p{font-size:14px;line-height:1.8}.hero-description{color:#647e78;font-size:15px}.auth-switch{font-size:13px}.auth-approval{font-size:12px}.auth-card-title h2{font-size:28px}.auth-card-title .eyebrow{font-size:11px}.auth-form{gap:22px}.auth-approval>svg{width:17px;height:17px}.form-field label>span{color:#748b80}@media (max-width:960px){.auth-card-title h2{font-size:25px}.auth-card-title>p,.hero-description{font-size:14px}.form-field label>span{font-size:9px}}@media (max-width:720px){.form-field label{font-size:14px}.input-wrap input,.input-wrap input::placeholder{font-size:16px}.input-wrap input::placeholder{font-size:14px}.auth-card-title h2{font-size:25px}.auth-card-title>p{font-size:14px}.hero-description{max-width:203px;margin-top:9px;font-size:14px;line-height:1.8}.auth-hero{min-height:284px}.auth-companion{bottom:8px;right:-19px}.auth-form{gap:20px}.auth-approval{font-size:11px}.auth-switch{font-size:13px}.form-field label>span{font-size:9px}}.field-help{color:#798d81;overflow-wrap:anywhere;margin-top:7px;font-size:11px;line-height:1.8}.nickname-input-row{align-items:center;gap:9px;display:flex}.nickname-input-row>.input-wrap{flex:1;min-width:0}.nickname-check-button{flex-shrink:0;gap:5px;min-height:54px;padding:10px 15px;font-size:12px}.nickname-notice.available{color:var(--primary-dark)}.nickname-notice.taken,.nickname-notice.error{color:#a4483d}.nickname-notice.checking{color:var(--muted)}.sidebar-account strong{white-space:nowrap;text-overflow:ellipsis;max-width:115px;overflow:hidden}@media (min-width:721px){.auth-signup .auth-main{align-items:start}.auth-signup .auth-hero{align-self:start;min-height:640px;position:sticky;top:40px}}@media (max-width:720px){.field-help{font-size:11px}.nickname-check-button{min-height:53px;padding-left:12px;padding-right:12px;font-size:11px}.nickname-input-row{gap:8px}.auth-signup .auth-card{padding-top:29px}.auth-signup .auth-form{gap:20px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}