:root{--ink:#10204a;--muted:#687498;--soft-indigo:#7769e8;--lavender:#d9ccff;--powder:#dcecff;--mint:#cdeee8;--teal:#59c1c8;--blush:#ffdce8;--peach:#ffe4ca;--cream:#fff8ed;--surface:#ffffffb8;--surface-strong:#ffffffe0;--border:#7e77af33;--shadow:0 24px 60px #40447826;--soft-shadow:0 14px 34px #4b4e801c;--radius:24px;--dock-height:78px;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-bottom:calc(var(--dock-height) + 34px)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{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{width:min(1780px,100% - 40px);padding:30px 64px calc(var(--dock-height) + 58px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff75;border:1px solid #ffffffdb;border-radius:36px;min-height:calc(100vh - 36px);margin:18px auto 34px}.app-header{z-index:3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:26px;display:grid;position:relative}.logo{background:#ffffffa8;border-radius:999px;align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px 14px 8px 8px;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:700;display:inline-flex;box-shadow:0 16px 36px #5d56911f}.logo img{border-radius:50%;width:42px;height:42px;box-shadow:0 8px 18px #7769e829}.logo span{white-space:nowrap}.logo em,h1 em,.logo svg{color:var(--soft-indigo)}.top-capsule{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-radius:999px;justify-self:center;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px 10px;display:flex;box-shadow:0 12px 28px #5d56911f}.top-capsule button{text-align:left;background:0 0;border-radius:999px;grid-template-rows:auto auto;grid-template-columns:36px auto;align-items:center;column-gap:9px;min-height:48px;padding:5px 12px 5px 5px;display:grid}.top-capsule button span{aspect-ratio:1;color:#6d61df;background:linear-gradient(135deg,#f6f3fff2,#e5f7f5cc);border-radius:50%;grid-row:1/3;place-items:center;width:36px;display:grid;box-shadow:inset 0 0 0 1px #7e77af1f}.top-capsule strong{font-size:.92rem;font-weight:700}.top-capsule small{color:var(--muted);font-size:.78rem}.header-streak{border:1px solid var(--border);min-height:58px;box-shadow:var(--soft-shadow);background:#ffffffbd;border-radius:999px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:9px 16px;display:inline-grid}.header-streak svg{color:#ff8d4a;fill:#ffba72;grid-row:1/3}.header-streak strong{font-size:1.45rem;line-height:1}.header-streak small{color:var(--muted);line-height:1}.home-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px 28px;display:grid}.hero{isolation:isolate;border-radius:34px;min-height:390px;padding:38px 46px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;border-radius:inherit;border:1px solid var(--border);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:10px;right:120px;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:.03em;font-family:Georgia,serif;font-style:italic}h1{letter-spacing:0;max-width:920px;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,4.7vw,5.35rem);line-height:.98}.hero h1{max-width:650px}.hero p,.page-hero p{color:var(--muted);max-width:720px;font-size:1.08rem;line-height:1.7}.hero-actions,.toolbar,.pagination-actions,.rating-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.primary-button,.soft-button,.round-button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 20px;display:inline-flex;box-shadow:0 12px 24px #695bdc2e}.primary-button{color:#fff;background:linear-gradient(135deg,#6f61e8,#b481f2)}.soft-button,.round-button{border:1px solid var(--border);background:#ffffffc2}.round-button{width:46px;padding:0}.hero-illustration{z-index:0;pointer-events:none;width:450px;height:285px;position:absolute;bottom:18px;right:8px}.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-column:1/2;grid-template-columns:repeat(4,minmax(0,1fr));align-self:start;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:18px;display:grid}.side-panel{grid-area:1/2/span 3/3;align-self:start}.status-card,.level-card,.word-card,.module-card,.info-card,.soft-panel,.learning-section,.question-card,.detail-hero,.exam-focus,.empty-state{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-card,.level-card{padding:24px}.status-title{align-items:center;gap:12px;display:flex}.status-title svg{color:#ff8d4a;fill:#ffba72}.status-card h3{align-items:center;gap:8px;margin:0 0 16px;display:flex}.status-card strong{margin:12px 0;font-size:2.45rem;display:block}.status-card small,.muted,small{color:var(--muted)}.week{color:var(--muted);justify-content:space-between;gap:6px;margin-top:18px;font-size:.78rem;display:flex}.week i{aspect-ratio:1;border-radius:50%;place-items:center;width:27px;font-style:normal;display:grid}.week i.done{color:#fff;background:#7bc9bf}.goal-row{align-items:center;gap:18px;display:flex}.ring{aspect-ratio:1;width:86px;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:18px 0 0;padding:16px;font-family:Georgia,serif;font-style:italic}.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:64px;font:700 1.8rem 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{grid-column:1/2;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.word-card.large{grid-column:span 2;min-height:250px}.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:34px}.word-card p span{color:var(--muted);margin-bottom:4px;display:block}.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;min-height:176px;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:150px;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}.floating-dock{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:20;width:min(940px,100% - 48px);min-height:var(--dock-height);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border-radius:999px;gap:8px;margin:0;padding:10px;display:flex;position:fixed;transform:translate(-50%)}.floating-dock button{color:#596184;background:0 0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:58px;display:flex}.floating-dock button.active{color:#6658e8;background:#f4f1fff5;box-shadow:inset 0 0 0 1px #7c67e61f}.mobile-action,.mobile-home-extras{display:none}.page{gap:24px;display:grid}.page-hero{border:1px solid var(--border);background:linear-gradient(135deg,#ffffffd1,#ebf5ff94);border-radius:32px;padding:34px 42px}.page-hero span{color:#6c61dc;font-weight:700}.page-hero h1{margin-bottom:10px;font-size:clamp(2.4rem,4vw,4.8rem)}.three-grid,.two-grid{gap:18px;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 strong{margin:8px 0;font-size:2.2rem;display:block}.toolbar{border:1px solid var(--border);background:#ffffff9e;border-radius:999px;padding:12px}.search-box{flex:1;align-items:center;gap:10px;min-width:240px;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:999px;min-height:42px;padding:0 14px}.word-list{gap:12px;display:grid}.word-row{border:1px solid var(--border);background:#ffffffa8;border-radius:20px;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:18px;padding:18px 20px;display:grid}.word-row strong{font:italic 1.45rem Georgia,serif;display:block}.word-row span{color:var(--muted)}.word-row button{aspect-ratio:1;color:#6658e8;background:#f2efff;border-radius:50%;width:40px}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.example-card{border:1px solid var(--border);border-radius:var(--radius);min-height:230px;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.65rem Georgia,serif}.example-card span,.example-card p{color:var(--muted)}.example-card blockquote{color:#26335f;margin:0;font:italic 1.15rem/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{grid-template-columns:1fr 1fr;gap:18px;display:grid}.detail-hero{grid-row:span 2}.detail-hero strong{font:italic 4rem Georgia,serif}.badge-row,.chip-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge-row span,.badge-row button,.chip-list span{color:#5e55c9;background:#f2efffdb;border-radius:999px;padding:8px 12px}.chip-list{margin:14px 0}.chip-list strong{margin-right:6px}mark{color:inherit;background:linear-gradient(#0000 58%,#8ce1dd7a 0)}.flashcard-stage{grid-template-columns:56px minmax(0,760px) 56px;justify-content:center;align-items:center;gap:18px;display:grid}.flash-nav{aspect-ratio:1;border:1px solid var(--border);color:#6658e8;width:56px;box-shadow:var(--soft-shadow);background:#ffffffc7;border-radius:50%}.flashcard{border:1px solid var(--border);min-height:390px;box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffdb,#e2dbffc2);border-radius:32px;place-items:center;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-face{z-index:1;text-align:center;width:100%;padding:42px;position:relative}.flashcard strong{max-width:680px;margin:12px auto;font:italic clamp(3rem,8vw,7rem)/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:24px;right:24px}.card-ratings{justify-content:center}.word-loading .skeleton-line{background:linear-gradient(90deg,#ebe8ffcc,#ffffffd9,#ebe8ffcc);border-radius:999px;width:70%;height:16px}.word-loading .skeleton-line.title{width:56%;height:48px;margin-top:18px}.word-loading .skeleton-line.short{width:42%}.rating-row button,.options button{border:1px solid var(--border);background:#ffffffbd;border-radius:16px;padding:14px 18px}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.options button.correct{background:#d8f4e9}.options button.wrong{background:#ffe0e7}.pronunciation-workbench{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.pronunciation-search,.pronunciation-card,.profile-card,.profile-form,.profile-summary,.exam-sidebar{border:1px solid var(--border);border-radius:var(--radius);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{border:1px solid var(--border);background:#ffffffbd;border-radius:20px;width:100%;min-width:0;min-height:54px}.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:24px;align-items:end;gap:18px;height:190px;padding:24px;display:flex}.soft-chart i{background:linear-gradient(#a994f4,#74c8cc);border-radius:10px 10px 0 0;flex:1}.plan-row{align-items:center;gap:12px;display:flex}.exam-focus{background:#ffffffdb;gap:18px;display:grid}.exam-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.exam-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.exam-sidebar{gap:14px;padding:18px;display:grid;position:sticky;top:18px}.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{flex-wrap:wrap;gap:10px;display:flex}.exam-nav button{aspect-ratio:1;color:#6658e8;border:1px solid var(--border);background:#f4f1ff;border-radius:50%;width:42px}.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{align-content:start;gap:20px;min-height:520px;display:grid}.exam-question h2{max-width:980px;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.35}.result-panel{border-top:1px solid var(--border);gap:18px;padding-top:18px;display:grid}.empty-state{text-align:center;color:var(--muted)}.empty-state h3{color:var(--ink)}.profile-layout{grid-template-columns:minmax(280px,420px) minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.profile-card,.profile-form,.profile-summary{padding:24px}.profile-card{align-items:center;gap:18px;display:flex}.profile-card h2{margin:5px 0;font:italic 2.4rem Georgia,serif}.profile-card p{color:var(--muted);margin:0}.profile-card 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{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-form .primary-button,.profile-form .muted{grid-column:1/-1}.profile-summary{gap:14px;display:grid}.profile-summary .info-card{box-shadow:none;background:#ffffff8f}.note-editor{gap:10px;margin:14px 0;display:grid}.note-editor span,.setting-field span{color:var(--ink);font-weight:700}textarea,.setting-field input{border:1px solid var(--border);width:100%;color:var(--ink);resize:vertical;background:#ffffffb3;border-radius:18px;outline:0;padding:14px 16px}textarea{min-height:118px}.note-row{gap:10px;display:grid}.note-row div:first-child{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.setting-field{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--soft-shadow);gap:10px;padding:22px;display:grid}.setting-field input{min-height:44px}.switch-row{grid-template-columns:1fr auto;align-items:center}.switch-row input{width:22px;height:22px}@media (width<=1180px){.app-shell{padding:22px 24px calc(var(--dock-height) + 54px)}.app-header{grid-template-columns:auto auto;justify-content:space-between}.top-capsule{grid-area:2/1/auto/-1}.home-grid{grid-template-columns:1fr}.hero,.exam-tabs,.content-grid,.side-panel{grid-area:auto}.side-panel,.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card.large{grid-column:span 1}.exam-layout,.profile-layout{grid-template-columns:1fr}.exam-sidebar{position:static}.profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-illustration{opacity:.55;right:-8px}}@media (width<=760px){:root{--dock-height:64px}body{padding-bottom:calc(var(--dock-height) + env(safe-area-inset-bottom))}.app-shell{width:100%;padding:16px 18px calc(var(--dock-height) + 34px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;min-height:100vh;margin:0}.app-header{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf9f6b8;border-radius:28px;justify-content:space-between;gap:10px;margin:-4px -4px 18px;padding:4px;display:flex;position:sticky;top:0}.top-capsule{display:none}.logo{background:#ffffffb8;flex:auto;gap:6px;max-width:calc(100% - 92px);min-height:48px;padding:6px 10px 6px 6px;font-size:18px}.logo img{width:34px;height:34px}.logo span{text-overflow:ellipsis;min-width:0;overflow:hidden}.logo svg{flex:none}.header-streak{flex:none;min-height:48px;padding:7px 12px}.header-streak strong{font-size:1.25rem}.home-grid{gap:16px}.hero{order:1;min-height:260px;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-illustration{opacity:.5;width:212px;height:160px;bottom:8px;right:0}.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;width:100%}.exam-tabs button{min-height:44px}.content-grid{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:84px 12px}.side-panel{order:4;grid-template-columns:1fr}.side-panel .streak-card{display:none}.side-panel .goal-card{order:1}.side-panel .level-card{order:2}.word-card.large{grid-column:1/-1;min-height:0;padding:20px 24px 18px}.home-grid .word-card.large{margin-bottom:72px}.word-card.large .word-detail-action{z-index:2;border-radius:50%;width:44px;min-width:44px;min-height:44px;padding:0;position:absolute;top:66px;right:22px}.word-card.large .word-detail-action span{display:none}.word-card.large .word-card-art{opacity:.28;transform-origin:100% 100%;transform:scale(.82)}.word-card.large h2{margin:12px 0 8px}.word-card.large .word-title{margin-top:6px}.word-card.large .word-title strong{font-size:1.9rem}.word-card.large p{margin:8px 0;line-height:1.42}.word-card.large p:nth-of-type(2){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.module-card{min-height:144px;padding:16px}.module-card small{max-width:122px}.module-card strong{font-size:1.05rem;line-height:1.1}.card-visual{transform-origin:100% 100%;bottom:24px;right:10px;transform:scale(.72)}.three-grid,.two-grid,.detail-layout{grid-template-columns:1fr}.floating-dock{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));z-index:20;border-radius:26px;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:auto;max-width:368px;margin:0 auto;padding:7px;display:grid;position:fixed;overflow:visible;transform:none}.floating-dock button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;line-height:1.05;overflow:hidden}.floating-dock button{flex:initial;border-radius:18px;flex-direction:column;gap:3px;min-width:0;min-height:48px;padding:5px 2px}.floating-dock button svg{flex:none;width:20px;height:20px}.mobile-action,.word-card.large blockquote{display:none}.mobile-home-extras{order:5;grid-template-columns:1fr;gap:14px;display:grid}.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-row{grid-template-columns:1fr auto}.word-row p{grid-column:1/-1;margin:0}.word-row button,.word-title button{width:44px;min-width:44px}.options{grid-template-columns:1fr}select{min-height:44px}.toolbar{border-radius:24px;align-items:stretch;padding:10px}.search-box{min-width:100%;min-height:44px;padding:0 12px}.search-box input{min-height:44px}.toolbar select{width:100%;min-height:44px}.page{gap:18px}.page-hero{border-radius:26px;padding:24px 22px}.page-hero h1{font-size:clamp(2rem,12vw,3rem)}.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:44px minmax(0,1fr) 44px;gap:8px}.flash-nav{width:44px}.flashcard{min-height:350px}.flash-face{padding:34px 18px}.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-heading{flex-direction:column;align-items:flex-start}.exam-layout{flex-direction:column-reverse;display:flex}.exam-sidebar{width:100%}.exam-nav{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.exam-nav button{flex:0 0 44px;width:44px}.exam-question{min-height:auto}.profile-form{grid-template-columns:1fr}.switch-row input{width:44px;height:44px}}@media (width<=380px){.app-shell{padding-inline:14px}.app-header{gap:8px}.logo{max-width:calc(100% - 88px);padding-right:8px;font-size:16.5px}.header-streak{padding:7px 10px}.hero h1{font-size:1.92rem}.module-card{min-height:150px}.floating-dock{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:6px;left:8px;right:8px}.floating-dock button span{font-size:.56rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}