:root{--color-bg:#f3f4f6;--color-surface:#fff;--color-primary:#2563eb;--color-primary-soft:#e0ecff;--color-primary-soft-strong:#c7dbff;--color-text:#0f172a;--color-text-muted:#6b7280;--color-border-soft:#e5e7eb;--shadow-soft:0 18px 40px #0f172a14;--radius-lg:1.25rem;--radius-full:999px;color:var(--color-text);background-color:var(--color-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;line-height:1.5}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-primary:#3b82f6;--color-primary-soft:#1e3a5f;--color-primary-soft-strong:#1e40af;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border-soft:#334155;--shadow-soft:0 18px 40px #0000004d}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.btn-primary,.btn-secondary,.btn-ghost{border-radius:var(--radius-full);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1.2rem;font-size:.9rem;font-weight:500;transition:background-color .18s,box-shadow .18s,transform .18s,border-color .18s,color .18s;display:inline-flex}.btn-secondary{color:var(--color-text);background-color:#2563eb0a;border-color:#94a3b899}.btn-ghost{color:#1d4ed8;background-color:#0000;border-color:#818cf880;padding-inline:1.05rem}.btn-ghost:hover{background-color:#dbeafed9;border-color:#2563ebcc;transform:translateY(-1px);box-shadow:0 10px 26px #94a3b866}.app-shell{max-width:1120px;margin:0 auto;padding:0 1.5rem 3rem}.app-main{margin-top:0}@media (width<=768px){.app-shell{padding-inline:1.25rem}.app-main{margin-top:0}}[data-theme=dark] .btn-secondary{color:var(--color-text);background-color:#3b82f60f;border-color:#94a3b84d}[data-theme=dark] .btn-secondary:hover{background-color:#3b82f61f;box-shadow:0 10px 18px #0000004d}[data-theme=dark] .btn-ghost{color:#93c5fd;border-color:#93c5fd4d}[data-theme=dark] .btn-ghost:hover{background-color:#3b82f61f;border-color:#3b82f680;box-shadow:0 10px 26px #0000004d}.navbar-root{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#ffffffd9;border-bottom:1px solid #94a3b829;transition:background-color .25s,box-shadow .25s,border-color .25s;position:sticky;top:0;box-shadow:0 14px 30px #0f172a1f}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;padding-block:.8rem;display:flex}.navbar-left{align-items:center;display:flex}.navbar-logo{align-items:center;gap:.5rem;display:inline-flex}.navbar-logo-icon{color:#f9fafb;background:radial-gradient(circle at 30% 0,#bfdbfe,#2563eb);border-radius:.9rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1.1rem;display:inline-flex;box-shadow:0 10px 22px #2563eb59}.navbar-logo-text{letter-spacing:-.04em;color:var(--color-text);font-size:1.25rem;font-weight:700}.navbar-center{flex:1;justify-content:center;align-items:center;gap:1.5rem;display:flex}.navbar-link{color:var(--color-text-muted);padding-block:.25rem;font-size:.95rem;transition:color .18s,transform .18s;position:relative}.navbar-link:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#93c5fd,#2563eb);border-radius:999px;height:2px;transition:transform .18s ease-out;position:absolute;bottom:-.2rem;left:0;right:0;transform:scaleX(0)}.navbar-link:hover{color:var(--color-text);transform:translateY(-1px)}.navbar-link-active{color:var(--color-text);font-weight:600}.navbar-link-active:after{transform:scaleX(1)}.navbar-right{align-items:center;gap:.75rem;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-full);cursor:pointer;color:var(--color-text);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.45rem 1.1rem;font-size:.9rem;font-weight:500;transition:background-color .18s,box-shadow .18s,transform .18s,border-color .18s;display:inline-flex}.btn-secondary{background-color:#2563eb0a;border-color:#94a3b899}.btn-secondary:hover{background-color:#2563eb14;transform:translateY(-1px);box-shadow:0 10px 18px #0f172a29}.btn-primary{color:#f9fafb;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 18px 38px #2563eb61}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.btn-icon{justify-content:center;align-items:center;display:inline-flex}@media (width<=900px){.navbar-inner{gap:1rem}.navbar-center{gap:1rem;font-size:.85rem}}@media (width<=768px){.navbar-inner{flex-wrap:wrap;align-items:flex-start;height:auto;padding-block:.7rem}.navbar-left{flex:none}.navbar-center{flex-basis:100%;order:3;justify-content:flex-start;padding-bottom:.35rem;overflow-x:auto}.navbar-center::-webkit-scrollbar{height:4px}.navbar-center::-webkit-scrollbar-thumb{background-color:#94a3b8b3;border-radius:999px}.navbar-right{margin-left:auto}}.navbar-icon-btn{border-radius:var(--radius-full);align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.85rem;display:inline-flex}[data-theme=dark] .navbar-root{background-color:#0f172ae0;border-bottom-color:#33415580;box-shadow:0 14px 30px #00000059}.hero-root{color:#e5e7eb;background:radial-gradient(circle at 0 0,#38bdf833,#0000 55%),radial-gradient(circle at 100% 100%,#3b82f62e,#0000 55%),linear-gradient(145deg,#0f172a,#020617);min-height:76vh;padding-top:3.5rem;padding-bottom:2.5rem;position:relative;overflow:hidden}.hero-inner{min-height:inherit;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:3rem;display:grid}.hero-content{z-index:1;animation:.7s ease-out heroContentIn;position:relative}@keyframes heroContentIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{text-transform:uppercase;letter-spacing:.14em;color:#e0f2fe;background:linear-gradient(120deg,#38bdf826,#2563eb1a);border:1px solid #94a3b880;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .85rem;font-size:.78rem;display:inline-flex}.hero-title{letter-spacing:-.05em;color:#f9fafb;margin:1.25rem 0 .75rem;font-size:2.7rem;line-height:1.1;position:relative}.hero-title:before{content:"";opacity:.55;filter:blur(16px);z-index:-1;background:radial-gradient(circle,#3b82f6a6,#0000 60%);margin-left:-6%;position:absolute;inset:-25%}.hero-subtitle{color:#cbd5f5;max-width:34rem;margin:0 0 1.75rem;font-size:.98rem}.hero-actions{align-items:center;gap:1rem;display:flex}.hero-cta{padding-block:.8rem;padding-inline:1.6rem;font-size:.95rem}.hero-visual{justify-content:center;align-items:center;min-height:260px;animation:.8s ease-out .2s both heroVisualIn;display:flex;position:relative}@keyframes heroVisualIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af5;border:1px solid #94a3b880;border-radius:1.5rem;box-shadow:0 24px 60px #0f172abf}.hero-card-main{width:100%;max-width:320px;padding:1.4rem 1.5rem 1.35rem}.hero-chip{color:#a7f3d0;background:#0f766e1f;border:1px solid #2dd4bf99;border-radius:999px;padding:.3rem .75rem;font-size:.75rem;display:inline-flex}.hero-progress{background:#0f172ae6;border-radius:999px;height:.5rem;margin-top:1.1rem;margin-bottom:1.25rem;overflow:hidden}.hero-progress-bar{background:linear-gradient(90deg,#22c55e,#a3e635);width:68%;height:100%;animation:2.5s ease-in-out infinite progressPulse;box-shadow:0 0 14px #22c55ecc}@keyframes progressPulse{0%,to{box-shadow:0 0 14px #22c55ecc}50%{box-shadow:0 0 22px #22c55e}}.hero-stat-row{justify-content:space-between;gap:1.5rem;display:flex}.hero-stat-label{color:#9ca3af;font-size:.75rem}.hero-stat-value{color:#e5e7eb;margin-top:.15rem;font-size:1.15rem;font-weight:600}.hero-card-floating{padding:.85rem 1rem;font-size:.8rem;position:absolute}.hero-card-a1{background:#0f172ae6;animation:4s ease-in-out infinite heroFloat;top:14%;right:4%}.hero-card-b1{background:#0f172aeb;animation:4s ease-in-out 1.5s infinite heroFloat;bottom:8%;left:3%}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-pill{border-radius:999px;margin-bottom:.25rem;padding:.25rem .6rem;font-size:.75rem;display:inline-flex}.hero-pill-a1{color:#bfdbfe;background:#3b82f629}.hero-pill-b1{color:#bae6fd;background:#38bdf82e}.hero-card-text{color:#e5e7eb;max-width:13rem;margin:0}@media (width<=960px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:2.5rem}.hero-visual{order:-1}}@media (width<=768px){.hero-root{min-height:auto;padding-top:3.2rem;padding-bottom:3.6rem}.hero-title{font-size:2.1rem}.hero-subtitle{font-size:.95rem}.hero-inner{gap:2rem}.hero-card-main{max-width:290px}.hero-card-floating{transform:scale(.92)}}@media (width<=640px){.hero-inner{gap:1.9rem}.hero-visual{min-height:220px}.hero-card-floating{display:none}}.level-card{border:1px solid #94a3b859;border-radius:1.5rem;flex-direction:column;justify-content:space-between;gap:1.1rem;padding:1.9rem 1.7rem 1.7rem;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out,background-color .16s ease-out;display:flex;box-shadow:0 16px 40px #0f172a0f}.level-card:hover{background-color:#f9fafb;border-color:#2563eb8c;transform:translateY(-4px);box-shadow:0 22px 50px #0f172a1f}.level-card-header{flex-direction:column;gap:.4rem;display:flex}.level-chip{letter-spacing:.08em;text-transform:uppercase;color:#0f172a;background-color:#ffffffbf;border-radius:999px;align-self:flex-start;padding:.3rem .75rem;font-size:.78rem;font-weight:600}.level-title{letter-spacing:-.03em;color:var(--color-text);margin:0;font-size:1.1rem;font-weight:600}.level-description{color:var(--color-text-muted);margin:0;font-size:.95rem}.level-button{align-self:center;margin-top:.25rem}.level-card--a1{background-color:#ecfdf3;border-color:#4ade80}.level-card--a2{background-color:#e0f2fe;border-color:#38bdf8}.level-card--b1{background-color:#fefce8;border-color:#eab308}.level-card--b2{background-color:#fff7ed;border-color:#fb923c}.level-card--c1{background-color:#f3e8ff;border-color:#a855f7}.level-card.level-card--a1:hover,.level-card.level-card--a2:hover,.level-card.level-card--b1:hover,.level-card.level-card--b2:hover,.level-card.level-card--c1:hover,.level-card.level-card--c2:hover{background-color:#fff}@media (width<=640px){.level-card{padding:1.7rem 1.55rem 1.55rem}}.level-card--c2{background-color:#fce7f3;border-color:#ec4899}[data-theme=dark] .level-card--a1{background-color:#22c55e1a;border-color:#4ade8059}[data-theme=dark] .level-card--a2{background-color:#38bdf81a;border-color:#38bdf859}[data-theme=dark] .level-card--b1{background-color:#eab3081a;border-color:#eab30859}[data-theme=dark] .level-card--b2{background-color:#fb923c1a;border-color:#fb923c59}[data-theme=dark] .level-card--c1{background-color:#a855f71a;border-color:#a855f759}[data-theme=dark] .level-card--c2{background-color:#ec48991a;border-color:#ec489959}[data-theme=dark] .level-card:hover{background-color:var(--color-surface)}[data-theme=dark] .level-chip{color:#e2e8f0;background-color:#ffffff1a}.stats-bar{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-bottom:1px solid #94a3b81f}.stats-bar-inner{justify-content:center;align-items:center;gap:3.5rem;padding-block:1.4rem;display:flex}.stat-item{color:#e2e8f0;align-items:center;gap:.55rem;display:flex}.stat-icon{color:#60a5fa;width:1.2rem;height:1.2rem}.stat-value{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.stat-label{color:#94a3b8;font-size:.88rem}.section-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:#2563eb14;border:1px solid #2563eb33;border-radius:999px;margin-bottom:.75rem;padding:.25rem .85rem;font-size:.78rem;font-weight:600;display:inline-block}.levels-section{margin-top:2.5rem;padding-top:3.2rem;padding-bottom:4rem}.levels-header{text-align:center;max-width:34rem;margin:0 auto}.levels-title{letter-spacing:-.04em;color:var(--color-text);margin:0 0 .65rem;font-size:2.3rem}.levels-subtitle{color:var(--color-text-muted);margin:0;font-size:.98rem}.levels-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin-top:2.4rem;display:grid}.level-card-wrapper{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(24px)}.levels-grid-visible .level-card-wrapper{opacity:1;transform:translateY(0)}@media (width<=960px){.levels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.levels-section{padding-top:2.4rem;padding-bottom:3rem}.levels-grid{grid-template-columns:minmax(0,1fr)}.stats-bar-inner{flex-wrap:wrap;justify-content:center;gap:1.8rem}}.features-section{margin-top:3rem;padding-bottom:4.5rem}.features-header{text-align:center;max-width:34rem;margin:0 auto 2.2rem}.features-title{letter-spacing:-.04em;color:var(--color-text);margin:0 0 .65rem;font-size:1.7rem}.features-subtitle{color:var(--color-text-muted);margin:0;font-size:.98rem}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;display:grid}.feature-card{background-color:var(--color-surface);opacity:0;border:1px solid #94a3b859;border-radius:1.25rem;padding:1.7rem 1.6rem 1.6rem;transition:opacity .55s ease-out,transform .55s ease-out,box-shadow .16s ease-out,border-color .16s ease-out,background-color .16s ease-out;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 16px 40px #0f172a0f}.feature-icon{color:#1d4ed8;background:#dbeafee6;border-radius:.9rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;margin-bottom:.75rem;display:inline-flex}.feature-icon-svg{width:1.4rem;height:1.4rem}.feature-card:hover{background-color:#f9fafb;border-color:#2563eb99;box-shadow:0 24px 60px #0f172a1f}.feature-card:hover .feature-icon{background:#dbeafe}.feature-title{letter-spacing:-.03em;color:var(--color-text);margin:0 0 .5rem;font-size:1.05rem}.feature-description{color:var(--color-text-muted);margin:0;font-size:.95rem}.feature-card-1,.feature-card-2{grid-row:1}.feature-card-3{grid-column:1/-1;justify-self:center;max-width:520px}.features-visible .feature-card{opacity:1;transform:translateY(0)}.features-visible .feature-card-1{transition-delay:50ms}.features-visible .feature-card-2{transition-delay:.15s}.features-visible .feature-card-3{transition-delay:.28s}@media (width<=960px){.features-grid{grid-template-columns:minmax(0,1fr)}.feature-card-3{grid-column:auto;justify-self:stretch;max-width:none}}@media (width<=640px){.features-section{padding-bottom:3.2rem}.features-header{margin-bottom:2rem}.feature-card{padding:1.5rem 1.45rem 1.45rem}}[data-theme=dark] .feature-card{background-color:var(--color-surface);border-color:#33415580;box-shadow:0 16px 40px #0003}[data-theme=dark] .feature-card:hover{background-color:#253349;border-color:#3b82f680;box-shadow:0 24px 60px #00000059}[data-theme=dark] .feature-icon{color:#93c5fd;background:#3b82f626}[data-theme=dark] .feature-card:hover .feature-icon{background:#3b82f638}[data-theme=dark] .stats-bar{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#33415566}[data-theme=dark] .section-badge{color:#93c5fd;background:#3b82f61f;border-color:#3b82f640}.stories-page{padding-block:3rem 4rem}.stories-top-bar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.stories-shuffle-btn{border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.88rem;font-weight:500;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.stories-shuffle-btn:hover{transform:translateY(-1px)}.stories-shuffle-btn:hover .shuffle-icon{animation:.5s ease-in-out shuffleSpin}@keyframes shuffleSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.story-card-animated{animation:.4s ease-out both cardFadeIn}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.stories-header{margin-bottom:2.2rem}.stories-title{letter-spacing:-.04em;color:var(--color-text);margin:0 0 .6rem;font-size:2.1rem}.stories-subtitle{color:var(--color-text-muted);max-width:40rem;margin:0;font-size:1rem}.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-top:2.2rem;display:grid}.story-card{background-color:var(--color-surface);border:1px solid #94a3b859;border-radius:1rem;flex-direction:column;gap:.6rem;padding:1.2rem 1.2rem 1.1rem;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out,background-color .16s ease-out;display:flex;box-shadow:0 16px 40px #0f172a0f}.story-card:hover{background-color:#f9fafb;border-color:#2563eb8c;transform:translateY(-4px);box-shadow:0 22px 50px #0f172a1f}.story-card-header{align-items:center;gap:.75rem;display:flex}.story-icon{color:#1d4ed8;background:#dbeafee6;border-radius:.9rem;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;display:inline-flex}.story-icon-svg{width:1.3rem;height:1.3rem}.story-title{letter-spacing:-.03em;color:var(--color-text);margin:0;font-size:.95rem}.story-preview{color:var(--color-text-muted);flex-grow:1;margin:0;font-size:.88rem}.story-button{margin-top:auto;align-self:flex-start;margin-block-start:.75rem}@media (width<=1024px){.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.stories-page{padding-block:2.4rem 3.2rem}.stories-title{font-size:1.8rem}.stories-grid{grid-template-columns:minmax(0,1fr);margin-top:1.9rem}}[data-theme=dark] .story-card{background-color:var(--color-surface);border-color:#33415599}[data-theme=dark] .story-card:hover{background-color:#253349;border-color:#3b82f680;box-shadow:0 22px 50px #0000004d}[data-theme=dark] .story-icon{color:#93c5fd;background:#3b82f626}[data-theme=dark] .stories-shuffle-btn{border-color:#33415599}[data-theme=dark] .stories-shuffle-btn:hover{background-color:#3b82f61f}.vocab-tooltip-trigger{text-underline-offset:3px;cursor:help;border-radius:2px;-webkit-text-decoration:underline #2563eb59;text-decoration:underline #2563eb59;text-decoration-thickness:2px;transition:background-color .15s,text-decoration-color .15s;position:relative}.vocab-tooltip-trigger:hover,.vocab-tooltip-trigger:focus-visible{background-color:#2563eb0f;outline:none;text-decoration-color:#2563ebb3}.vocab-tooltip{z-index:50;white-space:nowrap;color:#e2e8f0;pointer-events:none;background-color:#0f172a;border-radius:.65rem;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;line-height:1.3;animation:.18s ease-out tooltipIn;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.vocab-tooltip--above{bottom:calc(100% + 8px)}.vocab-tooltip--below{top:calc(100% + 8px)}.vocab-tooltip--above:after{content:"";border:5px solid #0000;border-top-color:#0f172a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.vocab-tooltip--below:after{content:"";border:5px solid #0000;border-bottom-color:#0f172a;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.vocab-tooltip-word{color:#93c5fd;font-weight:600}.vocab-tooltip-divider{background-color:#94a3b859;width:1px;height:14px}.vocab-tooltip-meaning{color:#cbd5e1}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}[data-theme=dark] .vocab-tooltip-trigger{text-decoration-color:#60a5fa66}[data-theme=dark] .vocab-tooltip-trigger:hover,[data-theme=dark] .vocab-tooltip-trigger:focus-visible{background-color:#3b82f61a;text-decoration-color:#60a5fab3}[data-theme=dark] .vocab-tooltip{background-color:#1e293b;box-shadow:0 8px 24px #00000080}[data-theme=dark] .vocab-tooltip--above:after{border-top-color:#1e293b}[data-theme=dark] .vocab-tooltip--below:after{border-bottom-color:#1e293b}.story-page{max-width:820px;margin:0 auto;padding-block:3.2rem 4.5rem}.story-top-nav{justify-content:space-between;align-items:center;margin-bottom:2.2rem;display:flex}.story-back-button{background-color:#f8fafce6;border-color:#94a3b899;border-radius:999px;align-self:flex-start;padding-block:.45rem;padding-inline:1rem;box-shadow:0 0 #0f172a00}.story-back-button:hover{background-color:#fff;box-shadow:0 10px 24px #0f172a14}.story-header{text-align:center;margin-bottom:2rem}.story-level-chip{letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8;background-color:#dbeafecc;border:1px solid #93c5fd99;border-radius:999px;margin-bottom:.75rem;padding:.28rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.story-title{letter-spacing:-.04em;color:var(--color-text);margin:0;font-size:2.1rem;font-weight:700}.story-content-section{margin-bottom:3.2rem}.story-reading-card{color:#334155;background-color:#fff;border:1px solid #94a3b840;border-radius:1.5rem;max-width:760px;margin:0 auto;padding:2.8rem 3rem;font-size:1.05rem;line-height:1.8;box-shadow:0 4px 6px #0f172a0a,0 20px 50px #0f172a12}.story-paragraph{margin:0 0 1.5rem}.story-paragraph:last-child{margin-bottom:0}.story-section-title{letter-spacing:-.03em;color:var(--color-text);align-items:center;gap:.45rem;margin:0 0 1.3rem;font-size:1.25rem;display:flex}.vocab-title-icon{font-size:1.1rem;line-height:1}.story-vocabulary-section,.story-questions-section{margin-top:3.5rem}.story-vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.2rem;max-width:760px;display:grid}.vocab-item{background-color:#f8fafc;border:1px solid #94a3b859;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1.1rem;transition:background-color .18s,border-color .18s,transform .12s,box-shadow .18s;display:flex}.vocab-word{color:var(--color-text);font-size:.95rem;font-weight:600}.vocab-meaning{color:var(--color-text-muted);font-size:.95rem}.vocab-item:hover{background-color:#fff;border-color:#2563eb80;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb14}.story-questions-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.story-score{color:var(--color-text-muted);font-size:.95rem}.story-questions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.question-card{background-color:var(--color-surface);border:1px solid #94a3b859;border-radius:1.1rem;padding:1.3rem 1.2rem 1.1rem;box-shadow:0 12px 30px #0f172a0f}.question-text{color:var(--color-text);margin:0 0 .9rem;font-size:.98rem}.question-options{flex-direction:column;gap:.45rem;display:flex}.question-option{text-align:left;color:var(--color-text);cursor:pointer;background-color:#fff;border:1px solid #94a3b866;border-radius:999px;padding:.5rem .75rem;font-size:.95rem;transition:background-color .18s,border-color .18s,color .18s,transform .12s}.question-option:hover{border-color:#2563eb8c;transform:translateY(-1px)}.question-option-selected{border-color:#2563ebcc}.question-option-correct{color:#166534;background-color:#ecfdf3;border-color:#4ade80}.question-option-wrong{color:#991b1b;background-color:#fef2f2;border-color:#f97373}@media (width<=960px){.story-questions-grid,.story-vocabulary-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.story-page{padding-block:2.2rem 3.2rem}.story-title{font-size:1.65rem}.story-reading-card{padding:1.6rem 1.4rem;font-size:1rem}}[data-theme=dark] .story-reading-card{background-color:var(--color-surface);color:#cbd5e1;border-color:#33415580;box-shadow:0 4px 6px #00000026,0 20px 50px #00000040}[data-theme=dark] .story-level-chip{color:#93c5fd;background-color:#3b82f626;border-color:#3b82f64d}[data-theme=dark] .story-back-button{background-color:#1e293be6;border-color:#33415599}[data-theme=dark] .story-back-button:hover{background-color:var(--color-surface);box-shadow:0 10px 24px #0000004d}[data-theme=dark] .vocab-item{background-color:#1e293bb3;border-color:#33415580}[data-theme=dark] .vocab-item:hover{background-color:var(--color-surface);border-color:#3b82f666;box-shadow:0 6px 18px #0003}[data-theme=dark] .question-card{background-color:var(--color-surface);border-color:#33415580}[data-theme=dark] .question-option{color:var(--color-text);background-color:#0f172a80;border-color:#33415580}[data-theme=dark] .question-option:hover{border-color:#3b82f680}[data-theme=dark] .question-option-correct{color:#86efac;background-color:#22c55e1f;border-color:#22c55e}[data-theme=dark] .question-option-wrong{color:#fca5a5;background-color:#ef44441f;border-color:#ef4444}.admin-page{max-width:900px;margin:0 auto;padding-block:3rem 4rem}.admin-back-button{margin-bottom:1.5rem}.admin-header{margin-bottom:2rem}.admin-header-icon{color:#1d4ed8;background:#dbeafee6;border-radius:.9rem;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;margin-bottom:.75rem;display:inline-flex}.admin-header-icon-svg{width:1.5rem;height:1.5rem}.admin-title{letter-spacing:-.04em;color:var(--color-text);margin:0 0 .5rem;font-size:2rem}.admin-subtitle{color:var(--color-text-muted);margin:0;font-size:1rem}.admin-levels-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem;display:grid}.admin-level-card{cursor:pointer;border:1px solid #94a3b859;border-radius:1.25rem;flex-direction:column;gap:.8rem;padding:1.5rem 1.4rem 1.3rem;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out,background-color .16s ease-out;display:flex;box-shadow:0 14px 36px #0f172a0f}.admin-level-card:hover{border-color:#2563eb8c;transform:translateY(-3px);box-shadow:0 20px 48px #0f172a1f}.admin-level-card--a1{background-color:#ecfdf3;border-color:#4ade80}.admin-level-card--a2{background-color:#e0f2fe;border-color:#38bdf8}.admin-level-card--b1{background-color:#fefce8;border-color:#eab308}.admin-level-card--b2{background-color:#fff7ed;border-color:#fb923c}.admin-level-card--c1{background-color:#f3e8ff;border-color:#a855f7}.admin-level-card--c2{background-color:#fce7f3;border-color:#ec4899}.admin-level-card:hover{background-color:var(--color-surface)}.admin-level-card-header{flex-direction:column;gap:.3rem;display:flex}.admin-level-chip{letter-spacing:.08em;text-transform:uppercase;color:#0f172a;background-color:#ffffffbf;border-radius:999px;align-self:flex-start;padding:.25rem .7rem;font-size:.78rem;font-weight:600}.admin-level-title{letter-spacing:-.03em;color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.admin-level-count{color:var(--color-text-muted);margin:0;font-size:.9rem}.admin-level-button{align-self:flex-start;margin-top:auto}.admin-add-button{margin-bottom:1.5rem}.admin-empty{text-align:center;color:var(--color-text-muted);padding:3rem 1rem;font-size:.95rem}.admin-stories-list{flex-direction:column;gap:.85rem;display:flex}.admin-story-item{background-color:var(--color-surface);border:1px solid #94a3b859;border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding:1.2rem 1.3rem;transition:box-shadow .16s ease-out,border-color .16s ease-out;display:flex;box-shadow:0 12px 30px #0f172a0d}.admin-story-item:hover{border-color:#2563eb66;box-shadow:0 18px 40px #0f172a1a}.admin-story-info{flex:1;gap:.85rem;min-width:0;display:flex}.admin-story-icon{color:#1d4ed8;background:#dbeafee6;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;margin-top:.1rem;display:inline-flex}.admin-story-icon-svg{width:1.2rem;height:1.2rem}.admin-story-title{color:var(--color-text);margin:0 0 .25rem;font-size:.98rem;font-weight:600}.admin-story-preview{color:var(--color-text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .4rem;font-size:.88rem;display:-webkit-box;overflow:hidden}.admin-story-meta{color:var(--color-text-muted);gap:.5rem;font-size:.8rem;display:flex}.admin-story-actions{flex-shrink:0;align-self:center;gap:.5rem;display:flex}.admin-action-btn{border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.85rem;display:inline-flex}.admin-delete-btn{color:#dc2626;border-color:#dc26264d}.admin-delete-btn:hover{background-color:#dc262614;border-color:#dc262699}.admin-form{flex-direction:column;gap:2rem;display:flex}.admin-form-section{background-color:var(--color-surface);border:1px solid #94a3b84d;border-radius:1.1rem;flex-direction:column;gap:.75rem;padding:1.5rem 1.4rem;display:flex;box-shadow:0 10px 28px #0f172a0d}.admin-section-title{letter-spacing:-.03em;color:var(--color-text);margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.admin-label{color:var(--color-text-muted);margin-bottom:-.25rem;font-size:.88rem;font-weight:500}.admin-input,.admin-textarea,.admin-select{background-color:var(--color-bg);width:100%;color:var(--color-text);border:1px solid #94a3b880;border-radius:.7rem;padding:.6rem .9rem;font-family:inherit;font-size:.92rem;transition:border-color .18s,box-shadow .18s}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.admin-textarea{resize:vertical;min-height:4rem}.admin-select{cursor:pointer}.admin-form-row{flex-direction:column;gap:.4rem;display:flex}.admin-form-inline{grid-template-columns:1fr 1fr auto;align-items:start;gap:.6rem;display:grid}.admin-remove-btn{color:#dc2626;cursor:pointer;background:0 0;border-color:#dc262640;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.82rem;transition:background-color .18s,border-color .18s;display:inline-flex}.admin-remove-btn:hover{background-color:#dc26260f;border-color:#dc262680}.admin-add-item-btn{align-self:flex-start;margin-top:.25rem;padding:.4rem .9rem;font-size:.85rem}.admin-question-card{background-color:var(--color-bg);border:1px solid #94a3b840;border-radius:.9rem;flex-direction:column;gap:.6rem;padding:1.1rem;display:flex}.admin-question-header{justify-content:space-between;align-items:center;display:flex}.admin-question-number{color:var(--color-primary);font-size:.88rem;font-weight:600}.admin-options-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.admin-correct-answer{align-items:center;gap:.6rem;display:flex}.admin-correct-answer .admin-label{white-space:nowrap;margin-bottom:0}.admin-correct-answer .admin-select{width:auto;min-width:4rem}.admin-form-actions{align-items:center;gap:.75rem;padding-top:.5rem;display:flex}@media (width<=768px){.admin-page{padding-block:2.2rem 3rem}.admin-levels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-story-item{flex-direction:column}.admin-story-actions{align-self:flex-start}.admin-form-inline,.admin-options-grid{grid-template-columns:1fr}}@media (width<=480px){.admin-levels-grid{grid-template-columns:minmax(0,1fr)}}[data-theme=dark] .admin-level-card--a1{background-color:#22c55e1a;border-color:#4ade8059}[data-theme=dark] .admin-level-card--a2{background-color:#38bdf81a;border-color:#38bdf859}[data-theme=dark] .admin-level-card--b1{background-color:#eab3081a;border-color:#eab30859}[data-theme=dark] .admin-level-card--b2{background-color:#fb923c1a;border-color:#fb923c59}[data-theme=dark] .admin-level-card--c1{background-color:#a855f71a;border-color:#a855f759}[data-theme=dark] .admin-level-card--c2{background-color:#ec48991a;border-color:#ec489959}[data-theme=dark] .admin-level-chip{color:#e2e8f0;background-color:#ffffff1f}[data-theme=dark] .admin-level-card:hover{background-color:var(--color-surface)}[data-theme=dark] .admin-story-icon,[data-theme=dark] .admin-header-icon{color:#93c5fd;background:#3b82f626}[data-theme=dark] .admin-question-card{border-color:#33415599}[data-theme=dark] .admin-delete-btn{color:#f87171;border-color:#f871714d}[data-theme=dark] .admin-delete-btn:hover{background-color:#f871711a;border-color:#f8717180}[data-theme=dark] .admin-remove-btn{color:#f87171;border-color:#f8717140}[data-theme=dark] .admin-remove-btn:hover{background-color:#f8717114;border-color:#f8717166}.admin-auth-page{justify-content:center;align-items:center;min-height:60vh;padding-block:6rem 4rem;display:flex}.admin-auth-card{text-align:center;background-color:var(--color-surface);border:1px solid #94a3b84d;border-radius:1.5rem;width:100%;max-width:380px;padding:2.5rem 2rem 2rem;animation:.4s ease-out authFadeIn;box-shadow:0 20px 50px #0f172a14}@keyframes authFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-auth-icon{margin-bottom:.75rem;font-size:2.2rem}.admin-auth-title{letter-spacing:-.03em;color:var(--color-text);margin:0 0 .4rem;font-size:1.4rem}.admin-auth-subtitle{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.92rem}.admin-auth-form{flex-direction:column;gap:.75rem;display:flex}.admin-auth-input{background-color:var(--color-bg);width:100%;color:var(--color-text);text-align:center;border:1px solid #94a3b880;border-radius:.75rem;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .18s,box-shadow .18s}.admin-auth-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.admin-auth-input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.admin-auth-error{color:#ef4444;margin:0;font-size:.85rem}.admin-auth-btn{width:100%;margin-top:.25rem;padding-block:.7rem}[data-theme=dark] .admin-auth-card{border-color:#33415599;box-shadow:0 20px 50px #0000004d}.placeholder-section{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:left;padding:3rem 2.5rem}.placeholder-section h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:1.8rem}.placeholder-section p{color:var(--color-text-muted);max-width:32rem;margin:0}@media (width<=768px){.placeholder-section{padding:2.25rem 1.75rem}.placeholder-section h1{font-size:1.5rem}}