@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700&family=Playfair+Display:ital,wght@0,700;1,400;1,700&display=swap";.ll-shell{display:flex;flex-direction:column;min-height:100%}.ll-hero{position:relative;height:68vw;min-height:280px;max-height:420px;background:#1a2744 center/cover no-repeat;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.ll-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#080e1e6b,#080e1e9e 55%,#080e1ee6)}.ll-hero-slides{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 36px}.ll-hero-slide{display:flex;flex-direction:column;gap:6px}.ll-hero-eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.2em;color:#ffffff73;text-transform:uppercase;margin-bottom:2px}.ll-hero-lid{font-size:10px;color:#ffffff59}.ll-hero-quote-mark{font-size:40px;font-weight:900;color:#ffffff2e;line-height:.8;-webkit-user-select:none;user-select:none;margin-bottom:-4px}.ll-hero-sentence{font-size:clamp(18px,5vw,24px);font-weight:800;color:#fff;line-height:1.3;letter-spacing:-.02em}.ll-hero-dim{opacity:.4;font-size:15px!important}.ll-hero-meaning{font-size:12px;color:#fff9;font-style:italic}.ll-hero-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}.ll-hero-tag{font-size:9px;font-weight:600;color:#ffffffa6;border:1px solid rgba(255,255,255,.28);padding:2px 8px;border-radius:20px}.ll-hero-cta{margin-top:10px;align-self:flex-start;padding:10px 24px;border-radius:100px;border:1.5px solid rgba(255,255,255,.75);background:transparent;color:#fff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:background .16s,transform .1s;-webkit-tap-highlight-color:transparent}.ll-hero-cta:active{background:#ffffff1f;transform:scale(.96)}.ll-hero-cta:disabled{opacity:.28;cursor:default}.ll-hero-recent{display:flex;flex-direction:column;gap:6px;margin-top:8px}.ll-hero-recent-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff1a;color:#fff;text-align:left;transition:background .14s}.ll-hero-recent-item:hover{background:#ffffff29}.ll-hero-recent-num{font-size:11px;font-weight:700;color:#ffffff80;width:22px;flex-shrink:0}.ll-hero-recent-title{flex:1;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ll-level-dropdown{position:relative;flex-shrink:0;z-index:40}.ll-level-trigger{display:flex;align-items:center;gap:4px;padding:7px 13px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;color:var(--ink-muted);background:var(--surface);border:1px solid var(--border);transition:all .15s}.ll-level-trigger.active{color:var(--primary);border-color:var(--primary)}.ll-level-caret{font-size:9px;opacity:.7}.ll-level-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:50;display:flex;flex-direction:column;min-width:96px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 20px #1e3a5f24}.ll-level-item{padding:9px 12px;border-radius:8px;font-size:12px;font-weight:600;text-align:left;color:var(--ink-soft);transition:background .12s}.ll-level-item:hover{background:var(--fill-cool)}.ll-level-item.active{color:var(--primary);font-weight:700;background:var(--accent-blue-bg)}.ll-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--ink-faint)}.ll-hero-head{background:var(--bg);padding:30px 14px 0;display:flex;flex-direction:column;gap:7px}.ll-hero-head-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.ll-hero-head-title{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.25}.ll-filter-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding:22px 14px 0;background:var(--bg)}.ll-filter-bar{display:flex;align-items:center;gap:7px;padding:8px 14px 10px;background:var(--bg);position:relative;z-index:20}.ll-topcat-row{display:flex;gap:7px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex:1;min-width:0}.ll-topcat-row::-webkit-scrollbar{display:none}.ll-topcat-btn{flex-shrink:0;padding:7px 16px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink-muted);background:var(--surface);border:1px solid var(--border);transition:all .15s}.ll-topcat-btn.active{color:#fff;background:var(--primary);border-color:var(--primary)}.ll-body{background:var(--bg);flex:1}.ll-section{padding:12px 14px}.ll-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ll-section-lbl{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.ll-view-all{font-size:12px;font-weight:600;color:var(--ink-soft);letter-spacing:-.01em}.ll-lesson-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:#fff;text-align:left;box-shadow:0 1px 8px #1e3a5f0f,0 1px 2px #1e3a5f0a;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.ll-lesson-item:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1e3a5f1a}.ll-lesson-item:active{transform:scale(.985)}.ll-lesson-item.current{box-shadow:0 0 0 1.5px var(--navy-deep),0 2px 12px #1e3a5f1a}.ll-lesson-item.done{background:#fafafa}.ll-lesson-num{width:34px;height:34px;border-radius:10px;flex-shrink:0;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink-muted)}.ll-lesson-num.current{background:var(--navy-deep);color:#fff}.ll-lesson-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ll-lesson-title{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ll-lesson-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ll-badge{font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:4px}.ll-badge-progress,.ll-badge-done{color:var(--ink-soft);background:var(--fill-thumb)}.ll-badge-ready{color:var(--ink-faint);background:var(--bg)}.ll-badge-review{color:#92661a;background:#fef3c7}.ll-badge-review.urgent{color:#9b1c1c;background:#fee2e2}.ll-lesson-trail{width:20px;flex-shrink:0;display:flex;justify-content:center}.ll-supporter-card{background:transparent;padding:8px 18px 8px 16px;position:relative;border-left:3px solid var(--navy-deep)}.ll-supporter-q{font-size:32px;font-weight:900;line-height:.7;color:var(--fill-thumb);-webkit-user-select:none;user-select:none;margin-bottom:2px}.ll-supporter-quote{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.45;margin-bottom:6px}.ll-supporter-sub{font-size:12px;color:var(--ink-muted);line-height:1.55}.ll-index-card{background:#fff;border-radius:16px;padding:18px 16px;box-shadow:0 2px 12px #1e3a5f12,0 1px 3px #1e3a5f0a}.ll-index-hd{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--fill-gray);margin-bottom:4px}.ll-index-title{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.ll-index-sub{font-size:10px;color:var(--ink-faint)}.ll-index-list{display:flex;flex-direction:column}.ll-index-row{display:flex;align-items:center;gap:12px;padding:11px 2px}.ll-index-row.divider{border-bottom:1px solid var(--fill-cool)}.ll-index-num{font-size:10px;font-weight:800;color:var(--ink-faint);letter-spacing:.06em;width:24px;flex-shrink:0}.ll-index-name{font-size:13px;font-weight:600;color:var(--ink);flex:1;letter-spacing:-.01em}.ll-index-desc{font-size:11px;color:var(--ink-faint);flex-shrink:0}.ll-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:flex-end;animation:ll-overlay-in .2s ease}@keyframes ll-overlay-in{0%{opacity:0}to{opacity:1}}.ll-modal{background:var(--surface);width:100%;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;animation:ll-modal-up .25s cubic-bezier(.32,1,.56,1)}@keyframes ll-modal-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.ll-modal-header{position:relative;height:180px;overflow:hidden;border-radius:20px 20px 0 0}.ll-modal-thumb{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(1.1)}.ll-modal-thumb-fallback{width:100%;height:100%;background:var(--navy-deep)}.ll-modal-header-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.6) 100%)}.ll-modal-header-content{position:absolute;bottom:16px;left:18px;right:44px;display:flex;flex-direction:column;gap:5px}.ll-modal-lid{font-size:10px;color:#ffffff8c;font-weight:700;letter-spacing:.1em}.ll-modal-title{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.25}.ll-modal-tags{display:flex;gap:5px;flex-wrap:wrap}.ll-modal-tag{font-size:9px;font-weight:600;color:#ffffffbf;border:1px solid rgba(255,255,255,.3);padding:2px 8px;border-radius:20px}.ll-modal-close{position:absolute;top:12px;right:14px;width:28px;height:28px;border-radius:50%;background:#0000004d;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}.ll-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:16px}.ll-modal-section{display:flex;flex-direction:column;gap:8px}.ll-modal-section-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.ll-modal-dialogue{display:flex;flex-direction:column;gap:8px}.ll-modal-line{display:flex;gap:8px;align-items:flex-start}.ll-modal-speaker{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase;width:60px;flex-shrink:0;padding-top:2px}.ll-modal-line-content{flex:1}.ll-modal-en{font-size:13px;font-weight:500;color:var(--ink);line-height:1.4}.ll-modal-kr{font-size:11px;color:var(--ink-muted);margin-top:2px}.ll-modal-expressions{display:flex;flex-direction:column;gap:6px}.ll-modal-expr{display:flex;align-items:baseline;gap:8px;padding:8px 10px;background:var(--bg);border-radius:8px}.ll-modal-expr-phrase{font-size:13px;font-weight:600;color:var(--ink);flex:1}.ll-modal-expr-meaning{font-size:11px;color:var(--ink-muted)}.ll-modal-footer{padding:0 18px 28px}.ll-modal-start-btn{width:100%;padding:14px;border-radius:12px;background:var(--navy-deep);color:#fff;font-size:14px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .1s}.ll-modal-start-btn:active{opacity:.85;transform:scale(.98)}.ll-cat-row{display:flex;gap:7px;padding:10px 14px 2px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ll-cat-row::-webkit-scrollbar{display:none}.ll-cat-btn{flex-shrink:0;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--ink-muted);background:#fff;border:1.5px solid var(--fill-thumb);transition:all .18s ease;white-space:nowrap;box-shadow:0 1px 4px #1e3a5f0d;-webkit-tap-highlight-color:transparent}.ll-cat-btn:hover{border-color:var(--navy-deep);color:var(--navy-deep)}.ll-cat-btn.active{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff;box-shadow:0 2px 10px #1e3a5f33}.ll-section-count{font-size:9px;font-weight:500;color:var(--ink-faint);letter-spacing:.04em}.ll-lesson-list{display:flex;flex-direction:column;gap:14px}.ll-card{display:flex;flex-direction:column;text-align:left;width:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #1e3a5f17,0 1px 3px #1e3a5f0d;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.ll-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a5f21}.ll-card:active{transform:scale(.985)}.ll-card.current{box-shadow:0 0 0 2px var(--navy-deep),0 4px 16px #1e3a5f24}.ll-card-thumb{position:relative;width:100%;height:46vw;min-height:148px;max-height:200px;background:#1e293b center/cover no-repeat;overflow:hidden}.ll-card-thumb-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000000a,#0000004d)}.ll-card-badge{position:absolute;top:10px;left:12px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:3px 10px;border-radius:100px;background:var(--navy-deep)}.ll-card-play-icon{position:absolute;bottom:12px;right:12px}.ll-card-body{padding:13px 14px 15px;display:flex;flex-direction:column;gap:4px}.ll-card-title{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.3}.ll-card-sub{font-size:12px;color:var(--ink-muted);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ll-cat-btn-sport{background:var(--ink);border-color:#ffffff26;color:#ffffffbf}.ll-cat-btn-sport.active{background:var(--secondary);border-color:var(--secondary);color:#fff}.ll-top-cats{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 0 8px;position:sticky;top:0;z-index:20;-webkit-user-select:none;user-select:none}.ll-top-cats-track{display:flex;gap:0;overflow-x:auto;padding:0 12px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.ll-top-cats-track::-webkit-scrollbar{display:none}.ll-top-cat-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 14px 9px;border-radius:12px;min-width:64px;flex-shrink:0;scroll-snap-align:start;transition:background .15s,color .15s;color:var(--muted);position:relative}.ll-top-cat-btn:hover{background:var(--surface-low);color:var(--text2)}.ll-top-cat-btn.active{color:var(--primary);background:var(--primary-bg)}.ll-top-cat-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:2px;background:var(--primary)}.ll-top-cat-emoji{font-size:18px;line-height:1}.ll-top-cat-label{font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.ll-top-cat-dots{display:flex;justify-content:center;gap:4px;padding:6px 0 0}.ll-top-cat-dot{width:4px;height:4px;border-radius:50%;background:var(--muted2);transition:background .2s,width .2s}.ll-top-cat-dot.active{background:var(--primary);width:12px;border-radius:2px}.ll-hero-cat-emoji{font-size:36px;line-height:1;margin-bottom:6px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.ll-insight{background:transparent;border:none;border-left:3px solid var(--navy-deep);border-radius:0;padding:4px 18px 0 16px;overflow:visible}.ll-insight-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent, #B8974A);margin-bottom:10px}.ll-insight-body{font-size:15px;line-height:1.6;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.02em}.ll-insight-art{display:block;width:100%;height:46vw;min-height:148px;max-height:220px;margin-top:16px;border-radius:14px;background-size:cover;background-position:center}.ll-search-trigger{display:flex;align-items:center;gap:8px;width:calc(100% - 28px);margin:16px 14px 4px;padding:11px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--ink-faint);font-size:13px;font-weight:500;transition:border-color .15s}.ll-search-trigger:hover{border-color:var(--navy-deep)}.ll-search-trigger svg{flex-shrink:0}.ll-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0d1b2a80;display:flex;align-items:center;justify-content:center;padding:20px;animation:ll-search-fade .2s ease}@keyframes ll-search-fade{0%{opacity:0}to{opacity:1}}.ll-search-modal{width:100%;max-width:440px;max-height:80vh;background:var(--surface);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0d1b2a47;animation:ll-search-pop .25s cubic-bezier(.32,1,.56,1)}@keyframes ll-search-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.ll-search-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px}.ll-search-title{font-size:16px;font-weight:700;color:var(--ink)}.ll-search-close{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--fill-cool);color:var(--ink-faint);font-size:13px}.ll-search-input-wrap{display:flex;align-items:center;gap:8px;margin:0 20px 14px;padding:10px 12px;background:var(--fill-cool);border-radius:10px;color:var(--ink-faint)}.ll-search-input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--ink)}.ll-search-clear{width:18px;height:18px;border-radius:50%;background:var(--border);color:var(--surface);font-size:10px;flex-shrink:0}.ll-search-cats{display:flex;gap:6px;align-items:center;overflow-x:auto;overflow-y:visible;padding:2px 20px 16px;-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0}.ll-search-cats::-webkit-scrollbar{display:none}.ll-search-cat{flex-shrink:0;padding:7px 14px;border-radius:100px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;background:var(--fill-cool);color:var(--ink-muted);border:1px solid transparent;transition:all .15s}.ll-search-cat.active{background:var(--navy-deep);color:#fff}.ll-search-results{flex:1;overflow-y:auto;padding:4px 12px 16px;border-top:1px solid var(--line-soft)}.ll-search-empty{text-align:center;color:var(--ink-faint);font-size:13px;padding:36px 0}.ll-search-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:12px;text-align:left;transition:background .15s}.ll-search-item:hover{background:var(--fill-cool)}.ll-search-thumb{width:56px;height:56px;border-radius:9px;flex-shrink:0;background-size:cover;background-position:center;background-color:var(--fill-cool)}.ll-search-item-info{flex:1;min-width:0}.ll-search-item-title{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-search-item-cat{font-size:11px;color:var(--ink-faint);margin-top:3px}:root{--grass-0: var(--line-soft);--grass-1: #A8C8E8;--grass-2: #5EA4D0;--grass-3: #2E7CB8;--grass-4: var(--secondary)}.db-shell{display:flex;flex-direction:column;min-height:100%;background:var(--bg)}.db-skel{border-radius:8px;background:linear-gradient(90deg,#eaecef 25%,#f5f6f7,#eaecef 75%);background-size:200% 100%;animation:db-shimmer 1.4s infinite}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.db-hero{position:relative;height:68vw;min-height:280px;max-height:420px;background:#0d1b2a center/cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.db-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#050a147a,#050a14ad 45%,#050a14eb)}.db-hero-inner{position:relative;z-index:1;width:100%;padding:28px 24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.db-hero-eyebrow{font-size:9px;font-weight:700;letter-spacing:.24em;color:#ffffff6b;text-transform:uppercase}.db-hero-expr{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(26px,7.5vw,40px);font-weight:700;color:#fff;line-height:1.18;letter-spacing:-.01em;max-width:300px;text-shadow:0 2px 16px rgba(0,0,0,.5)}.db-hero-dim{opacity:.35;font-size:18px}.db-hero-cta{margin-top:6px;padding:14px 42px;border-radius:100px;border:1.5px solid rgba(255,255,255,.5);background:#0d2b52b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;transition:background .16s,transform .1s}.db-hero-cta:active{background:#ffffff1f;transform:scale(.96)}.db-hero-cta:disabled{opacity:.26;cursor:default}.db-hero-meta{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:4px}.db-hero-lesson{font-size:11px;color:#ffffff8c;font-weight:500}.db-hero-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.db-hero-tag{font-size:10px;font-weight:500;color:#ffffffb3;letter-spacing:.01em}.db-hero-days{font-size:10px;color:#fff6}.db-body{flex:1}.db-section{padding:20px 16px 4px}.db-section-title-row{margin-bottom:14px}.db-section-heading{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.db-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 16px #1e3a5f0f,0 1px 4px #1e3a5f08}.db-card-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.db-card-lbl{font-size:10px;font-weight:700;letter-spacing:.16em;color:#8b98a8;text-transform:uppercase}.db-card-meta{font-size:10px;color:var(--ink-faint)}.db-curated-section{padding-bottom:0}.db-hscroll{display:flex;gap:12px;overflow-x:auto;padding:0 0 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.db-hscroll::-webkit-scrollbar{display:none}.db-hscroll-end{flex-shrink:0;width:4px}.db-hcard{flex-shrink:0;width:62vw;max-width:220px;border-radius:16px;overflow:hidden;text-align:left;background:#fff;scroll-snap-align:start;box-shadow:0 2px 12px #1e3a5f1a;transition:transform .15s,box-shadow .15s}.db-hcard:active{transform:scale(.97)}.db-hcard-thumb{width:100%;height:38vw;max-height:140px;background:#1e293b center/cover no-repeat;position:relative}.db-hcard-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000000a,#00000052)}.db-hcard-badge{position:absolute;top:8px;left:10px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:2px 8px;border-radius:100px}.db-hcard-body{padding:10px 12px 14px;display:flex;flex-direction:column;gap:3px}.db-hcard-title{font-size:13px;font-weight:700;color:var(--ink);line-height:1.3;letter-spacing:-.01em}.db-hcard-id{font-size:10px;color:var(--ink-faint);font-weight:600}.db-curated-empty{font-size:13px;color:var(--ink-faint);line-height:1.7;padding:4px 0 16px}.db-cat-list{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #1e3a5f12}.db-cat-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;gap:12px;text-align:left;width:100%;border-bottom:1px solid var(--border);transition:background .14s;position:relative}.db-cat-row:last-child{border-bottom:none}.db-cat-row:active{background:var(--surface-low)}.db-cat-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.db-cat-en{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.db-cat-kr{font-size:10px;font-weight:600;color:var(--ink-faint);letter-spacing:.04em}.db-cat-desc{font-size:11px;color:var(--ink-muted);margin-top:2px;line-height:1.4}.db-cat-thumbs{position:relative;height:44px;width:100px;flex-shrink:0}.db-cat-thumb{position:absolute;top:0;width:44px;height:44px;border-radius:50%;background:var(--fill-thumb) center/cover no-repeat;border:2.5px solid #fff;box-shadow:0 2px 6px #1e3a5f1f}.db-cat-thumb-more{background:var(--navy-deep);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff}.db-stat-strip{display:flex;align-items:center;justify-content:space-around;background:#fff;border-radius:16px;padding:16px 12px;box-shadow:0 2px 16px #1e3a5f0f}.db-stat-item{display:flex;flex-direction:column;align-items:center;gap:3px}.db-stat-val{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1}.db-stat-key{font-size:9px;font-weight:700;letter-spacing:.1em;color:#8b98a8;text-transform:uppercase}.db-stat-sep{width:1px;height:36px;background:var(--fill-gray)}.db-grass-4x7{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.db-grass-row{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.db-gcell{aspect-ratio:1;border-radius:5px;transition:transform .12s;cursor:default}.db-gcell:hover{transform:scale(1.2)}.db-gcell.today{box-shadow:0 0 0 2px var(--navy-deep)}.db-grass-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end}.db-leg-txt{font-size:9px;color:var(--ink-faint)}.db-leg-cell{width:11px;height:11px;border-radius:3px}.db-rhythm-label{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.015em;margin-bottom:12px}.db-rhythm-chart{width:100%;height:auto;display:block;overflow:visible}.db-insight-card{position:relative}.db-insight-card:before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:3px;background:var(--navy-deep);border-radius:0 2px 2px 0}.db-insight-subs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.db-insight-sub{font-size:13px;color:var(--ink-soft);line-height:1.7;padding-left:14px;position:relative}.db-insight-sub:before{content:"·";position:absolute;left:2px;color:var(--ink-faint);font-size:16px}.db-insight-empty{font-size:13px;color:var(--ink-faint);line-height:1.7}.db-quote-card{background:transparent;padding:8px 18px 8px 16px;display:flex;flex-direction:column;gap:8px;position:relative;border-left:3px solid var(--accent)}.db-quote-mark{font-size:40px;font-weight:900;line-height:.7;color:var(--accent-border);-webkit-user-select:none;user-select:none}.db-quote-text{font-size:17px;font-weight:500;color:var(--ink-soft);line-height:1.6;letter-spacing:-.015em;font-style:italic}.db-quote-author{font-size:11px;font-weight:600;color:var(--ink-faint);letter-spacing:.04em}.db-section-sub-heading{font-size:12px;color:var(--ink-faint);font-weight:500;margin-top:2px;letter-spacing:-.005em}.db-cat-list-sports{background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #1e3a5f12}.db-cat-row-sports:active{background:var(--surface-low)!important}.review-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--fill-cool)}.review-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;flex-shrink:0;padding-top:max(14px,env(safe-area-inset-top));background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.review-exit{font-size:13px;font-weight:600;color:var(--ink-soft);transition:opacity .2s}.review-exit:hover{opacity:.65}.review-title{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.review-counter{font-size:12px;color:var(--ink-faint);font-weight:600;font-variant-numeric:tabular-nums}.review-progress{height:2px;background:var(--fill-thumb);flex-shrink:0}.review-progress-fill{height:100%;background:var(--navy-deep);transition:width .4s cubic-bezier(.4,0,.2,1)}.review-speaker{padding:14px 18px 0;flex-shrink:0}.speaker-badge{padding:3px 12px;border-radius:100px;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.spk-A{background:#1e3a5f14;color:var(--navy-deep);border:1px solid rgba(30,58,95,.2)}.spk-B{background:#6b728014;color:var(--ink-soft);border:1px solid rgba(107,114,128,.2)}.review-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;gap:0}.review-card{background:#fff;border-radius:20px;width:100%;padding:28px 22px 24px;box-shadow:0 4px 24px #1e3a5f17,0 1px 4px #1e3a5f0d;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.review-ko{font-size:clamp(16px,4vw,22px);color:var(--ink-soft);font-weight:400;line-height:1.6;letter-spacing:-.01em}.hint-area{width:100%}.hint-word-row{display:flex;flex-wrap:wrap;gap:6px 4px;justify-content:center;min-height:44px;align-items:flex-end}.hint-word-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center}.hint-placeholder{color:transparent;font-size:clamp(16px,3.5vw,22px);border-bottom:1.5px solid var(--fill-thumb);padding:0 2px;-webkit-user-select:none;user-select:none}.hint-visible{position:absolute;bottom:0;color:var(--navy-deep);font-size:clamp(16px,3.5vw,22px);font-weight:600;white-space:nowrap;padding:0 2px;animation:rv-fade-in .2s ease}.hint-full-answer{font-size:clamp(18px,4vw,24px);font-weight:600;line-height:1.5;color:var(--ink);animation:rv-fade-in .25s ease;letter-spacing:-.015em}.review-score{display:flex;flex-direction:column;align-items:center;gap:5px;animation:rv-fade-in .3s ease;width:100%}.review-score-badge{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:100px}.review-score-badge.good{background:#0596691a;color:var(--c-s8)}.review-score-badge.ok{background:#d977061a;color:var(--c-s7)}.review-score-badge.retry{background:#dc262614;color:var(--c-s6)}.review-score-icon{font-size:15px}.review-score-msg{font-size:14px;font-weight:700}.score-pct{font-size:13px;font-weight:600;opacity:.7}.spoken-text{font-size:12px;color:var(--ink-faint);font-style:italic;max-width:240px;line-height:1.4}.speech-err{font-size:12px;color:var(--c-s6)}.hint-controls{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px 8px;flex-shrink:0}.hint-btns{display:flex;gap:6px}.review-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px 4px;flex-shrink:0}.btn-hint{padding:7px 14px;border-radius:100px;font-size:12px;font-weight:600;background:var(--surface, #fff);border:1.5px solid var(--border);color:var(--ink-muted);transition:all .15s}.btn-hint:hover:not(.active){border-color:var(--ink-soft);color:var(--ink-soft)}.btn-hint.active{border-color:var(--navy-deep);color:var(--navy-deep);background:#1e3a5f0f}.btn-show{padding:7px 18px;border-radius:100px;font-size:12px;font-weight:700;background:var(--surface, #fff);border:1.5px solid var(--border);color:var(--ink-muted);transition:all .15s}.btn-show:hover:not(.active){border-color:var(--ink-soft);color:var(--ink-soft)}.btn-show.active{border-color:var(--navy-deep);color:var(--navy-deep);background:#1e3a5f0f}.review-actions{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 16px 36px;flex-shrink:0}.btn-stt{padding:14px 48px;border-radius:100px;font-size:15px;font-weight:700;background:#fff;border:2px solid var(--navy-deep);color:var(--navy-deep);transition:background .15s,transform .1s;width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 12px #1e3a5f1f}.btn-stt:hover{background:#1e3a5f0d}.btn-stt:active{transform:scale(.97)}.btn-stt.active{background:#1e3a5f14;animation:rv-pulse 1.2s ease-in-out infinite}.btn-next{padding:14px 48px;border-radius:100px;font-size:15px;font-weight:700;background:var(--navy-deep);color:#fff;transition:opacity .15s,transform .1s;width:100%;max-width:300px;box-shadow:0 4px 16px #1e3a5f40}.btn-next:hover{opacity:.88}.btn-next:active{transform:scale(.97)}.btn-retry{padding:13px 28px;border-radius:100px;font-size:14px;font-weight:700;background:var(--surface);color:var(--navy-deep);border:1.5px solid var(--navy-deep);transition:background .15s,transform .1s;width:100%;max-width:300px}.btn-retry:hover{background:#1e3a5f0d}.btn-retry:active{transform:scale(.97)}.btn-skip{font-size:12px;color:var(--ink-faint);padding:6px 16px;transition:color .15s}.btn-skip:hover{color:var(--ink-soft)}.review-done{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--fill-cool)}.review-done-header{padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top));background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between}.review-done-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:28px 16px 40px;gap:20px}.done-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.done-circle{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 24px #1e3a5f1f}.done-score-num{font-size:40px;font-weight:900;color:var(--navy-deep);letter-spacing:-.04em;line-height:1}.done-score-unit{font-size:14px;font-weight:700;color:var(--ink-faint)}.done-score-label{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.done-msg{font-size:19px;font-weight:700;color:var(--ink);text-align:center;letter-spacing:-.01em;line-height:1.4}.done-summary{background:#fff;border-radius:16px;width:100%;padding:16px;box-shadow:0 2px 12px #1e3a5f12}.done-summary-hd{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:10px}.done-summary-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--fill-cool)}.done-summary-row:last-child{border-bottom:none}.done-summary-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.done-summary-text{flex:1;font-size:12px;color:var(--ink-soft);font-weight:500;line-height:1.4}.done-summary-pct{font-size:12px;font-weight:700;color:var(--ink-faint)}.done-btns{display:flex;flex-direction:column;gap:10px;width:100%}.btn-done-back{padding:14px;border-radius:100px;font-size:14px;font-weight:700;background:#fff;border:1.5px solid var(--fill-thumb);color:var(--ink-soft);box-shadow:0 1px 6px #1e3a5f0f;transition:border-color .15s}.btn-done-back:hover{border-color:var(--navy-deep);color:var(--navy-deep)}.btn-done-weak{padding:14px;border-radius:100px;font-size:14px;font-weight:700;background:var(--navy-deep);color:#fff;box-shadow:0 4px 16px #1e3a5f38;transition:opacity .15s}.btn-done-weak:hover{opacity:.88}@keyframes rv-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rv-pulse{0%,to{box-shadow:0 0 #1e3a5f40}50%{box-shadow:0 0 0 10px #1e3a5f00}}.review-stt-err{text-align:left;font-size:12px;color:#dc2626;padding:10px 16px 0;word-break:break-word;white-space:pre-wrap;line-height:1.5;max-height:200px;overflow-y:auto}.review-nav-row{display:flex;gap:8px;width:100%;max-width:300px}.btn-nav{flex:1;padding:11px 0;border-radius:100px;font-size:13px;font-weight:700;background:var(--surface);color:var(--navy-deep);border:1.5px solid var(--border);transition:background .12s,border-color .12s}.btn-nav:hover:not(:disabled){background:#1e3a5f0d;border-color:var(--navy-deep)}.btn-nav:disabled{opacity:.35;cursor:not-allowed}.btn-nav.primary{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep)}.btn-nav.primary:hover{opacity:.9;background:var(--navy-deep)}.review-prev-attempt{margin-top:14px;padding:8px 14px;font-size:12px;color:var(--ink-muted);background:var(--fill-cool, rgba(30,58,95,.04));border-radius:8px;font-style:italic}.review-attempt-count{color:var(--ink-faint);font-style:normal;font-weight:500}.done-loading{text-align:center;padding:40px 0;color:var(--ink-muted);font-size:14px}.done-score-big{text-align:center;font-size:56px;font-weight:800;color:var(--navy-deep);letter-spacing:-.04em;line-height:1;margin-top:8px}.done-score-unit{font-size:22px;font-weight:700;color:var(--ink-muted);margin-left:4px}.done-score-label{text-align:center;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;margin-bottom:24px}.done-indicators{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--fill-cool, rgba(30,58,95,.04));border-radius:12px}.done-ind-row{display:flex;align-items:center;gap:12px;font-size:13px}.done-ind-name{flex:0 0 80px;font-weight:600;color:var(--ink)}.done-ind-stars{flex:1;color:var(--accent, #B8974A);letter-spacing:1px;font-size:14px}.done-ind-pct{flex:0 0 40px;text-align:right;font-weight:700;color:var(--ink-muted)}.done-review{margin-top:20px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;border-left:3px solid var(--accent, #B8974A)}.done-review-label{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent, #B8974A);margin-bottom:6px}.done-review-text{font-size:14px;line-height:1.6;color:var(--ink);letter-spacing:-.01em}.done-toggle{margin-top:18px;padding:10px 0;background:transparent;color:var(--ink-muted);font-size:12px;font-weight:600;width:100%;text-align:center;border:1px dashed var(--border);border-radius:8px;transition:color .12s,border-color .12s}.done-toggle:hover{color:var(--navy-deep);border-color:var(--navy-deep)}.done-sentence-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.done-sentence{padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border)}.done-sentence.good{border-left-color:#059669}.done-sentence.ok{border-left-color:#d97706}.done-sentence.weak{border-left-color:#dc2626}.done-sentence-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.done-sentence-idx{font-size:11px;font-weight:700;color:var(--ink-faint)}.done-sentence-score{font-size:13px;font-weight:800;color:var(--navy-deep)}.done-sentence-answer{font-size:14px;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}.done-sentence-spoken{font-size:12px;color:var(--ink-muted);font-style:italic}.btn-done-weak{margin-top:18px;padding:13px 28px;border-radius:100px;font-size:14px;font-weight:700;background:var(--navy-deep);color:#fff;width:100%;max-width:300px;align-self:center}.btn-done-weak:hover{opacity:.9}.btn-countdown{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 48px;border-radius:100px;background:var(--navy-deep);border:2px solid var(--navy-deep);color:#fff;transition:transform .1s;width:100%;max-width:300px;cursor:pointer}.btn-countdown:active{transform:scale(.97)}.btn-countdown-num{font-size:26px;font-weight:800;line-height:1;font-feature-settings:"tnum"}.btn-countdown-sub{font-size:10px;font-weight:500;opacity:.65;letter-spacing:.04em}.btn-stt.active{padding-top:10px;padding-bottom:10px}.btn-stt-text{display:flex;flex-direction:column;align-items:center;line-height:1.15}.btn-stt-main{font-size:15px;font-weight:700}.btn-stt-sub{font-size:12px;font-weight:500;opacity:.65;letter-spacing:.04em;margin-top:1px}.expressions-wrap{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:2;overflow-y:auto;padding:4px 16px 20px}.expr-title-area{text-align:center;padding:4px 0 16px;flex-shrink:0}.expr-eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#0d2b5280;margin-bottom:4px}.expr-title{font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--navy-deep);opacity:.85}.expr-count{font-size:11px;color:#0d2b5280;margin-top:4px;letter-spacing:.04em}.expr-filter-row{display:flex;gap:6px;padding:8px 0 14px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.expr-filter-row::-webkit-scrollbar{display:none}.expr-filter-btn{flex-shrink:0;padding:7px 14px;border-radius:100px;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(13,43,82,.08);color:#0d2b52a6;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:all .15s;cursor:pointer;box-shadow:0 1px 4px #0d2b520a;white-space:nowrap;line-height:1.4}.expr-filter-btn:hover{background:#fff}.expr-filter-btn:active{transform:scale(.96)}.expr-filter-btn.active{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}.expr-list{display:flex;flex-direction:column;gap:14px}.expr-card{position:relative;background:#fff;border-radius:16px;box-shadow:0 2px 14px #0d2b520f,0 1px 3px #0d2b5208;overflow:hidden;transition:box-shadow .2s,transform .15s}.expr-card:hover{box-shadow:0 4px 20px #0d2b521a,0 1px 4px #0d2b520d}.expr-accent-bar{position:absolute;left:0;top:0;bottom:0;width:2px;background:#0d2b5226}.expr-card-inner{padding:18px 20px 18px 22px}.expr-top-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.expr-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:100px;background:#0d2b520d;color:#0d2b52b3;border:none}.expr-tag-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.8}.expr-level{font-size:9.5px;font-weight:700;letter-spacing:.1em;color:#0d2b5266}.expr-bookmark-btn{margin-left:auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#0d2b5259;cursor:pointer;transition:all .15s}.expr-bookmark-btn:hover{background:#0d2b520d;color:#0d2b5299}.expr-bookmark-btn.marked{color:var(--brass, #B8974A)}.expr-bookmark-btn:disabled{opacity:.5;cursor:not-allowed}.expr-phrase{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--navy-deep);line-height:1.35;margin-bottom:4px}.expr-meaning{font-size:13px;color:#0d2b5299;font-weight:500;line-height:1.5}.expr-divider{height:1px;background:#0d2b5212;margin:14px -2px 12px}.expr-section{margin-bottom:14px}.expr-section:last-child{margin-bottom:0}.expr-section-label{font-size:10px;font-weight:700;color:#0d2b528c;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.expr-explanation{font-size:12.5px;line-height:1.6;color:#0d2b52ad}.expr-pattern-box{position:relative;padding:4px 0 4px 14px;border-left:1.5px solid rgba(184,151,74,.35)}.expr-pattern-main{font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:700;color:var(--navy-deep);letter-spacing:-.01em;margin-bottom:8px}.expr-pattern-examples{display:flex;flex-direction:column;gap:5px}.expr-pattern-ex{font-size:12.5px;line-height:1.5;color:#0d2b52b3;display:flex;gap:8px;align-items:flex-start}.expr-bullet{color:#b8974ab3;font-size:14px;line-height:1;flex-shrink:0;padding-top:2px}.expr-examples{display:flex;flex-direction:column;gap:14px}.expr-example-item{display:flex;flex-direction:column;gap:6px}.expr-example-context{font-size:10.5px;font-weight:600;color:#0d2b5273;letter-spacing:.02em}.expr-example-q,.expr-example-a{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;color:var(--navy-deep)}.expr-bubble-q,.expr-bubble-a{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:1px}.expr-bubble-q{background:#0d2b521a;color:#0d2b5299}.expr-bubble-a{background:var(--navy-deep);color:#fff}.reaction-wrap{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:2;overflow-y:auto;padding:4px 16px 20px}.reaction-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-size:14px}.reaction-title-area{text-align:center;padding:4px 0 16px}.reaction-eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#0d2b5280;margin-bottom:4px}.reaction-title{font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--navy-deep);opacity:.85}.reaction-nav-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 16px;flex-shrink:0}.reaction-nav-arrow{width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--navy-deep);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(13,43,82,.08);transition:all .15s;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;box-shadow:0 1px 6px #0d2b520d}.reaction-nav-arrow:hover:not(:disabled){background:#fff}.reaction-nav-arrow:active:not(:disabled){transform:scale(.92)}.reaction-nav-arrow:disabled{opacity:.35;cursor:not-allowed}.reaction-nav-dots{display:flex;gap:6px}.reaction-dot{width:6px;height:6px;border-radius:50%;background:#0d2b5233;transition:all .2s;cursor:pointer}.reaction-dot.active{background:var(--navy-deep);width:18px;border-radius:100px}.reaction-main-card{background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(13,43,82,.06);border-radius:20px;padding:28px 22px 24px;box-shadow:0 4px 24px #0d2b520f}.reaction-pattern{font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:700;line-height:1.4;color:var(--navy-deep);letter-spacing:-.015em;text-align:center;padding:8px 4px 12px}.reaction-pattern-text{color:var(--navy-deep)}.reaction-blank{display:inline-block;min-width:100px;padding:0 6px;margin:0 2px;border-bottom:2px solid rgba(13,43,82,.3);color:#0d2b5266;transition:color .25s,border-color .25s}.reaction-blank.filled{color:var(--navy-deep);border-color:transparent;background:#b8974a1f;border-radius:6px}.reaction-kr{text-align:center;font-size:13px;color:#0d2b528c;font-weight:500;min-height:22px;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .25s}.reaction-kr.visible{opacity:1}.reaction-playing-dot{font-size:12px;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.reaction-divider{height:1px;background:#0d2b5214;margin:20px -4px 18px}.reaction-label{font-size:11px;font-weight:600;color:#0d2b528c;letter-spacing:.04em;text-align:center;margin-bottom:14px}.reaction-variations{display:flex;flex-direction:column;gap:8px}.reaction-variation-btn{width:100%;padding:14px 18px;border-radius:100px;background:#fff9;border:1px solid rgba(13,43,82,.08);text-align:left;transition:all .15s;cursor:pointer;font-size:14px;font-weight:500;color:var(--navy-deep)}.reaction-variation-btn:hover{background:#fff;border-color:#0d2b522e;transform:translateY(-1px);box-shadow:0 4px 12px #0d2b5214}.reaction-variation-btn:active{transform:scale(.99)}.reaction-variation-btn.selected{background:#0d2b520a;border-color:var(--navy-deep);border-width:1.5px}.reaction-variation-row{display:flex;align-items:center;justify-content:space-between}.reaction-variation-en{font-weight:600}.reaction-variation-btn.selected .reaction-variation-en{font-weight:700}.reaction-variation-play{font-size:12px;color:var(--navy-deep);opacity:.7;margin-left:8px}.reaction-variation-kr{display:block;font-size:11px;color:#0d2b5280;margin-top:4px;font-weight:400}.reaction-next-btn{width:100%;margin-top:18px;padding:14px 24px;border-radius:100px;background:var(--navy-deep);color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;transition:all .15s;cursor:pointer;box-shadow:0 4px 14px #0d2b5240}.reaction-next-btn:hover{background:#173564;box-shadow:0 6px 18px #0d2b5252}.reaction-next-btn:active{transform:scale(.98)}.reaction-playing-dot,.reaction-variation-play{display:inline-flex;align-items:center}.pron-wrap{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:2;overflow-y:auto;padding:4px 16px 20px}.pron-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-size:14px}.pron-title-area{text-align:center;padding:4px 0 16px}.pron-eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#0d2b5280;margin-bottom:4px}.pron-title{font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--navy-deep);opacity:.85}.pron-nav-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 16px;flex-shrink:0}.pron-nav-arrow{width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--navy-deep);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(13,43,82,.08);transition:all .15s;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;box-shadow:0 1px 6px #0d2b520d}.pron-nav-arrow:hover:not(:disabled){background:#fff}.pron-nav-arrow:active:not(:disabled){transform:scale(.92)}.pron-nav-arrow:disabled{opacity:.35;cursor:not-allowed}.pron-nav-dots{display:flex;gap:6px}.pron-dot{width:6px;height:6px;border-radius:50%;background:#0d2b5233;transition:all .2s;cursor:pointer}.pron-dot.active{background:var(--navy-deep);width:18px;border-radius:100px}.pron-main-card{background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(13,43,82,.06);border-radius:20px;padding:26px 22px 22px;box-shadow:0 4px 24px #0d2b520f}.pron-target-wrap{text-align:center;padding:4px 0 18px;border-bottom:1px solid rgba(13,43,82,.06);margin-bottom:18px}.pron-target{font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.015em;color:var(--navy-deep)}.pron-ko{font-size:13px;color:#0d2b528c;font-weight:500;margin-top:6px}.pron-focus-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#b8974a14;border-left:3px solid var(--brass, #B8974A);border-radius:8px;margin-bottom:12px}.pron-focus-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass, #B8974A);flex-shrink:0;padding-top:1px}.pron-focus-text{font-size:13px;font-weight:600;color:var(--navy-deep);line-height:1.5}.pron-tip{font-size:12.5px;line-height:1.6;color:#0d2b52b3;padding:0 2px;margin-bottom:6px}.pron-divider{height:1px;background:#0d2b5214;margin:18px -4px 16px}.pron-chunk-label{font-size:11px;font-weight:600;color:#0d2b528c;letter-spacing:.04em;margin-bottom:10px}.pron-chunks{display:flex;flex-direction:column;gap:8px}.pron-chunk-btn{width:100%;padding:12px 16px;border-radius:12px;background:#fff9;border:1px solid rgba(13,43,82,.08);text-align:left;transition:all .15s;cursor:pointer}.pron-chunk-btn:hover{background:#fff;border-color:#0d2b522e;transform:translateY(-1px);box-shadow:0 4px 12px #0d2b520f}.pron-chunk-btn:active{transform:scale(.99)}.pron-chunk-btn.selected{background:#0d2b520a;border-color:var(--navy-deep);border-width:1.5px}.pron-chunk-row{display:flex;align-items:center;gap:12px}.pron-chunk-step{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0d2b5266;flex-shrink:0;min-width:38px}.pron-chunk-btn.selected .pron-chunk-step{color:var(--navy-deep);opacity:.7}.pron-chunk-text{font-size:14px;font-weight:600;color:var(--navy-deep);flex:1}.pron-chunk-btn.selected .pron-chunk-text{font-weight:700}.pron-chunk-icon{font-size:12px;color:var(--navy-deep);opacity:.7;flex-shrink:0}.pron-full-btn{width:100%;margin-top:14px;padding:13px 24px;border-radius:100px;background:#ffffffb3;border:1.5px solid rgba(13,43,82,.15);color:var(--navy-deep);font-size:13px;font-weight:700;transition:all .15s;cursor:pointer}.pron-full-btn:hover{background:#fff;border-color:#0d2b5240}.pron-full-btn:active{transform:scale(.99)}.pron-next-btn{width:100%;margin-top:10px;padding:14px 24px;border-radius:100px;background:var(--navy-deep);color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;transition:all .15s;cursor:pointer;box-shadow:0 4px 14px #0d2b5240}.pron-next-btn:hover{background:#173564;box-shadow:0 6px 18px #0d2b5252}.pron-next-btn:active{transform:scale(.98)}.pron-focus-label{display:inline-flex;align-items:center;gap:5px}.pron-chunk-icon{display:inline-flex;align-items:center}.pron-full-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.player-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--fill-cool);overflow:hidden;position:relative}.player-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;flex-shrink:0;background:#fff;border-bottom:1px solid rgba(203,213,224,.35);z-index:20}.exit-link{font-size:13px;color:var(--ink-soft);font-weight:600;transition:opacity .2s}.exit-link:hover{opacity:.65}.player-title{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.player-header-right{width:32px}.tab-bar{display:none}.main-card{margin:10px 12px 6px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 16px #1e3a5f14,0 1px 4px #1e3a5f0a;flex:1 1 0%;display:flex;flex-direction:column;min-height:0;position:relative}.bleed-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(18px) saturate(.9);transform:scale(1.15);z-index:0;pointer-events:none}.bleed-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff8c,#ffffffc7 30%,#ffffffeb,#fffffffa);z-index:1;pointer-events:none}.info-tab-card{background:#fff}.info-tab-bg{position:absolute;left:0;right:0;top:0;height:200px;background-size:cover;background-position:center;filter:blur(14px) saturate(.85);transform:scale(1.15);z-index:0;pointer-events:none;opacity:.5}.info-tab-veil{position:absolute;left:0;right:0;top:0;height:240px;background:linear-gradient(180deg,#fff6,#ffffffb3,#fffffff2 80%,#fff);z-index:1;pointer-events:none}.player-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;padding-top:max(14px,env(safe-area-inset-top));gap:10px}.topbar-back{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(13,43,82,.08);color:var(--navy-deep, #0D2B52);cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 2px 10px #0d2b520f;flex-shrink:0}.topbar-back:hover{background:#fff}.topbar-back:active{transform:scale(.94)}.topbar-brand{font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--navy-deep, #0D2B52);position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.topbar-script{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffffd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(13,43,82,.08);border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--navy-deep, #0D2B52);cursor:pointer;box-shadow:0 2px 12px #0d2b5214;transition:background .15s,transform .1s;flex-shrink:0}.topbar-script:hover{background:#fff}.topbar-script:active{transform:scale(.96)}.topbar-script svg{opacity:.7}.topbar-spacer{width:36px;flex-shrink:0}.ebook-area{flex:1;overflow-y:auto;min-height:0;padding:16px 20px 8px;animation:fadeUp .25s ease;position:relative;z-index:2}.ebook-card{padding:0;background:none;box-shadow:none;border-radius:0}.ebook-line{display:flex;flex-direction:column;padding:16px 4px;cursor:pointer;border-radius:10px;transition:opacity .35s ease,background .25s,transform .35s ease;position:relative;text-align:center}.ebook-line.past{opacity:.25;filter:blur(.4px)}.ebook-line:not(.lyric-active):not(.past){opacity:.45}.ebook-line.lyric-active{opacity:1}.ebook-line:hover{opacity:.8!important;filter:none}.ebook-speaker{font-size:10px;font-weight:700;color:var(--muted2);letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px;opacity:.55}.ebook-line.lyric-active .ebook-speaker{opacity:.75;color:var(--navy-deep)}.ebook-content{display:flex;flex-direction:column;gap:6px;align-items:center}.ebook-en{font-size:16px;line-height:1.55;font-weight:500;color:var(--ink);transition:font-size .3s ease,font-weight .3s,letter-spacing .3s;max-width:28ch}.ebook-line.lyric-active .ebook-en{font-size:26px;font-weight:700;letter-spacing:-.015em;line-height:1.3;font-family:Playfair Display,Georgia,serif;color:var(--navy-deep)}.ebook-ko{font-size:14px;color:var(--ink-faint);font-weight:400;line-height:1.5;margin-top:2px}.ebook-line.lyric-active .ebook-ko{color:var(--navy-deep);opacity:.55;font-size:13px;letter-spacing:.02em}.ebook-hidden{display:flex;flex-wrap:wrap;gap:5px;padding:4px 0;justify-content:center}.ebook-hidden-word{height:2.5px;border-radius:100px;background:var(--ink-faint);opacity:.5}.ebook-line.lyric-active .ebook-hidden-word{opacity:.85}.ebook-line.hide-step .ebook-content{display:flex;flex-direction:column}.ebook-line.hide-step .ebook-ko{order:-1;font-size:20px;font-weight:700;font-style:normal;color:var(--ink);line-height:1.4;letter-spacing:-.01em;margin-bottom:8px}.ebook-line.hide-step .ebook-hidden{gap:7px;padding:6px 0}.ebook-line.hide-step .ebook-hidden-word{height:9px;border-radius:5px;background:var(--navy-deep);opacity:.22}.pron-tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:100px;background:var(--fill-cool);color:var(--ink-muted);margin-top:4px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pron-tag.fast{background:#d1690014;color:#92661a}.review-entry{padding:20px 0 8px;text-align:center}.btn-review{padding:11px 32px;border-radius:100px;font-size:13px;font-weight:700;background:var(--navy-deep);color:#fff;box-shadow:0 4px 16px #1e3a5f33;transition:all .2s}.btn-review:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1e3a5f47}.weak-panel{flex-shrink:0;border-top:1px solid rgba(30,58,95,.08);max-height:150px;overflow-y:auto}.weak-header{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;font-size:10px;color:var(--ink-soft);font-weight:700;letter-spacing:.1em;text-transform:uppercase;position:sticky;top:0;background:#f4f5f7f5}.weak-list{padding:4px 10px;display:flex;flex-direction:column;gap:3px}.weak-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;text-align:left;width:100%;background:#fff;transition:background .2s}.weak-item:hover{background:var(--fill-cool)}.weak-text{font-size:13px;flex:1;font-weight:500;color:var(--ink)}.weak-ko{font-size:11px;color:var(--ink-muted);font-style:italic}.weak-jump{font-size:11px;color:var(--ink-soft);flex-shrink:0}.controls{flex-shrink:0;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(203,213,224,.3)}.progress-wrap{padding:8px 16px 2px}.progress-bar{height:2px;background:var(--fill-thumb);border-radius:100px;cursor:pointer;position:relative}.progress-fill{height:100%;background:var(--navy-deep);border-radius:100px;transition:width .1s linear;pointer-events:none}.chapter-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;cursor:pointer;border:2px solid currentColor;background:var(--fill-cool);transition:all .2s}.chapter-marker.done{background:currentColor}.chapter-marker.current{background:currentColor;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 3px #1e3a5f1f}.chapter-connector{position:absolute;top:50%;transform:translateY(-50%);height:2px;pointer-events:none;background:currentColor;opacity:.1}.chapter-connector.done{opacity:.4}.chapter-labels{position:relative;height:14px;margin-top:3px}.chapter-label{position:absolute;transform:translate(-50%);font-size:8px;color:var(--muted2);font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .2s}.chapter-label.active{color:var(--ink-soft)}.time-row{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-faint);padding:2px 16px 4px;letter-spacing:.03em}.step-chip-row{padding:0 16px 8px;position:relative;z-index:3}.step-chip-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:100px;border:1px solid rgba(13,43,82,.08);background:#ffffffc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 1px 6px #0d2b520a}.step-chip-btn:hover{background:#ffffffeb;box-shadow:0 2px 10px #0d2b5214}.step-chip-btn:active{transform:scale(.98)}.step-chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.step-chip-name{font-size:13px;font-weight:700;flex-shrink:0;color:var(--navy-deep);letter-spacing:-.01em}.step-chip-desc{font-size:9.5px;color:#0d2b5280;flex:1;text-transform:uppercase;letter-spacing:.12em;text-align:left;font-weight:500}.step-chip-caret{font-size:10px;color:#0d2b5259;margin-left:2px}.btn-show-en{margin-left:auto;padding:4px 11px;border-radius:100px;font-size:10px;background:#0d2b520a;border:1px solid rgba(13,43,82,.1);color:#0d2b52a6;transition:all .2s;font-weight:600}.btn-show-en.on{border-color:#92661a;color:#92661a;background:#d1690012}.btn-show-en.shine{border-color:var(--accent, #B8974A);color:var(--accent, #B8974A);background:#b8974a1a;animation:show-en-shine 1.8s ease-in-out infinite;position:relative;overflow:hidden}@keyframes show-en-shine{0%,to{box-shadow:0 0 #b8974a00}50%{box-shadow:0 0 8px 1px #b8974a80}}.btn-show-en.shine:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);animation:show-en-sweep 1.8s ease-in-out infinite}@keyframes show-en-sweep{0%{left:-60%}55%{left:120%}to{left:120%}}.reaction-chip{border-color:var(--fill-thumb)!important;color:var(--ink-soft)!important;background:var(--fill-cool)!important}.playback-pill{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;gap:4px;padding:14px 20px 16px}.ctrl-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(13,43,82,.1);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--navy-deep);font-size:13px;font-weight:700;transition:background .15s,transform .1s,border-color .15s;cursor:pointer;box-shadow:0 1px 6px #0d2b520d}.ctrl-btn:hover{background:#fff;border-color:#0d2b522e}.ctrl-btn:active{transform:scale(.92)}.ctrl-btn.on{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep)}.ctrl-spacer{background:transparent!important;border:none!important;box-shadow:none!important;cursor:default;pointer-events:none}.ctrl-wave{background:transparent;border:none;box-shadow:none;cursor:default;pointer-events:none}.btn-play-main{width:72px;height:72px;border-radius:50%;color:#fff;background:var(--navy-deep);display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;font-size:28px;box-shadow:0 6px 20px #0d2b5259;cursor:pointer}.btn-play-main:hover{transform:scale(1.04);box-shadow:0 8px 24px #0d2b526b}.btn-play-main:active{transform:scale(.95)}.reaction-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px 4px}.reaction-frame{flex:1;text-align:center;font-size:12px;font-weight:700;color:var(--ink-soft);padding:6px 12px;border-radius:100px;background:var(--fill-cool);border:1.5px solid var(--fill-thumb)}.bottom-nav{display:flex;align-items:center;justify-content:space-around;padding:0 8px;flex-shrink:0;height:58px;background:var(--surface);border-top:1px solid var(--border)}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:12px;transition:color .18s ease,background .18s ease;font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--muted);flex:1;min-width:0;max-width:90px;white-space:nowrap;overflow:hidden}.bottom-nav-btn.active{color:var(--primary)}.bottom-nav-btn:active{background:var(--primary-bg);transform:scale(.95)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;line-height:1}.step-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1e61;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.step-modal-card{background:#fff;border-radius:18px;width:100%;max-width:360px;box-shadow:0 16px 48px #1e3a5f2e;animation:scaleIn .2s ease;overflow:hidden}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.step-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;font-size:13px;font-weight:700;border-bottom:1px solid var(--fill-gray)}.step-modal-header button{color:var(--ink-faint);font-size:15px}.step-modal-list{max-height:300px;overflow-y:auto}.step-modal-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;text-align:left;transition:background .15s}.step-modal-item:hover{background:var(--fill-cool)}.step-modal-item.active{background:#1e3a5f0d}.step-modal-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-right:2px}.step-modal-info{flex:1;display:flex;flex-direction:column;gap:1px}.step-modal-name{font-size:13px;font-weight:600;color:var(--ink)}.step-modal-desc{font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.step-modal-active-dot{width:6px;height:6px;border-radius:50%;background:var(--navy-deep);flex-shrink:0}@keyframes lyric-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 6px #1e3a5f0d}}.ebook-line.lyric-active.hide-step{animation:lyric-pulse 2s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ebook-line[data-type=intro_kr] .ebook-en,.ebook-line[data-type=intro_en] .ebook-en{color:#6177a5}.ebook-line[data-type=intro_kr].lyric-active .ebook-en{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.01em;color:var(--navy-deep)}.script-view-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 14px;border-radius:0;font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--fill-cool);border:none;border-top:1px solid rgba(203,213,224,.35);transition:all .2s;cursor:pointer;flex-shrink:0}.script-view-btn:hover{background:#eaecef;color:var(--ink)}.script-modal-card{background:#fff;border-radius:18px;width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #1e3a5f2e;animation:scaleIn .2s ease;overflow:hidden}.script-tab-row{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid var(--fill-gray);flex-shrink:0}.script-tab-btn{flex:1;padding:7px;border-radius:10px;font-size:12px;font-weight:700;color:var(--ink-muted);border:1.5px solid transparent;transition:all .2s}.script-tab-btn.active{border-color:var(--navy-deep);color:var(--navy-deep);background:#1e3a5f0d}.script-modal-body{overflow-y:auto;flex:1;padding:8px 0 16px}.script-dialogue-group{margin-bottom:4px}.script-dialogue-title{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:10px 18px 6px;position:sticky;top:0;background:#fff}.script-line{display:flex;align-items:flex-start;gap:10px;padding:7px 18px}.script-line:hover{background:var(--fill-cool)}.script-speaker{font-size:9px;font-weight:700;color:var(--muted2);width:52px;flex-shrink:0;padding-top:3px;letter-spacing:.1em;text-transform:uppercase}.script-content{flex:1;display:flex;flex-direction:column;gap:2px}.script-en{font-size:14px;font-weight:500;color:var(--ink);line-height:1.55}.script-kr{font-size:12px;color:var(--ink-muted);font-style:italic}.script-line-clickable{cursor:pointer}.script-line-clickable:hover{background:#1e3a5f0a!important}.script-jump-icon{font-size:10px;color:var(--ink-soft);flex-shrink:0;opacity:.5;margin-left:4px;padding-top:2px}.playback-pill .wave-visualizer{color:#1e3a5f99;margin-right:2px}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:400;display:flex;align-items:flex-end;animation:guide-bg-in .25s ease forwards}@keyframes guide-bg-in{0%{background:#11182700}to{background:#1118278c}}.guide-sheet{background:#fafaf8;border-radius:22px 22px 0 0;width:100%;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;animation:guide-up .32s cubic-bezier(.32,.72,0,1) forwards}@keyframes guide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.guide-handle{width:36px;height:4px;border-radius:2px;background:#e0ddd7;margin:12px auto 0;flex-shrink:0}.guide-header{padding:16px 20px 12px;border-bottom:1px solid #EAE7E1;flex-shrink:0}.guide-title{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.guide-body{overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.guide-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;transition:background .12s}.guide-item:hover{background:#f3f0ea}.guide-step-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.guide-item-text{flex:1}.guide-item-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px}.guide-item-desc{font-size:12px;color:var(--ink-muted);line-height:1.5}.guide-footer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid #EAE7E1;flex-shrink:0}.guide-btn-skip{flex:1;padding:12px;border-radius:12px;font-size:13px;font-weight:600;color:var(--ink-muted);background:transparent;border:1.5px solid var(--border);transition:background .15s,border-color .15s}.guide-btn-skip:hover{background:var(--fill-cool);border-color:var(--ink-faint)}.guide-btn-start{flex:2;padding:12px;border-radius:12px;font-size:14px;font-weight:800;color:#fff;background:var(--primary);transition:opacity .15s}.guide-btn-start:hover{opacity:.88}.review-entry{padding:28px 20px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.review-entry-label{font-size:11px;font-weight:600;color:var(--ink-faint);letter-spacing:.06em}.btn-review{width:100%;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 6px 24px #0d2b5240;transition:transform .15s,box-shadow .15s}.btn-review:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0d2b5252}.btn-review-icon{width:28px;height:28px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:13px;margin-bottom:4px}.btn-review{font-size:15px;font-weight:800;letter-spacing:-.01em}.btn-review-sub{font-size:11px;font-weight:500;opacity:.7;letter-spacing:.02em}.ebook-section-divider{display:flex;align-items:center;gap:12px;padding:20px 4px 18px;-webkit-user-select:none;user-select:none}.ebook-section-line{flex:1;height:1px;background:#0d2b521f}.ebook-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:#0d2b5273;white-space:nowrap}.modal-title-ic{display:inline-flex;align-items:center;gap:7px}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2c3a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.admin-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #2c2c3a26}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.admin-header h2{font-family:var(--font-head);font-size:22px;letter-spacing:.06em;color:var(--accent)}.admin-close{color:var(--muted);font-size:18px;transition:color .2s}.admin-close:hover{color:var(--text)}.admin-msg{margin:12px 24px 0;padding:10px 14px;border-radius:8px;font-size:13px;flex-shrink:0}.admin-msg.ok{background:#16a34a14;color:#16a34a;border:1px solid rgba(22,163,74,.2)}.admin-msg.err{background:#dc262614;color:var(--c-s6);border:1px solid rgba(220,38,38,.2)}.admin-tabs{display:flex;gap:4px;padding:12px 24px 0;flex-shrink:0}.admin-tabs button{padding:8px 18px;border-radius:8px;font-size:13px;color:var(--muted);border:1.5px solid transparent;transition:all .2s}.admin-tabs button.active{background:#e8a03014;border-color:var(--primary);color:var(--primary)}.admin-tabs button:not(.active):hover{color:var(--text)}.admin-list{padding:16px 24px 24px;overflow-y:auto;flex:1}.empty{color:var(--muted);font-size:14px;text-align:center;padding:32px 0}.admin-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.admin-item:last-child{border-bottom:none}.item-info{flex:1;display:flex;flex-direction:column;gap:3px}.item-title{font-size:15px;font-weight:500}.item-meta{font-size:12px;color:var(--muted)}.item-status{flex-shrink:0}.badge-ready{font-size:12px;color:#16a34a}.badge-pending{font-size:12px;color:var(--muted)}.item-actions{display:flex;gap:6px;flex-shrink:0}.btn-gen{padding:6px 14px;border-radius:6px;font-size:12px;background:#e8a03014;border:1.5px solid var(--primary);color:var(--primary);transition:background .2s}.btn-gen:hover:not(:disabled){background:#e8a03026}.btn-gen:disabled{opacity:.4;cursor:not-allowed}.btn-del{padding:6px 12px;border-radius:6px;font-size:12px;background:#dc26260f;border:1.5px solid rgba(220,38,38,.2);color:var(--c-s6);transition:background .2s}.btn-del:hover{background:#dc26261f}.admin-form{padding:16px 24px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.hint{font-size:11px;color:var(--muted2);font-weight:400;letter-spacing:0;text-transform:none}.form-row input,.admin-form input{background:var(--bg);border:1.5px solid var(--border2);border-radius:8px;padding:10px 14px;color:var(--text);font-size:14px;font-family:var(--font-body);transition:border-color .2s;width:100%;outline:none}.form-row input:focus,.admin-form input:focus{border-color:var(--primary)}.form-lines-header{display:flex;align-items:center;justify-content:space-between}.form-lines-header label{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.btn-add-line{padding:5px 12px;border-radius:6px;font-size:12px;background:var(--bg);border:1.5px solid var(--border2);color:var(--muted);transition:all .2s}.btn-add-line:hover{border-color:var(--primary);color:var(--primary)}.form-lines{display:flex;flex-direction:column;gap:8px}.form-line{display:flex;align-items:flex-start;gap:8px}.spk-select{background:var(--bg);border:1.5px solid var(--border2);border-radius:8px;padding:10px 8px;color:var(--text);font-size:13px;font-weight:700;width:52px;flex-shrink:0;outline:none}.line-texts{flex:1;display:flex;flex-direction:column;gap:4px}.ko-input{color:var(--primary)!important}.btn-remove-line{padding:10px 8px;color:var(--muted2);font-size:14px;transition:color .2s;flex-shrink:0;margin-top:2px}.btn-remove-line:hover{color:var(--c-s6)}.btn-submit{padding:14px;border-radius:10px;font-size:15px;font-weight:600;background:var(--accent);color:#fff;transition:all .2s;margin-top:4px;box-shadow:0 4px 16px #2c2c3a26}.btn-submit:hover{opacity:.92;box-shadow:0 6px 20px #2c2c3a33}.pf-shell{display:flex;flex-direction:column;min-height:100%;background:var(--bg)}.pf-skel{border-radius:8px;background:linear-gradient(90deg,var(--line-soft) 25%,var(--fill-gray) 50%,var(--line-soft) 75%);background-size:200% 100%;animation:pf-shimmer 1.4s infinite}@keyframes pf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pf-hero{background:var(--bg);padding:30px 20px 0;display:flex;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line-soft)}.pf-identity{display:flex;align-items:center;gap:14px}.pf-identity-text{display:flex;flex-direction:column;gap:4px;min-width:0}.pf-status{font-size:13px;font-weight:600;color:var(--ink-soft);letter-spacing:-.01em}.pf-hero-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.pf-avatar{width:64px;height:64px;border-radius:14px;background:var(--surface);color:var(--primary);border:1.5px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:700;line-height:1;box-shadow:0 2px 10px #1e3a5f0f}.pf-name-row{display:flex;align-items:center;gap:8px}.pf-name{font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.pf-edit-btn{color:var(--ink-faint);padding:4px;transition:color .15s;display:flex;align-items:center}.pf-edit-btn:hover{color:var(--ink-soft)}.pf-edit-row{display:flex;align-items:center;gap:8px}.pf-name-input{padding:8px 12px;border-radius:100px;border:1.5px solid var(--secondary);font-size:15px;font-weight:600;color:var(--ink);outline:none;width:160px}.pf-save-btn{padding:8px 16px;border-radius:100px;background:linear-gradient(90deg,var(--secondary),#2E7CB8);color:#fff;font-size:12px;font-weight:700;transition:opacity .15s}.pf-save-btn:disabled{opacity:.55}.pf-cancel-btn{padding:8px 12px;border-radius:100px;font-size:12px;color:var(--ink-muted);font-weight:600;transition:color .15s}.pf-stats-row{display:flex;align-items:center;justify-content:space-around;background:transparent;padding:16px 0;border-top:1px solid var(--line-soft)}.pf-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.pf-stat-val{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1}.pf-stat-key{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase}.pf-stat-div{width:1px;height:36px;background:var(--line-soft)}.pf-body{display:flex;flex-direction:column;gap:0}.pf-card{background:#fff;margin:12px 14px 0;border-radius:16px;padding:16px;box-shadow:0 2px 16px #1e3a5f0f,0 1px 4px #1e3a5f08}.pf-card-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.pf-card-lbl{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.pf-card-meta{font-size:10px;color:var(--ink-faint)}.pf-empty-hint{font-size:12px;color:var(--ink-faint);line-height:1.6}.pf-cal{display:flex;flex-direction:column;gap:4px}.pf-cal-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:2px}.pf-cal-day-lbl{font-size:8px;font-weight:600;color:var(--muted2);text-align:center}.pf-cal-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.pf-cal-cell{aspect-ratio:1;border-radius:4px;transition:transform .12s;cursor:default}.pf-cal-cell:hover{transform:scale(1.2)}.pf-cal-cell.today{box-shadow:0 0 0 1.5px var(--secondary)}.pf-catbar-wrap{display:flex;flex-direction:column;gap:10px}.pf-catbar-track{display:flex;height:8px;border-radius:100px;overflow:hidden;gap:1px}.pf-catbar-seg{height:100%;transition:width .4s ease}.pf-catbar-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.pf-catbar-item{display:flex;align-items:center;gap:6px}.pf-catbar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pf-catbar-name{font-size:11px;color:var(--ink-soft);font-weight:500;flex:1}.pf-catbar-cnt{font-size:11px;color:var(--ink-faint);font-weight:700}.pf-nv-row{display:flex;align-items:center;gap:12px}.pf-nv-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.pf-nv-val{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.pf-nv-key{font-size:9px;font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.pf-nv-bar-wrap{flex:1;display:flex;flex-direction:column;gap:6px}.pf-nv-bar{height:8px;border-radius:100px;overflow:hidden;background:var(--fill-gray);display:flex}.pf-nv-fill{height:100%;transition:width .4s ease}.pf-nv-new{background:linear-gradient(90deg,var(--secondary),#2E7CB8)}.pf-nv-review{background:#5ea4d0}.pf-nv-legend{display:flex;gap:12px;justify-content:center}.pf-nv-legend span{font-size:10px;color:var(--ink-muted);display:flex;align-items:center;gap:4px}.pf-nv-dot{width:7px;height:7px;border-radius:50%}.pf-nv-new-dot{background:linear-gradient(90deg,var(--secondary),#2E7CB8)}.pf-nv-review-dot{background:#5ea4d0}.pf-card-meta-info{margin-bottom:28px}.pf-meta-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--fill-gray)}.pf-meta-row:last-child{border-bottom:none}.pf-meta-key{font-size:12px;color:var(--ink-muted);font-weight:500}.pf-meta-val{font-size:12px;color:var(--ink-soft);font-weight:600}.pf-meta-id{font-family:monospace;color:var(--ink-faint);font-weight:400}.pf-rhythm-label{font-size:13px;font-weight:500;color:var(--text2);margin-bottom:10px;line-height:1.5}.pf-rhythm-chart{width:100%;height:auto;display:block}.pf-grass-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.pf-grass-nav{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--ink-muted);transition:background .14s,color .14s}.pf-grass-nav:hover:not(:disabled){background:var(--fill-gray);color:#111}.pf-grass-nav:disabled{opacity:.3;cursor:default}.pf-grass-month-btn{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--text);padding:5px 10px;border-radius:20px;transition:background .14s}.pf-grass-month-btn:hover{background:var(--fill-gray)}.pf-grass-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:36px;gap:2px;margin-bottom:8px}.pf-grass-cell{display:flex;align-items:center;justify-content:center;border-radius:6px;position:relative;transition:transform .12s,box-shadow .12s;cursor:default;box-shadow:inset 0 0 0 1px #1e3a5f0a}.pf-grass-cell.empty{pointer-events:none}.pf-grass-cell.has-data{cursor:pointer}.pf-grass-cell.has-data:hover{transform:scale(1.12);box-shadow:0 2px 8px #00000026}.pf-grass-cell.today{box-shadow:0 0 0 2px var(--secondary)}.pf-grass-day-num{font-size:9px;font-weight:600;color:#00000059;line-height:1;pointer-events:none}.pf-grass-cell.has-data .pf-grass-day-num{color:#ffffffb3}.pf-grass-cell[style*="1E3A5F"] .pf-grass-day-num{color:#ffffffe6}.pf-grass-legend{display:flex;align-items:center;gap:3px;justify-content:flex-end;margin-top:4px}.pf-grass-legend-txt{font-size:9px;color:var(--ink-faint)}.pf-grass-legend-cell{width:12px;height:12px;border-radius:3px}.pf-day-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:flex-end;animation:pf-bg-in .2s ease forwards}@keyframes pf-bg-in{0%{background:#11182700}to{background:#11182780}}.pf-day-sheet{background:var(--bg);border-radius:22px 22px 0 0;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:pf-sheet-up .3s cubic-bezier(.32,.72,0,1) forwards}@keyframes pf-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pf-day-handle{width:36px;height:4px;border-radius:2px;background:var(--line-soft);margin:12px auto 0;flex-shrink:0}.pf-day-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--line-soft);flex-shrink:0}.pf-day-title{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.pf-day-close{font-size:16px;color:var(--ink-faint);padding:4px 8px}.pf-day-body{overflow-y:auto;padding:12px 14px 24px;display:flex;flex-direction:column;gap:10px}.pf-day-loading,.pf-day-empty{text-align:center;padding:28px;font-size:13px;color:var(--ink-faint)}.pf-day-lesson-item{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px;box-shadow:0 2px 10px #1e3a5f12}.pf-day-lesson-thumb{width:52px;height:52px;border-radius:10px;background:var(--fill-thumb) center/cover no-repeat;flex-shrink:0}.pf-day-lesson-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pf-day-lesson-id{font-size:9px;font-weight:700;color:var(--ink-faint);letter-spacing:.1em}.pf-day-lesson-title{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-day-lesson-expr{font-size:11px;color:var(--ink-faint);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-mpick-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:310;display:flex;align-items:flex-end;animation:pf-bg-in .2s ease forwards}.pf-mpick-sheet{background:#fff;border-radius:22px 22px 0 0;width:100%;padding-bottom:env(safe-area-inset-bottom,0);animation:pf-sheet-up .3s cubic-bezier(.32,.72,0,1) forwards}.pf-mpick-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid var(--line-soft);position:relative}.pf-mpick-year{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em;min-width:80px;text-align:center}.pf-mpick-arrow{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink-muted);transition:background .14s}.pf-mpick-arrow:hover:not(:disabled){background:var(--fill-gray)}.pf-mpick-arrow:disabled{opacity:.3}.pf-mpick-header .pf-day-close{position:absolute;right:12px}.pf-mpick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px}.pf-mpick-cell{padding:14px 0;border-radius:12px;font-size:14px;font-weight:600;color:var(--ink-soft);background:var(--fill-gray);transition:background .14s,color .14s;text-align:center}.pf-mpick-cell:hover:not(.disabled){background:var(--line-soft)}.pf-mpick-cell.current{background:var(--secondary);color:#fff}.pf-mpick-cell.disabled{opacity:.3;cursor:default}.pf-day-lesson-item{transition:transform .12s,box-shadow .12s;width:100%;text-align:left}.pf-day-lesson-item:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1e3a5f1a}.pf-status{display:inline-flex;align-items:center;gap:5px}.lib-shell{display:flex;flex-direction:column;min-height:100%;background:var(--bg)}.lib-hero{background:var(--bg);padding:30px 20px 22px;display:flex;flex-direction:column;gap:7px}.lib-hero-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.lib-hero-title{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.25}.lib-hero-sub{font-size:13px;color:var(--ink-faint);line-height:1.5}.lib-body{flex:1;display:flex;flex-direction:column}.lib-section{padding:16px 14px 4px}.lib-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lib-section-lbl{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.lib-section-count{font-size:11px;font-weight:700;color:var(--ink-soft)}.lib-coming-soon{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--ink-faint);font-weight:600}.lib-lesson-list{display:flex;flex-direction:column;gap:10px}.lib-lesson-card{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:14px;padding:12px 14px;box-shadow:0 2px 16px #1e3a5f0f,0 1px 4px #1e3a5f08;text-align:left;width:100%;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.lib-lesson-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1e3a5f1a}.lib-lesson-card:active{transform:scale(.985)}.lib-lesson-thumb{width:52px;height:52px;border-radius:10px;flex-shrink:0;background:var(--fill-thumb) center/cover no-repeat}.lib-lesson-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.lib-lesson-title{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-lesson-expr{font-size:11px;color:var(--ink-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-lesson-meta{display:flex;align-items:center;gap:6px}.lib-review-badge{font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:4px;color:var(--ink-soft);background:var(--fill-thumb)}.lib-review-badge.urgent{color:#9b1c1c;background:#fee2e2}.lib-lesson-play{color:var(--ink-faint);flex-shrink:0}.lib-expand-btn{width:100%;margin-top:8px;padding:10px;border-radius:12px;font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--surface);box-shadow:0 1px 6px #1e3a5f0f;transition:background .15s}.lib-expand-btn:hover{background:var(--bg)}.lib-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;background:var(--surface);border-radius:14px;box-shadow:0 2px 10px #1e3a5f0f}.lib-empty-icon{font-size:28px}.lib-empty-text{font-size:14px;font-weight:700;color:var(--ink-soft)}.lib-empty-sub{font-size:12px;color:var(--ink-faint)}.lib-locked-card{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:14px;padding:14px 16px;border:1.5px dashed var(--fill-thumb);box-shadow:0 1px 6px #1e3a5f0a;margin-bottom:10px}.lib-locked-icon{color:var(--muted2);flex-shrink:0}.lib-locked-text{display:flex;flex-direction:column;gap:3px}.lib-locked-title{font-size:13px;font-weight:700;color:var(--ink-soft)}.lib-locked-desc{font-size:11px;color:var(--ink-faint);line-height:1.55}.lib-mock-list{display:flex;flex-direction:column;gap:6px}.lib-mock-item{background:var(--surface);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;box-shadow:0 1px 4px #1e3a5f0a}.lib-mock-playlist{background:var(--surface);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 4px #1e3a5f0a}.lib-mock-playlist-icon{font-size:10px;color:var(--muted2);flex-shrink:0}.lib-mock-playlist-info{display:flex;flex-direction:column;gap:2px}.lib-mock-phrase{font-size:12px;font-weight:600;color:var(--ink-soft)}.lib-mock-meaning{font-size:10px;color:var(--ink-faint)}.lib-mock-blur{filter:blur(2.5px);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.lib-skel{border-radius:10px;background:linear-gradient(90deg,var(--fill-thumb) 25%,var(--fill-gray) 50%,var(--fill-thumb) 75%);background-size:200% 100%;animation:lib-shimmer 1.4s infinite}@keyframes lib-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lib-bookmark-list{display:flex;flex-direction:column;gap:8px}.lib-bookmark-item{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:12px;padding:12px 14px;box-shadow:0 2px 12px #1e3a5f0f}.lib-bookmark-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.lib-bookmark-phrase{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.3}.lib-bookmark-meaning{font-size:11px;color:var(--ink-muted);font-style:italic}.lib-bookmark-meta{display:flex;align-items:center;gap:5px;margin-top:2px}.lib-bookmark-lid{font-size:9px;font-weight:700;color:var(--ink-faint);letter-spacing:.06em}.lib-bookmark-tag{font-size:9px;font-weight:600;color:var(--ink-muted);background:var(--bg);padding:1px 6px;border-radius:4px}.lib-bookmark-del{color:var(--muted2);padding:4px;flex-shrink:0;transition:color .15s;display:flex;align-items:center}.lib-bookmark-del:hover{color:var(--danger)}.lib-lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lib-lesson-card-grid{display:flex;flex-direction:column;background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #1e3a5f12;text-align:left;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.lib-lesson-card-grid:hover{transform:translateY(-2px);box-shadow:0 5px 18px #1e3a5f1c}.lib-lesson-card-grid:active{transform:scale(.97)}.lib-lesson-thumb-grid{width:100%;aspect-ratio:4/3;background:var(--fill-thumb) center/cover no-repeat}.lib-lesson-info-grid{padding:9px 10px 10px;display:flex;flex-direction:column;gap:3px}.lib-lesson-title-grid{font-size:11px;font-weight:700;color:var(--ink);letter-radius:-.01em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-lesson-expr-grid{font-size:10px;color:var(--ink-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-cat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:110;display:flex;align-items:flex-end}.lib-cat-modal{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-height:80vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0)}.lib-cat-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px;border-bottom:1px solid var(--border, var(--line-soft));position:sticky;top:0;background:var(--surface);z-index:1}.lib-cat-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.lib-cat-close{color:var(--muted, var(--ink-faint));font-size:16px;padding:4px 8px}.lib-cat-top-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border, var(--line-soft));transition:background .12s}.lib-cat-top-row:hover,.lib-cat-top-row:active{background:var(--surface-low)}.lib-cat-top-row.all{background:var(--primary-bg)}.lib-cat-top-row.open{background:var(--surface-low)}.lib-cat-top-label{font-size:14px;font-weight:700;color:var(--text)}.lib-cat-top-row.all .lib-cat-top-label{color:var(--primary)}.lib-cat-row-right{display:flex;align-items:center;gap:8px}.lib-cat-chevron{font-size:9px;color:var(--muted, var(--ink-faint))}.lib-cat-count{font-size:12px}.lib-cat-done{font-weight:700;color:var(--primary)}.lib-cat-sep,.lib-cat-total{color:var(--muted, var(--ink-faint))}.lib-cat-sub-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 16px 11px 32px;border-bottom:1px solid var(--border, var(--line-soft));background:var(--surface-low);transition:background .12s}.lib-cat-sub-row:hover,.lib-cat-sub-row:active{background:var(--primary-bg)}.lib-cat-sub-label{font-size:13px;font-weight:500;color:var(--text2, var(--ink-soft))}.lib-section-hd-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lib-viewall-btn{font-size:12px;font-weight:600;color:var(--primary);padding:4px 10px;border-radius:100px;background:var(--primary-bg);flex-shrink:0;transition:opacity .15s}.lib-viewall-btn:hover{opacity:.8}.lib-filter-badge{font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-bg);border:1.5px solid var(--primary);border-radius:100px;padding:2px 9px;transition:opacity .15s}.lib-filter-badge:hover{opacity:.8}.expr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-end;animation:expr-overlay-in .25s ease forwards}@keyframes expr-overlay-in{0%{background:#11182700;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{background:#11182780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.expr-modal-sheet{background:var(--bg);border-radius:22px 22px 0 0;width:100%;max-height:88vh;max-height:88dvh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0);animation:expr-sheet-up .32s cubic-bezier(.32,.72,0,1) forwards}@keyframes expr-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.expr-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 20px 18px;border-bottom:1px solid transparent;position:sticky;top:0;background:var(--bg);z-index:1}.expr-modal-header-left{display:flex;flex-direction:column;gap:7px}.expr-modal-lesson-id{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--ink-faint);text-transform:uppercase}.expr-modal-lesson-title{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.3}.expr-modal-close{color:var(--ink-faint);font-size:16px;padding:4px 8px;flex-shrink:0}.expr-modal-body{display:flex;flex-direction:column;gap:0;padding:20px 20px 28px}.expr-modal-card{background:transparent;border-radius:0;padding:4px 4px 0;box-shadow:none;display:flex;flex-direction:column;gap:7px;border:none;transition:padding-left .15s}.expr-modal-card+.expr-modal-card{border-top:1px solid var(--line-soft);margin-top:18px;padding-top:22px}.expr-modal-card.highlighted{position:relative;padding-left:16px}.expr-modal-card.highlighted:before{content:"";position:absolute;left:0;top:4px;width:2px;height:56px;border-radius:2px;background:#2b6cb073}.expr-modal-bm-badge{font-size:10px;font-weight:700;color:var(--accent-blue);letter-spacing:.04em;margin-bottom:2px}.expr-modal-phrase{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.3}.expr-modal-card.highlighted .expr-modal-phrase{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:24px;font-weight:400;letter-spacing:0;line-height:1.32;color:#2e4a6b}.expr-modal-meaning{font-size:12px;color:var(--ink-muted);font-style:italic}.expr-modal-card.highlighted .expr-modal-meaning{font-style:normal;font-size:13px;color:var(--ink-soft);margin-top:2px}.expr-modal-explanation{font-size:12.5px;color:#5a6678;line-height:1.65;margin-top:4px}.expr-modal-pattern-box{background:transparent;border-radius:0;padding:0;margin-top:10px;display:flex;flex-direction:column;gap:5px}.expr-modal-pattern-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.expr-modal-pattern{font-size:14px;font-weight:700;color:var(--navy-deeper)}.expr-modal-pattern-examples{margin:2px 0 0;padding-left:14px;display:flex;flex-direction:column;gap:3px}.expr-modal-pattern-examples li{font-size:12px;color:var(--ink-soft)}.expr-modal-dialogues{margin-top:12px;display:flex;flex-direction:column;gap:12px}.expr-modal-dialogue-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:2px}.expr-modal-dialogue-item{background:transparent;border-radius:0;border-left:1px solid var(--line-soft);padding:2px 0 2px 12px;display:flex;flex-direction:column;gap:5px}.expr-modal-dialogue-context{font-size:9px;font-weight:600;color:var(--ink-faint);letter-spacing:.06em;margin-bottom:2px}.expr-modal-dialogue-q,.expr-modal-dialogue-a{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--ink);line-height:1.5}.expr-modal-turn{font-size:9px;font-weight:800;width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.expr-modal-turn.q{background:var(--line-soft);color:var(--ink-soft)}.expr-modal-turn.a{background:var(--navy-deeper);color:#fff}.lib-bookmark-item{transition:transform .12s,box-shadow .12s}.lib-bookmark-item:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1e3a5f1a}.pl-create-btn{margin-top:10px;padding:9px 18px;border-radius:100px;background:var(--navy-deeper);color:#fff;font-size:13px;font-weight:700;transition:opacity .15s}.pl-create-btn:hover{opacity:.85}.pl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:210;display:flex;align-items:flex-end;animation:pl-bg-in .2s ease forwards}@keyframes pl-bg-in{0%{background:#11182700}to{background:#11182780}}.pl-modal-sheet{background:var(--bg);border-radius:22px 22px 0 0;width:100%;height:85vh;height:85dvh;display:flex;flex-direction:column;animation:pl-sheet-up .3s cubic-bezier(.32,.72,0,1) forwards}@keyframes pl-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid transparent;flex-shrink:0}.pl-modal-title{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.pl-modal-close{color:var(--ink-faint);font-size:16px;padding:4px 8px}.pl-modal-body{flex:1;min-height:0;overflow:visible;padding:6px 20px 0;display:flex;flex-direction:column;gap:12px}.pl-name-input{flex-shrink:0;width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line-soft);font-size:15px;font-weight:600;color:var(--ink);background:var(--surface);outline:none;transition:border-color .15s}.pl-name-input:focus{border-color:var(--accent-blue)}.pl-selected-count{flex-shrink:0;font-size:9px;font-weight:700;color:var(--accent-blue);letter-spacing:.14em;text-transform:uppercase}.pl-search-input{flex-shrink:0;width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid var(--line-soft);font-size:13px;color:var(--ink-soft);background:var(--surface);outline:none;transition:border-color .15s}.pl-search-input:focus{border-color:var(--accent-blue)}.pl-lesson-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:4px 2px 12px}.pl-lesson-item{display:flex;align-items:center;gap:12px;padding:13px 10px;border-radius:10px;background:none;border:1.5px solid transparent;text-align:left;transition:background .12s,border-color .12s}.pl-lesson-item+.pl-lesson-item{border-top:1px solid var(--line-soft)}.pl-lesson-item.checked{background:var(--accent-blue-bg);border-radius:8px}.pl-lesson-item-check{width:20px;height:20px;border-radius:6px;border:1.5px solid #D1D5DB;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;align-self:center;transition:background .12s,border-color .12s}.pl-lesson-item.checked .pl-lesson-item-check{background:var(--accent-blue);border-color:var(--accent-blue)}.pl-lesson-item-thumb{width:38px;height:38px;border-radius:8px;background:var(--fill-thumb) center/cover no-repeat;flex-shrink:0}.pl-cat-row{flex-shrink:0;display:flex;gap:8px}.pl-cat-dd{flex:1;min-width:0;position:relative}.pl-cat-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;border:1.5px solid var(--line-soft);font-size:12.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);cursor:pointer;transition:border-color .15s,opacity .15s}.pl-cat-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-cat-trigger svg{color:var(--ink-faint);flex-shrink:0;transition:transform .15s}.pl-cat-trigger.open{border-color:var(--accent-blue)}.pl-cat-trigger.open svg{transform:rotate(180deg)}.pl-cat-trigger:disabled{opacity:.45;cursor:default}.pl-cat-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;box-shadow:0 8px 24px #1e3a5f24;padding:5px;display:flex;flex-direction:column;max-height:240px;overflow-y:auto;animation:pl-cat-menu-in .14s ease}@keyframes pl-cat-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pl-cat-opt{text-align:left;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-soft);background:none;cursor:pointer;transition:background .12s}.pl-cat-opt:hover{background:var(--fill-gray)}.pl-cat-opt.sel{background:var(--accent-blue-bg);color:var(--accent-blue)}.pl-lesson-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pl-lesson-item-id{font-size:9px;font-weight:700;color:var(--ink-faint);letter-spacing:.1em}.pl-lesson-item-title{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-lesson-item-tags{font-size:10px;color:var(--ink-faint);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.pl-modal-footer{padding:14px 20px;border-top:1px solid var(--line-soft);flex-shrink:0}.pl-save-btn{width:100%;padding:14px;border-radius:14px;background:var(--navy-deeper);color:#fff;font-size:15px;font-weight:700;transition:opacity .15s}.pl-save-btn:disabled{opacity:.4}.pl-save-btn:not(:disabled):hover{opacity:.88}.pl-card{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:14px;padding:14px;box-shadow:0 2px 12px #1e3a5f12;width:100%;text-align:left;transition:transform .12s,box-shadow .12s}.pl-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1e3a5f1a}.pl-card:active{transform:scale(.985)}.pl-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:205;display:flex;align-items:flex-end;animation:pl-bg-in .2s ease forwards}.pl-detail-sheet{background:var(--bg);border-radius:22px 22px 0 0;width:100%;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;animation:pl-sheet-up .3s cubic-bezier(.32,.72,0,1) forwards}.pl-detail-handle{width:36px;height:4px;border-radius:2px;background:var(--line-soft);margin:12px auto 0;flex-shrink:0}.pl-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid transparent;flex-shrink:0}.pl-detail-header-left{display:flex;align-items:center;gap:14px}.pl-detail-icon{width:46px;height:46px;border-radius:13px;background:var(--navy-deeper);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-detail-title-wrap{display:flex;flex-direction:column;gap:5px}.pl-detail-count{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--ink-faint);text-transform:uppercase}.pl-detail-name{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:22px;font-weight:700;color:var(--navy-deep);letter-spacing:-.01em;line-height:1.2}.pl-detail-close{font-size:16px;color:var(--ink-faint);padding:4px 8px;align-self:flex-start}.pl-detail-actions{display:flex;gap:18px;padding:4px 20px 14px;flex-shrink:0}.pl-detail-action-btn{display:flex;align-items:center;gap:5px;padding:4px 0;border-radius:0;background:none;font-size:12px;font-weight:600;transition:opacity .15s}.pl-detail-action-btn:hover{opacity:.6}.pl-detail-action-btn.edit{color:var(--ink-muted)}.pl-detail-action-btn.delete{color:var(--ink-faint)}.pl-detail-divider{height:1px;background:var(--line-soft);margin:0 20px 2px;flex-shrink:0}.pl-detail-list{overflow-y:auto;padding:4px 20px 24px;display:flex;flex-direction:column;gap:0}.pl-detail-empty{text-align:center;padding:28px;font-size:13px;color:var(--ink-faint)}.pl-detail-lesson-item{display:flex;align-items:center;gap:13px;background:none;border-radius:0;padding:14px 0;box-shadow:none;text-align:left;width:100%;transition:opacity .12s}.pl-detail-lesson-item+.pl-detail-lesson-item{border-top:1px solid var(--line-soft)}.pl-detail-lesson-item:hover{opacity:.65}.pl-detail-lesson-num{width:24px;height:24px;border-radius:50%;background:var(--fill-gray);color:var(--ink-muted);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pl-detail-lesson-info{flex:1;min-width:0}.pl-detail-lesson-id{font-size:9px;font-weight:700;color:var(--ink-faint);letter-spacing:.1em;margin-bottom:2px}.pl-detail-lesson-title{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-detail-lesson-expr{font-size:11px;color:var(--ink-faint);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.pl-detail-lesson-thumb{width:52px;height:52px;border-radius:10px;background:var(--fill-thumb) center/cover no-repeat;flex-shrink:0}.expr-modal-bm-badge{display:inline-flex;align-items:center;gap:4px}.lib-empty-icon{display:inline-flex;align-items:center;justify-content:center;opacity:.55}.lib-empty-icon svg{width:30px;height:30px}.sc-shell{min-height:100%;background:var(--bg)}.sc-header{background:var(--surface);border-bottom:1px solid var(--border);padding:30px 16px 18px;position:sticky;top:0;z-index:20}.sc-header-top{margin-bottom:18px}.sc-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}.sc-header-title{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.sc-week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sc-week-label{font-size:13px;font-weight:600;color:var(--text2)}.sc-week-arrow{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .15s,color .15s}.sc-week-arrow:hover{background:var(--surface-low);color:var(--text)}.sc-week-strip{display:flex;gap:2px;margin:0 -2px}.sc-day-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 10px;border-radius:10px;transition:background .15s;position:relative}.sc-day-btn:hover{background:var(--surface-low)}.sc-day-btn.selected{background:var(--primary)}.sc-day-btn.today:not(.selected){background:var(--primary-bg)}.sc-day-label{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.sc-day-btn.selected .sc-day-label,.sc-day-btn.selected .sc-day-num{color:#fff}.sc-day-btn.today:not(.selected) .sc-day-label,.sc-day-btn.today:not(.selected) .sc-day-num{color:var(--primary)}.sc-day-num{font-size:15px;font-weight:700;color:var(--text);line-height:1}.sc-day-dot{width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.sc-day-btn.selected .sc-day-dot{background:#ffffff4d}.sc-week-summary{display:flex;gap:6px;padding:12px 0 0}.sc-week-chip{padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600}.sc-week-chip.total{background:var(--surface-low);color:var(--text2)}.sc-week-chip.new{background:var(--accent-blue-bg);color:#1d4ed8}.sc-week-chip.review{background:#fff7ed;color:#c2410c}.sc-body{padding:18px 0 24px}.sc-row{display:flex;gap:0;padding:10px 16px;transition:background .15s;min-height:64px;align-items:flex-start}.sc-row.today{background:var(--primary-bg)}.sc-row.sunday .sc-row-day,.sc-row.sunday .sc-row-date{color:var(--danger)}.sc-row-left{width:44px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-top:2px;position:relative}.sc-row-day{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--muted);line-height:1;margin-bottom:3px}.sc-row-date{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1}.sc-row-today-dot{width:5px;height:5px;border-radius:50%;background:var(--primary);margin-top:4px}.sc-row-right{flex:1;min-width:0;padding-left:12px;display:flex;flex-direction:column;gap:6px}.sc-row-empty{display:flex;align-items:center;height:40px}.sc-add-inline{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--muted);padding:6px 10px;border-radius:8px;border:1.5px dashed var(--muted2);transition:all .15s}.sc-add-inline:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-bg)}.sc-cards-wrap{display:flex;flex-direction:column;gap:5px;min-width:0}.sc-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:12px;padding:12px 14px;border:1px solid var(--border);text-align:left;transition:all .15s;gap:8px;min-width:0}.sc-card:hover{border-color:var(--primary)}.sc-card-inner{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.sc-card-type{width:20px;height:20px;border-radius:5px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-card-type.new{background:var(--accent-blue-bg);color:#2563eb}.sc-card-type.review{background:#fff7ed;color:#ea580c}.sc-card-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;letter-spacing:-.01em}.sc-card-memo-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.sc-card-cat{font-size:10px;font-weight:600;flex-shrink:0;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-card-more{font-size:11px;font-weight:600;color:var(--muted);padding:4px 10px;background:var(--surface-low);border-radius:8px;text-align:center}.sc-add-btn{width:28px;height:28px;border-radius:8px;border:1.5px dashed var(--muted2);display:flex;align-items:center;justify-content:center;color:var(--muted);align-self:flex-start;transition:all .15s}.sc-add-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.sc-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;flex-direction:column;justify-content:flex-end}.sc-drawer{background:var(--surface);border-radius:20px 20px 0 0;height:85vh;height:85dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.sc-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;flex-shrink:0}.sc-drawer-header-left{display:flex;flex-direction:column;gap:5px}.sc-drawer-date{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.sc-drawer-title{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.sc-drawer-close{color:var(--muted);padding:4px;align-self:flex-start}.sc-drawer-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:0 20px}.sc-drawer-search{flex-shrink:0;width:100%;padding:10px 14px;border:1.5px solid var(--muted2);border-radius:10px;font-size:13px;font-family:var(--font-body);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.sc-drawer-search:focus{border-color:var(--primary)}.sc-cat-row{display:flex;gap:8px;flex-shrink:0}.sc-cat-dd{flex:1;min-width:0;position:relative}.sc-cat-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;border:1.5px solid var(--muted2);font-size:12.5px;font-weight:600;color:var(--text2, #4B5563);background:var(--surface);cursor:pointer;transition:border-color .15s,opacity .15s}.sc-cat-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-cat-trigger svg{color:var(--muted);flex-shrink:0;transition:transform .15s}.sc-cat-trigger.open{border-color:var(--primary)}.sc-cat-trigger.open svg{transform:rotate(180deg)}.sc-cat-trigger:disabled{opacity:.45;cursor:default}.sc-cat-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--border, #E8EDF2);border-radius:12px;box-shadow:0 8px 24px #1e3a5f24;padding:5px;display:flex;flex-direction:column;max-height:240px;overflow-y:auto;animation:sc-cat-menu-in .14s ease}@keyframes sc-cat-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sc-cat-opt{text-align:left;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text2, #4B5563);background:none;cursor:pointer;transition:background .12s}.sc-cat-opt:hover{background:var(--surface-low)}.sc-cat-opt.sel{background:var(--primary-bg);color:var(--primary)}.sc-drawer-list{flex:1;min-height:0;overflow-y:auto;padding:4px 2px 12px}.sc-drawer-empty{padding:24px 16px;text-align:center;color:var(--muted);font-size:13px}.sc-drawer-item{width:100%;display:flex;align-items:center;gap:13px;padding:13px 0;background:none;transition:opacity .12s}.sc-drawer-item+.sc-drawer-item{border-top:1px solid var(--border, #E8EDF2)}.sc-drawer-item:hover{opacity:.6}.sc-drawer-thumb{width:44px;height:44px;border-radius:9px;flex-shrink:0;background-size:cover;background-position:center;background-color:var(--surface-low)}.sc-drawer-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.sc-drawer-item-id{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.1em}.sc-drawer-item-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.sc-drawer-item-tags{font-size:10px;color:var(--muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sc-drawer-footer{padding:10px 16px 14px;border-top:1px solid var(--border)}.sc-drawer-review-hint{font-size:11px;color:var(--muted);text-align:center;width:100%}.sc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:110;display:flex;align-items:flex-end;justify-content:center;padding:0}.sc-modal{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.sc-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 16px 14px;border-bottom:1px solid var(--border);gap:12px}.sc-modal-eyebrow{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-bottom:3px}.sc-modal-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.sc-modal-close{color:var(--muted);padding:4px;flex-shrink:0}.sc-modal-list{overflow-y:auto;flex:1;padding:8px 0}.sc-modal-empty{padding:32px 16px;text-align:center;color:var(--muted);font-size:13px}.sc-modal-item{border-bottom:1px solid var(--border)}.sc-modal-item:last-child{border-bottom:none}.sc-modal-item-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;gap:10px;transition:background .12s}.sc-modal-item-row:hover{background:var(--surface-low)}.sc-modal-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sc-modal-type-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.sc-modal-type-dot.new{background:#2563eb}.sc-modal-type-dot.review{background:#ea580c}.sc-modal-item-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.sc-modal-item-meta{display:flex;align-items:center;gap:6px}.sc-modal-cat-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:100px}.sc-modal-type-label{font-size:10px;font-weight:600}.sc-modal-type-label.new{color:#2563eb}.sc-modal-type-label.review{color:#ea580c}.sc-modal-memo-dot{display:flex;align-items:center;color:var(--accent)}.sc-modal-chevron{display:inline-flex;align-items:center;color:var(--muted);transition:transform .18s ease}.sc-modal-chevron.up{transform:rotate(180deg)}.sc-modal-item.expanded .sc-modal-item-row{background:var(--surface-low)}.sc-modal-item-actions{display:flex;gap:8px;padding:10px 16px 13px;background:var(--surface-low)}.sc-modal-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 6px;border-radius:10px;font-size:12px;font-weight:600;transition:opacity .15s}.sc-modal-action-btn:hover{opacity:.8}.sc-modal-action-btn.primary{background:var(--primary);color:#fff;flex:1.4}.sc-modal-action-btn.secondary{background:none;color:var(--text2, #6B7280)}.sc-modal-action-btn.danger{background:none;color:var(--muted, #9CA3AF)}.sc-modal-action-btn.danger:hover{color:var(--danger);opacity:1}.sc-memo-textarea{margin:16px 16px 0;width:calc(100% - 32px);border:1.5px solid var(--muted2);border-radius:12px;padding:12px;font-size:14px;font-family:var(--font-body);color:var(--text);background:var(--surface-low);resize:none;outline:none;line-height:1.6}.sc-memo-textarea:focus{border-color:var(--primary)}.sc-memo-footer{padding:12px 16px 16px;display:flex;justify-content:flex-end}.sc-memo-save{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--primary);color:#fff;border-radius:100px;font-size:13px;font-weight:700;transition:opacity .15s}.sc-memo-save:hover{opacity:.85}.sc-week-label-btn{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--text2);padding:5px 10px;border-radius:20px;transition:background .15s,color .15s}.sc-week-label-btn:hover{background:var(--surface-low);color:var(--primary)}.sc-week-label-icon{color:var(--muted);display:flex;align-items:center}.sc-cal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;display:flex;align-items:flex-end;animation:sc-cal-bg-in .2s ease forwards}@keyframes sc-cal-bg-in{0%{background:#11182700;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#11182773;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.sc-cal-sheet{background:var(--surface);border-radius:22px 22px 0 0;width:100%;padding:0 16px 32px;animation:sc-cal-up .3s cubic-bezier(.32,.72,0,1) forwards}@keyframes sc-cal-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sc-cal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 14px;border-bottom:1px solid var(--border, var(--line-soft))}.sc-cal-month-label{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.02em}.sc-cal-arrow{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted, var(--ink-faint));transition:background .15s,color .15s}.sc-cal-arrow:hover{background:var(--surface-low);color:var(--text)}.sc-cal-dow-row{display:grid;grid-template-columns:repeat(7,1fr);margin-top:14px;margin-bottom:2px}.sc-cal-dow{text-align:center;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--muted, var(--ink-faint));padding:6px 0}.sc-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:44px}.sc-cal-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;transition:background .12s;position:relative}.sc-cal-cell.empty{pointer-events:none}.sc-cal-cell:not(.empty):hover{background:var(--surface-low)}.sc-cal-cell.today .sc-cal-cell-num{background:var(--primary);color:#fff;border-radius:50%}.sc-cal-cell.sunday .sc-cal-cell-num{color:var(--danger)}.sc-cal-cell-num{font-size:13px;font-weight:600;color:var(--text);line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.sc-cal-cell-dot{width:4px;height:4px;border-radius:50%;background:var(--primary)}.sc-drawer-review-hint{display:inline-flex;align-items:center;justify-content:center;gap:6px}.sc-hint-shimmer{background-image:linear-gradient(105deg,var(--muted) 0%,var(--muted) 38%,var(--primary) 49%,rgba(30,58,95,1) 52%,var(--primary) 55%,var(--muted) 64%,var(--muted) 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:sc-hint-shimmer-anim 4s ease-in-out infinite}@keyframes sc-hint-shimmer-anim{0%{background-position:150% 0}to{background-position:-50% 0}}.sc-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:32px;animation:sc-confirm-fade .18s ease}@keyframes sc-confirm-fade{0%{opacity:0}to{opacity:1}}.sc-confirm{background:var(--surface);border-radius:18px;width:100%;max-width:300px;padding:24px 22px 18px;box-shadow:0 16px 48px #1e3a5f38;animation:sc-confirm-pop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes sc-confirm-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.sc-confirm-title{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.01em;text-align:center}.sc-confirm-desc{font-size:13px;color:var(--muted);text-align:center;margin-top:8px;line-height:1.5;word-break:keep-all}.sc-confirm-actions{display:flex;gap:8px;margin-top:22px}.sc-confirm-btn{flex:1;padding:12px;border-radius:11px;font-size:14px;font-weight:700;transition:opacity .15s}.sc-confirm-btn:hover{opacity:.85}.sc-confirm-btn.cancel{background:var(--surface-low);color:var(--text2, #4B5563)}.sc-confirm-btn.delete{background:var(--danger, #DC2626);color:#fff}.lm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:lm-fade .25s ease}@media (min-width: 480px){.lm-overlay{align-items:center}}@keyframes lm-fade{0%{opacity:0}to{opacity:1}}.lm-sheet{background:#fff;width:100%;max-width:460px;max-height:90vh;border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -10px 40px #0d2b522e;animation:lm-slide .3s cubic-bezier(.2,.8,.2,1)}@media (min-width: 480px){.lm-sheet{border-radius:24px;max-height:86vh}}@keyframes lm-slide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.lm-header{position:relative;height:200px;flex-shrink:0;overflow:hidden}.lm-thumb{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(1.05)}.lm-header-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080e1e26,#080e1e59 40%,#080e1ea6)}.lm-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:linear-gradient(180deg,#fff0,#ffffff80 60%,#fffffff2);pointer-events:none;z-index:2}.lm-header-content{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;display:flex;flex-direction:column;gap:8px}.lm-lid{font-size:10px;font-weight:700;letter-spacing:.22em;color:#ffffffa6}.lm-title{font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}.lm-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.lm-tag{font-size:10px;font-weight:600;padding:4px 10px;border-radius:100px;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.18);letter-spacing:.02em}.lm-close{position:absolute;top:14px;right:14px;z-index:4;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:background .15s,transform .1s}.lm-close:hover{background:#ffffff4d}.lm-close:active{transform:scale(.92)}.lm-body{flex:1;overflow-y:auto;padding:20px 22px 24px;background:#fff}.lm-context{padding:4px 0 4px 14px;border-left:2px solid rgba(184,151,74,.4);font-size:14px;font-weight:500;line-height:1.55;color:var(--navy-deep, #0D2B52);margin-bottom:22px}.lm-section{margin-bottom:22px}.lm-section:last-child{margin-bottom:0}.lm-section-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0d2b528c;margin-bottom:12px}.lm-dialogue{display:flex;flex-direction:column;gap:14px}.lm-line{display:flex;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(13,43,82,.06)}.lm-line:last-child{border-bottom:none;padding-bottom:0}.lm-speaker{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0d2b5266;width:56px;flex-shrink:0;padding-top:5px}.lm-line-content{flex:1;display:flex;flex-direction:column;gap:3px}.lm-en{font-family:Playfair Display,Georgia,serif;font-size:15px;font-weight:600;color:var(--navy-deep, #0D2B52);line-height:1.4;letter-spacing:-.01em}.lm-kr{font-size:12px;color:#0d2b528c;line-height:1.5}.lm-expressions{display:flex;flex-direction:column;gap:8px}.lm-expr{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#0d2b5208;border-radius:10px;transition:background .15s}.lm-expr-phrase{font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:700;color:var(--navy-deep, #0D2B52);letter-spacing:-.01em}.lm-expr-meaning{font-size:12px;color:#0d2b5294;font-weight:500}.lm-footer{padding:14px 22px 22px;background:#fff;border-top:1px solid rgba(13,43,82,.06);flex-shrink:0}.lm-start-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;background:var(--navy-deep, #0D2B52);color:#fff;border-radius:100px;font-size:14px;font-weight:700;letter-spacing:.04em;border:none;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 4px 18px #0d2b5247}.lm-start-btn:hover{background:#173564;box-shadow:0 6px 22px #0d2b525c}.lm-start-btn:active{transform:scale(.98)}:root{--vg-navy: var(--primary);--vg-brass: var(--accent);--vg-cream: #F5F0E8;--vg-muted: #5C6B78}.vi-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--vg-cream);display:flex;flex-direction:column;animation:vi-fade-in .28s ease forwards}@keyframes vi-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vi-close{position:fixed;top:16px;right:16px;z-index:600;width:34px;height:34px;border-radius:50%;background:#0d2b521f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--vg-navy);font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .15s}.vi-close:hover{background:#0d2b5238}.vi-scroll{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vi-scroll::-webkit-scrollbar{display:none}.vi-slide{min-width:100vw;scroll-snap-align:start;overflow-y:auto;padding:56px 24px 24px;display:flex;flex-direction:column}.vi-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--vg-brass);margin-bottom:14px}.vi-tip-title{font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:700;color:var(--vg-navy);letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.vi-tip-body{font-size:14px;color:var(--vg-muted);line-height:1.75;margin-bottom:12px}.vi-tip-divider{width:40px;height:1.5px;background:var(--vg-brass);opacity:.5;margin:18px 0}.vi-tip-caption{font-size:13px;color:var(--vg-muted);line-height:1.8;font-style:italic;margin-bottom:14px}.vi-tip-note{font-size:13px;font-weight:600;color:var(--vg-navy);line-height:1.6}.vi-slide--speak{background:var(--vg-cream)}.vi-speak-inner{display:flex;flex-direction:column;gap:28px;flex:1}.vi-speak-text{flex:1}.vi-speak-imgs{position:relative;height:160px;flex-shrink:0}.vi-speak-img{position:absolute;border-radius:12px;object-fit:cover;box-shadow:0 8px 24px #0d2b522e}.vi-speak-img--1{width:155px;height:115px;top:0;left:0;opacity:.55;filter:saturate(.8)}.vi-speak-img--2{width:148px;height:110px;top:18px;left:32px;opacity:.78;filter:saturate(.85)}.vi-speak-img--3{width:140px;height:105px;top:36px;left:62px;filter:saturate(.85)}.vi-slide--accents{background:var(--vg-navy);justify-content:flex-start}.vi-accent-cards{display:flex;gap:12px;margin:24px 0}.vi-accent-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px}.vi-accent-img-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid rgba(184,151,74,.35)}.vi-accent-img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.82)}.vi-accent-flag{position:absolute;bottom:4px;right:4px;font-size:15px;line-height:1}.vi-accent-name{font-family:Playfair Display,Georgia,serif;font-size:12px;font-weight:700;color:var(--vg-brass);letter-spacing:.04em}.vi-accent-desc{font-size:10px;color:#ffffff80;text-align:center;line-height:1.5;white-space:pre-line}.vi-accent-footer{font-size:13px;font-style:italic;color:#ffffff80;text-align:center;line-height:1.7;border-top:1px solid rgba(184,151,74,.2);padding-top:20px}.vi-slide--tip-quote{background:var(--vg-cream);justify-content:center;align-items:flex-start;min-height:100%}.vi-quote-inner{padding:8px 0}.vi-quote-mark{font-family:Playfair Display,Georgia,serif;font-size:80px;color:var(--vg-brass);opacity:.22;line-height:.9;display:block;margin-bottom:-10px}.vi-quote-text{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:24px;font-weight:400;color:var(--vg-navy);line-height:1.65;letter-spacing:-.01em;margin-bottom:22px}.vi-quote-author{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--vg-brass);margin-bottom:18px}.vi-quote-line{width:40px;height:1.5px;background:var(--vg-brass);opacity:.45}.vi-dots{display:flex;justify-content:center;gap:7px;padding:14px 0 max(env(safe-area-inset-bottom),14px);background:var(--vg-cream);flex-shrink:0}.vi-dot{width:6px;height:6px;border-radius:50%;background:#c5baa8;transition:all .22s}.vi-dot.active{width:22px;border-radius:3px;background:var(--vg-brass)}.vi-eyebrow{display:inline-flex;align-items:center;gap:5px}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.app-header{padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;border-bottom:none;position:sticky;top:0;z-index:30}.app-logo{font-family:Playfair Display,Georgia,Times New Roman,serif;font-style:italic;font-size:22px;font-weight:700;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;cursor:pointer;background-image:linear-gradient(105deg,var(--primary) 0%,var(--primary) 35%,rgba(255,248,220,.9) 48%,rgba(255,255,255,1) 52%,rgba(255,248,220,.9) 56%,var(--primary) 65%,var(--primary) 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:logo-text-shimmer 3.5s ease-in-out infinite;transition:opacity .15s}@keyframes logo-text-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.app-logo:hover{opacity:.8}.app-header-right{display:flex;align-items:center;gap:10px}.app-icon-btn{color:#374151;padding:4px;opacity:.7;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.app-icon-btn:hover{opacity:1}.app-profile{width:30px;height:30px;border-radius:50%;background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;font-style:normal;font-family:var(--font-body)}.loading-screen{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:14px;color:var(--muted)}.loading-wave{display:flex;align-items:flex-end;gap:4px;height:36px}.loading-wave-bar{width:5px;border-radius:3px;background:var(--primary);animation:loading-wave-anim 1s ease-in-out infinite}.loading-wave-bar:nth-child(1){height:16px}.loading-wave-bar:nth-child(2){height:24px}.loading-wave-bar:nth-child(3){height:32px}.loading-wave-bar:nth-child(4){height:24px}.loading-wave-bar:nth-child(5){height:16px}@keyframes loading-wave-anim{0%,to{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}.loading-text{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.loading-sub{font-size:12px;color:var(--muted);text-align:center}.loading-progress{width:200px;height:5px;border-radius:100px;background:var(--border);overflow:hidden;margin-top:6px}.loading-progress-fill{height:100%;border-radius:100px;background:var(--primary);transition:width .3s ease}.loading-steps{display:flex;align-items:center;gap:6px;margin-top:4px}.loading-step{font-size:11px;font-weight:600;color:var(--muted);padding:4px 10px;border-radius:100px;background:var(--surface-low);transition:all .3s}.loading-step.active{color:var(--primary);background:var(--primary-bg)}.loading-step.done{color:var(--primary);opacity:.55}.loading-step-arrow{display:inline-flex;align-items:center;color:var(--muted2)}@keyframes spin{to{transform:rotate(360deg)}}.pw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.pw-modal{background:var(--surface);border-radius:var(--radius-lg);padding:28px 24px;width:100%;max-width:340px;box-shadow:0 20px 56px #1a1a2a1f}.pw-modal h3{font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.pw-modal p{font-size:13px;color:var(--muted);margin-bottom:18px}.pw-input{width:100%;padding:11px 14px;border:1.5px solid var(--muted2);border-radius:var(--radius);font-size:15px;font-family:var(--font-body);background:var(--bg);color:var(--text);outline:none;transition:border-color .2s;margin-bottom:10px;letter-spacing:.2em}.pw-input:focus{border-color:var(--primary)}.pw-input.error{border-color:#dc2626;animation:shake .3s ease}.pw-error{font-size:12px;color:#dc2626;margin-bottom:10px}.pw-btn-row{display:flex;gap:8px}.pw-cancel{flex:1;padding:11px;border-radius:100px;font-size:13px;font-weight:600;background:var(--bg);border:1.5px solid var(--muted2);color:var(--muted);transition:all .2s}.pw-cancel:hover{border-color:var(--text);color:var(--text)}.pw-confirm{flex:2;padding:11px;border-radius:100px;font-size:13px;font-weight:700;background:var(--primary);color:#fff;transition:opacity .2s}.pw-confirm:hover{opacity:.85}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.app-content{flex:1;overflow-y:auto;padding-bottom:68px}.tab-page{min-height:100%}.tab-page-inner{padding:20px 16px 8px}.tab-page-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.tab-page.tab-home{padding:0}.app-tab-bar{position:fixed;bottom:0;left:0;right:0;height:58px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-tab-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:12px;color:var(--muted);transition:color .18s ease,background .18s ease;-webkit-tap-highlight-color:transparent;min-width:0;flex:1}.app-tab-btn span{font-size:10px;font-weight:600;letter-spacing:.03em}.app-tab-btn.active{color:var(--primary)}.app-tab-btn:active{background:var(--primary-bg);transform:scale(.95)}.load-err-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 28px;border-radius:18px;background:#fff;box-shadow:0 4px 28px #0d2b521a;max-width:340px;margin:0 16px;text-align:center}.load-err-icon{color:#b8974a}.load-err-title{font-size:16px;font-weight:800;color:var(--navy-deep)}.load-err-msg{font-size:13px;color:#0d2b52a6;line-height:1.5}.load-err-actions{display:flex;gap:10px;width:100%;margin-top:6px}.load-err-btn{flex:1;padding:12px 16px;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;background:#fff;border:1.5px solid rgba(13,43,82,.18);color:var(--navy-deep);transition:background .15s,transform .1s}.load-err-btn:hover{background:#0d2b520a}.load-err-btn:active{transform:scale(.97)}.load-err-btn.primary{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}.load-err-btn.primary:hover{background:#173564}:root{--bg: #F8F6F1;--surface: #FFFFFF;--surface-low: #F2EFE9;--surface-high:#E6E0D6;--text: #1A1A2A;--text2: #4A5568;--muted: #718096;--muted2: #CBD5E0;--primary: #0D2B52;--primary-dark:#071A34;--primary-bg: rgba(13,43,82,.08);--primary-border: rgba(13,43,82,.22);--secondary: #1A4F82;--accent: #B8974A;--accent-bg: rgba(184,151,74,.1);--accent-border: rgba(184,151,74,.35);--c-s1: #3B82F6;--c-s3: #7C3AED;--c-s4: #D16900;--c-s5: #DB2777;--c-s6: #DC2626;--c-s7: #D97706;--c-s8: #059669;--border: rgba(200,212,224,.35);--ink: #111827;--ink-soft: #374151;--ink-muted: #6B7280;--ink-faint: #9CA3AF;--fill-thumb: #E8EAED;--line-soft: #E8EDF2;--fill-cool: #F4F5F7;--navy-deep: #1E3A5F;--accent-blue: #2B6CB0;--accent-blue-bg: #EFF6FF;--navy-deeper: #1D3461;--danger: #EF4444;--fill-gray: #F0F2F5;--radius: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--font-body: "Manrope", "Noto Sans KR", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted2);border-radius:2px}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}button{transition:transform .14s cubic-bezier(.34,1.56,.64,1),opacity .14s ease;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.94);opacity:.85}@keyframes wave-bar-anim{0%,to{transform:scaleY(.3);opacity:.45}50%{transform:scaleY(1);opacity:1}}.wave-visualizer{display:flex;align-items:center;gap:2.5px;height:20px}.wave-bar{display:inline-block;width:3px;border-radius:2px;background:currentColor;transform-origin:center;animation:wave-bar-anim .85s ease-in-out infinite}.wave-bar:nth-child(1){height:8px;animation-delay:0s}.wave-bar:nth-child(2){height:13px;animation-delay:.15s}.wave-bar:nth-child(3){height:10px;animation-delay:.3s}.wave-bar:nth-child(4){height:16px;animation-delay:.45s}.wave-bar:nth-child(5){height:11px;animation-delay:.6s}.wave-bar.paused{animation-play-state:paused;opacity:.25;transform:scaleY(.3)}@keyframes step-flash-anim{0%{opacity:0}20%{opacity:.1}to{opacity:0}}.step-complete-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b82f6;pointer-events:none;z-index:9999;animation:step-flash-anim .45s ease-out forwards}@keyframes cta-pulse{0%,to{box-shadow:0 0 #0d2b5259}50%{box-shadow:0 0 0 7px #0d2b5200}}.ll-cta-btn{animation:cta-pulse 2.4s ease-in-out infinite}.ll-cta-btn:hover,.ll-cta-btn:active{animation:none}.ll-lesson-item{transition:transform .16s ease,box-shadow .16s ease!important}.ll-lesson-item:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1a1a2a12}@keyframes chunk-tap-anim{0%{transform:scale(1)}35%{transform:scale(.97)}to{transform:scale(1)}}.pron-chunk-btn.selected{animation:chunk-tap-anim .18s ease-out}@keyframes var-select-anim{0%{transform:scale(1)}35%{transform:scale(.97)}to{transform:scale(1)}}.reaction-var.selected{animation:var-select-anim .18s ease-out}