:root{--ink:#10204a;--muted:#687498;--soft-indigo:#7769e8;--lavender:#d9ccff;--powder:#dcecff;--mint:#cdeee8;--teal:#59c1c8;--blush:#ffdce8;--peach:#ffe4ca;--cream:#fff8ed;--surface:#ffffffbd;--surface-strong:#ffffffe6;--border:#7e77af33;--shadow:0 24px 60px #40447824;--soft-shadow:0 14px 34px #4b4e801a;--app-max-width:1680px;--grid-gap:20px;--radius-control:14px;--radius-card:22px;--radius-hero:28px;color:var(--ink);background:#fbf9f6;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:18px}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.55}body:before{content:"";z-index:-2;background:radial-gradient(circle at 7% 12%,#bddfffc7,#0000 29%),radial-gradient(circle at 84% 8%,#ffe0cad6,#0000 28%),radial-gradient(circle at 78% 83%,#d7c9ffb8,#0000 30%),linear-gradient(135deg,#f8fbff 0%,#fffaf4 48%,#f8f1ff 100%);position:fixed;inset:0}.app-shell,.focus-shell{width:min(var(--app-max-width), calc(100vw - 48px));margin:18px auto 44px}.app-header{z-index:30;justify-content:space-between;align-items:center;height:64px;margin-bottom:16px;display:flex;position:relative}.logo{background:#ffffffa8;border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:340px;height:48px;padding:4px 10px 4px 4px;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:700;display:inline-flex;box-shadow:0 16px 36px #5d56911f}.logo img{border-radius:50%;width:40px;height:40px;box-shadow:0 8px 18px #7769e829}.logo span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.logo em,h1 em{color:var(--soft-indigo)}.logo svg{color:var(--soft-indigo);flex:none}.identity-controls{align-items:center;gap:10px;display:flex}.header-streak{border:1px solid var(--border);width:70px;height:44px;box-shadow:var(--soft-shadow);background:#ffffffd1;border-radius:999px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:7px;padding:6px 10px;display:inline-grid}.header-streak svg{color:#ff8d4a;fill:#ffba72;grid-row:1/3}.header-streak strong{font-size:1.2rem;line-height:1}.header-streak small{color:var(--muted);font-size:.72rem;line-height:1}.avatar-button,.nav-launcher,.nav-popover-head button{border:1px solid var(--border);width:44px;height:44px;box-shadow:var(--soft-shadow);background:#ffffffd1;border-radius:50%;place-items:center;display:grid}.avatar-button span{color:#6658e8;font:800 1rem Georgia,serif}.nav-scrim{z-index:35;background:0 0;position:fixed;inset:0}.nav-popover{z-index:40;border:1px solid var(--border);width:380px;max-height:min(620px,100dvh - 100px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffeb;border-radius:24px;padding:16px;position:absolute;top:54px;right:0;overflow:auto}.nav-popover-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.nav-popover-head strong{font:italic 1.25rem Georgia,serif}.nav-primary-grid,.nav-secondary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.nav-primary-grid{margin-bottom:14px}.nav-primary-grid button{text-align:left;background:#f4f1ffb8;border:1px solid #7e77af24;border-radius:18px;align-content:center;gap:8px;height:74px;padding:12px;display:grid}.nav-secondary-list button{text-align:left;background:#ffffffbd;border:1px solid #7e77af24;border-radius:16px;align-items:center;gap:9px;min-height:50px;padding:9px 12px;display:flex}.nav-primary-grid button.active,.nav-secondary-list button.active{color:#5d52d8;background:linear-gradient(135deg,#ede8fff5,#dff8f4db)}.home-grid,.twelve-grid{gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.hero{border-radius:var(--radius-hero);isolation:isolate;grid-area:1/span 9;min-height:500px;padding:40px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;border-radius:inherit;border:1px solid var(--border);box-shadow:var(--soft-shadow);background:radial-gradient(circle at 78% 25%,#dbcdff94,#0000 28%),radial-gradient(circle at 94% 78%,#ffe0cdad,#0000 28%),linear-gradient(112deg,#fffffff0,#eff7ffbd 54%,#ffede0ad);position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(135deg,#c2e2efb8,#ddccff9e,#ffe0cf9e);border-radius:58% 42% 48% 52%;width:470px;height:170px;position:absolute;bottom:34px;right:92px;transform:rotate(-7deg)}.welcome-line{color:#7d78a6;font-family:Georgia,serif;font-size:1.35rem;font-style:italic;display:none}.exam-strip{color:#56618d;letter-spacing:0;font-family:Georgia,serif;font-style:italic}h1{letter-spacing:0;max-width:650px;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,3.7vw,4.45rem);line-height:.99}.hero>:not(.hero-illustration){z-index:1;max-width:52%;position:relative}.hero h1{font-size:clamp(3rem,4vw,4.25rem)}.hero p{max-width:520px}.hero-illustration{transform-origin:100% 100%;transform:scale(.9)}.hero p,.page-hero p{color:var(--muted);max-width:720px;font-size:1.04rem;line-height:1.65}.hero-actions,.toolbar,.pagination-actions,.rating-row,.question-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-button,.soft-button,.round-button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 22px;display:inline-flex;box-shadow:0 12px 24px #695bdc29}.primary-button{color:#fff;background:linear-gradient(135deg,#6f61e8,#b481f2)}.soft-button,.round-button{border:1px solid var(--border);background:#ffffffc2}.round-button{border-radius:50%;width:44px;padding:0}.hero-illustration{z-index:0;pointer-events:none;width:450px;height:285px;position:absolute;bottom:54px;right:18px}.hero-orbit{background:linear-gradient(135deg,#d1efebb8,#ddccff94);border-radius:52% 48% 42% 58%;position:absolute;inset:24px 48px 18px 28px;transform:rotate(-9deg)}.study-book{width:250px;height:72px;box-shadow:var(--shadow);background:linear-gradient(#fff,#e1e9ff);border-radius:48% 52% 16px 16px;position:absolute;bottom:34px;right:118px;transform:skew(-12deg)}.study-book:before{content:"";background:#7680a52e;height:2px;position:absolute;top:16px;left:24px;right:24px;box-shadow:0 12px #7680a524,0 24px #7680a51a}.book-stack{gap:7px;display:grid;position:absolute;bottom:38px;right:18px;transform:rotate(-3deg)}.book-stack i{background:linear-gradient(90deg,#c5b7ff,#f7d6e6);border-radius:8px;width:132px;height:24px;box-shadow:0 10px 18px #4e4e7e1f}.book-stack i:nth-child(2){background:linear-gradient(90deg,#a7dff0,#d9ccff);width:148px}.book-stack i:nth-child(3){background:linear-gradient(90deg,#ffe3c9,#b9e6df);width:118px}.leaf-shape{background:#69c2c680;border-radius:80% 20%;position:absolute}.leaf-shape.one{width:92px;height:150px;bottom:78px;left:24px;transform:rotate(31deg)}.leaf-shape.two{background:#bfb0f57a;width:70px;height:124px;bottom:96px;left:102px;transform:rotate(-22deg)}.word-float,.bubble{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;position:absolute}.word-float{border-radius:18px;width:250px;padding:25px 26px;top:84px;right:120px;transform:rotate(-5deg)}.word-float strong{font:italic 2.2rem Georgia,serif;display:block}.word-float small{color:var(--muted)}.bubble{color:#5f54c9;border-radius:20px 20px 20px 4px;padding:16px 18px;font-family:Georgia,serif;font-style:italic;top:40px;right:8px;transform:rotate(7deg)}.exam-tabs{border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--soft-shadow);background:#ffffffb8;border-radius:999px;grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;display:grid}.exam-tabs button{color:#6b7395;background:0 0;border-radius:999px;min-height:42px;font-weight:700}.exam-tabs button.active{color:#fff;background:linear-gradient(135deg,#7567e8,#a984f1);box-shadow:0 10px 22px #6d5ddf38}.side-panel,.stack{gap:10px;display:grid}.side-panel{grid-area:1/10/auto/span 3;grid-template-rows:140px 170px 170px;align-self:stretch;height:500px;display:grid}.status-card,.level-card,.word-card,.module-card,.info-card,.soft-panel,.learning-section,.question-card,.detail-hero,.empty-state{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-card,.level-card{min-height:0;padding:18px;overflow:hidden}.status-title{align-items:center;gap:10px;display:flex}.status-title svg{color:#ff8d4a;fill:#ffba72}.status-card h3{align-items:center;gap:8px;margin:0 0 14px;display:flex}.status-card strong{margin:8px 0;font-size:2rem;display:block}.status-card small,.muted,small{color:var(--muted)}.week{color:var(--muted);justify-content:space-between;gap:4px;margin-top:12px;font-size:.72rem;display:flex}.week i{aspect-ratio:1;border-radius:50%;place-items:center;width:25px;font-style:normal;display:grid}.week i.done{color:#fff;background:#7bc9bf}.goal-row{align-items:center;gap:14px;display:flex}.ring{aspect-ratio:1;width:76px;color:var(--ink);background:radial-gradient(circle at center, #fff 55%, transparent 56%), conic-gradient(var(--teal) var(--goal,0%), #e8ecf7 0);border-radius:50%;place-items:center;font-weight:800;display:grid}.status-card blockquote{color:#8b8fb0;background:#f3f6ffb8;border-radius:18px;margin:12px 0 0;padding:12px;font-family:Georgia,serif;font-style:italic}.side-panel .goal-card blockquote{display:none}.side-panel .level-card p{margin-bottom:12px}.level-card{color:#fff;background:linear-gradient(135deg,#9289ef,#cab5ff 58%,#8eaaf7);position:relative;overflow:hidden}.level-card:after{content:"";clip-path:polygon(0 100%,28% 46%,44% 70%,65% 22%,100% 100%);background:linear-gradient(135deg,#ffffff2e,#415ebd3d);width:190px;height:120px;position:absolute;bottom:-28px;right:-24px}.level-card span{aspect-ratio:1;border:3px solid #ffffffbf;border-radius:50%;place-items:center;width:54px;font:700 1.45rem Georgia,serif;display:inline-grid}.progress{background:#ffffff75;border-radius:99px;height:9px;overflow:hidden}.progress i{border-radius:inherit;background:#fff;height:100%;display:block}.content-grid{gap:var(--grid-gap);grid-area:3/1/auto/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.word-card.large{grid-column:span 5;height:320px;min-height:320px}.content-grid>.module-card:nth-child(2){grid-column:span 3;min-height:320px}.content-grid>.module-card:nth-child(3){grid-column:span 4;min-height:320px}.content-grid>.module-card:nth-child(n+4):nth-child(-n+7){grid-column:span 3;min-height:210px}.content-grid>.module-card:nth-child(8){grid-column:span 12;min-height:210px}.word-card,.module-card{text-align:left;padding:24px;position:relative;overflow:hidden}.card-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-index{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#c894ec,#8b83ee);border-radius:50%;place-items:center;width:34px;display:grid}.word-card h2,.module-card strong{font:700 1.15rem Georgia,serif}.word-card h2{align-items:center;gap:8px;display:flex}.word-card h2 svg{color:#7d6df0}.word-title{align-items:center;gap:10px;margin-top:12px;display:flex}.word-title strong{font:italic 2.15rem Georgia,serif}.word-title button{aspect-ratio:1;color:#6d61df;background:#f0edff;border-radius:50%;width:40px}.word-card p span{color:var(--muted);margin-bottom:4px;display:block}.word-card.large p:nth-of-type(2),.word-card.large blockquote{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.word-card.large p:nth-of-type(2){-webkit-line-clamp:1}.word-card blockquote,.learning-section blockquote{color:#546080;margin:12px 0;font-family:Georgia,serif;font-style:italic;line-height:1.45}.word-card-art{opacity:.5;width:142px;height:120px;position:absolute;bottom:-14px;right:-12px}.word-card-art i{transform-origin:bottom;background:#bdaaf7;border-radius:60% 40%;width:44px;height:82px;position:absolute;bottom:14px}.word-card-art i:first-child{right:64px;transform:rotate(-24deg)}.word-card-art i:nth-child(2){background:#d7cdfc;height:106px;right:34px}.word-card-art i:nth-child(3){background:#cabdff;right:10px;transform:rotate(25deg)}.learning-section blockquote small{margin-top:8px;font-family:inherit;font-style:normal;display:block}.module-card{grid-template-rows:auto auto auto 1fr;gap:8px;display:grid}.module-card>:not(.card-visual){z-index:1;position:relative}.module-icon{aspect-ratio:1;color:#6b5de5;background:#ffffff9e;border-radius:12px;place-items:center;width:36px;display:grid;box-shadow:inset 0 0 0 1px #7e77af1f}.module-card svg{color:currentColor}.module-card small{max-width:170px;line-height:1.45}.module-card>span:not(.module-icon):not(.card-visual){color:var(--ink);font-weight:700}.module-card .arrow{color:#695ce3;position:absolute;bottom:20px;right:20px}.lavender{background:linear-gradient(135deg,#fffc,#e5dbffc2)}.mint{background:linear-gradient(135deg,#fffc,#d1f1e8c2)}.blue{background:linear-gradient(135deg,#fffc,#d6ecffc2)}.peach{background:linear-gradient(135deg,#fffc,#ffe5cdc2)}.pink{background:linear-gradient(135deg,#fffc,#ffdeecc2)}.cream{background:linear-gradient(135deg,#ffffffd1,#fff8e5d1)}.card-visual{z-index:0;opacity:.48;pointer-events:none;display:block;position:absolute;bottom:24px;right:22px}.card-visual.cards{width:92px;height:82px}.card-visual.cards i{width:58px;height:72px;box-shadow:var(--soft-shadow);background:linear-gradient(145deg,#fff,#cfeeff);border:1px solid #7e77af1f;border-radius:10px;position:absolute}.card-visual.cards i:first-child{bottom:0;right:26px;transform:rotate(-13deg)}.card-visual.cards i:nth-child(2){bottom:5px;right:10px;transform:rotate(3deg)}.card-visual.cards i:nth-child(3){bottom:10px;right:-4px;transform:rotate(14deg)}.card-visual.wave{align-items:center;gap:4px;height:58px;display:flex}.card-visual.wave i{background:linear-gradient(#8d7af0,#58c0c5);border-radius:99px;width:5px}.card-visual.wave i:nth-child(odd){height:22px}.card-visual.wave i:nth-child(2n){height:42px}.card-visual.chat{color:#fff;background:#8bd8d3;border-radius:28px 28px 8px;place-items:center;width:82px;height:58px;display:grid}.card-visual.chat i{background:#8bd8d3;border-radius:0 0 20px;width:20px;height:20px;position:absolute;bottom:-8px;right:8px}.card-visual.score{aspect-ratio:1;background:radial-gradient(circle at center, #fff 55%, transparent 56%), conic-gradient(var(--teal) 78%, #e8ecf7 0);border-radius:50%;place-items:center;width:70px;display:grid}.card-visual.bars{align-items:end;gap:6px;height:62px;display:flex}.card-visual.bars i{background:linear-gradient(#a994f4,#74c8cc);border-radius:99px 99px 0 0;width:10px}.card-visual.bars i:first-child{height:24px}.card-visual.bars i:nth-child(2){height:42px}.card-visual.bars i:nth-child(3){height:28px}.card-visual.bars i:nth-child(4){height:54px}.card-visual.bars i:nth-child(5){height:36px}.card-visual.bars i:nth-child(6){height:48px}.card-visual.list{gap:7px;width:120px;display:grid}.card-visual.list i{background:#ffffffb8;border-radius:999px;height:24px;box-shadow:inset 0 0 0 1px #7e77af1f}.card-visual.blocks{width:98px;height:90px}.card-visual.blocks i{width:38px;height:38px;box-shadow:var(--soft-shadow);background:linear-gradient(135deg,#bfe8e5,#d8ccff);border-radius:10px;position:absolute}.card-visual.blocks i:first-child{bottom:0;right:42px}.card-visual.blocks i:nth-child(2){background:linear-gradient(135deg,#ffe4ca,#cdeee8);bottom:0;right:4px}.card-visual.blocks i:nth-child(3){background:linear-gradient(135deg,#d9ccff,#dcecff);bottom:36px;right:24px}.card-visual.blocks i:nth-child(4){opacity:.72;width:30px;height:30px;bottom:36px;right:60px}.mobile-home-extras{display:none}.page{gap:20px;padding-bottom:40px;display:grid}.page-hero{border-radius:var(--radius-hero);border:1px solid var(--border);min-height:148px;box-shadow:var(--soft-shadow);background:linear-gradient(135deg,#ffffffd1,#ebf5ff94);align-content:center;padding:22px 34px;display:grid}.page-hero span,.panel-eyebrow{color:#6c61dc;letter-spacing:0;font-size:13px;font-weight:800}.page-hero h1{margin:4px 0 6px;font-size:clamp(2.85rem,3.5vw,3.35rem);line-height:1}.page-hero p{max-width:760px;margin:0}.three-grid,.two-grid{gap:var(--grid-gap);display:grid}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card,.soft-panel,.learning-section,.question-card,.detail-hero,.exam-focus,.empty-state{padding:24px}.info-card{align-content:start;min-height:132px;display:grid}.metric-row>.info-card,.knowledge-summary>.module-card,.profile-metrics>.info-card{grid-column:span 4;height:132px;min-height:132px}.info-card strong{margin:6px 0;font-size:2.05rem;line-height:1.05;display:block}.info-card p{color:var(--muted);margin:0;line-height:1.45}.toolbar{border:1px solid var(--border);background:#ffffffad;border-radius:22px;min-height:80px;padding:14px 16px}.word-filters{grid-template-columns:6fr 2fr 2fr 2fr;display:grid}.search-box{border:1px solid var(--border);background:#ffffffbd;border-radius:14px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 16px;display:flex}.search-box input,select{width:100%;color:var(--ink);background:0 0;border:0;outline:0}select{border:1px solid var(--border);background:#ffffffbd;border-radius:14px;min-height:48px;padding:0 14px}.word-list{gap:10px;display:grid}.word-row{border:1px solid var(--border);background:#ffffffa8;border-radius:18px;grid-template-columns:28% minmax(0,58%) 14%;align-items:center;gap:18px;min-height:78px;max-height:86px;padding:14px 18px;display:grid}.word-row strong{font:italic 1.35rem Georgia,serif;display:block}.word-row span{color:var(--muted)}.word-row p{color:#26335f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.word-row button{aspect-ratio:1;color:#6658e8;background:#f2efff;border-radius:50%;justify-self:end;width:40px}.controlled-pagination{justify-content:center}.example-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.example-card{border:1px solid var(--border);border-radius:var(--radius-card);min-height:220px;box-shadow:var(--soft-shadow);background:linear-gradient(135deg,#ffffffd1,#ebf5ff94);gap:14px;padding:24px;display:grid}.example-card div{justify-content:space-between;align-items:center;gap:12px;display:flex}.example-card strong{color:var(--ink);font:italic 1.55rem Georgia,serif}.example-card span,.example-card p{color:var(--muted)}.example-card blockquote{color:#26335f;margin:0;font:italic 1.08rem/1.55 Georgia,serif}.example-card p{margin:0;line-height:1.55}.load-more-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.detail-layout{gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.detail-hero{grid-column:span 5;min-height:340px}.detail-layout>.learning-section:nth-child(2){grid-column:span 7;min-height:340px}.detail-layout>.learning-section:nth-child(3){grid-column:span 5;min-height:220px}.detail-layout>.learning-section:nth-child(4){grid-column:span 7;min-height:220px}.detail-hero strong{font:italic 3.2rem Georgia,serif}.badge-row,.chip-list,.profile-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge-row span,.badge-row button,.chip-list span,.profile-tags span{color:#5e55c9;background:#f2efffdb;border-radius:999px;padding:7px 11px}.chip-list{margin:14px 0}.chip-list strong{margin-right:6px}mark{color:inherit;background:linear-gradient(#0000 58%,#8ce1dd7a 0)}.learn-workspace>.learning-timeline,.study-plan-layout>.learning-timeline{grid-column:span 8;min-height:410px}.learn-workspace>.recommendations-panel,.study-plan-layout>.plan-summary-card{grid-column:span 4;min-height:410px}.learning-timeline{grid-template-rows:auto 1fr;gap:18px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading .primary-button{min-width:180px}.timeline-rows{align-content:start;gap:10px;display:grid}.timeline-rows>div{background:#ffffffa3;border:1px solid #7e77af21;border-radius:18px;grid-template-columns:28px minmax(100px,.8fr) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.timeline-rows svg{color:#a6abc3}.timeline-rows .done svg{color:#47b8ad;fill:#d8f4e9}.timeline-rows span,.timeline-rows small,.recommendations-panel p,.plan-summary-card p{color:var(--muted)}.mini-metric{background:#ffffff9e;border:1px solid #7e77af1f;border-radius:18px;gap:4px;margin-top:12px;padding:14px;display:grid}.mini-metric strong{font-size:1.35rem}.mini-metric span{color:var(--muted)}.flashcard-workspace{gap:var(--grid-gap);grid-template-columns:minmax(0,8fr) minmax(260px,4fr);align-items:stretch;max-width:1120px;margin-inline:auto;display:grid}.flashcard-stage{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;height:440px;min-height:440px;display:grid}.flash-nav{aspect-ratio:1;border:1px solid var(--border);color:#6658e8;width:48px;box-shadow:var(--soft-shadow);background:#ffffffc7;border-radius:50%}.flashcard{border-radius:var(--radius-hero);border:1px solid var(--border);min-height:440px;box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffdb,#e2dbffc2);grid-template-rows:auto 1fr auto;transition:transform .35s,background .35s;display:grid;position:relative;overflow:hidden}.flashcard:after{content:"";background:linear-gradient(135deg,#84d6d361,#d8c7ff7a);border-radius:44% 56% 40% 60%;width:230px;height:190px;position:absolute;bottom:-44px;right:-42px}.flashcard.flipped{background:linear-gradient(135deg,#ffffffe0,#d3f0e9c7);transform:rotateY(6deg)scale(.99)}.flash-progress{z-index:2;color:var(--muted);gap:8px;padding:20px 24px 0;display:grid;position:relative}.flash-progress i{background:linear-gradient(90deg,#7567e8,#59c1c8);border-radius:999px;height:7px;display:block}.flash-face{z-index:1;text-align:center;align-content:center;place-items:center;width:100%;padding:18px 42px;display:grid;position:relative}.flashcard strong{max-width:680px;margin:12px auto;font:italic clamp(3rem,7vw,6.2rem)/1 Georgia,serif;display:block}.flashcard blockquote{color:#56618d;max-width:560px;margin:18px auto 0;font-family:Georgia,serif;font-style:italic;line-height:1.5}.cefr-badge{z-index:2;color:#6658e8;border:1px solid var(--border);background:#ffffffc2;border-radius:999px;place-items:center;min-width:48px;height:34px;padding:0 12px;font-weight:800;display:grid;position:absolute;top:22px;right:24px}.card-ratings{z-index:2;justify-content:center;padding:0 18px 20px;position:relative}.rating-row button,.options button{border:1px solid var(--border);background:#ffffffbd;border-radius:16px;min-height:52px;padding:14px 18px}.flash-summary{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);height:440px;min-height:440px;box-shadow:var(--soft-shadow);padding:24px}.practice-summary{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-height:340px;box-shadow:var(--soft-shadow);padding:24px}.practice-workspace{gap:var(--grid-gap);grid-template-columns:minmax(0,9fr) minmax(260px,3fr);max-width:1240px;margin-inline:auto;display:grid}.question-card{align-content:start;gap:18px;min-height:340px;padding:28px;display:grid}.question-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;display:flex}.question-meta strong{color:#6658e8}.question-card h2{max-width:980px;margin:0;font-size:clamp(1.45rem,2vw,1.65rem);line-height:1.35}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.options button.correct{background:#d8f4e9}.options button.wrong{background:#ffe0e7}.question-footer{justify-content:flex-end;margin-top:auto;padding-top:6px}.pronunciation-workbench{gap:var(--grid-gap);grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:stretch;display:grid}.pronunciation-search,.pronunciation-card,.profile-card,.profile-form,.profile-summary,.exam-sidebar{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pronunciation-search{align-content:start;gap:14px;padding:16px;display:grid}.pronunciation-input{width:100%;min-width:0;min-height:52px}.suggestion-list{gap:10px;max-height:520px;padding-right:4px;display:grid;overflow:auto}.suggestion-list button{text-align:left;background:#ffffff9e;border:1px solid #7e77af21;border-radius:16px;gap:3px;padding:13px 14px;display:grid}.suggestion-list button.active{color:#5d52d8;background:linear-gradient(135deg,#ede8fff5,#dff8f4db);box-shadow:inset 0 0 0 1px #7667e62e}.suggestion-list em{color:var(--ink);font:italic 1.3rem Georgia,serif}.suggestion-list span{color:var(--muted);font-size:.9rem}.pronunciation-card{min-height:430px;padding:28px}.selected-word-line{color:var(--muted);margin-bottom:14px}.selected-word-line em{color:#6658e8;font-family:Georgia,serif}.pronunciation-card>strong{font:italic clamp(3rem,7vw,6rem)/1 Georgia,serif;display:block}.pronunciation-card blockquote{color:#56618d;font-family:Georgia,serif;font-style:italic}.waveform{background:#f1fbfb;border-radius:18px;align-items:center;gap:4px;min-height:92px;padding:16px;display:flex}.waveform i{background:linear-gradient(#8a78f0,#59c1c8);border-radius:99px;flex:1}.recording-player{width:100%;margin-top:10px}.soft-chart{border:1px solid var(--border);background:#ffffffa8;border-radius:22px;align-items:end;gap:18px;height:220px;padding:24px;display:flex}.soft-chart i{background:linear-gradient(#a994f4,#74c8cc);border-radius:10px 10px 0 0;flex:1}.progress-detail-row>.progress-chart-card{grid-column:span 8;min-height:260px}.progress-detail-row>.progress-summary-card{grid-column:span 4;min-height:260px}.empty-state{text-align:center;min-height:180px;color:var(--muted);box-shadow:none;background:#ffffff80;align-content:center;place-items:center;gap:10px;display:grid}.empty-state h3{color:var(--ink);margin:0}.empty-state p{max-width:420px;margin:0}.exam-page{align-content:start;gap:20px;min-height:100dvh;padding:20px 0 36px;display:grid}.exam-focus-header{border:1px solid var(--border);min-height:64px;box-shadow:var(--soft-shadow);background:#ffffffc7;border-radius:22px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:10px 14px 10px 22px;display:grid}.exam-focus-header strong{font:italic 1.35rem Georgia,serif}.exam-focus{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:18px;padding:0;display:grid}.exam-layout{gap:var(--grid-gap);grid-template-columns:minmax(0,9fr) minmax(260px,3fr);align-items:start;display:grid}.exam-sidebar{gap:14px;height:min(520px,100dvh - 180px);padding:18px;display:grid;position:sticky;top:20px;overflow-y:auto}.exam-current{background:linear-gradient(135deg,#f4f1fff2,#e8f8f7c7);border-radius:18px;grid-template-columns:auto auto 1fr;align-items:end;gap:8px;padding:16px;display:grid}.exam-current strong{color:#6658e8;font-size:3rem;line-height:.9}.exam-current small{color:var(--muted);padding-bottom:4px}.exam-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.exam-stats span{color:var(--muted);background:#ffffffad;border-radius:16px;gap:4px;padding:12px;display:grid}.exam-stats strong{color:var(--ink);font-size:1.35rem}.exam-nav{grid-template-columns:repeat(5,36px);gap:8px;display:grid}.exam-nav button{aspect-ratio:1;color:#6658e8;border:1px solid var(--border);background:#f4f1ff;border-radius:50%;width:36px}.exam-nav button.answered{color:#25776f;background:#d8f4e9}.exam-nav button.marked{color:#ad6b24;background:#fff0dd}.exam-nav button.active{color:#fff;background:#7769e8}.exam-question{min-height:420px}.result-panel{border-top:1px solid var(--border);gap:18px;padding-top:18px;display:grid}.profile-layout{gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.profile-card{grid-column:span 4;align-content:start;gap:18px;min-height:340px;padding:24px;display:grid}.profile-form{grid-column:span 8;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:340px;padding:24px;display:grid}.profile-card h2{margin:5px 0;font:italic 2.35rem Georgia,serif}.profile-card p{color:var(--muted);margin:0}.profile-card>div>span{color:#6658e8;font-weight:700}.profile-avatar{aspect-ratio:1;color:#6658e8;background:linear-gradient(135deg,#f4f1fff2,#dff8f4db);border-radius:24px;place-items:center;width:76px;display:grid}.profile-form .primary-button{justify-self:end;min-width:180px}.profile-form .primary-button,.profile-form .muted{grid-column:1/-1}.profile-actions{justify-content:flex-end}.note-editor{gap:10px;margin:10px 0;display:grid}.note-editor span,.setting-field span,.auth-form label span{color:var(--ink);font-weight:700}textarea,.setting-field input,.auth-form input{border:1px solid var(--border);width:100%;color:var(--ink);resize:vertical;background:#ffffffb3;border-radius:14px;outline:0;padding:14px 16px}textarea{min-height:118px}.note-composer{grid-column:span 5;min-height:360px}.note-composer textarea{height:210px}.notes-list-panel{grid-column:span 7;align-content:start;gap:12px;min-height:360px;display:grid}.notes-list-panel .empty-state{min-height:290px}.note-row{background:#ffffff94;border:1px solid #7e77af21;border-radius:18px;gap:10px;padding:16px;display:grid}.note-row div:first-child{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.note-row p{color:#26335f;margin:0;line-height:1.55}.setting-field{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--soft-shadow);gap:10px;padding:18px;display:grid}.profile-form .setting-field{box-shadow:none;background:0 0;border:0;padding:0}.setting-field input{min-height:50px}.switch-row{grid-template-columns:1fr auto;align-items:center}.switch-row input{width:22px;height:22px}.knowledge-content-grid>.learning-section{grid-column:span 6;grid-template-rows:auto 1fr auto;align-content:start;height:260px;display:grid;overflow:hidden}.knowledge-content-grid .chip-list{align-content:start;max-height:118px;overflow:hidden}.knowledge-content-grid .soft-button{place-self:end start}.auth-canvas{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-shell{width:min(1180px,100vw - 48px);min-height:min(720px,100dvh - 48px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff94;border:1px solid #ffffffdb;border-radius:30px;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);display:grid;overflow:hidden}.auth-visual-panel{background:linear-gradient(135deg,#ffffffd1,#ddecff94,#ffe8d58f);align-content:space-between;gap:20px;padding:42px;display:grid;position:relative;overflow:hidden}.auth-visual-panel h1{font-size:clamp(2.5rem,4vw,3.5rem)}.auth-illustration{height:180px;position:relative}.auth-illustration i{width:44%;height:54px;box-shadow:var(--soft-shadow);background:linear-gradient(135deg,#fff,#dcecff);border-radius:18px;position:absolute;bottom:20px}.auth-illustration i:first-child{left:4%;transform:rotate(-9deg)}.auth-illustration i:nth-child(2){background:linear-gradient(135deg,#d9ccff,#cdeee8);bottom:64px;left:24%}.auth-illustration i:nth-child(3){background:linear-gradient(135deg,#ffe4ca,#ffdce8);bottom:36px;right:8%}.auth-points{gap:12px;display:grid}.auth-points span{color:#435079;align-items:center;gap:10px;display:flex}.auth-form-panel{place-items:center;padding:42px;display:grid}.auth-form{gap:14px;width:100%;max-width:430px;display:grid}.auth-form h2{margin:0;font:700 2.75rem/1 Georgia,serif}.auth-form p{color:var(--muted);margin:0;line-height:1.6}.auth-form label{gap:8px;display:grid}.auth-form input,.auth-form select,.auth-form .primary-button{border-radius:14px;min-height:52px}.auth-form .primary-button{width:100%}.auth-links{justify-content:space-between;gap:12px;display:flex}.auth-links button{color:#5d52d8;background:0 0;font-weight:700}@media (width<=1199px){:root{--grid-gap:16px}.app-shell,.focus-shell{width:min(var(--app-max-width), calc(100vw - 40px))}.home-grid,.twelve-grid,.content-grid,.detail-layout,.profile-layout{grid-template-columns:repeat(8,minmax(0,1fr))}.hero{grid-area:auto/1/auto/-1;min-height:430px}.hero>:not(.hero-illustration){max-width:58%}.side-panel{grid-area:auto/1/auto/-1;grid-template-rows:170px;grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.exam-tabs,.content-grid{grid-area:auto/1/auto/-1}.word-card.large,.content-grid>.module-card:nth-child(2),.content-grid>.module-card:nth-child(3){grid-column:span 4;min-height:260px}.content-grid>.module-card:nth-child(n+4):nth-child(-n+8){grid-column:span 4;min-height:190px}.metric-row>.info-card,.knowledge-summary>.module-card,.profile-metrics>.info-card{grid-column:span 4}.learn-workspace>.learning-timeline,.study-plan-layout>.learning-timeline,.progress-detail-row>.progress-chart-card{grid-column:span 5}.learn-workspace>.recommendations-panel,.study-plan-layout>.plan-summary-card,.progress-detail-row>.progress-summary-card{grid-column:span 3}.detail-hero,.detail-layout>.learning-section:nth-child(2),.detail-layout>.learning-section:nth-child(3),.detail-layout>.learning-section:nth-child(4),.knowledge-content-grid>.learning-section,.note-composer,.notes-list-panel,.profile-card,.profile-form{grid-column:1/-1}.profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-workspace,.practice-workspace,.pronunciation-workbench,.exam-layout{grid-template-columns:1fr}.flash-summary,.practice-summary{min-height:auto}.exam-sidebar{height:auto;max-height:360px;position:static}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){:root{--grid-gap:12px}body{padding-bottom:0}.app-shell,.focus-shell{width:calc(100vw - 28px);margin:12px auto 24px}.app-header{height:56px;margin-bottom:14px}.logo{max-width:200px;height:44px;padding-right:8px;font-size:18px}.logo img{width:34px;height:34px}.logo svg{display:none}.identity-controls{gap:8px}.header-streak{width:58px;height:42px;padding:5px 8px}.header-streak small,.avatar-button{display:none}.nav-launcher{width:42px;height:42px}.nav-scrim{background:#10204a1a}.nav-popover{border-radius:28px 28px 0 0;width:calc(100vw - 24px);max-height:72dvh;padding:20px;position:fixed;inset:auto 12px 0}.home-grid,.twelve-grid,.content-grid,.detail-layout,.profile-layout{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{order:1;grid-column:1/-1;grid-template-columns:1fr;min-height:300px;padding:22px}.hero:after{opacity:.72;width:300px;height:116px;bottom:10px;right:-52px}.welcome-line{align-items:center;gap:6px;margin-bottom:8px;display:flex}.exam-strip{display:none}.hero h1{max-width:304px;margin:8px 0 14px;font-size:2.08rem;line-height:1.05}.hero p,.hero-actions{display:none}.hero>:not(.hero-illustration){max-width:76%}.hero-illustration{opacity:.35;width:212px;height:160px;bottom:8px;right:-14px;transform:scale(.82)}.word-float{display:none}.bubble{padding:12px 14px;top:38px;right:18px}.hero-orbit{inset:26px 30px 18px}.study-book{width:160px;height:48px;bottom:30px;right:58px}.book-stack{gap:5px;bottom:28px;right:2px}.book-stack i{width:88px;height:18px}.leaf-shape.one{width:54px;height:92px;bottom:52px;left:18px}.leaf-shape.two{width:43px;height:76px;bottom:66px;left:62px}.exam-tabs{order:2;grid-column:1/-1;width:100%}.content-grid{order:3}.side-panel{order:4;grid-column:1/-1;grid-template-rows:none;grid-template-columns:1fr}.side-panel .streak-card{display:none}.mobile-home-extras{order:5;grid-column:1/-1;grid-template-columns:1fr;gap:12px;width:100%;display:grid}.mobile-home-extras>*{width:100%}.plan-preview,.mini-info{position:relative;overflow:hidden}.plan-preview h3,.mini-info h3{align-items:center;gap:8px;margin-top:0;display:flex}.plan-preview p{color:var(--muted);align-items:center;gap:8px;display:flex}.mini-info p{max-width:220px;color:var(--muted);line-height:1.55}.mini-info em{color:#6658e8;font-family:Georgia,serif}.word-card.large,.content-grid>.module-card:nth-child(n),.metric-row>.info-card,.knowledge-summary>.module-card,.profile-metrics>.info-card,.learn-workspace>.learning-timeline,.study-plan-layout>.learning-timeline,.progress-detail-row>.progress-chart-card,.learn-workspace>.recommendations-panel,.study-plan-layout>.plan-summary-card,.progress-detail-row>.progress-summary-card,.knowledge-content-grid>.learning-section,.note-composer,.notes-list-panel,.profile-card,.profile-form{grid-column:1/-1;height:auto;min-height:auto}.module-card{min-height:150px;padding:16px}.word-card.large{min-height:0;padding:20px}.word-card.large blockquote{display:none}.word-card.large .word-title strong{font-size:1.9rem}.page{gap:16px;padding-bottom:24px}.page-hero{border-radius:26px;min-height:124px;padding:20px}.page-hero h1{font-size:clamp(2.1rem,10vw,2.35rem)}.page-hero p{font-size:14px}.word-filters,.toolbar{border-radius:22px;grid-template-columns:1fr;align-items:stretch;display:grid}.search-box,.toolbar select{width:100%;min-height:48px}.word-row{grid-template-columns:1fr auto;max-height:none}.word-row p{grid-column:1/-1}.example-grid{grid-template-columns:1fr}.example-card{min-height:0;padding:20px}.example-card div{flex-direction:column;align-items:flex-start;gap:4px}.flashcard-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;min-height:auto}.flash-nav{width:40px}.flashcard{min-height:370px}.flash-face{padding:20px 16px}.card-ratings{padding-inline:10px}.rating-row button{flex:42%;padding:12px 10px}.options{grid-template-columns:1fr}.question-card{min-height:auto;padding:22px}.pronunciation-workbench{grid-template-columns:1fr}.suggestion-list{max-height:none;padding-bottom:4px;display:flex;overflow-x:auto}.suggestion-list button{min-width:190px}.exam-page{padding-top:12px}.exam-focus-header{grid-template-columns:1fr;align-items:start}.exam-nav{flex-wrap:nowrap;padding-bottom:6px;display:flex;overflow-x:auto}.exam-nav button{flex:0 0 38px;width:38px}.profile-form{grid-template-columns:1fr}.profile-form .primary-button,.profile-actions{justify-content:stretch;width:100%}.profile-actions .soft-button{flex:1}.note-composer textarea{height:200px}.timeline-rows>div{grid-template-columns:28px minmax(0,1fr)}.timeline-rows>div span,.timeline-rows>div small{grid-column:2}.panel-heading{flex-direction:column;align-items:flex-start}.panel-heading .primary-button{width:100%}.auth-canvas{padding:14px}.auth-shell{border-radius:24px;grid-template-columns:1fr;width:calc(100vw - 28px);max-width:480px;min-height:0}.auth-visual-panel{gap:12px;padding:22px}.auth-visual-panel .logo{max-width:210px}.auth-visual-panel h1{font-size:2.25rem}.auth-illustration{height:96px}.auth-points{gap:8px}.auth-form-panel{padding:22px}.auth-form h2{font-size:2.25rem}.auth-links{flex-direction:column;align-items:flex-start}}@media (width<=380px){.app-shell,.focus-shell{width:calc(100vw - 24px)}.logo{max-width:178px;font-size:16px}.header-streak{width:52px}.hero h1{font-size:1.92rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}