@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";@keyframes lyvoShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes lyvoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lyvoRiseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lyvoModalIn{0%{transform:translate(-50%,-50%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.field{display:flex;flex-direction:column;gap:.6rem}.field-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.field-icon-wrap{position:relative}.field-icon-wrap>svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.field-icon-wrap>input{width:100%;padding-left:2.75rem}.field-icon-wrap.is-lg>input{padding-left:3rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.field-grid{grid-template-columns:1fr}}.auth-panel :focus-visible,.settings-page :focus-visible,.vocab-page :focus-visible,.vocab-modal :focus-visible,.confirm-dialog :focus-visible,.kanji-page :focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.unstyled-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.icon-btn{background:var(--reading-format-inactive-bg);border:1px solid var(--glass-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:background .2s ease}.icon-btn:hover{background:var(--lyric-word-hover-bg)}.banner{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;border-radius:0 8px 8px 0;font-size:.9rem;color:var(--text-primary)}.banner-error{background:rgba(239,68,68,.1);border-left:4px solid var(--danger);animation:lyvoShake .4s ease-in-out}.banner-success{background:rgba(16,185,129,.1);border-left:4px solid var(--success)}.banner-body{flex:1;min-width:0}.banner-line{display:block}.auth-page{display:flex;justify-content:center;align-items:center;min-height:80vh}.auth-panel{padding:3rem;width:100%;max-width:450px;position:relative}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-heading{text-align:center;margin-bottom:1rem}.auth-note{color:var(--text-secondary);text-align:center;font-size:.9rem;margin-bottom:.5rem}.auth-back{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem;align-self:flex-start}.auth-back:hover{color:var(--brand-primary)}.auth-forgot-row{text-align:right}.auth-forgot{font-size:.85rem;color:var(--text-muted);transition:color .2s ease}.auth-forgot:hover{color:var(--brand-primary)}.auth-switch{text-align:center;margin-top:.5rem;color:var(--text-secondary);font-size:.9rem}.auth-switch-btn{color:var(--brand-primary);font-weight:600}.auth-resend{margin-top:.75rem;padding:.4rem .8rem;font-size:.8rem;width:auto}.auth-verify{text-align:center;padding:1rem 0}.auth-verify-icon{background:rgba(99,102,241,.1);padding:1.5rem;border-radius:50%;width:fit-content;margin:0 auto 1.5rem}.auth-verify p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.auth-verify h2{margin-bottom:1rem}.auth-verify-back{width:100%}.auth-submit{margin-top:.5rem}.pw-hints{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;list-style:none}.pw-hint{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.pw-hint:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6;flex-shrink:0}.pw-hint.is-met{color:var(--success)}.settings-page{max-width:1000px;margin:0 auto;padding:1rem}.settings-header{margin-bottom:3rem}.settings-header h2{font-size:2.5rem;margin-bottom:.5rem}.settings-header p{color:var(--text-secondary)}.settings-banner{border-radius:12px;border-left:none;margin-bottom:2rem;animation:lyvoRiseIn .3s ease}.settings-banner.banner-error{border:1px solid var(--danger);color:var(--danger)}.settings-banner.banner-success{border:1px solid var(--success);color:var(--success)}.settings-layout{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:2rem}.settings-column{display:flex;flex-direction:column;gap:2rem}.settings-card{padding:2rem}.settings-card-title{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-form-title{margin-bottom:2rem}.settings-submit{align-self:flex-start;padding:.75rem 2rem}.option-list{display:flex;flex-direction:column;gap:.75rem}.option-row{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;border-radius:12px;cursor:pointer;font:inherit;font-size:.9rem;color:var(--text-primary);text-align:left;background:var(--reading-format-inactive-bg);border:1px solid var(--glass-border);transition:all .2s ease}.option-row[aria-checked=true]{background:var(--reading-format-active-bg);border-color:var(--brand-primary)}.option-row-body{flex:1;display:flex;align-items:center;gap:.4rem}.option-row-label{font-weight:600}.option-row-example{color:var(--text-muted);font-size:.8rem}.option-marker{width:18px;height:18px;border-radius:50%;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-row[aria-checked=true] .option-marker{border-color:var(--brand-primary)}.option-marker:after{content:"";width:8px;height:8px;border-radius:50%;background:transparent}.option-row[aria-checked=true] .option-marker:after{background:var(--brand-primary)}.danger-zone{margin-top:3rem;border-top:1px solid var(--glass-border);padding-top:2rem}.danger-zone h4{color:var(--danger);margin-bottom:1rem}.danger-zone p{color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.danger-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-with-icon{display:inline-flex;align-items:center;gap:.5rem}.btn-danger-outline{border-color:#ef444466;color:var(--danger)}.btn-danger-outline:hover{background:rgba(239,68,68,.1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;border:none;padding:0;animation:lyvoFadeIn .2s ease}.confirm-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1001;width:min(440px,90vw);padding:2rem;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--glass-border);box-shadow:0 20px 50px #0006;animation:lyvoModalIn .25s cubic-bezier(.34,1.56,.64,1)}.confirm-dialog h3{margin-bottom:.75rem;color:var(--danger)}.confirm-dialog p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.75rem}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.vocab-page{position:relative}.vocab-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.vocab-header h1{margin:0}.vocab-header p{color:var(--text-secondary);font-size:.9rem;margin:.2rem 0 0}.vocab-filter-notice{display:flex;justify-content:space-between;align-items:center;background:rgba(99,102,241,.08);border:1px solid var(--glass-border);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.vocab-filter-notice p{color:var(--text-secondary);font-size:.9rem;margin:0}.vocab-filter-notice-body{display:flex;align-items:center;gap:.5rem}.vocab-show-all{padding:.4rem 1rem;font-size:.8rem;border-radius:8px}.vocab-filter-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);box-shadow:0 0 8px var(--brand-primary);flex-shrink:0}.vocab-filters{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem;margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.vocab-filter{flex:1 1 150px;display:flex;flex-direction:column;gap:.35rem}.vocab-filter.is-search{flex:2 1 250px}.vocab-filter select{width:100%;padding:.65rem 2rem .65rem 1rem;font-size:.85rem}.vocab-search-wrap{position:relative}.vocab-search-wrap>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.vocab-search-wrap>input{width:100%;padding-left:38px;font-size:.9rem}.vocab-empty{padding:4rem;text-align:center}.vocab-empty p{color:var(--text-secondary)}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}@media (max-width: 768px){.vocab-grid{grid-template-columns:1fr}}.vocab-card{padding:1.1rem;border-left:4px solid var(--brand-primary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;text-align:left;font:inherit;color:var(--text-primary);background:rgba(255,255,255,.03);transition:all .2s ease}.vocab-card.is-learned{border-left-color:var(--success)}.vocab-card.is-selected{background:rgba(99,102,241,.08);border-color:var(--brand-primary)}.vocab-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.vocab-card-main{min-width:0}.vocab-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.vocab-card-surface{display:block;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-card-reading{display:block;color:var(--brand-secondary);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-card-tags{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.vocab-status-pill{font-size:.6rem;padding:.15rem .5rem;border-radius:20px;background:rgba(255,255,255,.05);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.vocab-status-pill.is-learned{background:rgba(16,185,129,.1);color:var(--success)}.vocab-jlpt{font-size:.65rem;font-weight:600;color:var(--brand-primary)}.vocab-card-meaning{font-size:.85rem;line-height:1.4;color:var(--text-primary);margin:.25rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex-grow:1}.vocab-card-songs{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--glass-border)}.vocab-song-chip{display:flex;align-items:center;gap:.2rem;font-size:.65rem;color:var(--text-secondary);background:rgba(255,255,255,.03);padding:.15rem .4rem;border-radius:4px}.vocab-song-chip span{max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-song-more{font-size:.65rem;color:var(--text-muted)}.vocab-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:500px;max-width:90vw;max-height:80vh;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:24px;z-index:1001;padding:2.5rem;display:flex;flex-direction:column;box-shadow:0 20px 50px #0006;animation:lyvoModalIn .3s cubic-bezier(.34,1.56,.64,1);overflow-y:auto}@media (max-width: 768px){.vocab-modal{width:90%;max-height:85vh;padding:1.5rem}}.vocab-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.vocab-modal-eyebrow{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.vocab-modal-identity{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.vocab-modal-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.vocab-modal-surface{font-size:3rem;margin:0;font-weight:800}.vocab-modal-reading-row{display:flex;align-items:center;gap:.75rem}.vocab-modal-reading{font-size:1.4rem;color:var(--brand-secondary);margin:0;font-weight:600}.vocab-modal-badges{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.vocab-badge{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;color:var(--brand-secondary);background:rgba(99,102,241,.12);border:1px solid var(--glass-border)}.vocab-badge.is-status{font-size:.7rem;color:var(--text-secondary);background:rgba(255,255,255,.05)}.vocab-badge.is-status.is-learned{color:var(--success);background:rgba(16,185,129,.15)}.audio-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--glass-border);background:var(--reading-format-active-bg);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.audio-btn:hover:not(:disabled){background:var(--brand-primary);color:#fff}.audio-btn:disabled{opacity:.5;cursor:default}.vocab-status-toggle{margin-bottom:2rem;padding:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem}.vocab-status-toggle.is-learned{background:transparent;border:1px solid var(--danger);color:var(--danger);box-shadow:none}.vocab-section{margin-bottom:2.5rem}.section-eyebrow{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.05em}.vocab-definition{font-size:1.1rem;line-height:1.5;margin:0;color:var(--text-primary)}.vocab-kanji-row{display:flex;gap:.75rem;flex-wrap:wrap}.vocab-kanji-btn{padding:.35rem .75rem;font-size:.85rem;display:flex;align-items:center;gap:.35rem}.vocab-kanji-btn span{font-weight:800;font-size:1.1rem;color:var(--brand-secondary)}.vocab-contexts{display:flex;flex-direction:column;flex-grow:1;min-height:0}.vocab-contexts-list{overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;flex-grow:1;padding-right:.25rem}.context-placeholder{color:var(--text-muted);font-size:.85rem;padding:1rem 0}.context-placeholder.is-italic{font-style:italic}.context-placeholder.is-centered{text-align:center;padding:2rem;font-size:1rem}.context-row{padding:.9rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid var(--glass-border);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;text-align:left;font:inherit;color:var(--text-primary)}.context-row-body{flex:1;min-width:0}.context-song{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.context-song span{font-size:.7rem;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-line{display:block;font-size:.9rem;color:var(--text-primary);margin:0}.context-translation{display:block;font-size:.8rem;color:var(--text-muted);margin:.2rem 0 0;font-style:italic;line-height:1.3}.kanji-page .kanji-back{margin-bottom:2rem}.kanji-layout{display:flex;flex-direction:row;gap:2rem;align-items:flex-start}.kanji-aside{flex:0 0 35%}.kanji-summary{padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;position:sticky;top:2rem}.kanji-char{font-size:8.5rem;margin:0 0 .5rem;color:var(--brand-primary);line-height:1}.kanji-meaning{font-size:1.8rem;margin-bottom:.5rem}.kanji-radicals{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.kanji-summary-footer{width:100%;border-top:1px solid var(--glass-border);padding-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.kanji-stat{display:flex;justify-content:space-between;align-items:center}.kanji-stat-label{color:var(--text-secondary)}.kanji-stat-value{font-weight:700;font-size:1.2rem}.kanji-hint{font-size:.85rem;color:var(--text-muted);text-align:left;line-height:1.5}.kanji-words{flex:1;display:flex;flex-direction:column;gap:2rem;min-width:0}.kanji-word-card{padding:2rem;border-left:4px solid var(--brand-primary);background:rgba(99,102,241,.03);display:flex;flex-direction:column;gap:1.5rem}.kanji-word-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.kanji-word-form{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.kanji-word-form span{font-size:2rem;font-weight:700}.kanji-word-reading{font-size:1.1rem;color:var(--brand-secondary);font-weight:500}.kanji-word-meaning{font-size:1.1rem;line-height:1.4}.kanji-word-status{font-size:.65rem;padding:.2rem .6rem;border-radius:20px;background:rgba(255,255,255,.05);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.kanji-contexts{background:rgba(0,0,0,.15);border-radius:12px;padding:1.25rem}.kanji-contexts h4{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:1rem;letter-spacing:.05em}.kanji-contexts-list{display:flex;flex-direction:column;gap:.75rem}.kanji-context-row{padding:1rem;background:rgba(255,255,255,.03);border-radius:8px;border:1px solid var(--glass-border);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;text-align:left;font:inherit;color:var(--text-primary)}.kanji-context-row .context-line{font-size:1rem}.kanji-context-row .context-song span{font-size:.75rem}.kanji-contexts .context-placeholder{font-size:.9rem;padding:0}.kanji-empty{padding:3rem;text-align:center}.kanji-empty p{color:var(--text-secondary)}@media (max-width: 768px){.kanji-layout{flex-direction:column;gap:1rem;align-items:stretch}.kanji-aside{flex:none}.kanji-summary{padding:1.5rem;position:relative;top:0}.kanji-char{font-size:5rem}.kanji-meaning{font-size:1.4rem}.kanji-radicals{margin-bottom:1rem;font-size:.9rem}.kanji-summary-footer{padding-top:1rem;gap:.75rem}.kanji-stat-label{font-size:.85rem}.kanji-stat-value{font-size:1rem}.kanji-hint{font-size:.75rem}.kanji-words{gap:1rem}.kanji-word-card{padding:1.25rem;gap:1rem}.kanji-word-form span{font-size:1.5rem}.kanji-word-reading{font-size:.9rem}.kanji-word-meaning{font-size:.95rem}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.page-loading h2{margin-top:2rem}.vocab-suspend-toggle{width:100%;margin-bottom:2rem;padding:.6rem .9rem;background:transparent;border:1px dashed var(--glass-border);border-radius:10px;color:var(--text-muted);font-size:.82rem;cursor:pointer;transition:color .2s,border-color .2s}.vocab-suspend-toggle:hover:not(:disabled){color:var(--success);border-color:var(--success)}.vocab-suspend-toggle:disabled{opacity:.6;cursor:default}.settings-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary);line-height:1.5}@keyframes sv-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sv-pulse-note{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.sv-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.sv-loading h2{margin-top:2rem}.sv-error{padding:2rem;text-align:center}.sv-banner{grid-column:1 / -1;margin-bottom:1.25rem;padding:1rem 1.25rem;background:linear-gradient(90deg,rgba(99,102,241,.18),rgba(168,85,247,.12));border:1px solid var(--brand-primary);border-radius:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 4px 20px #6366f126;animation:sv-fade-in .5s ease}.sv-banner-info{display:flex;align-items:center;gap:.75rem}.sv-banner-icon{background:var(--brand-primary);padding:.5rem;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.sv-banner-title{font-weight:700;font-size:.95rem;color:var(--text-primary)}.sv-banner-sub{font-size:.8rem;color:var(--text-secondary)}.btn.sv-banner-action{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.25rem;background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #6366f14d}.sv-left-column{display:flex;flex-direction:column;gap:2rem;flex:1}.sv-left-column.is-mobile{flex:none}.sv-media{padding:2rem}.sv-media-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.sv-media-header h2{margin:0}.btn.sv-review-btn{display:flex;align-items:center;gap:.5rem}.sv-video-frame{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden}.sv-video-mount{width:100%;height:100%}.sv-video-frame.is-docked{background:rgba(0,0,0,.35)}.sv-media.is-dock-host{backdrop-filter:none;-webkit-backdrop-filter:none}.viewer-layout.page-enter{opacity:1;transform:none;animation:sv-fade-in .5s cubic-bezier(.16,1,.3,1) backwards}@keyframes sv-fade-in{0%{opacity:0}to{opacity:1}}.sv-video-frame.is-docked .sv-video-mount{position:fixed;top:calc(max(.5rem,env(safe-area-inset-top)) + 2px);right:12px;width:92px;height:52px;z-index:1501;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px #0000008c;animation:sv-fade-in .25s ease}.sv-mini-player.has-docked-video{padding-right:116px}.sv-bubble-link{color:var(--brand-primary);text-decoration:underline;font-weight:600}.sv-bubble strong{font-weight:700}.sv-bubble em{font-style:italic}.sv-bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:rgba(127,127,127,.18);padding:.1em .35em;border-radius:4px}.sv-bubble ul,.sv-bubble ol{margin:.25rem 0;padding-left:1.2rem}.sv-bubble li{margin:.15rem 0}.sv-md-gap{height:.55rem}.sv-md-heading{font-weight:700;margin-top:.25rem}.sv-video-empty{background:var(--glass-bg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}@media (max-width: 768px){.sv-media{padding:1rem}}.sv-mini-player{position:fixed;top:0;left:0;right:0;z-index:1500;background:rgba(15,15,25,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(99,102,241,.25);padding:.5rem 1rem;padding-top:max(.5rem,env(safe-area-inset-top));display:flex;flex-direction:column;gap:.35rem;animation:sv-slide-down .3s ease;box-shadow:0 4px 24px #0006}[data-theme=light] .sv-mini-player{background:rgba(255,255,255,.95)}.sv-mini-title{font-size:.75rem;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-mini-controls{display:flex;align-items:center;gap:.75rem;justify-content:center}.sv-mini-time{font-size:.7rem;color:var(--text-secondary);min-width:35px;font-variant-numeric:tabular-nums}.sv-mini-time.is-elapsed{text-align:right}.sv-icon-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:8px}.sv-play-btn{background:var(--brand-primary);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0}.sv-play-btn svg{pointer-events:none}.sv-seek{width:100%;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--brand-primary) var(--sv-progress, 0%),rgba(255,255,255,.15) var(--sv-progress, 0%));border-radius:2px;outline:none;cursor:pointer;margin:0 0 .25rem;padding:0;border:none}.sv-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand-primary);border:2px solid #ffffff;cursor:pointer}.sv-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brand-primary);border:2px solid #ffffff;cursor:pointer}.sv-lyrics-panel{padding:2rem;height:100%}.sv-lyrics-panel.is-mobile{padding:1rem;height:auto}.sv-lyrics-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.sv-lyrics-header h3{color:var(--text-secondary)}.sv-toggle-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.sv-toggle.toggle-switch,.sv-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:.85rem;color:var(--text-muted);cursor:pointer}.sv-toggle.toggle-switch:before,.sv-toggle.toggle-switch:after{content:none}.sv-toggle[aria-checked=true]{color:var(--text-primary)}.sv-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:8px}.sv-toggle.is-disabled{cursor:not-allowed;opacity:.55}.sv-toggle-track{width:36px;height:20px;background:rgba(255,255,255,.1);border-radius:20px;position:relative;transition:all .3s;flex-shrink:0}[data-theme=light] .sv-toggle-track{background:rgba(15,23,42,.12)}.sv-toggle[aria-checked=true] .sv-toggle-track{background:var(--brand-primary)}.sv-toggle-knob{width:16px;height:16px;background:#ffffff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s}.sv-toggle[aria-checked=true] .sv-toggle-knob{left:18px}.sv-sync-note{width:100%;display:block;font-size:.8rem;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:10px;padding:.5rem .75rem;margin-bottom:1rem}.sv-sync-note.is-emphasised{color:var(--text-secondary);border-color:var(--brand-primary);animation:sv-pulse-note .4s ease}.sv-line{position:relative;display:block;width:100%;text-align:left;font:inherit;color:inherit;background:transparent;padding:1rem 1rem 1rem 3.5rem;border:1px solid transparent;border-radius:12px;transition:all .3s ease;cursor:default}.sv-line.has-chat{cursor:pointer}.sv-line.has-translation{margin-bottom:1rem}.sv-line.is-seen{border-color:#10b98133;background:rgba(16,185,129,.03)}.sv-line.is-active{border-color:#6366f166;background:rgba(99,102,241,.08);box-shadow:0 0 15px #6366f126}.sv-line:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.sv-gutter{position:absolute;left:1rem;top:1.25rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.sv-gutter-btn{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:all .2s}.sv-gutter-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.check-gutter{opacity:.2}.check-gutter.is-seen{opacity:1;cursor:default}.lyric-line-wrapper:hover .check-gutter,.lyric-line-wrapper:focus-within .check-gutter,.check-gutter:focus-visible{opacity:1}.sv-bulb{opacity:.4}.sv-bulb.has-chat{opacity:.8}.sv-bulb.is-active{opacity:1;transform:scale(1.1)}.sv-line .sv-line-text{margin:0 0 0 .5rem;line-height:1.8}.sv-line .sv-line-text.with-ruby{line-height:2.5}button.lyric-word{display:inline;font:inherit;color:inherit;background:none;border:none}button.lyric-word.kanji{border-bottom:2px dashed var(--kanji-dashed-border)}button.lyric-word:focus-visible{outline:2px solid var(--brand-primary);outline-offset:1px}.sv-ruby{ruby-position:over}.sv-rt{color:var(--brand-secondary);font-size:.5em;-webkit-user-select:none;user-select:none}.sv-rt.is-romaji{font-size:.45em}.sv-line-translation{font-size:.9rem;color:var(--text-muted);margin:.5rem 0 0}.sv-capture{margin-top:3rem;border-top:1px solid var(--glass-border);padding-top:2rem;text-align:center}.sv-capture p{color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.btn.sv-capture-btn{display:inline-flex;align-items:center;gap:.75rem;border-color:var(--success);color:var(--success)}.btn.sv-capture-btn:disabled{opacity:.5;cursor:not-allowed}.sv-tutor-panel{padding:2rem;display:flex;flex-direction:column;height:65vh;min-height:450px;max-height:800px}.sv-tutor-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.sv-tutor-header h3{margin:0}.sv-tutor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.sv-chat-scroll{flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem;display:flex;flex-direction:column;gap:1rem}.sv-bubble{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);padding:.75rem 1rem;border-radius:8px;max-width:85%;font-size:.9rem;line-height:1.5;white-space:pre-wrap}[data-theme=light] .sv-bubble{background:rgba(15,23,42,.04)}.sv-bubble.is-user{align-self:flex-end;background:rgba(99,102,241,.2);border-color:#6366f14d}.sv-chat-status{align-self:flex-start;color:var(--brand-primary);font-size:.9rem}.sv-suggestions{margin-top:.5rem;margin-bottom:1rem;border-top:1px solid var(--glass-border);padding-top:1rem}.sv-suggestions p{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.sv-suggestion-list{display:flex;gap:.5rem;flex-wrap:wrap}.btn.sv-suggestion-btn{padding:.3rem .6rem;font-size:.75rem;border-radius:16px;background:rgba(99,102,241,.05)}.sv-chat-limit{padding:1rem;text-align:center;background:rgba(255,255,255,.05);border-radius:12px}[data-theme=light] .sv-chat-limit{background:rgba(15,23,42,.04)}.sv-chat-limit p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.sv-chat-limit .btn{margin:0 auto;display:flex;align-items:center;gap:.5rem}.sv-chat-form{display:flex;gap:.5rem}.sv-chat-form input{flex:1;padding:.75rem}.btn.sv-restart-btn{padding:.4rem .8rem;font-size:.8rem;display:flex;align-items:center;gap:.4rem}.sv-disclaimer{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.5rem;font-style:italic}.sv-drawer{position:fixed;bottom:0;left:0;width:100%;height:75vh;background:var(--bg-secondary);z-index:2000;border-top-left-radius:24px;border-top-right-radius:24px;border-top:2px solid var(--brand-primary);display:flex;flex-direction:column;padding:1.5rem;box-shadow:0 -10px 40px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.sv-drawer-title{display:flex;align-items:center;gap:.5rem}.sv-drawer-title h3{margin:0}.sv-drawer-grabber{width:40px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;position:absolute;top:10px;left:calc(50% - 20px)}[data-theme=light] .sv-drawer-grabber{background:rgba(15,23,42,.2)}.sv-drawer-actions{display:flex;gap:1rem;align-items:center}.btn.sv-drawer-restart{padding:.4rem .8rem;font-size:.7rem;display:flex;align-items:center;gap:.3rem}.sv-drawer-close{background:rgba(255,255,255,.05);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer}[data-theme=light] .sv-drawer-close{background:rgba(15,23,42,.06)}.sv-drawer .sv-chat-scroll{padding-right:0}.sv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;padding:0;animation:sv-fade-in .3s ease}.sv-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.sv-modal-title{font-size:4rem;margin:0 0 .5rem}.sv-modal-subtitle{color:var(--text-secondary);font-size:1.2rem}.sv-modal-pos{background:rgba(99,102,241,.2);padding:.5rem 1rem;border-radius:12px;color:var(--brand-primary);font-weight:600;white-space:nowrap}.sv-modal-section-title{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.sv-modal-empty{color:var(--text-muted);font-size:.9rem;font-style:italic;margin:0}.glass-panel.sv-kanji-card{padding:1.5rem;margin-bottom:1rem;border-left:4px solid var(--brand-primary)}.sv-kanji-card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sv-kanji-expand{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}.sv-kanji-expand:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:8px}.sv-kanji-chevron{transition:transform .2s;color:var(--text-muted);flex-shrink:0}.sv-kanji-chevron.is-open{transform:rotate(90deg)}.sv-kanji-char{font-size:2rem;font-weight:700;margin-right:.5rem}.sv-kanji-meaning{color:var(--text-secondary)}.btn.sv-kanji-explore{padding:.4rem .8rem;font-size:.8rem}.sv-related{margin-top:1rem;border-top:1px solid var(--glass-border);padding-top:1rem;animation:sv-fade-in .3s ease}.sv-related-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.sv-related-list{display:flex;flex-wrap:wrap;gap:.5rem}.glass-panel.sv-related-chip{padding:.4rem .8rem;font-size:.9rem;background:rgba(99,102,241,.15);border-color:var(--brand-primary)}.sv-related-reading{font-size:.7rem;color:var(--brand-secondary);font-weight:600;margin-bottom:.1rem}.sv-related-word{font-weight:600}.sv-related-gloss{color:var(--text-secondary);margin-left:.4rem;font-size:.75rem}.sv-related-status{font-size:.85rem;color:var(--text-muted)}.btn.sv-modal-close{margin-top:2rem;width:100%}@media (max-width: 768px){.kanji-modal .sv-kanji-char{font-size:1.4rem;margin-right:.5rem}.kanji-modal .sv-kanji-meaning{font-size:.8rem}}@media (max-width: 768px){.sv-media-header{flex-direction:column;align-items:stretch;gap:.75rem}.sv-media-header .btn{width:100%;justify-content:center}.sv-line{padding-left:44px;padding-right:10px}.sv-gutter{left:8px}.sv-line .sv-line-text{font-size:1.05rem}.sv-line .sv-line-text.with-ruby{line-height:2.3}}:root{--st-heat-0: rgba(255, 255, 255, .06);--st-heat-1: #3730a3;--st-heat-2: #4f46e5;--st-heat-3: #818cf8;--st-heat-4: #c7d2fe;--st-heat-outline: rgba(255, 255, 255, .07);--st-track: rgba(255, 255, 255, .07);--st-seen: rgba(255, 255, 255, .22)}[data-theme=light]{--st-heat-0: rgba(15, 23, 42, .07);--st-heat-1: #c7d2fe;--st-heat-2: #818cf8;--st-heat-3: #4f46e5;--st-heat-4: #312e81;--st-heat-outline: rgba(15, 23, 42, .08);--st-track: rgba(15, 23, 42, .07);--st-seen: rgba(15, 23, 42, .22)}.st-page{max-width:1080px;margin:0 auto}.st-hero{text-align:center;margin-bottom:2.5rem}.st-sections{display:flex;flex-direction:column;gap:1.75rem}.st-section{padding:1.75rem}.st-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.st-section-title{margin:0;font-size:1.15rem;display:flex;align-items:center;gap:.6rem}.st-section-title svg{color:var(--brand-primary);flex-shrink:0}.st-section-note{font-size:.85rem;color:var(--text-muted)}.st-empty{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0}.st-fail{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin:0}.st-headline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.75rem}.st-tile{padding:1.25rem;display:flex;flex-direction:column;gap:.35rem}.st-tile-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:.4rem}.st-tile-value{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;line-height:1.1}.st-tile-sub{font-size:.8rem;color:var(--text-secondary)}.st-tile-accent{color:var(--brand-primary)}.st-tile-warn{color:var(--danger)}.st-heat-scroll{--st-cell: 12px;overflow-x:auto;padding-bottom:.35rem}.st-heat-inner{display:inline-block;min-width:100%}.st-heat-months{display:grid;grid-auto-flow:column;gap:3px;margin-bottom:4px;font-size:.7rem;color:var(--text-muted);height:1em}.st-heat-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,var(--st-cell, 12px));gap:3px}.st-heat-cell{width:var(--st-cell, 12px);height:var(--st-cell, 12px);border-radius:3px;background:var(--st-heat-0);box-shadow:inset 0 0 0 1px var(--st-heat-outline)}.st-heat-cell.st-l1{background:var(--st-heat-1)}.st-heat-cell.st-l2{background:var(--st-heat-2)}.st-heat-cell.st-l3{background:var(--st-heat-3)}.st-heat-cell.st-l4{background:var(--st-heat-4)}.st-heat-cell.st-pad{background:transparent;box-shadow:none}.st-heat-legend{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.9rem;font-size:.75rem;color:var(--text-muted)}.st-legend-item{display:flex;align-items:center;gap:.3rem}.st-legend-swatch{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--st-heat-outline);flex-shrink:0}.st-forecast{display:flex;align-items:flex-end;gap:.4rem;height:140px}.st-forecast-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem}.st-forecast-bar{width:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--brand-secondary),var(--brand-primary));min-height:3px;transition:height .6s cubic-bezier(.16,1,.3,1)}.st-forecast-bar.st-zero{background:var(--st-track)}.st-forecast-count{font-size:.7rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.st-forecast-axis{display:flex;gap:.4rem;margin-top:.4rem}.st-forecast-axis span{flex:1;min-width:0;text-align:center;font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden}.st-overdue{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-radius:12px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);color:var(--danger);font-size:.85rem;font-weight:600;margin-bottom:1rem}.st-pipeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}.st-bar{height:22px;width:100%;background:var(--st-track);border-radius:11px;overflow:hidden;display:flex}.st-bar-seg{height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.st-seg-seen{background:var(--st-seen)}.st-seg-learning{background:var(--brand-primary)}.st-seg-mastered{background:var(--success)}.st-legend-row{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:.9rem}.st-legend-stat{display:flex;flex-direction:column;gap:.1rem;padding-left:.65rem;border-left:3px solid var(--st-seen)}.st-legend-stat.st-learning{border-left-color:var(--brand-primary)}.st-legend-stat.st-mastered{border-left-color:var(--success)}.st-legend-value{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.st-legend-name{font-size:.78rem;color:var(--text-secondary)}.st-jlpt-row{display:grid;grid-template-columns:3.25rem 1fr 4.5rem;align-items:center;gap:.85rem}.st-jlpt-rows{display:flex;flex-direction:column;gap:.7rem}.st-jlpt-label{font-weight:600;font-size:.9rem}.st-jlpt-total{text-align:right;font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.st-table-scroll{overflow-x:auto}.st-table{width:100%;border-collapse:collapse;font-size:.9rem}.st-table th,.st-table td{text-align:left;padding:.7rem .75rem;border-bottom:1px solid var(--glass-border);white-space:nowrap}.st-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.st-table tbody tr:last-child td{border-bottom:none}.st-table tbody tr:hover{background:var(--lyric-word-hover-bg)}.st-sort-btn{background:none;border:none;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.st-sort-btn:hover{color:var(--text-primary)}.st-song-link{color:var(--text-primary);text-decoration:none;font-weight:600}.st-song-link:hover{color:var(--brand-primary);text-decoration:underline}.st-song-artist{display:block;font-size:.78rem;color:var(--text-muted);font-weight:400}.st-mini-bar{width:110px;height:8px;border-radius:4px;background:var(--st-track);overflow:hidden}.st-mini-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--success));border-radius:4px}.st-num{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.st-explainers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.st-explainer{padding:1.5rem}.st-explainer h4{margin:0 0 .5rem;font-size:1rem}.st-explainer p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.st-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.st-page :focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){.st-bar-seg,.st-forecast-bar{transition:none}}@media (max-width: 900px){.st-headline{grid-template-columns:repeat(2,minmax(0,1fr))}.st-pipeline-grid,.st-explainers{grid-template-columns:1fr}}@media (max-width: 560px){.st-section{padding:1.25rem!important}.st-heat-scroll{--st-cell: 10px}.st-forecast-count{display:none}.st-jlpt-row{grid-template-columns:2.75rem 1fr 3.75rem;gap:.5rem}}.fc-page{--fc-surface: var(--bg-secondary);--fc-surface-soft: var(--input-bg);--fc-accent-soft: rgba(99, 102, 241, .12);width:100%}.fc-page :focus-visible,.fc-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.fc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.fc-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.fc-spinner-lg{width:50px;height:50px;border:3px solid var(--glass-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}.fc-spinner-sm{width:18px;height:18px;border:2px solid var(--glass-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.fc-setup{max-width:980px;margin:0 auto}.fc-hero{text-align:center;margin-bottom:2rem}.fc-hero-title{font-size:3rem;margin-bottom:.5rem}.fc-hero-sub{color:var(--text-secondary);margin:0}.fc-due-panel{padding:2rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.fc-due-headline{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.fc-due-number{font-size:3.5rem;font-weight:800;line-height:1;color:var(--brand-primary);min-width:3ch}.fc-due-copy{min-width:0}.fc-due-title{font-size:1.25rem;font-weight:700}.fc-due-sub{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.fc-mode-switch{display:inline-flex;gap:.35rem;padding:.3rem;border-radius:14px;background:var(--fc-surface-soft);border:1px solid var(--glass-border);align-self:flex-start;flex-wrap:wrap}.fc-mode-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease,color .2s ease}.fc-mode-btn:hover{color:var(--text-primary)}.fc-mode-btn.is-active{background:var(--fc-accent-soft);border-color:var(--brand-primary);color:var(--brand-primary)}.fc-due-actions{display:flex;gap:1rem;flex-wrap:wrap}.fc-primary-btn{flex:1 1 260px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.1rem 1.5rem;font-size:1.05rem}.fc-primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.fc-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1.1rem 1.5rem}.fc-warning{margin:0;color:var(--danger);font-size:.8rem}.fc-note{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.5}.fc-note--flush{margin-top:.5rem}.fc-setup-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}.fc-setup-side{display:flex;flex-direction:column;gap:1.5rem}.fc-panel{padding:1.5rem}.fc-panel-head{display:flex;align-items:center;gap:.6rem;color:var(--brand-primary)}.fc-panel-head--static{margin-bottom:1.25rem}.fc-panel-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.fc-disclosure{display:flex;align-items:center;gap:.6rem;width:100%;padding:0;background:none;border:none;color:var(--brand-primary);font-family:inherit;cursor:pointer;text-align:left}.fc-optional{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--glass-border);border-radius:999px;padding:.15rem .5rem;margin-right:auto}.fc-narrow-body{margin-top:1.25rem;display:flex;flex-direction:column;gap:.9rem}.fc-search-wrap{position:relative}.fc-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.fc-search-input{width:100%;padding-left:2.5rem;font-size:.85rem}.fc-inline-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.fc-inline-count{margin-left:auto;font-size:.78rem;color:var(--text-muted)}.fc-mini-btn{font-size:.75rem;padding:.4rem .85rem}.fc-song-list{list-style:none;margin:0;padding:0 .35rem 0 0;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.fc-song-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:14px;background:var(--fc-surface);border:1px solid var(--glass-border);color:var(--text-primary);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease}.fc-song-item:hover{border-color:var(--card-hover-border)}.fc-song-item.is-selected{background:var(--fc-accent-soft);border-color:var(--brand-primary)}.fc-song-main{display:flex;flex-direction:column;min-width:0}.fc-song-title{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-song-artist{font-size:.78rem;color:var(--text-muted)}.fc-song-meta{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.fc-song-count{font-weight:700;font-size:.9rem;color:var(--text-muted)}.fc-song-count.is-active{color:var(--brand-primary)}.fc-song-tracked{font-size:.68rem;color:var(--text-muted)}.fc-empty-row{list-style:none;text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.9rem}.fc-filter-body{display:flex;flex-direction:column;gap:.9rem}.fc-check-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.88rem;cursor:pointer}.fc-filter-group{border-top:1px solid var(--glass-border);padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.fc-field-label{display:block;font-size:.78rem;color:var(--text-secondary);margin-bottom:.35rem}.fc-select{width:100%;padding:.6rem}.fc-avail-body{display:flex;flex-direction:column;gap:.4rem}.fc-avail-number{font-size:2.25rem;font-weight:800;line-height:1;color:var(--brand-primary)}.fc-avail-label{color:var(--text-secondary);font-size:.85rem}.fc-avail-foot{border-top:1px solid var(--glass-border);padding-top:.75rem;margin-top:.5rem;color:var(--text-muted);font-size:.78rem}.fc-wide-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.fc-session{display:flex;flex-direction:column;align-items:center;min-height:60vh}.fc-session-bar{width:100%;max-width:520px;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.fc-session-progress{text-align:center}.fc-session-nav{display:flex;align-items:center;gap:1.25rem;color:var(--text-secondary);font-size:.85rem}.fc-session-count{font-weight:600}.fc-session-reviewed{color:var(--text-muted);font-size:.72rem;margin-top:.2rem}.fc-session-spacer{width:92px;flex-shrink:0}.fc-nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:var(--fc-surface-soft);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.fc-nav-btn:hover:not(:disabled){border-color:var(--brand-primary)}.fc-nav-btn:disabled{opacity:.3;cursor:default}.fc-progress{width:100%;max-width:520px;height:4px;border-radius:2px;background:var(--fc-surface-soft);overflow:hidden;margin-bottom:1.75rem}.fc-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));transition:width .3s ease}.fc-card{width:100%;max-width:520px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transform-style:preserve-3d;transform:rotateY(0);transition:transform .6s cubic-bezier(.34,1.56,.64,1),min-height .3s ease}.fc-card.is-flipped{transform:rotateY(180deg)}.fc-card.is-expanded{min-height:540px}.fc-face{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.fc-face--back{transform:rotateY(180deg);padding:2.25rem}.fc-badge{position:absolute;top:1.25rem;left:1.25rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.25rem .6rem;border-radius:6px;color:var(--text-muted);background:var(--fc-surface-soft);border:1px solid var(--glass-border)}.fc-badge--accent{color:var(--brand-secondary);background:var(--fc-accent-soft)}.fc-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--fc-surface-soft);color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:border-color .2s ease,color .2s ease}.fc-icon-btn:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.fc-icon-btn:disabled{opacity:.4;cursor:not-allowed}.fc-icon-btn--corner{position:absolute;top:1.25rem;right:1.25rem;z-index:2}.fc-front-reading{font-size:1.35rem;color:var(--brand-primary);font-weight:500;margin-bottom:1.25rem}.fc-term{font-size:4.5rem;line-height:1.1;margin:0 0 1rem;text-align:center;word-break:break-word}.fc-hint{color:var(--text-muted);font-size:.85rem;margin:1.5rem 0 0}.fc-back-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.fc-reading{font-size:2.25rem;color:var(--brand-primary);margin:0;text-align:center;word-break:break-word}.fc-reading--kanji{font-size:3.5rem;color:var(--text-primary);margin-bottom:.5rem}.fc-meaning{font-size:1.4rem;text-align:center;line-height:1.4;margin:0 0 1.5rem}.fc-scroll{width:100%;max-height:200px;overflow-y:auto;padding-right:.25rem;transition:max-height .3s ease}.fc-scroll--tall{max-height:360px}.fc-section{border-top:1px solid var(--glass-border);padding-top:1.25rem;margin-bottom:1.25rem;width:100%}.fc-section:last-child{margin-bottom:0}.fc-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem;text-align:center}.fc-chip-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}.fc-chip{font-size:.9rem;background:var(--fc-surface-soft);border:1px solid var(--glass-border);border-radius:8px;padding:.35rem .75rem}.fc-chip-char{color:var(--brand-secondary);font-size:1.25rem;font-weight:700}.fc-examples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.fc-example{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;padding:.6rem .85rem;border-radius:12px;background:var(--fc-surface);border:1px solid var(--glass-border);border-left:3px solid var(--brand-primary)}.fc-example-surface{font-size:1.05rem;font-weight:600}.fc-example-reading{font-size:.85rem;color:var(--brand-primary)}.fc-example-meaning{font-size:.82rem;color:var(--text-muted)}.fc-context-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 0;color:var(--text-muted);font-size:.85rem}.fc-context-empty{color:var(--text-muted);font-size:.85rem;font-style:italic;text-align:center;padding:1rem 0}.fc-context-list{margin-top:1.1rem;display:flex;flex-direction:column;gap:.7rem}.fc-context-hint{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.72rem;color:var(--text-muted)}.fc-context-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.85rem 1rem;border-radius:12px;background:var(--fc-surface);border:1px solid var(--glass-border);border-left:3px solid var(--brand-primary);color:var(--text-primary);font-family:inherit;cursor:pointer;transition:border-color .2s ease}.fc-context-item:hover{border-color:var(--brand-primary)}.fc-context-body{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.fc-context-title{display:flex;align-items:center;gap:.4rem;font-size:.73rem;font-weight:600;color:var(--brand-primary);min-width:0}.fc-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-context-line{font-size:.95rem;font-weight:500}.fc-context-en{font-size:.82rem;color:var(--text-muted);font-style:italic;line-height:1.35}.fc-context-cta{display:flex;align-items:center;gap:.2rem;flex-shrink:0;font-size:.73rem;font-weight:600;color:var(--brand-primary);background:var(--fc-accent-soft);border:1px solid var(--glass-border);border-radius:8px;padding:.3rem .55rem}.fc-grade-row{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.fc-grade-btn{padding:.8rem 1.7rem}.fc-grade-forgot{border-color:var(--danger);color:var(--danger)}.fc-grade-hard{border-color:var(--text-secondary);color:var(--text-secondary)}.fc-grade-easy{background:var(--success);border-color:var(--success)}.fc-danger-btn{background:var(--danger);border-color:var(--danger);display:inline-flex;align-items:center;gap:.5rem}.fc-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.9rem;margin-top:2rem;color:var(--text-muted);font-size:.72rem}.fc-legend-item{display:inline-flex;align-items:center;gap:.3rem}.fc-key{display:inline-block;min-width:1.5rem;text-align:center;padding:.15rem .35rem;border-radius:5px;border:1px solid var(--glass-border);background:var(--fc-surface-soft);color:var(--text-secondary);font-family:inherit;font-size:.68rem;line-height:1.2}.fc-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.fc-complete-icon{background:rgba(16,185,129,.15);padding:2rem;border-radius:50%;margin-bottom:2rem}.fc-complete-title{font-size:2.25rem;margin-bottom:.75rem}.fc-complete-sub{color:var(--text-secondary);font-size:1.05rem;max-width:34rem}.fc-complete-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.fc-bounce{display:inline-block;animation:fc-bounce 1.5s infinite}@keyframes fc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width: 900px){.fc-setup-grid{grid-template-columns:1fr}}@media (max-width: 768px){.fc-hero-title{font-size:2.25rem}.fc-due-panel{padding:1.5rem}.fc-due-number{font-size:2.75rem}.fc-term{font-size:3.5rem}.fc-reading{font-size:1.85rem}.fc-meaning{font-size:1.15rem}.fc-card{min-height:300px}.fc-session-spacer{display:none}.fc-grade-btn{padding:.75rem 1.2rem}}@media (prefers-reduced-motion: reduce){.fc-card,.fc-card.is-flipped,.fc-face--back{transform:none;transition:none}.fc-progress-fill,.fc-scroll{transition:none}.fc-bounce,.fc-spinner-sm,.fc-spinner-lg{animation:none}}@media (pointer: coarse),(max-width: 767px){.fc-legend{display:none}}.fc-known-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.55rem .9rem;background:transparent;border:1px dashed var(--glass-border);border-radius:10px;color:var(--text-muted);font-size:.82rem;cursor:pointer;transition:color .2s,border-color .2s}.fc-known-btn:hover:not(:disabled){color:var(--success);border-color:var(--success)}.fc-known-btn:disabled{opacity:.6;cursor:default}@media (pointer: coarse),(max-width: 767px){.fc-hint-kbd{display:none}}.requests-page{max-width:760px;margin:0 auto}.requests-header{margin-bottom:2rem}.requests-header h1{font-size:2.5rem;margin-bottom:.75rem}.requests-intro{color:var(--text-secondary);line-height:1.6;max-width:60ch}.request-form{display:flex;flex-direction:column;gap:1.25rem;padding:2rem;margin-bottom:3rem}.request-field{display:flex;flex-direction:column;gap:.4rem}.request-field label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.request-field input,.request-field textarea{width:100%;font-size:.95rem}.request-field textarea{min-height:80px;resize:vertical;font-family:inherit}.request-hint{font-size:.8rem;color:var(--text-muted)}.request-error{color:var(--danger);font-size:.85rem}.request-banner{padding:.85rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.5}.request-banner.is-error{background:rgba(239,68,68,.12);border:1px solid var(--danger);color:var(--danger)}.request-banner.is-success{background:rgba(16,185,129,.12);border:1px solid var(--success);color:var(--success)}.request-list{display:flex;flex-direction:column;gap:1rem}.request-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;flex-wrap:wrap}.request-item-main{flex:1;min-width:200px}.request-item-actions{display:flex;align-items:center;gap:.75rem}.request-item h3{margin:0;font-size:1.05rem}.request-item-meta{color:var(--text-secondary);font-size:.85rem;margin-top:.2rem}.request-item-note{color:var(--text-muted);font-size:.85rem;margin-top:.5rem;line-height:1.5}.request-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--glass-border);color:var(--text-secondary)}.request-status.is-pending{background:rgba(217,119,6,.15);border-color:#d97706;color:#d97706}.request-status.is-approved{background:var(--reading-format-active-bg);border-color:var(--brand-primary);color:var(--brand-primary)}.request-status.is-added{background:rgba(16,185,129,.15);border-color:var(--success);color:var(--success)}.request-status.is-rejected{background:rgba(239,68,68,.12);border-color:var(--danger);color:var(--danger)}.request-cancel{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:6px 14px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}.request-cancel:hover{border-color:var(--danger);color:var(--danger)}.requests-empty{text-align:center;color:var(--text-muted);padding:2.5rem;border:1px dashed var(--glass-border);border-radius:12px}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;animation:tourFadeIn .3s ease}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}.tour-shade{position:fixed;background:rgba(5,4,10,.72);transition:all .25s ease}.tour-hole{position:fixed;border:2px solid var(--brand-primary);box-shadow:0 0 24px #6366f173,0 0 0 200vmax #05040ab8;pointer-events:none}.tour-hole.is-gliding{transition:top .4s cubic-bezier(.22,1,.36,1),left .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1),border-radius .4s cubic-bezier(.22,1,.36,1)}.tour-card{position:fixed;width:min(380px,calc(100vw - 32px));background:var(--bg-secondary);border:1px solid var(--brand-primary);border-radius:16px;padding:1.25rem 1.4rem;box-shadow:0 18px 50px #00000080;outline:none;animation:tourCardIn .35s cubic-bezier(.22,1,.36,1)}@keyframes tourCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tour-card--sheet{animation:tourSheetIn .35s cubic-bezier(.22,1,.36,1)}@keyframes tourSheetIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tour-card--sheet{left:50%;transform:translate(-50%);bottom:calc(var(--mobile-nav-height, 70px) + env(safe-area-inset-bottom) + 12px);width:calc(100vw - 24px);max-width:420px}.tour-progress{display:flex;gap:6px;margin-bottom:.8rem}.tour-dot{width:7px;height:7px;border-radius:50%;background:rgba(127,127,127,.35);transition:background .2s ease,transform .2s ease}.tour-dot.is-done{background:var(--brand-primary);opacity:.55}.tour-dot.is-current{background:var(--brand-primary);transform:scale(1.25)}.tour-title{margin:0 0 .4rem;font-size:1.1rem}.tour-body{margin:0 0 1.1rem;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.tour-skip{background:none;border:none;padding:.4rem 0;color:var(--text-muted);font-size:.82rem;cursor:pointer}.tour-skip:hover{color:var(--text-primary);text-decoration:underline}.tour-nav{display:flex;gap:.5rem}.tour-btn{padding:.5rem 1.1rem;font-size:.85rem}@media (prefers-reduced-motion: reduce){.tour-shade,.tour-hole.is-gliding,.tour-dot{transition:none}.tour-root,.tour-card,.tour-card--sheet{animation:none}}:root{--bg-primary: #0a0a0f;--bg-secondary: #13131c;--bg-tertiary: #1c1c28;--brand-primary: #6366f1;--brand-secondary: #8b5cf6;--brand-glow: rgba(99, 102, 241, .4);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--danger: #ef4444;--success: #10b981;--glass-bg: rgba(19, 19, 28, .65);--glass-border: rgba(255, 255, 255, .08);--navbar-bg: rgba(10, 10, 15, .8);--mobile-nav-bg: rgba(13, 13, 21, .9);--input-bg: rgba(0, 0, 0, .2);--card-hover-border: rgba(255, 255, 255, .15);--lyric-word-hover-bg: rgba(255, 255, 255, .1);--kanji-dashed-border: rgba(255, 255, 255, .5);--reading-format-active-bg: rgba(99, 102, 241, .15);--reading-format-inactive-bg: rgba(255, 255, 255, .03);--body-bg-image: radial-gradient(circle at 15% 50%, rgba(99, 102, 241, .08), transparent 25%), radial-gradient(circle at 85% 30%, rgba(139, 92, 246, .08), transparent 25%)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--brand-primary: #4f46e5;--brand-secondary: #7c3aed;--brand-glow: rgba(79, 70, 229, .1);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .08);--navbar-bg: rgba(248, 250, 252, .8);--mobile-nav-bg: rgba(255, 255, 255, .95);--input-bg: rgba(15, 23, 42, .04);--card-hover-border: rgba(99, 102, 241, .25);--lyric-word-hover-bg: rgba(99, 102, 241, .08);--kanji-dashed-border: rgba(15, 23, 42, .3);--reading-format-active-bg: rgba(99, 102, 241, .1);--reading-format-inactive-bg: rgba(15, 23, 42, .02);--body-bg-image: radial-gradient(circle at 15% 50%, rgba(99, 102, 241, .04), transparent 25%), radial-gradient(circle at 85% 30%, rgba(139, 92, 246, .04), transparent 25%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:var(--body-bg-image);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.title-gradient{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .title-gradient{background:linear-gradient(135deg,#1e1b4b 0%,#4f46e5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border:none;padding:10px 24px;border-radius:12px;font-family:Inter,sans-serif;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--brand-glow)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--brand-glow)}.btn-outline{background:transparent;border:1px solid var(--brand-primary);box-shadow:none;color:var(--brand-primary)}.btn-outline:hover{background:rgba(99,102,241,.1);box-shadow:none}input,select,textarea{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:12px 16px;border-radius:12px;font-family:Inter,sans-serif;outline:none;transition:all .3s ease}input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-glow)}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.nav-brand{font-family:Outfit,sans-serif;font-weight:800;font-size:1.5rem;display:flex;align-items:center;gap:.5rem;text-decoration:none}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.mobile-bottom-nav{display:none!important}@media (max-width: 768px){.mobile-bottom-nav{display:flex!important}}main.content{flex:1;padding:3rem 5%;max-width:1400px;margin:0 auto;width:100%}.page-enter{opacity:0;transform:translateY(10px);animation:fadeUp .5s forwards cubic-bezier(.16,1,.3,1)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.kanji-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2001;width:90%;max-width:650px;padding:2.5rem;max-height:85vh;overflow-y:auto;box-sizing:border-box;animation:modalEnter .3s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.kanji-modal{padding:1rem!important;width:88%!important;max-height:75vh;margin:0}.kanji-modal h1{font-size:1.8rem!important}.kanji-modal p{font-size:.85rem!important;line-height:1.4!important}.kanji-modal h3{font-size:.75rem!important;margin-bottom:.75rem!important}.kanji-modal .btn{font-size:.75rem!important;padding:.4rem .6rem!important;white-space:nowrap!important}.kanji-modal span[style*="font-size: 2rem"]{font-size:1.4rem!important;margin-right:.5rem!important}.kanji-modal span[style*="color: var(--text-secondary)"]{font-size:.8rem!important}.kanji-modal .glass-panel{padding:.75rem!important;gap:.5rem!important}}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.song-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.song-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03));opacity:0;transition:opacity .3s ease;pointer-events:none}.song-card:hover{transform:translateY(-5px);border-color:var(--card-hover-border)}.song-card:hover:before{opacity:1}.song-status{position:absolute;top:1rem;right:1rem;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #0000004d;letter-spacing:.02em;text-transform:uppercase}.status-completed{background-color:#10b981!important;color:#fff!important}.status-in-progress{background-color:var(--brand-primary)!important;color:#fff!important}.status-not-started{background-color:#d97706!important;color:#fff!important}.viewer-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;height:calc(100vh - 150px)}.lyrics-container{overflow-y:auto;padding-right:1rem;display:flex;flex-direction:column;gap:1.5rem}.lyrics-container::-webkit-scrollbar{width:6px}.lyrics-container::-webkit-scrollbar-track{background:transparent}.lyrics-container::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}.lyric-line{font-size:1.5rem;line-height:1.8;color:var(--text-secondary);transition:all .2s ease}.lyric-line:hover{color:var(--text-primary)}.lyric-word{cursor:pointer;padding:0 2px;border-radius:4px;transition:all .15s ease;position:relative}.lyric-word:hover{background:var(--lyric-word-hover-bg);color:var(--brand-primary)}.lyric-word.kanji{border-bottom:2px dashed var(--kanji-dashed-border)}.kanji-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:85vh;overflow-y:auto;z-index:1000;padding:2rem}.highlight-line{background:rgba(99,102,241,.15)!important;box-shadow:0 0 15px #6366f133;border:1px solid var(--brand-primary)!important}.hover-bright:hover{background:rgba(255,255,255,.08)!important;transform:translate(4px);border-color:var(--brand-primary)!important}@media (max-width: 768px){:root{--navbar-height: 60px;--mobile-nav-height: 70px}body{padding-bottom:var(--mobile-nav-height)}.navbar{padding:1rem 5%;position:fixed;width:100%;top:0}.nav-links{display:none}main.content{padding:1.5rem 4%;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 1.25rem);margin-top:calc(var(--navbar-height) + 1rem)}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}.glass-panel{padding:1.25rem!important}.song-grid{grid-template-columns:1fr;gap:1rem}.viewer-layout{display:flex;flex-direction:column;height:auto;gap:2rem;overflow:visible}.lyrics-container{height:auto!important;max-height:none!important;overflow:visible!important}.media-container iframe{height:auto;aspect-ratio:16/9}.lyrics-container{padding-right:0}.lyric-line{font-size:1.2rem;line-height:1.6}.mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.7rem;font-weight:500;flex:1;height:100%;justify-content:center}.mobile-nav-item.active{color:var(--brand-primary)}.mobile-nav-item svg{width:20px;height:20px}}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr!important;gap:1.5rem!important}}@media (max-width: 768px){.hero-title{font-size:2.2rem!important}.hero-subtitle{font-size:1rem!important}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:50px;height:50px;border:3px solid var(--glass-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[role=switch]:focus-visible,[role=radio]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.is-disabled,[aria-disabled=true],button:disabled{cursor:not-allowed;opacity:.55}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-loading{display:flex;align-items:center;justify-content:center;height:60vh}.skip-link{position:absolute;left:1rem;top:-100px;z-index:2000;padding:.75rem 1.25rem;border-radius:0 0 12px 12px;background:var(--brand-primary);color:#fff;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0}.nav-link-with-badge{display:inline-flex;align-items:center;gap:.5rem}.nav-due-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:.7rem;font-weight:700;line-height:1}.mobile-nav-item{position:relative}.mobile-nav-badge{position:absolute;top:6px;left:55%;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:.65rem;font-weight:700;line-height:18px;text-align:center}.home-page{max-width:1200px;margin:0 auto}.home-hero{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.home-hero h1{font-size:3.5rem;line-height:1.1;margin-bottom:1rem}.home-hero-sub{color:var(--text-secondary);font-size:1.1rem;max-width:600px}.home-search{position:relative;width:100%;max-width:400px}.home-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.home-search input{width:100%;padding-left:3rem}.home-request-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:3rem;color:var(--text-secondary);font-size:.95rem;text-decoration:none}.home-request-link:hover{color:var(--brand-primary)}.home-section{margin-bottom:4rem}.home-section:last-child{margin-bottom:0}.home-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.home-section-title{display:flex;align-items:center;gap:1rem;flex:1;min-width:200px}.home-section-title h2{margin:0;font-size:1.75rem}.home-rule{height:1px;flex:1;background:linear-gradient(90deg,var(--glass-border),transparent)}.home-empty{text-align:center;color:var(--text-muted);padding:3rem;border:1px dashed var(--glass-border);border-radius:12px}.home-filters{display:flex;gap:.35rem;flex-wrap:wrap;background:var(--input-bg);padding:4px;border-radius:10px;border:1px solid var(--glass-border)}.home-filter{border:none;background:transparent;color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.home-filter:hover{color:var(--text-primary)}.home-filter[aria-pressed=true]{background:var(--brand-primary);color:#fff}.home-filter[aria-pressed=true].is-warning{background:#d97706}.home-filter[aria-pressed=true].is-success{background:var(--success)}.song-card{padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:default}.song-card__media{display:block;height:160px;position:relative;background:linear-gradient(45deg,var(--bg-tertiary),var(--bg-secondary));background-size:cover;background-position:center}.song-card__progress-track{position:absolute;bottom:0;left:0;width:100%;height:4px;background:rgba(127,127,127,.25);z-index:3}.song-card__progress-bar{height:100%;background:var(--brand-primary);box-shadow:0 0 10px var(--brand-glow);transition:width .5s ease-in-out}.song-card__body{display:flex;flex-direction:column;flex:1;gap:.4rem;padding:1.25rem}.song-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.song-card__titles{flex:1;min-width:0}.song-card__title{font-size:1.2rem;margin:0}.song-card__title a{color:inherit;text-decoration:none}.song-card__title a:hover{color:var(--brand-primary)}.song-card__artist{color:var(--text-secondary);font-size:.9rem;margin:.2rem 0 .75rem}.song-card__meta{font-size:.75rem;color:var(--text-muted)}.song-card__meta+.song-card__meta{margin-bottom:.5rem}.song-card__action{margin-top:auto;width:100%;font-size:.9rem;padding:.6rem;text-align:center;text-decoration:none;display:block}.song-card__delete{flex-shrink:0;background:var(--input-bg);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.song-card__delete:hover{background:var(--danger);color:#fff;transform:scale(1.08)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.dialog-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:90%;max-width:450px;padding:2rem}.dialog-title{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--danger)}.dialog-title h2{margin:0;font-size:1.5rem}.dialog-message{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.dialog-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-danger-solid{background:var(--danger);border-color:var(--danger);box-shadow:none}@media (max-width: 768px){.home-hero{gap:1rem;margin-bottom:1.5rem}.home-hero h1{font-size:1.85rem!important;margin-bottom:.5rem}.home-hero-sub{font-size:.92rem}.home-section-title h2{font-size:1.5rem!important}.song-card{padding:0!important}.home-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.home-filters::-webkit-scrollbar{display:none}.home-filter{flex-shrink:0}}