*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#1a1a1a;background:#e8ecf1;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}.container{--pad-inline:max(16px, env(safe-area-inset-left));--pad-inline-right:max(16px, env(safe-area-inset-right));background:#fff;width:100%;max-width:100%;min-height:100vh;margin:0 auto}.header{z-index:10;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:12px;padding-left:var(--pad-inline);padding-right:var(--pad-inline-right);-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #eee;position:sticky;top:0}.header h1{letter-spacing:.18em;text-align:center;color:#2d5a27;margin:0 0 10px;font-size:clamp(13px,3.2vw,15px)}.tabs{margin:0}.tabs-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;justify-content:flex-start;gap:6px;margin:0 -4px;padding:4px 2px 8px;display:flex;overflow:auto hidden}.tabs-scroll::-webkit-scrollbar{height:4px}.tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tabs-scroll button{scroll-snap-align:start;cursor:pointer;color:#94a3b8;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:6px;min-width:min(4.25rem,22vw);max-width:5.5rem;min-height:48px;padding:8px 6px 10px;transition:color .2s,transform .2s;display:flex}.tabs-scroll button:active{transform:scale(.96)}.tabs-scroll button.active{color:var(--c);transform:translateY(-1px)}.tabs-scroll button.active .icon{background:var(--c);color:#fff}.tabs-scroll .icon{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:clamp(38px,10vw,44px);height:clamp(38px,10vw,44px);display:flex}.tabs-scroll .icon svg{flex-shrink:0;width:clamp(21px,5.5vw,24px);height:clamp(21px,5.5vw,24px)}.tabs-label{text-align:center;-webkit-line-clamp:2;word-break:keep-all;overflow-wrap:break-word;-webkit-box-orient:vertical;width:100%;font-size:clamp(9px,2.5vw,11px);font-weight:700;line-height:1.22;display:-webkit-box;overflow:hidden}.locale-line{color:#64748b;text-align:center;margin:0 0 12px;padding-inline:4px;font-size:clamp(10px,2.6vw,11px);line-height:1.45}.story-hero{padding:14px var(--pad-inline) 18px;padding-right:var(--pad-inline-right);background:linear-gradient(#fff 0%,#fafbfc 100%);border-bottom:1px solid #eee}.story-hero-frame{aspect-ratio:4/3;background:#f8fafc;border:1px solid #e8eaed;border-radius:clamp(14px,4vw,20px);justify-content:center;align-items:center;max-width:100%;max-height:min(52vh,360px);margin:0 auto;display:flex;overflow:hidden}.story-hero-img{object-fit:contain;width:100%;height:100%;display:block}.story-hero-caption{text-align:center;color:#475569;letter-spacing:.02em;margin:12px 0 0;font-size:clamp(11px,3.1vw,13px);font-weight:700}.content{padding:18px var(--pad-inline) calc(9.5rem + max(28px, env(safe-area-inset-bottom)));padding-right:var(--pad-inline-right)}@media (width>=560px){.tabs-scroll{justify-content:space-between;gap:4px;overflow-x:visible}.tabs-scroll button{flex:1 1 0;min-width:0;max-width:none;padding-inline:4px}.tabs-label{-webkit-line-clamp:3}.story-hero-frame{max-height:min(42vh,400px)}}@media (width>=680px){.tabs-label{font-size:11px}}.card{background:#fff;border:1px solid #eee;border-radius:clamp(14px,3vw,18px);margin-bottom:clamp(14px,3.5vw,20px);padding:clamp(16px,4vw,22px);box-shadow:0 2px 12px #0f172a0f}.card.wisdom{background:#fffdf0;border-color:#fef08a}.card.recommend{background:#f0fdf4;border-color:#bbf7d0}.label{color:#64748b;margin-bottom:10px;font-size:clamp(11px,2.8vw,12px);font-weight:700}.box p{margin:0;font-size:clamp(14px,3.45vw,16px);font-weight:500;line-height:clamp(1.58,.25vw + 1.5rem,1.7)}.insight-tag{color:#a1a1aa;letter-spacing:.04em;margin-bottom:6px;font-size:clamp(10px,2.5vw,11px);font-weight:700;display:block}.insight p{color:#3f3f46;margin:0;font-size:clamp(13px,3vw,15px);font-weight:400;line-height:1.58}.insight-note{font-style:italic;color:#94a3b8!important;margin:8px 0 0!important;font-size:clamp(11px,2.8vw,12px)!important}.box small{color:#94a3b8;text-align:right;margin-top:10px;font-size:clamp(11px,2.9vw,12px);font-style:italic;display:block}.card.vocab{border-color:#e0e7ff}.card.grammar{border-color:#fce7f3}.btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(135deg,#2d5a27 0%,#3d7a35 100%);border:none;border-radius:14px;width:100%;min-height:48px;margin-top:16px;padding:14px 18px;font-family:inherit;font-size:clamp(14px,3.5vw,16px);font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;display:block;box-shadow:0 4px 14px #2d5a2740}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98);box-shadow:0 2px 10px #2d5a2733}.btn:focus-visible{outline-offset:3px;outline:3px solid #86efac}.typing-line-wrap .typewriter-caret{vertical-align:-.08em;opacity:0;background:currentColor;width:2px;height:1em;margin-left:2px;display:inline-block}.typing-active .typewriter-caret{opacity:.9;animation:.78s steps(2,jump-none) infinite caret-blink}.typing-label-row{flex-wrap:wrap;align-items:flex-end;gap:4px;margin-bottom:10px;display:flex}.typing-label-row .label{margin-bottom:0}@keyframes caret-blink{50%{opacity:.12}}@media (prefers-reduced-motion:reduce){.tabs-scroll button,.btn{transition:none}.tabs-scroll button:active,.tabs-scroll button.active{transform:none}.typing-active .typewriter-caret{opacity:0;width:0;margin-left:0;animation:none}.btn:active{transform:none}}.insight{border-top:1px dashed #e5e5e5;margin-top:14px;padding-top:12px}.lex-box{padding-top:2px}.lex-stack{flex-direction:column;gap:18px;display:flex}.lex-ko-block,.lex-ko-wrap{margin:0}.lex-ko-pre{white-space:pre-wrap;word-break:keep-all;margin:0;font-family:inherit;font-size:clamp(14px,3.2vw,16px);font-weight:500;line-height:1.62}.lex-locale-aside{border-top:1px dashed #e5e5e5;margin:0;padding:12px 0 0}.lex-locale-aside.lex-locale-draft{border-top:none;padding-top:0}.lex-locale-tag{color:#a1a1aa;letter-spacing:.04em;margin-bottom:6px;font-size:clamp(10px,2.5vw,11px);font-weight:700;display:block}.lex-locale-aside p{color:#3f3f46;margin:0;font-size:clamp(13px,3vw,15px);font-weight:400;line-height:1.55}.lex-item-fallback{color:#94a3b8!important;margin:8px 0 0!important;font-size:clamp(10px,2.5vw,11px)!important}.lex-ko-caret,.insight-caret{vertical-align:-.06em}@media (width>=480px){.container{max-width:min(460px,100%);box-shadow:0 0 0 1px #00000008,0 12px 40px #0f172a14}body{padding-block:clamp(12px,2vmin,24px)}}@media (width>=720px){.container{border-radius:20px;max-width:min(560px,100%);overflow:hidden}.header{border-radius:0}}@media (width>=1024px){.container{max-width:min(600px,92vw)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.floating-lead{z-index:40;left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(1.08);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:28px;width:min(560px,100vw - 24px);padding:16px 18px 17px;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #0f172a1a,inset 0 0 0 1px #ffffff59}.floating-lead-blurb{color:#1e293bf0;text-align:center;margin:0 0 12px;font-size:clamp(12px,3.15vw,14px);font-weight:600;line-height:1.52}.floating-lead-form{margin:0}.floating-lead-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.floating-lead-row{flex-wrap:nowrap;align-items:stretch;gap:8px;display:flex}.floating-lead-email-wrap{flex:auto;min-width:0}.floating-lead-email-wrap input{color:#0f172a;-webkit-tap-highlight-color:transparent;background:#f8fafceb;border:1px solid #e2e8f0e6;border-radius:16px;width:100%;min-height:48px;padding:0 14px;font-family:inherit;font-size:16px}.floating-lead-email-wrap input::placeholder{color:#94a3b8}.floating-lead-email-wrap input:focus{background:#fff;border-color:#2d5a27;outline:none;box-shadow:0 0 0 3px #2d5a2726}.floating-lead-email-wrap input:disabled{opacity:.65}.floating-lead-send{color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(135deg,#1e3a2a 0%,#2d5a27 100%);border:none;border-radius:16px;flex:none;min-width:5.5rem;min-height:48px;padding:0 16px;font-family:inherit;font-size:clamp(13px,3.2vw,15px);font-weight:700;transition:filter .15s,transform .15s}.floating-lead-send:hover:not(:disabled){filter:brightness(1.08)}.floating-lead-send:active:not(:disabled){transform:scale(.97)}.floating-lead-send:disabled{opacity:.7;cursor:not-allowed}.floating-lead-send:focus-visible{outline-offset:2px;outline:3px solid #86efac}.floating-lead-feedback{text-align:center;margin:10px 0 0;font-size:clamp(12px,3vw,13px);line-height:1.45}.floating-lead-feedback--ok{color:#166534;margin:0;font-weight:600}.floating-lead-feedback--err{color:#b91c1c;font-weight:500}.floating-lead-feedback--warn{color:#a16207;font-weight:600}@media (width<=380px){.floating-lead-row{flex-direction:column}.floating-lead-send{width:100%}}@media (prefers-reduced-motion:reduce){.floating-lead-send:active:not(:disabled){transform:none}}