*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;height:100dvh;width:100%}body{font-family:-apple-system,PingFang SC,SF Pro Text,system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:var(--fs);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}h1,h2,h3{font-weight:inherit;font-size:inherit}:root{color-scheme:light;--paper: #ece6d9;--paper-2: #dad2c2;--surface: #fcfaf4;--surface-soft: #f2ede2;--primary: #0f3a52;--primary-soft: #e4ecef;--gold: #c8a24a;--gold-soft: #f1e7c9;--gold-grad-from: #fdf8ec;--ink: #1c2b33;--ink-soft: #45555e;--muted: #8a8273;--hairline: #e5ddce;--good: #2e7d5b;--bad: #b5562f;--tabbar-bg: rgba(252, 250, 244, .92);--hl-ink: #1c2b33;--serif: Georgia, "Times New Roman", "Songti SC", serif;--radius: 20px;--radius-sm: 13px;--radius-lg: 28px;--shadow-card: 0 2px 12px -8px rgba(28, 43, 51, .2);--shadow-feature: 0 12px 34px -18px rgba(28, 43, 51, .4);--fs: 16px;--lh: 1.7}:root[data-theme=dark]{color-scheme:dark;--paper: #15120c;--paper-2: #221d15;--surface: #211c14;--surface-soft: #2a2418;--primary: #4ca0c8;--primary-soft: #173742;--gold: #d4b264;--gold-soft: #38301c;--gold-grad-from: #2c2517;--ink: #ece5d6;--ink-soft: #b4ac9c;--muted: #8f8674;--hairline: #332c20;--good: #57b389;--bad: #df8059;--tabbar-bg: rgba(28, 24, 16, .92);--shadow-card: 0 2px 12px -8px rgba(0, 0, 0, .6);--shadow-feature: 0 14px 36px -18px rgba(0, 0, 0, .7)}.serif{font-family:var(--serif)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.app{position:relative;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-size:var(--fs)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen.fwd{animation:screenInFwd .32s cubic-bezier(.22,.61,.36,1)}.screen.back{animation:screenInBack .32s cubic-bezier(.22,.61,.36,1)}.scroll{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:0;height:0}.card{background:var(--surface);border-radius:var(--radius)}.placement-card-close{position:absolute;top:13px;right:13px;z-index:4;width:38px;height:38px;border:1px solid var(--hairline);border-radius:50%;background:#fcfaf4eb;box-shadow:0 8px 20px -14px #1c2b33b8;color:var(--ink);touch-action:manipulation;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=dark] .placement-card-close:not(.is-dark){background:#2a2418eb}.placement-card-close.is-dark{border-color:#ffffff3d;background:#ffffff17;box-shadow:none;color:#fffdf7}.placement-card-close.is-viewport{position:fixed;top:calc(13px + env(safe-area-inset-top,0px));right:calc(13px + env(safe-area-inset-right,0px))}.placement-intro-scroll{background-image:radial-gradient(circle at 50% -12%,rgba(200,162,74,.13),transparent 34%),linear-gradient(180deg,rgba(252,250,244,.32),transparent 42%)}:root[data-theme=dark] .placement-intro-scroll{background-image:radial-gradient(circle at 50% -12%,rgba(212,178,100,.08),transparent 34%)}.placement-intro{width:100%;max-width:620px;margin:0 auto;padding:2px 0 10px}.placement-hero{position:relative;isolation:isolate;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(145deg,#092b3e,#123f55 62%,#0a3042);box-shadow:0 24px 48px -28px #082331e0;color:#f8f5ed}.placement-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 78%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%)}.placement-hero:after{content:"";position:absolute;z-index:-1;top:-90px;right:-75px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(221,186,99,.2),transparent 68%)}.placement-hero-top{display:flex;align-items:center;gap:11px;padding-right:46px}.placement-hero-mark{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(235,207,139,.45);border-radius:13px;background:#edd3961a;color:#e7c66f}.placement-hero-brand{min-width:0;flex:1;color:#ecd38f;font-size:9.5px;font-weight:800;letter-spacing:.14em;line-height:1.3}.placement-hero-brand span{display:block;margin-top:3px;color:#f8f5edb3;font-size:10px;font-weight:600;letter-spacing:.05em}.placement-hero-copy{max-width:520px;margin:28px 0 21px}.placement-hero-overline{color:#dfbd66;font-size:9.5px;font-weight:800;letter-spacing:.2em}.placement-hero h1{margin:7px 0 0;color:#fffdf7;font-size:clamp(29px,8vw,38px);font-weight:700;letter-spacing:.01em;line-height:1.17}.placement-hero-copy p{max-width:500px;margin-top:13px;color:#f8f5edc7;font-size:13px;line-height:1.75}.placement-method-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:#ffffff0e}.placement-method-item{min-width:0;padding:11px 10px 12px;border-left:1px solid rgba(255,255,255,.12)}.placement-method-item:first-child{border-left:0}.placement-method-item span,.placement-method-item strong,.placement-method-item small{display:block}.placement-method-item span{color:#dfbd66;font-size:9px;font-weight:800;letter-spacing:.14em}.placement-method-item strong{margin-top:4px;color:#fffdf7;font-size:12px;line-height:1.3}.placement-method-item small{margin-top:2px;color:#f8f5ed9e;font-size:10px;line-height:1.4}.placement-listening-note{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:13px 14px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-card)}.placement-listening-icon{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.placement-listening-note strong{display:block;color:var(--ink);font-size:12.5px}.placement-listening-note p{margin-top:2px;color:var(--ink-soft);font-size:11.5px;line-height:1.55}.placement-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:24px 1px 12px}.placement-section-head h2{margin-top:4px;color:var(--ink);font-size:20px;font-weight:800;line-height:1.25}.placement-section-head p{margin-top:4px;color:var(--ink-soft);font-size:11.5px;line-height:1.5}.placement-section-head>span{flex-shrink:0;margin-top:2px;padding:5px 9px;border:1px solid var(--hairline);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-size:10.5px;font-weight:700}.placement-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.placement-start-card{min-height:88px;width:100%;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--hairline);box-shadow:0 5px 16px -13px #1c2b33b8;color:var(--ink);text-align:left;touch-action:manipulation}.placement-start-card:hover{border-color:#0f3a5259;box-shadow:0 10px 22px -16px #0f3a528c}.placement-start-card:focus-visible,.placement-card-close:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.placement-start-code{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.06em}.placement-start-copy{min-width:0;flex:1}.placement-start-copy strong,.placement-start-copy small{display:block}.placement-start-copy strong{color:var(--ink);font-size:15px;line-height:1.25}.placement-start-copy small{margin-top:4px;color:var(--ink-soft);font-size:10.8px;line-height:1.45}.placement-start-arrow{flex-shrink:0;color:var(--muted)}.placement-reference-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:11px 13px;border:1px solid rgba(15,58,82,.13);border-radius:13px;background:var(--primary-soft);color:var(--primary)}.placement-reference-note>span{width:19px;height:19px;flex-shrink:0}.placement-reference-note p{color:var(--ink-soft);font-size:12px;font-weight:650;line-height:1.55}.placement-reference-note.is-compact{justify-content:flex-start;margin-top:12px;padding:10px 11px}.placement-result-card{overflow:hidden;border:1px solid var(--hairline);box-shadow:0 18px 38px -24px #1c2b3394}.placement-result-hero{position:relative;overflow:hidden;padding:24px 22px 23px;background:radial-gradient(circle at 80% 0,rgba(221,186,99,.2),transparent 38%),linear-gradient(145deg,#092b3e,#123f55);color:#fffdf7;text-align:center}.placement-result-kicker{padding:0 38px;color:#ecd38f;font-size:9.5px;font-weight:800;letter-spacing:.16em}.placement-result-score{margin-top:5px;color:#fffdf7;font-size:48px;font-weight:700;line-height:1.08}.placement-result-score span{margin-left:2px;color:#e4c46e;font-size:21px}.placement-result-band{display:inline-flex;align-items:center;gap:7px;margin-top:7px;padding:5px 10px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:#ffffff14;color:#fffdf7e0;font-size:12.5px;font-weight:700}.placement-result-band i{width:7px;height:7px;border:1px solid rgba(255,255,255,.58);border-radius:50%}.placement-result-body{padding:16px 20px 20px}.placement-result-listening-note{margin-top:10px;padding:10px 11px;border-radius:10px;background:var(--surface-soft);color:var(--ink-soft);font-size:11.5px;font-weight:650;line-height:1.6}.placement-quiz-card{position:relative}@media(max-width:370px){.placement-hero{padding:19px 17px 18px;border-radius:22px}.placement-hero-copy{margin:23px 0 18px}.placement-hero h1{font-size:28px}.placement-method-item{padding:10px 7px 11px}.placement-method-item strong{font-size:11px}.placement-method-item small{font-size:9.5px}.placement-start-card{min-height:84px;gap:8px;padding:12px 11px}.placement-start-code{width:25px;height:25px}.placement-start-copy small{font-size:10px}.placement-start-arrow{display:none}}@media(min-width:768px){.placement-intro{max-width:760px}.placement-hero{padding:28px 30px 27px}.placement-hero-copy{margin:34px 0 26px}.placement-start-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.placement-start-card{min-height:104px;align-items:flex-start;flex-wrap:wrap}.placement-start-copy{flex-basis:calc(100% - 40px)}.placement-start-arrow{margin-left:auto}}.pill{display:inline-flex;align-items:center;border-radius:999px}.tap{cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:transform .12s ease,opacity .12s ease}.tap:active{transform:scale(.985);opacity:.85}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font:inherit}.btn-primary,.btn-gold{border:none;border-radius:14px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),#1b5570);color:#fff;box-shadow:0 10px 24px -10px #0f3a5299}.btn-gold{background:linear-gradient(135deg,#ecd9a3,var(--gold));color:#5c4716;font-weight:800;box-shadow:0 10px 24px -10px #c8a24a8c}.btn-primary.is-off,.btn-gold.is-off{background:var(--paper-2);color:var(--muted);box-shadow:none;cursor:default}.seg{display:flex;background:var(--surface-soft);border-radius:999px;padding:3px;gap:2px}.seg button{flex:1;border:none;background:none;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);transition:all .2s;white-space:nowrap}.seg button.on{background:var(--surface);color:var(--primary);font-weight:700;box-shadow:0 1px 4px #1c2b331f}.tabbar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;background:var(--tabbar-bg);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--hairline);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:40}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;color:var(--muted);font-size:10.5px;padding:4px 0;transition:color .2s}.tabbar button.on{color:var(--primary)}.tabbar button.on span{font-weight:700}.w{transition:background .25s ease,color .25s ease;border-radius:4px;padding:0 1px}.w.unread{color:var(--muted);opacity:.5}.w.read{color:var(--ink);opacity:1}.w.trail{color:var(--hl-ink);background:#c8a24a38}.w.now{color:var(--hl-ink);background:#c8a24a80}.plain-read .w.unread{color:var(--ink);opacity:1}:root[data-theme=dark] .w.trail{color:var(--ink);background:#d4b26429}:root[data-theme=dark] .w.now{color:#1c2b33;background:#d8b669e0}@keyframes screenInFwd{0%{opacity:.4;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes screenInBack{0%{opacity:.4;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes stampDown{0%{opacity:0;transform:scale(1.7) rotate(-11deg)}55%{opacity:1;transform:scale(.9) rotate(-11deg)}to{transform:scale(1) rotate(-11deg)}}@keyframes vw{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.list-col{display:flex;flex-direction:column;gap:11px}.home-hero{display:flex;flex-direction:column;gap:12px}.masonry-cards{-moz-column-gap:12px;column-gap:12px}.masonry-cards>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:12px}@media(min-width:768px){.masonry-cards{-moz-column-count:2;column-count:2}}@media(min-width:1024px){.masonry-cards{-moz-column-count:3;column-count:3}}.side-pane .masonry-cards{-moz-column-count:1!important;column-count:1!important}@media(min-width:768px){body{background:var(--paper-2)}.app{max-width:820px;margin:0 auto;background:var(--paper);box-shadow:0 0 0 1px var(--hairline),0 30px 90px -45px #1c2b3373}.reading-col{max-width:700px;margin-left:auto;margin-right:auto}.lesson-col-wide{max-width:1080px;margin-left:auto;margin-right:auto}.list-col{-moz-columns:300px;columns:300px;-moz-column-gap:12px;column-gap:12px}.list-col>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:12px}.app.app-flow{max-width:none;margin:0;box-shadow:none}.sw-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:72px 1fr;max-width:892px;margin:0 auto}.sw-content{position:relative;min-width:0;min-height:0}.sw-side{display:flex;flex-direction:column;gap:6px;padding:calc(16px + env(safe-area-inset-top,0px)) 8px 16px;background:var(--surface);border-right:1px solid var(--hairline);overflow-y:auto;z-index:30}.sw-navitem:hover{background:var(--surface-soft)}.sw-lbl,.sw-price{display:none}.sw-rail-only{display:inline-flex}.sw-brand,.sw-navitem,.sw-levelchip,.sw-me{justify-content:center}}@media(min-width:1024px){.app{max-width:1180px}.home-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start}.sw-shell{grid-template-columns:240px 1fr;max-width:none;margin:0}.sw-side{padding:calc(18px + env(safe-area-inset-top,0px)) 14px 18px}.sw-lbl{display:revert}.sw-price{display:block}.sw-rail-only{display:none}.sw-brand,.sw-navitem,.sw-levelchip,.sw-me{justify-content:flex-start}}.sw-shell.sw-rail{grid-template-columns:72px 1fr;max-width:none;margin:0}.sw-rail .sw-side{padding:16px 8px}.sw-rail .sw-lbl,.sw-rail .sw-price{display:none}.sw-rail .sw-rail-only{display:inline-flex}.sw-rail .sw-brand,.sw-rail .sw-navitem,.sw-rail .sw-levelchip,.sw-rail .sw-me{justify-content:center}.dk-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.2,.7,.3,1),transform .65s cubic-bezier(.2,.7,.3,1);will-change:opacity,transform}.dk-reveal.in{opacity:1;transform:none}.dk-card{transition:transform .18s ease,box-shadow .18s ease}@media(hover:hover){.dk-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px #0f3a5280!important}}@media(prefers-reduced-motion:reduce){.dk-reveal{opacity:1;transform:none;transition:none}}html.legacy-ipad{--shadow-card: 0 1px 2px rgba(28, 43, 51, .12);--shadow-feature: 0 1px 3px rgba(28, 43, 51, .14)}html.legacy-ipad .screen.fwd,html.legacy-ipad .screen.back{animation:none!important;opacity:1!important;transform:none!important}html.legacy-ipad .dk-reveal,html.legacy-ipad .wl-reveal{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}html.legacy-ipad .w{transition:none!important}html.legacy-ipad .wl-marquee,html.legacy-ipad .wl-marquee-slow,html.legacy-ipad .wl-pulse{animation:none!important;transform:none!important}html.legacy-ipad *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.legacy-ipad .card,html.legacy-ipad .dk-card{box-shadow:0 1px 3px #1c2b331f!important}