:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg)}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:750}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#2f3328;background:#fff;margin:0}button,select,textarea,input:not([type=checkbox]):not([type=radio]){color:#2f3328;background-color:#fff;border-color:#98c3ae}button,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){appearance:none}input[type=checkbox],input[type=radio]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fff;border-color:#98c3ae}*{scrollbar-color:#7db7ac transparent}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cddbb2;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#98c3ae}.app{max-width:960px;margin:0 auto;padding:40px 20px;font-family:sans-serif}.admin-table-wrap{margin:20px 0 32px;overflow-x:auto}.admin-data-table{border-collapse:collapse;width:100%;font-size:14px}.admin-data-table th,.admin-data-table td{text-align:left;vertical-align:top;border:1px solid #7db7ac57;padding:10px}.admin-data-table th{white-space:nowrap;background:#f3f8f3}.admin-album-cover{object-fit:cover;border-radius:8px;width:52px;height:52px;display:block}.admin-list-search{gap:7px;margin:18px 0;display:grid}.admin-list-search label{font-size:14px;font-weight:700}.admin-list-search div{align-items:center;gap:12px;display:flex}.admin-list-search input{color:#2f3328;width:min(460px,100%);min-width:0;font:inherit;background:#fff;border:1px solid #7db7ac57;border-radius:10px;padding:10px 12px}.admin-list-search input:focus{border-color:#7db7ac;outline:3px solid #7db7ac29}.admin-list-search span{color:#5f644f;flex:none;font-size:13px}.admin-row-actions{white-space:nowrap;gap:8px;display:flex}.danger-button{color:#9b2929;cursor:pointer;border:1px solid #c66;border-radius:10px;padding:8px 12px}.danger-button:disabled{cursor:not-allowed;opacity:.5}.editor-table textarea{box-sizing:border-box;resize:vertical;width:100%;min-width:150px;min-height:72px}.editor-table select{min-width:90px;padding:8px}.published-song-edit-page{max-width:1400px}.published-vocabulary-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.published-vocabulary-heading h2{margin-bottom:4px}.published-vocabulary-heading .subtitle{margin-top:0}.new-vocabulary-row{background:#4caf5014}.danger-button.compact{white-space:nowrap;min-width:auto;padding:8px 12px}.vocabulary-study-data-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.vocabulary-study-data-review .song-request-card{margin:0}.app-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#fffffff0;border-bottom:1px solid #2f332814;flex:none;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:64px;margin:0 auto;padding:10px 24px;font-family:sans-serif;display:flex;position:sticky;top:0}.app-header-logo{flex:none;align-items:center;display:inline-flex}.app-header-logo img{width:auto;height:40px;display:block}.app-header-brand{flex:none;align-items:center;gap:14px;display:flex}.app-header-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.app-header-link{color:#2f3328;border-radius:10px;flex:none;padding:8px 10px;font-size:14px;text-decoration:none}.app-header-link:hover,.app-header-link.active{color:#477d73;background:#f3f8f3}.app-header-link.active{font-weight:700}.name-display-toggle{color:#5f644f;cursor:pointer;background:#f3f5f1;border:1px solid #7db7ac57;border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.name-display-toggle span{border-radius:999px;padding:5px 8px;font-size:12px;line-height:1}.name-display-toggle span.active{color:#477d73;background:#fff;font-weight:700;box-shadow:0 1px 3px #2f33281f}.current-song-edit-link{color:#477d73;background:#7db7ac1a;border:1px solid #7db7ac7a;font-weight:700}.current-song-edit-link:hover,.current-song-edit-link.active{background:#7db7ac33;border-color:#7db7ac}.request-song-link{flex:none}.catalog-search{flex:0 300px;width:min(300px,28vw);min-width:220px;position:relative}.catalog-search-input-wrap{position:relative}.catalog-search-input-wrap svg{fill:none;stroke:#5f644f;stroke-linecap:round;stroke-width:1.8px;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.catalog-search-input-wrap input{width:100%;height:40px;font:inherit;box-sizing:border-box;background:#f8fbf8;border:1px solid #7db7ac57;border-radius:999px;padding:0 34px 0 38px;font-size:14px}.catalog-search-input-wrap input:focus{background:#fff;border-color:#7db7ac;outline:3px solid #7db7ac29}.catalog-search-input-wrap input::placeholder{color:#858a7b}.catalog-search-results{box-sizing:border-box;background:#fff;border:1px solid #7db7ac57;border-radius:12px;width:min(380px,100vw - 32px);max-height:min(480px,100vh - 96px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 14px 38px #2f332829}.catalog-search-result{color:#2f3328;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.catalog-search-result:hover,.catalog-search-result.active{background:#f3f8f3}.catalog-search-result-type{color:#477d73;text-align:center;background:#7db7ac29;border-radius:6px;flex:none;min-width:28px;padding:4px 6px;font-size:11px;font-weight:700}.catalog-search-result-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.catalog-search-result-copy strong,.catalog-search-result-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-search-result-copy strong{font-size:14px}.catalog-search-result-copy small{color:#5f644f;font-size:12px}.catalog-search-empty{color:#5f644f;text-align:center;margin:0;padding:18px 12px;font-size:13px}.auth-user{align-items:center;gap:10px;min-width:0;display:flex}.auth-form{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;max-width:620px;display:flex;position:relative}.auth-google-button{border-color:#c7c7c7;font-weight:600}.auth-email-toggle{color:#5f644f;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:8px 10px;font-size:12px;position:relative}.auth-email-form{z-index:20;background:#fff;border:1px solid #7db7ac57;border-radius:10px;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001a}.auth-fields,.auth-actions{gap:6px;display:flex}.auth-input{color:#2f3328;width:150px;min-width:0;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #7db7ac57;border-radius:10px;padding:8px 10px;font-size:14px}.auth-input:focus{border-color:#7db7ac;outline:none}.auth-message{color:#5f644f;text-align:right;flex-basis:100%;min-height:16px;font-size:12px}.auth-message:empty{display:none}.auth-email{color:#5f644f;text-overflow:ellipsis;white-space:nowrap;max-width:min(280px,45vw);font-size:14px;overflow:hidden}.auth-button{color:#2f3328;font:inherit;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:10px;padding:8px 13px;font-size:14px}.auth-button:hover:not(:disabled){background:#f8fbf6;border-color:#7db7ac}.auth-button:disabled{cursor:not-allowed;opacity:.55}.auth-link{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.song-request-page{max-width:720px}.song-request-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.song-request-card{background:#fff;border:1px solid #7db7ac57;border-radius:20px;gap:18px;padding:28px;display:grid;box-shadow:0 8px 24px #2f33280f}.song-request-field{color:#2f3328;gap:8px;font-size:14px;font-weight:700;display:grid}.song-request-field strong{color:#a54b43}.song-request-field small{color:#5f644f;font-size:12px;font-weight:400}.song-request-field input,.song-request-field select,.song-request-field textarea{color:#2f3328;width:100%;font:inherit;box-sizing:border-box;resize:vertical;border:1px solid #98c3ae;border-radius:10px;padding:12px 14px;font-weight:400}.song-request-field input:focus,.song-request-field select:focus,.song-request-field textarea:focus{outline-offset:1px;border-color:#7db7ac;outline:2px solid #7db7ac33}.song-request-field input:disabled,.song-request-field select:disabled,.song-request-field textarea:disabled{opacity:.6}.song-request-notice,.song-request-message{border-radius:10px;margin:0;padding:12px 14px;font-size:14px}.song-request-notice,.song-request-message.error{color:#7a4038;background:#fff7f5;border:1px solid #d8a7a0}.song-request-message.success{color:#49675d;background:#cddbb238;border:1px solid #7db7ac57}.song-request-submit{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#7db7ac;border:1px solid #7db7ac;border-radius:10px;padding:12px 18px;font-weight:700}.song-request-submit:hover:not(:disabled){background:#69a79b}.song-request-submit:disabled{cursor:not-allowed;opacity:.55}.song-import-page{max-width:1360px}.admin-page-heading,.detail-page-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-page-actions{margin-bottom:20px}.admin-import-tabs{border-bottom:1px solid #7db7ac57;gap:28px;margin:22px 0 28px;display:flex}.admin-import-tabs a{color:#5f644f;border-bottom:1px solid #0000;margin-bottom:-1px;padding:0 2px 11px;font-size:15px;font-weight:600;text-decoration:none;position:relative}.admin-import-tabs a:hover{color:#2f3328}.admin-import-tabs a.active{color:#2f3328;border-bottom:3px solid #2f3328;font-weight:800}.song-request-admin-items{gap:10px;display:grid}.song-request-admin-item{background:#fff;border:1px solid #7db7ac57;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px;display:grid}.song-request-admin-item>div:first-child{gap:4px;display:grid}.song-request-admin-item>div:first-child span,.song-request-admin-item>a{color:#5f644f;font-size:13px}.request-reject-button{color:#834444;font:inherit;cursor:pointer;background:#fff7f5;border:1px solid #b86767;border-radius:10px;padding:8px 12px;font-weight:700}.song-request-reject-form{border-top:1px solid #7db7ac57;grid-column:1/-1;gap:12px;padding-top:14px;display:grid}.song-request-reject-form label{gap:6px;display:grid}.song-request-reject-form label span{font-size:13px;font-weight:700}.song-request-reject-form select,.song-request-reject-form textarea{width:100%;font:inherit;background:#fff;border:1px solid #98c3ae;border-radius:10px;padding:9px 10px}.song-request-reject-form>div{justify-content:flex-end;gap:8px;display:flex}.song-request-reject-form button{font:inherit;cursor:pointer;background:#fff;border:1px solid #98c3ae;border-radius:10px;padding:8px 12px}.song-request-reject-form button[type=submit]{color:#fff;background:#b86767;border-color:#b86767;font-weight:700}.song-request-reject-form button:disabled{cursor:not-allowed;opacity:.55}.album-manager-layout{grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:16px;display:grid}.album-manager-layout.album-manager-form-only{grid-template-columns:minmax(0,720px)}.album-manager-list{align-content:start;gap:8px;display:grid}.album-manager-list button{text-align:left;background:#fff;border:1px solid #ddd;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;display:flex}.album-manager-list span{color:#777;font-size:13px}.album-manager-actions{align-items:center;gap:8px;display:flex}.album-cover-control{gap:12px;display:grid}.album-cover-upload-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.album-cover-upload-row small{color:#5f644f;font-size:12px;font-weight:400}.album-cover-upload-button{color:#2f3328;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #98c3ae;border-radius:10px;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.album-cover-upload-button:hover:not(.disabled){border-color:#7db7ac}.album-cover-upload-button.disabled{cursor:not-allowed;opacity:.55}.album-cover-upload-button input{opacity:0;cursor:inherit;position:absolute;inset:0}.album-cover-preview{aspect-ratio:1;background:#f7f4ed;border:1px solid #7db7ac57;border-radius:10px;place-items:center;width:min(300px,100%);display:grid;overflow:hidden}.album-cover-preview img{object-fit:cover;width:100%;height:100%;display:block}.album-cover-empty{color:#5f644f;text-align:center;border-style:dashed;font-size:14px;font-weight:700}.album-cover-url-label{margin-top:2px}.album-cover-url-label>span{color:#5f644f;font-size:13px}.import-metadata-form{margin:16px 0}.published-song-album-meta{background:#f7f4ed;border-radius:12px;align-items:center;gap:12px;margin:0 0 18px;padding:12px;display:flex}.published-song-album-meta img{object-fit:cover;border-radius:8px;width:64px;height:64px}.published-song-album-meta>div{flex:auto;gap:3px;min-width:0;display:grid}.published-song-album-meta span{color:#666;font-size:13px}.published-song-album-meta .published-song-youtube-button{flex:none;margin:0 0 0 auto}.youtube-play-button{color:#fff;width:fit-content;font:inherit;cursor:pointer;background:#f03;border:0;border-radius:999px;align-items:center;gap:7px;margin:0 0 18px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #f033}.youtube-play-button:hover{background:#d9002b}.youtube-play-button:focus-visible{outline-offset:2px;outline:3px solid #ff003340}.youtube-pip{z-index:1200;background:#181818;border:1px solid #00000029;border-radius:14px;width:min(390px,100vw - 32px);position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 18px 48px #00000057}.youtube-pip.is-dragging,.youtube-pip.is-resizing{box-shadow:0 22px 58px #0000006b}.youtube-pip-resize-handle{z-index:2;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#ffffffd1 0 3px,#0000 3px 6px,#ffffff94 6px 8px,#0000 8px);border:0;border-radius:13px 0 9px;width:18px;height:18px;padding:0;position:absolute;top:0;left:0}.youtube-pip-resize-handle:focus-visible{outline-offset:-3px;outline:2px solid #fff}.youtube-pip-header{color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#7db7ac;justify-content:space-between;align-items:center;gap:8px;min-height:26px;padding:2px 5px 2px 22px;display:flex}.youtube-pip-header:active{cursor:grabbing}.youtube-pip-header>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.youtube-pip-header>div{flex:none;align-items:center;gap:2px;display:flex}.youtube-pip-header button,.youtube-pip-header a{color:#fff;width:24px;height:24px;font:inherit;cursor:pointer;touch-action:auto;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:16px;line-height:1;text-decoration:none;display:grid}.youtube-pip-header button:hover,.youtube-pip-header a:hover{background:#ffffff24}.youtube-pip-video{aspect-ratio:16/9;background:#000}.youtube-pip-video iframe{border:0;width:100%;height:100%;display:block}@media (width<=600px){.youtube-pip{width:clamp(220px,66.667vw - 16px,260px);bottom:12px;right:12px}.youtube-pip-resize-handle{width:32px;height:32px}}.song-import-create-section{margin-top:22px}.song-import-create-section>.song-import-section-heading h2{margin:0;font-size:20px}.song-import-create-section>.song-import-section-heading{margin-bottom:12px}.song-import-extract-option{align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.song-import-extract-option input{margin:0}.song-import-lyrics-preview{border:1px solid var(--line,#d9d9d9);background:#ffffff8c;border-radius:10px;margin:12px 0 18px;padding:14px}.song-import-lyrics-summary{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.song-import-lyrics-preview details{margin-top:10px}.song-import-lyrics-preview summary{cursor:pointer;font-weight:600}.song-import-lyrics-preview ol,.song-import-lyrics-preview ul{max-height:260px;margin:10px 0 0;padding-left:28px;overflow:auto}.song-import-lyrics-preview li{white-space:pre-wrap;margin:4px 0}.song-import-workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:22px;margin-top:28px;scroll-margin-top:20px;display:grid}.song-import-workspace>.song-import-history{margin-top:0}.song-import-workspace .song-import-list-item button{grid-template-columns:minmax(0,1fr) auto}.song-import-workspace .song-import-list-item time{grid-column:1/-1}.song-import-work-area{min-width:0}.song-import-work-area>:first-child{margin-top:0}.song-import-work-empty,.song-import-work-header{background:#fff;border:1px solid #7db7ac57;border-radius:20px;padding:24px}.song-import-work-empty h2{margin:0 0 8px;font-size:20px}.song-import-work-empty p{color:#5f644f;margin:0}.song-import-work-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.song-import-work-header h2{margin:4px 0;font-size:26px}.song-import-work-header p{color:#5f644f;margin:0}.song-import-eyebrow{color:#5f644f;font-size:12px;font-weight:700}.song-import-next-action{border-top:1px solid #7db7ac57;grid-column:1/-1;align-items:baseline;gap:10px;padding-top:14px;display:flex}.song-import-next-action span{color:#5f644f;font-size:13px}.song-import-next-action strong{color:#47786f;font-size:15px}.song-import-form textarea{resize:vertical}.song-import-history,.song-import-preview,.import-vocabulary-editor,.publish-review-panel{background:#fff;border:1px solid #7db7ac57;border-radius:20px;margin-top:22px;padding:24px}.song-import-history h2,.song-import-preview h2,.import-vocabulary-editor h2,.publish-review-panel h2{margin:0;font-size:20px}.song-import-history .subtitle,.song-import-preview .subtitle,.import-vocabulary-editor .subtitle,.publish-review-panel .subtitle{margin:18px 0 0}.publish-review-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.publish-review-heading h2{margin:0;font-size:20px}.publish-review-heading p{color:#5f644f;margin:5px 0 0;font-size:14px}.publish-review-song{background:#cddbb229;border-bottom:1px solid #7db7ac57;gap:4px;padding:16px;display:grid}.publish-review-song strong{font-size:18px}.publish-review-song span{color:#5f644f;font-size:14px}.publish-review-loading{color:#5f644f;margin:14px 0 0;font-size:13px}.publish-pipeline-steps{grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;margin:16px 0 0;padding:0 0 4px;list-style:none;display:grid;overflow-x:auto}.publish-pipeline-steps li{color:#5f644f;border:1px solid #7db7ac57;border-radius:10px;align-items:center;gap:7px;min-width:90px;padding:10px;font-size:12px;font-weight:700;display:flex}.publish-pipeline-steps li span{font-size:15px}.publish-pipeline-steps li.completed{color:#356447;background:#edf7f0;border-color:#b8d5c0}.publish-pipeline-steps li.current{color:#765c13;background:#fff7d9;border-color:#dfc576}.publish-pipeline-steps li.waiting{background:#f7f7f5}.publish-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.publish-review-group{border:1px solid #7db7ac57;border-radius:10px;padding:15px}.publish-review-group h3{margin:0 0 10px;font-size:14px}.publish-review-group dl{gap:8px;margin:0;display:grid}.publish-review-group dl div{justify-content:space-between;gap:12px;display:flex}.publish-review-group dt{color:#5f644f;font-size:12px}.publish-review-group dd{margin:0;font-size:13px;font-weight:700}.publish-review-group small{color:#5f644f;margin-top:10px;font-size:10px;line-height:1.4;display:block}.publish-review-checklist{background:#fffaf0;border-radius:10px;gap:8px;margin:16px 0 0;padding:16px;list-style:none;display:grid}.publish-review-checklist li{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.publish-review-checklist li span{color:#fff;text-align:center;border-radius:50%;width:20px;height:20px;line-height:20px}.publish-review-checklist li.passed{color:#356447}.publish-review-checklist li.passed span{background:#5c8a69}.publish-review-checklist li.failed{color:#834444}.publish-review-checklist li.failed span{background:#b86767}.publish-readiness-summary{border:1px solid;border-radius:10px;margin-top:16px;padding:15px 16px}.publish-readiness-summary>strong{margin-bottom:8px;font-size:14px;display:block}.publish-readiness-summary p{margin:0;font-size:13px}.publish-readiness-summary ul{gap:6px;margin:0;padding-left:20px;display:grid}.publish-readiness-summary li{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.publish-readiness-summary li.failure{color:#834444}.publish-readiness-summary li.warning{color:#765c13}.publish-readiness-summary button{color:inherit;font:inherit;cursor:pointer;background:#ffffffa6;border:1px solid;border-radius:5px;flex:none;padding:4px 8px;font-size:11px;font-weight:700}.publish-readiness-summary button:disabled{cursor:not-allowed;opacity:.5}.publish-readiness-summary.blocked{color:#765c13;background:#fff7d9;border-color:#dfc576}.publish-readiness-summary.completed{color:#356447;background:#edf7f0;border-color:#b8d5c0}.publish-review-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.publish-review-actions button{min-width:120px;min-height:42px;font:inherit;cursor:pointer;border-radius:10px;padding:9px 16px;font-weight:700}.publish-review-actions button:disabled{cursor:not-allowed;opacity:.5}.publish-review-actions .preview{color:#2f3328;background:#fffaf0;border:1px solid #98c3ae}.publish-review-actions .publish{color:#fff;background:#7db7ac;border:1px solid #7db7ac}.vocabulary-review-progress{grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px;margin-bottom:16px;display:grid;overflow-x:auto}.vocabulary-review-progress span{color:#5f644f;background:#cddbb233;border-radius:10px;padding:12px;font-size:12px}.vocabulary-review-progress strong{color:#2f3328;margin-bottom:2px;font-size:22px;display:block}.vocabulary-editor-filters{grid-template-columns:minmax(180px,1fr) 160px 180px;align-items:center;gap:10px;display:grid}.vocabulary-editor-filters input[type=search],.vocabulary-editor-filters select{min-height:40px;font:inherit;background:#fff;border:1px solid #98c3ae;border-radius:10px;padding:8px 10px}.vocabulary-filter-result{color:#5f644f;margin:10px 0;font-size:12px}.vocabulary-editor-table-wrap{overflow-x:auto}.vocabulary-editor-table{border-collapse:collapse;width:100%;min-width:1120px;font-size:13px}.vocabulary-editor-table th,.vocabulary-editor-table td{text-align:left;vertical-align:top;border-bottom:1px solid #7db7ac57;padding:8px}.vocabulary-editor-table th{white-space:nowrap;background:#cddbb22e}.vocabulary-editor-table tr.incomplete td:first-child{box-shadow:inset 3px 0 #d8a7a0}.vocabulary-editor-table input,.vocabulary-editor-table select,.vocabulary-editor-table textarea{color:#2f3328;width:100%;min-width:110px;font:inherit;background:#fff;border:1px solid #98c3ae;border-radius:5px;padding:7px 8px}.vocabulary-editor-table textarea{resize:vertical;min-width:170px}.vocabulary-editor-table td:first-child{min-width:90px}.vocabulary-editor-table td:nth-child(7){text-align:center}.vocabulary-editor-table .vocabulary-context-row td{border-bottom:1px solid #7db7ac57;padding:0 8px 12px}.vocabulary-word-cell,.vocabulary-meaning-field{justify-items:start;gap:6px;display:grid}.vocabulary-row-action{color:#5f644f;min-width:0;font:inherit;cursor:pointer;background:#fff;border:1px solid #98c3ae;border-radius:5px;padding:4px 7px;font-size:11px}.vocabulary-row-action.regenerate{color:#47786f}.vocabulary-row-action:disabled{cursor:not-allowed;opacity:.5}.vocabulary-field-badge{color:#47786f;white-space:nowrap;background:#7db7ac24;border-radius:999px;align-items:center;width:fit-content;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.vocabulary-field-badge.modified{color:#7d5953;background:#d8a7a02e}.vocabulary-context-block{color:#5f644f;overflow-wrap:anywhere;background:#cddbb229;border-radius:0 0 10px 10px;gap:7px;padding:12px 14px;font-size:12px;line-height:1.6;display:grid}.vocabulary-context-block p{color:inherit;white-space:pre-wrap;grid-template-columns:72px minmax(0,1fr);gap:8px;margin:0;display:grid}.vocabulary-context-block b{color:#2f3328;font-weight:700}.vocabulary-surface-form,.vocabulary-context-meta,.vocabulary-context-summary{flex-wrap:wrap;gap:8px 20px;display:flex}.vocabulary-context-meta span{overflow-wrap:anywhere;min-width:0}.vocabulary-editor-save{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.vocabulary-editor-save span{color:#5f644f;font-size:13px}.vocabulary-editor-save button{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#7db7ac;border:1px solid #7db7ac;border-radius:10px;padding:9px 16px;font-weight:700}.vocabulary-editor-save button:disabled{cursor:not-allowed;opacity:.55}.vocabulary-ai-meaning-guide{gap:2px;margin-right:auto;display:grid}.vocabulary-ai-meaning-guide span{color:#2f3328;font-weight:700}.vocabulary-ai-meaning-guide small{color:#5f644f;font-size:12px}.song-import-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.song-import-section-heading p{color:#5f644f;margin:5px 0 0;font-size:14px}.song-import-section-heading>span{color:#5f644f;font-size:13px}.song-import-list{gap:10px;display:grid}.song-import-more{color:#2f3328;font:inherit;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:999px;justify-self:center;margin-top:4px;padding:8px 14px;font-size:13px;font-weight:700}.song-import-list-item{background:#fff;border:1px solid #7db7ac57;border-radius:10px;overflow:hidden}.song-import-list-item.selected{border-color:#7db7ac;box-shadow:0 0 0 2px #7db7ac2e}.song-import-list-item button{color:#2f3328;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;display:grid}.song-import-list-item time{color:#5f644f;font-size:12px}.song-import-list-main{gap:3px;min-width:0;display:grid}.song-import-list-main strong,.song-import-list-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-import-list-main span{color:#5f644f;font-size:13px}.song-import-status{color:#5f644f;background:#ececec;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.song-import-status.draft{color:#765c13;background:#fff3cd}.song-import-status.published,.song-import-status.approved{color:#356447;background:#dff1e5}.song-import-status.rejected,.song-import-status.failed{color:#834444;background:#f8dddd}.song-import-source{color:#5f644f;padding:0 14px 12px;font-size:12px}.song-import-source a{color:#47786f}.song-import-empty{color:#5f644f;margin:0;font-size:14px}.song-import-line-table-wrap{overflow-x:auto}.song-import-line-table{border-collapse:collapse;width:100%;font-size:13px}.song-import-line-table th,.song-import-line-table td{text-align:left;vertical-align:top;border-bottom:1px solid #7db7ac57;min-width:120px;padding:10px}.song-import-line-table th{white-space:nowrap;background:#cddbb22e}.song-import-line-table th:first-child,.song-import-line-table td:first-child{color:#5f644f;width:36px;min-width:auto}.song-import-line-table tr:last-child td{border-bottom:0}.song-import-pipeline{background:#fff;border:1px solid #7db7ac57;border-radius:20px;gap:18px;margin-top:22px;padding:24px;display:grid}.song-import-pipeline h2{margin:0 0 6px;font-size:20px}.song-import-pipeline p{color:#5f644f;margin:0;font-size:14px}.song-import-pipeline-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.song-import-pipeline-actions button{color:#2f3328;min-height:42px;font:inherit;background:#cddbb233;border:1px solid #98c3ae;border-radius:10px;font-weight:700}.song-import-pipeline-actions button:disabled{cursor:not-allowed;opacity:.55}.progress-complete{color:#49675d;font-size:12px;font-weight:700}.quiz-save-message{color:#5f644f;text-align:center;margin:14px 0 0;font-size:14px}.mypage-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.account-level-card{background:radial-gradient(circle at 100% 0,#cddbb26b,#0000 38%),#fff;border:1px solid #7db7ac73;border-radius:20px;gap:13px;margin-bottom:20px;padding:22px;display:grid;box-shadow:0 8px 24px #2f33280f}.account-level-card p{color:#5f644f;margin:0;font-size:12px}.account-level-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.account-level-footer a{color:#477d73;flex:none;font-size:12px;font-weight:700;text-decoration:none}.account-level-heading,.account-level-progress-copy{justify-content:space-between;align-items:center;gap:14px;display:flex}.account-level-heading>div{gap:3px;min-width:0;display:grid}.account-level-heading strong{font-size:21px}.account-level-heading div>span{color:#5f644f;font-size:13px}.account-level-badge{color:#fff;background:#477d73;border-radius:999px;flex:none;padding:9px 13px;font-size:18px;font-weight:800}.account-level-progress-copy{color:#5f644f;font-size:13px}.account-level-progress-copy span:last-child{text-align:right}.account-level-progress{background:#7db7ac33;border-radius:999px;height:12px;overflow:hidden}.account-level-progress>span{border-radius:inherit;background:linear-gradient(90deg,#7db7ac,#cddbb2);width:0;height:100%;transition:width .45s;display:block}.account-title-collection{margin-bottom:20px}.account-title-next{color:#5f644f;background:#7db7ac1f;border-radius:10px;align-items:baseline;gap:7px;margin:-4px 0 16px;padding:11px 13px;font-size:13px;display:flex}.account-title-next strong{color:#2f3328}.account-title-next span{margin-left:auto;font-size:12px}.account-title-next.is-complete{color:#477d73;font-weight:700}.account-title-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.account-title-grid li{border:1px solid #7db7ac57;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.account-title-grid li>div{gap:3px;min-width:0;display:grid}.account-title-grid strong{overflow-wrap:anywhere;font-size:14px}.account-title-grid div span{color:#5f644f;font-size:11px}.account-title-grid .is-unlocked{background:#cddbb229}.account-title-grid .is-equipped{background:#7db7ac29;border-color:#7db7ac;box-shadow:inset 3px 0 #7db7ac}.account-title-grid .is-locked{filter:grayscale(.85);opacity:.62;background:#6b72800d}.account-title-equip{color:#477d73;font:inherit;cursor:pointer;background:#ffffffc7;border:1px solid #7db7ac;border-radius:999px;flex:none;margin-left:auto;padding:7px 10px;font-size:11px;font-weight:800}.account-title-equip:hover:not(:disabled){color:#fff;background:#7db7ac}.account-title-equip:disabled{cursor:wait;opacity:.55}.account-title-message{color:#477d73;margin:13px 0 0;font-size:12px;font-weight:700}.account-title-message.is-error{color:#b14b4b}.account-title-badge{background:#ffffffb8;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid;box-shadow:0 4px 12px #2f332814}.account-title-guide{color:#5f644f;margin:13px 0 0;font-size:12px}.level-guide-page{width:min(100% - 32px,1040px);padding-bottom:64px}.level-guide-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.level-guide-heading .page-title,.level-guide-heading .subtitle{margin-left:0;margin-right:0}.level-guide-heading .test-button{flex:none;margin:0;text-decoration:none}.level-guide-notice,.level-guide-xp-rules,.level-guide-titles,.level-guide-table-card{background:#fff;border:1px solid #7db7ac57;border-radius:20px;margin-bottom:18px;padding:22px;box-shadow:0 8px 24px #2f33280f}.level-guide-notice{background:#7db7ac1c}.level-guide-notice p{color:#5f644f;margin:6px 0 0;font-size:13px;line-height:1.6}.level-guide-titles h2,.level-guide-xp-rules h2,.level-guide-table-card h2{margin:3px 0 16px}.level-guide-xp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.level-guide-xp-grid article{background:#cddbb21a;border:1px solid #7db7ac57;border-radius:12px;gap:12px;padding:15px;display:flex}.level-guide-xp-grid article>span{font-size:26px}.level-guide-xp-grid article>div{gap:3px;display:grid}.level-guide-xp-grid b{color:#477d73;font-size:13px}.level-guide-xp-grid p{color:#5f644f;margin:2px 0 0;font-size:12px;line-height:1.5}.level-guide-xp-policy{background:#7db7ac1f;border-radius:12px;margin-top:12px;padding:14px 16px}.level-guide-xp-policy ul{color:#5f644f;gap:4px;margin:8px 0 0;padding-left:20px;font-size:12px;line-height:1.5;display:grid}.account-xp-history{margin-bottom:20px}.account-xp-history .mypage-section-heading>a{color:#477d73;font-size:12px;font-weight:700;text-decoration:none}.account-xp-filters{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.account-xp-filters button{color:#5f644f;font:inherit;cursor:pointer;background:0 0;border:1px solid #7db7ac57;border-radius:999px;padding:6px 10px;font-size:12px}.account-xp-filters button.is-active{color:#477d73;background:#7db7ac29;border-color:#7db7ac;font-weight:700}.account-xp-event-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.account-xp-event-list li{background:#cddbb214;border:1px solid #7db7ac57;border-radius:12px}.account-xp-event-list li>a,.account-xp-event-list li>div{color:#2f3328;align-items:center;gap:11px;padding:11px 13px;text-decoration:none;display:flex}.account-xp-event-list li>a:hover{background:#7db7ac14}.account-xp-event-list li>a>div:not(.account-xp-event-result),.account-xp-event-list li>div>div:not(.account-xp-event-result){gap:2px;min-width:0;display:grid}.account-xp-event-list li>a>div:not(.account-xp-event-result)>span,.account-xp-event-list li>div>div:not(.account-xp-event-result)>span{color:#5f644f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-xp-event-icon{background:#7db7ac1f;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.account-xp-event-result{text-align:right;flex:none;gap:2px;margin-left:auto;display:grid}.account-xp-event-result strong{color:#477d73}.account-xp-event-result time{color:#5f644f;font-size:10px}.xp-analytics-page{width:min(100% - 32px,1120px);padding-bottom:64px}.xp-analytics-period{gap:6px;display:flex}.xp-analytics-period button{color:#5f644f;font:inherit;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:999px;padding:7px 11px;font-size:12px}.xp-analytics-period button.is-active{color:#477d73;background:#7db7ac29;border-color:#7db7ac;font-weight:700}.xp-analytics-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.xp-analytics-summary article{background:#fff;border:1px solid #7db7ac57;border-radius:20px;gap:6px;padding:18px;display:grid}.xp-analytics-summary span{color:#5f644f;font-size:12px}.xp-analytics-summary strong{color:#477d73;font-size:27px}.xp-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.xp-analytics-card{background:#fff;border:1px solid #7db7ac57;border-radius:20px;padding:20px}.xp-analytics-card h2{margin:0 0 16px;font-size:18px}.xp-source-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.xp-source-list li{align-items:center;gap:10px;display:flex}.xp-source-list li>span{font-size:22px}.xp-source-list li>div{flex:1;gap:3px;min-width:0;display:grid}.xp-source-list small{color:#5f644f;font-size:10px}.xp-source-list li>b{flex:none;justify-items:end;font-size:12px;display:grid}.xp-source-list i,.xp-source-list i>span{border-radius:999px;height:6px;display:block}.xp-source-list i{background:#7db7ac24;overflow:hidden}.xp-source-list i>span{background:#7db7ac}.xp-level-distribution{gap:8px;max-height:310px;display:grid;overflow-y:auto}.xp-level-distribution>div{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;font-size:11px;display:grid}.xp-level-distribution i,.xp-level-distribution i>span{border-radius:999px;height:9px;display:block}.xp-level-distribution i{background:#cddbb233;overflow:hidden}.xp-level-distribution i>span{background:linear-gradient(90deg,#7db7ac,#cddbb2)}.xp-level-distribution strong{text-align:right}.xp-daily-card{margin-top:14px}.xp-daily-card>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xp-daily-card>div:first-child>span{color:#5f644f;font-size:11px}.xp-daily-chart{border-bottom:1px solid #7db7ac57;align-items:end;gap:3px;height:190px;padding-top:8px;display:flex}.xp-daily-chart>div{flex:1;align-items:end;height:100%;display:flex;position:relative}.xp-daily-chart>div>span{background:#7db7ac;border-radius:4px 4px 0 0;width:100%;min-height:2px;display:block}.xp-daily-chart small{color:#5f644f;margin-top:5px;font-size:9px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.level-guide-title-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.level-guide-title-grid article{opacity:.64;border:1px solid #7db7ac57;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:flex}.level-guide-title-grid article.is-unlocked{opacity:1;background:#cddbb224;border-color:#7db7ac8c}.level-guide-title-grid article>span{font-size:21px}.level-guide-title-grid article>div{gap:2px;min-width:0;display:grid}.level-guide-title-grid strong{overflow-wrap:anywhere;font-size:13px}.level-guide-title-grid small{color:#5f644f;font-size:11px}.level-guide-table-scroll{border:1px solid #7db7ac57;border-radius:12px;overflow-x:auto}.level-guide-table-scroll table{border-collapse:collapse;width:100%;min-width:650px;font-size:13px}.level-guide-table-scroll th,.level-guide-table-scroll td{text-align:left;border-bottom:1px solid #7db7ac57;padding:11px 14px}.level-guide-table-scroll thead th{color:#5f644f;background:#f6f8f3;font-size:11px;position:sticky;top:0}.level-guide-table-scroll tbody tr:last-child>*{border-bottom:0}.level-guide-table-scroll tbody th{color:#477d73}.level-guide-table-scroll tr.is-current>*{background:#7db7ac26;font-weight:700}.home-account-level-link{color:#2f3328;max-width:520px;margin-bottom:24px;text-decoration:none;display:block}.home-account-level-link .account-level-card{gap:9px;margin:0;padding:15px 17px;transition:border-color .18s,transform .18s}.home-account-level-link:hover .account-level-card{border-color:#7db7ac;transform:translateY(-1px)}.home-account-level-link .account-level-heading strong{font-size:17px}.home-account-level-link .account-level-badge{padding:7px 10px;font-size:15px}.level-up-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1f2621b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-xp-toast{z-index:900;background:#fff;border:1px solid #7db7ac8c;border-radius:12px;gap:2px;min-width:150px;padding:13px 17px;animation:.3s ease-out level-up-dialog-enter;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 36px #1f262133}.account-xp-toast strong{color:#477d73;font-size:18px}.account-xp-toast span{color:#5f644f;font-size:12px}.daily-quest-toast{z-index:1100;color:#37685f;background:#edf7f4;border:1px solid #7db7ac73;border-radius:14px;flex-direction:column;gap:2px;min-width:210px;padding:13px 17px;animation:.3s ease-out level-up-dialog-enter;display:flex;position:fixed;bottom:92px;right:24px;box-shadow:0 12px 32px #2b4f4833}.daily-quest-toast span{color:#61736f;font-size:13px}.level-up-dialog{text-align:center;background:#fff;border:1px solid #cddbb2cc;border-radius:26px;gap:17px;width:min(100%,480px);padding:34px;animation:.45s cubic-bezier(.2,.9,.25,1.2) level-up-dialog-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #12181452}.level-up-dialog h2{color:#477d73;margin:0;font-size:clamp(32px,8vw,48px)}.level-up-dialog .account-level-card{text-align:left;margin:0}.level-up-dialog .next-button{width:100%}.level-up-skip{z-index:1;color:#5f644f;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 9px;font-size:12px;position:absolute;top:15px;right:15px}.level-up-sparkles{justify-content:center;gap:22px;font-size:28px;display:flex}.level-up-sparkles span{animation:1.4s ease-in-out infinite alternate level-up-sparkle}.level-up-sparkles span:nth-child(2){animation-delay:.15s}.level-up-sparkles span:nth-child(3){animation-delay:.3s}.level-up-sparkles span:nth-child(4){animation-delay:.45s}.level-up-earned{color:#5f644f;justify-content:center;align-items:center;gap:9px;margin:0;display:flex}.level-up-earned strong{color:#477d73}.level-up-title-unlocked{background:#cddbb247;border-radius:12px;gap:5px;padding:14px;display:grid}.level-up-title-unlocked span{color:#5f644f;font-size:12px}.level-up-title-unlocked strong{font-size:19px}.level-up-awards{background:#7db7ac1a;border-radius:10px;gap:7px;margin:0;padding:12px 14px;list-style:none;display:grid}.level-up-awards li{justify-content:space-between;display:flex}.level-up-actions{gap:8px;display:grid}.level-up-actions .test-button{width:100%}@keyframes level-up-dialog-enter{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes level-up-sparkle{0%{transform:translateY(3px)rotate(-5deg)}to{transform:translateY(-5px)rotate(5deg)}}@media (prefers-reduced-motion:reduce){.account-level-progress>span,.level-up-dialog,.level-up-sparkles span{transition:none;animation:none}}.mypage-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.mypage-stat-card,.mypage-card,.auth-required-card{background:#fff;border:1px solid #7db7ac57;border-radius:20px;box-shadow:0 8px 24px #2f33280f}.mypage-stat-card{flex-direction:column;gap:5px;padding:20px;display:flex}.mypage-stat-card strong{font-size:32px}.mypage-stat-card span{color:#5f644f;font-size:14px}.learning-streak-card{margin-bottom:20px;padding:24px}.learning-streak-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.learning-streak-heading h2{margin:4px 0 6px}.learning-streak-heading p{color:#5f644f;margin:0}.learning-streak-heading>strong{color:#477d73;white-space:nowrap;font-size:38px}.learning-streak-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.learning-streak-stats>span{color:#5f644f;background:#7db7ac1a;border-radius:12px;flex-direction:column;gap:3px;padding:12px;font-size:12px;display:flex}.learning-streak-stats strong{color:#2f3328;font-size:22px}.learning-streak-card h3{margin:0 0 12px;font-size:15px}.learning-calendar-weekdays,.learning-calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.learning-calendar-weekdays{color:#5f644f;text-align:center;margin-bottom:6px;font-size:12px}.learning-calendar-day,.learning-calendar-spacer{aspect-ratio:1}.learning-calendar-day{font:inherit;background:#fff;border:1px solid #7db7ac57;border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative}.learning-calendar-day small{color:#5f644f;font-size:11px}.learning-calendar-day .learning-calendar-check{font-size:10px;position:absolute;bottom:1px;right:4px}.learning-calendar-day.is-learned{color:#fff;background:#7db7ac;border-color:#7db7ac}.learning-calendar-day.is-learned small{color:#fff}.learning-calendar-day.is-today{border:2px solid #7db7ac}button.learning-calendar-day{cursor:pointer;padding:0}button.learning-calendar-day:focus-visible{z-index:3;outline-offset:2px;outline:3px solid #477d734d}.learning-calendar-popover{z-index:10;color:#2f3328;text-align:left;background:#fff;border:1px solid #477d733d;border-radius:13px;width:220px;padding:14px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #2d45412e}.learning-calendar-popover:before{content:"";background:#fff;border-top:1px solid #477d733d;border-left:1px solid #477d733d;width:9px;height:9px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.learning-calendar-popover>strong{margin-bottom:10px;font-size:14px;display:block}.learning-calendar-popover dl{gap:6px;margin:0;display:grid}.learning-calendar-popover dl div{justify-content:space-between;gap:16px;display:flex}.learning-calendar-popover dt{color:#5f644f;font-size:12px;font-weight:400}.learning-calendar-popover dd{margin:0;font-size:12px;font-weight:700}.learning-calendar-popover .learning-calendar-xp{border-bottom:1px solid #7db7ac57;margin-bottom:2px;padding-bottom:7px}.learning-calendar-popover .learning-calendar-xp dt,.learning-calendar-popover .learning-calendar-xp dd{color:#477d73;font-weight:700}.learning-calendar-popover p{color:#5f644f;border-top:1px solid #7db7ac57;align-items:center;gap:6px;margin:10px 0 0;padding-top:9px;font-size:12px;display:flex}.learning-calendar-popover p.is-complete{color:#477d73;font-weight:700}.learning-calendar-day.align-left .learning-calendar-popover{left:0;transform:none}.learning-calendar-day.align-left .learning-calendar-popover:before{left:18px;transform:rotate(45deg)}.learning-calendar-day.align-right .learning-calendar-popover{left:auto;right:0;transform:none}.learning-calendar-day.align-right .learning-calendar-popover:before{left:auto;right:18px;transform:rotate(45deg)}.dungeon-growth-stat{background:#7db7ac1c}.dungeon-growth-stat strong{color:#477d73}.master-growth-stat{background:linear-gradient(135deg,#ffefb39e,#7db7ac1f)}.master-growth-stat strong{color:#a77b12}.song-mastery-badge{color:#52645e;white-space:nowrap;background:#f1f5f0;border:1px solid #7db7ac47;border-radius:999px;align-items:center;gap:6px;min-width:106px;padding:7px 10px;display:inline-flex}.song-mastery-badge b{color:#d9a51e;font-size:14px}.song-mastery-badge strong{font-size:13px}.song-mastery-badge small{font-size:10px;font-weight:700}.song-mastery-badge.is-master{color:#8a6410;background:linear-gradient(135deg,#fff3bd,#fffaf0);border-color:#d7a5227a;box-shadow:0 4px 14px #be8b1129}.song-mastery-badge.is-compact{justify-content:center}.song-mastery-panel{background:linear-gradient(145deg,#f7fbf8,#fff);border:1px solid #7db7ac52;border-radius:18px;margin:18px 0 22px;padding:20px}.song-mastery-panel.is-master{background:linear-gradient(145deg,#fff8d9,#fffdf5);border-color:#d7a52273}.song-mastery-panel.is-loading{color:#5f644f;font-size:13px}.song-mastery-panel.is-compact{border-radius:10px;margin:0;padding:12px}.song-mastery-panel.is-compact .song-mastery-heading{gap:8px}.song-mastery-panel.is-compact .song-mastery-heading p{letter-spacing:.08em;margin-bottom:2px;font-size:8px}.song-mastery-panel.is-compact .song-mastery-heading h2{font-size:14px}.song-mastery-panel.is-compact .song-mastery-badge{min-width:0;padding:5px 7px}.song-mastery-panel.is-compact .song-mastery-badge strong{font-size:12px}.song-mastery-panel.is-compact .song-mastery-badge small{display:none}.song-mastery-panel.is-compact .song-mastery-total-track{height:6px;margin-top:10px}.song-mastery-panel.is-compact .song-mastery-copy{margin-top:4px;margin-bottom:10px;font-size:11px}.song-mastery-panel.is-compact .song-mastery-breakdown{grid-template-columns:1fr}.song-mastery-panel.is-compact .song-mastery-breakdown>div{padding:8px 9px}.song-mastery-panel.is-compact .song-mastery-breakdown strong{font-size:14px}.song-mastery-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.song-mastery-heading p{color:#6a9188;letter-spacing:.12em;margin:0 0 3px;font-size:10px;font-weight:800}.song-mastery-heading h2{margin:0;font-size:20px}.song-mastery-total-track{background:#7db7ac26;border-radius:999px;height:9px;margin-top:16px;overflow:hidden}.song-mastery-total-track span{border-radius:inherit;background:linear-gradient(90deg,#7db7ac,#d5a83d);height:100%;transition:width .4s;display:block}.song-mastery-copy{color:#5f644f;margin:10px 0 16px;font-size:12px;line-height:1.55}.song-mastery-expand{color:#6a9188;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:24px;margin-top:3px;padding:0;display:flex}.song-mastery-expand svg{width:18px;height:18px;transition:transform .32s cubic-bezier(.22,1,.36,1)}.song-mastery-expand[aria-expanded=true] svg{transform:rotate(180deg)}.song-mastery-expand:focus-visible{outline-offset:1px;border-radius:6px;outline:2px solid #7db7ac}.song-mastery-details{opacity:0;will-change:grid-template-rows, opacity;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1),opacity .24s ease-out;display:grid}.song-mastery-details>div{min-height:0;transition:transform .32s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(-4px)}.song-mastery-details.is-expanded{opacity:1;grid-template-rows:1fr}.song-mastery-details.is-expanded>div{transform:translateY(0)}.song-mastery-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.song-mastery-breakdown>div{background:#ffffffb8;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.song-mastery-breakdown span{font-size:12px;font-weight:700}.song-mastery-breakdown span small{color:#5f644f;margin-top:2px;font-size:10px;font-weight:500;display:block}.song-mastery-breakdown strong{font-size:16px}.song-mastery-breakdown strong small{color:#5f644f;font-size:10px}.master-celebration-backdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22261f9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.master-celebration{text-align:center;background:radial-gradient(circle at 50% 0,#fff1a8,#fffdf4 56%);border:1px solid #e1b74199;border-radius:28px;width:min(420px,100%);padding:36px 30px 30px;animation:.35s ease-out level-up-dialog-enter;box-shadow:0 24px 80px #1c1f1952}.master-celebration>span{color:#d6a51e;text-shadow:0 5px 18px #be8b114d;font-size:54px}.master-celebration p{color:#9b7418;letter-spacing:.16em;margin:8px 0 5px;font-size:11px;font-weight:900}.master-celebration h2{margin:0;font-size:25px}.master-celebration>strong{color:#a77b12;margin-top:8px;font-size:30px;display:block}.master-celebration>small{color:#5f644f;margin:12px auto 22px;line-height:1.6;display:block}.master-celebration button{color:#fff;font:inherit;cursor:pointer;background:#5f958a;border:0;border-radius:12px;padding:11px 18px;font-weight:700}@media (width<=640px){.song-mastery-breakdown{grid-template-columns:1fr}.song-mastery-badge small{display:none}.song-mastery-badge{min-width:auto}}.mypage-dungeon-card{margin-bottom:20px}.mypage-dungeon-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mypage-dungeon-list li,.mypage-dungeon-list a{min-width:0}.mypage-dungeon-list li{background:#cddbb22b;border:1px solid #7db7ac57;border-radius:12px}.mypage-dungeon-list a,.mypage-dungeon-list .mypage-dungeon-static{color:#2f3328;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;text-decoration:none;display:flex}.mypage-dungeon-list .mypage-dungeon-static>div:first-child,.mypage-dungeon-list a>div:first-child{gap:4px;display:grid}.mypage-dungeon-list span,.mypage-dungeon-list time{color:#5f644f;font-size:12px}.mypage-dungeon-result{flex:none;justify-items:end;gap:2px;display:grid}.mypage-dungeon-result>strong{color:#477d73}.mypage-detail-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;display:grid}.mypage-card{padding:22px}.mypage-card h2{margin:0 0 18px;font-size:20px}.mypage-word-list,.mypage-song-list{margin:0;padding:0}.mypage-word-list{padding-left:24px}.mypage-word-list li{padding:7px 0 7px 5px}.mypage-word-list li::marker{color:#5f644f}.mypage-word-list strong{overflow-wrap:anywhere}.mypage-word-details{color:#5f644f;flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:13px;display:flex}.mypage-word-details time{white-space:nowrap}.mypage-song-list{gap:10px;list-style:none;display:grid}.mypage-song-list li{background:#cddbb238;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.mypage-song-list a{color:#2f3328;font-weight:700;text-decoration:none}.mypage-song-list span{color:#5f644f;font-size:13px}.mypage-empty{color:#5f644f}.mypage-favorite-card{margin-top:20px}.mypage-favorite-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.mypage-favorite-list li{background:#ffe88f38;border-radius:12px;min-width:0}.mypage-favorite-list a,.mypage-favorite-list .mypage-favorite-unavailable{color:#2f3328;align-items:center;gap:11px;min-width:0;padding:13px 14px;text-decoration:none;display:flex}.mypage-favorite-list a:hover strong{text-decoration:underline}.mypage-favorite-list a>span:last-child,.mypage-favorite-list .mypage-favorite-unavailable{min-width:0}.mypage-favorite-list strong,.mypage-favorite-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mypage-favorite-list small{color:#5f644f;margin-top:3px;font-size:12px}.mypage-favorite-star{color:#e1ad19;flex:none;font-size:22px}.mypage-favorite-unavailable{opacity:.65}.mypage-request-card{margin-top:20px}.mypage-request-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mypage-request-list li{background:#cddbb238;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.mypage-request-link{width:100%;color:inherit;justify-content:space-between;align-items:center;gap:16px;text-decoration:none;display:flex}.mypage-request-link:hover strong{text-decoration:underline}.mypage-request-more{color:#2f3328;font:inherit;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:999px;margin:14px auto 0;padding:8px 14px;font-size:13px;font-weight:700;display:block}.mypage-request-info{gap:4px;display:grid}.mypage-request-info span,.mypage-request-info time{color:#5f644f;font-size:13px}.mypage-request-status{border-radius:999px;flex:none;padding:6px 10px;font-size:13px;font-weight:700}.mypage-request-status.pending{color:#765c13;background:#fff3cd}.mypage-request-status.processing{color:#5d4778;background:#e8e1f4}.mypage-request-status.approved{color:#356447;background:#dff1e5}.mypage-request-status.rejected{color:#834444;background:#f8dddd}.mypage-request-status.added{color:#315f75;background:#dcecf4}.mypage-request-status.unknown{color:#5f644f;background:#ececec}.mypage-error{color:#7a4038;background:#fff7f5;border:1px solid #d8a7a0;border-radius:12px;margin-bottom:18px;padding:12px 16px}.mypage-error p{margin:3px 0}@media (width<=768px){.admin-page-heading{flex-direction:column;align-items:flex-start}.song-request-admin-item{grid-template-columns:minmax(0,1fr) auto}.song-request-admin-item>a{grid-column:1/-1}.album-manager-layout{grid-template-columns:1fr}.mypage-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mypage-detail-grid{grid-template-columns:1fr}.mypage-stat-card{padding:16px}.account-level-card{padding:18px}.account-level-progress-copy{flex-direction:column;align-items:flex-start;gap:3px}.account-level-progress-copy span:last-child{text-align:left}.account-level-footer{flex-direction:column;align-items:flex-start;gap:6px}.account-title-next{flex-direction:column;align-items:flex-start;gap:3px}.account-title-next span{margin-left:0}.account-title-grid{grid-template-columns:1fr}.level-guide-page{box-sizing:border-box;width:100%;padding:20px 16px 48px}.level-guide-heading{flex-direction:column;align-items:stretch}.level-guide-heading .test-button{width:fit-content}.level-guide-notice,.level-guide-xp-rules,.level-guide-titles,.level-guide-table-card{padding:17px}.level-guide-title-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-guide-xp-grid{grid-template-columns:1fr}.account-xp-history .mypage-section-heading{align-items:flex-start;gap:10px}.xp-analytics-page{box-sizing:border-box;width:100%;padding:20px 16px 48px}.xp-analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-analytics-grid{grid-template-columns:1fr}.xp-analytics-period{flex-wrap:wrap}.level-up-dialog{gap:14px;padding:28px 18px 20px}.account-xp-toast{bottom:16px;left:16px;right:16px}.daily-quest-toast{min-width:0;bottom:84px;left:14px;right:14px}.mypage-dungeon-list a,.mypage-dungeon-list .mypage-dungeon-static{align-items:flex-start}.song-request-card{padding:20px}.vocabulary-editor-filters{grid-template-columns:1fr}.vocabulary-context-block p{grid-template-columns:1fr;gap:1px}.vocabulary-editor-save{align-items:stretch}.vocabulary-editor-save .vocabulary-ai-meaning-guide{width:100%}.vocabulary-editor-save button{flex:150px}.publish-review-grid,.song-import-workspace{grid-template-columns:1fr}}.app.vocab-study.vocabulary-card-mode{-webkit-user-select:none;user-select:none;flex:1 1 0;align-items:stretch;gap:12px;height:auto;min-height:0;overflow:hidden}.vocabulary-card-mode img{-webkit-user-drag:none}.vocabulary-card-mode .vocab-study-panel{flex-direction:column;height:100%;min-height:0;padding:12px 16px 10px;display:flex;overflow:hidden}.vocabulary-card-mode .desktop-header{flex:none}.vocabulary-card-mode .vocabulary-primary-toolbar{flex:none}.vocabulary-primary-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 7px;display:flex}.vocabulary-primary-toolbar .vocabulary-view-switch{margin:0;padding:3px}.vocabulary-primary-toolbar .vocabulary-view-switch button{min-height:34px;padding:0 14px;font-size:13px}.vocabulary-quick-actions{gap:7px;display:flex}.vocabulary-quick-actions button{color:#2f3328;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 13px;font-weight:750;display:inline-flex}.vocabulary-quick-actions button svg{stroke-width:1.8px;width:18px;height:18px}.vocabulary-quick-actions button:disabled{cursor:wait;opacity:.65}.vocabulary-settings-overlay .controls-panel{z-index:1;box-sizing:border-box;pointer-events:auto;background:#fff;border:1px solid #7db7ac57;border-radius:20px;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);max-height:calc(100dvh - 92px);padding:18px;display:flex;position:fixed;inset:76px 16px auto auto;overflow-y:auto;transform:none;box-shadow:0 24px 70px #2f332838}.vocabulary-settings-overlay .toolbar-close{display:inline-flex}.vocabulary-settings-overlay .toolbar-action-row,.vocabulary-settings-overlay .toolbar-actions{flex-direction:column;align-items:stretch;width:100%}.vocabulary-settings-overlay .toolbar-actions{gap:7px}.vocabulary-settings-overlay .test-button,.vocabulary-settings-overlay .known-words-filter-toggle,.vocabulary-settings-overlay .toolbar-visibility-toggle,.vocabulary-settings-overlay .progress-badge,.vocabulary-settings-overlay .search-input,.vocabulary-settings-overlay .select-box{box-sizing:border-box;width:100%}.vocabulary-settings-overlay .test-button{min-height:42px;margin:0}.vocabulary-settings-overlay .search-input{min-height:44px;margin:0}.vocabulary-settings-overlay .select-row{flex-direction:column;margin:0}.vocabulary-settings-overlay .progress-badge{align-items:flex-start}@media (width>=1101px){.app.vocab-study.vocabulary-card-mode{grid-template-columns:minmax(190px,230px) minmax(560px,900px) minmax(0,1fr)}}@media (width<=1100px){.app.vocab-study.vocabulary-card-mode{flex-direction:column;gap:0;height:auto;padding:0;display:flex;overflow:hidden}.vocabulary-card-mode .vocab-study-content{flex:1 1 0;min-height:0;padding:8px 12px}.vocabulary-card-mode .vocab-study-panel{border-radius:20px}.vocabulary-card-mode .vocab-sidebar{display:none}}.vocabulary-toolbar{gap:0!important}.vocabulary-toolbar-section{border-bottom:1px solid #2f332817;gap:8px;padding:11px 0;display:grid}.vocabulary-toolbar-section:first-of-type{padding-top:0}.vocabulary-toolbar-section:last-child{border-bottom:0;padding-bottom:0}.vocabulary-toolbar-heading{color:#5f644f;letter-spacing:.025em;align-items:center;gap:7px;margin:0;font-family:inherit;font-size:12px;font-weight:850;display:flex}.vocabulary-toolbar-heading svg{color:#7db7ac;width:17px;height:17px}.vocabulary-progress-section .progress-badge{white-space:normal;background:linear-gradient(135deg,#cddbb24d,#7db7ac1a);border-color:#7db7ac4d;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;min-height:60px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.vocabulary-progress-section .progress-badge .progress-percent{grid-row:1/3;font-size:24px}.vocabulary-progress-section .progress-badge .progress-count,.vocabulary-progress-section .progress-badge .progress-complete{margin:0}.vocabulary-segmented{background:#2f332812;border-radius:11px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.vocabulary-segmented button{color:#5f644f;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 8px;font-size:12px;font-weight:750}.vocabulary-segmented button.active{color:#2f3328;background:#fff;box-shadow:0 2px 8px #2f33281a}.vocabulary-segmented.compact{width:142px}.vocabulary-switch-row,.vocabulary-setting-row{color:#2f3328;justify-content:space-between;align-items:center;gap:8px;min-height:34px;font-size:13px;display:flex}.vocabulary-switch-row>span,.vocabulary-setting-row>span{align-items:center;gap:6px;display:inline-flex}.vocabulary-switch-row svg,.vocabulary-setting-row svg{color:#5f644f;width:17px;height:17px}.vocabulary-switch-row input[role=switch]{appearance:none;cursor:pointer;background:#2f33282e;border-radius:999px;width:38px;height:22px;margin:0;transition:background-color .18s;position:relative}.vocabulary-switch-row input[role=switch]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #2f332833}.vocabulary-switch-row input[role=switch]:checked{background:#7db7ac}.vocabulary-switch-row input[role=switch]:checked:after{transform:translate(16px)}.vocabulary-toolbar .select-box{border-radius:10px;width:100%;min-height:38px;padding:7px 10px;font-size:13px}.vocabulary-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.vocabulary-mode-grid button{color:#2f3328;cursor:pointer;background:0 0;border:1px solid #7db7ac57;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:56px;padding:7px 4px;font-size:11px;font-weight:750;display:flex}.vocabulary-mode-grid button:hover{background:#7db7ac1a;border-color:#7db7aca6}.vocabulary-mode-grid button svg{color:#7db7ac;width:20px;height:20px}.vocabulary-search-field{background:#fff;border:1px solid #98c3ae;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 10px;display:flex}.vocabulary-search-field svg{color:#5f644f;flex:none;width:18px;height:18px}.vocabulary-search-field input{color:#2f3328;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:0}.vocabulary-detail-filter .toolbar-count{color:#5f644f;text-align:right;margin:0;font-size:11px}@media (height<=780px) and (width>=1101px){.vocabulary-toolbar-section{gap:5px;padding:7px 0}.vocabulary-progress-section .progress-badge{min-height:48px;padding:7px 10px}.vocabulary-mode-grid button{min-height:48px}}@media (width<=768px){.vocabulary-card-mode .vocab-study-content{height:100%;padding:0 8px 8px;overflow:hidden}.vocabulary-card-mode .vocab-study-panel{background:0 0;border:0;border-radius:0;height:100%;min-height:0;padding:0 4px 6px;overflow:hidden}.vocabulary-card-mode .mobile-topbar{flex:none;min-height:46px;margin:0}.vocabulary-card-mode .mobile-topbar .page-title{font-size:19px!important}.vocabulary-card-mode .mobile-topbar .toolbar-toggle,.vocabulary-card-mode .mobile-topbar .song-favorite-button{width:36px;height:36px}.vocabulary-primary-toolbar{margin:2px 4px 5px}.vocabulary-primary-toolbar .vocabulary-view-switch button{padding:0 10px}.vocabulary-quick-actions button{min-height:36px;padding:0 10px;font-size:12px}.vocabulary-card-mode .vocabulary-study-session{width:100%}.vocabulary-card-mode .vocabulary-flashcard{height:100%;min-height:0}.vocabulary-card-mode .vocabulary-flashcard-face{padding:18px 18px 58px}.vocabulary-card-mode .vocabulary-card-eyebrow{margin-bottom:12px}.vocabulary-card-mode .vocabulary-card-hint{margin-top:14px}.vocabulary-card-mode .vocabulary-session-navigation,.vocabulary-card-mode .vocabulary-session-judgement{margin-top:5px}.vocabulary-card-mode .vocabulary-session-navigation button,.vocabulary-card-mode .vocabulary-session-judgement button{min-height:39px;font-size:13px}.vocabulary-settings-overlay .controls-panel{width:min(340px,100vw - 16px);max-height:calc(100dvh - 16px);top:8px;right:8px}}@media (height<=720px){.vocabulary-card-mode .vocabulary-card-eyebrow,.vocabulary-card-mode .vocabulary-card-hint,.vocabulary-card-mode .vocabulary-keyboard-help{display:none}.vocabulary-card-mode .vocabulary-flashcard-face{padding-top:14px;padding-bottom:52px}.vocabulary-card-mode .vocabulary-session-navigation button,.vocabulary-card-mode .vocabulary-session-judgement button{min-height:36px}}@media (width<=560px){.app-header{flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px}.app-header-logo img{height:34px}.app-header-brand{justify-content:space-between;width:100%}.app-header-nav{display:none}.catalog-search{flex:100%;order:10;width:100%;min-width:0}.catalog-search-results{width:100%;left:0;right:auto}.request-song-link{align-self:flex-end}.song-request-heading{gap:12px}.mypage-request-list li,.mypage-request-link{flex-direction:column;align-items:flex-start}.song-import-list-item button{grid-template-columns:minmax(0,1fr) auto}.song-import-list-item time{grid-column:1/-1}}.page-title{margin-bottom:8px;font-size:40px}.subtitle{color:#5f644f;margin-bottom:28px}.word-title{margin:0 0 12px;font-size:52px}.reading{color:#5f644f;font-size:24px}.desktop-header{display:block}.vocab-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.vocab-title-row .page-title{margin-right:auto}.song-favorite-button{color:#9a9077;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:29px;line-height:1;transition:transform .16s,color .16s,background .16s;display:inline-flex}.song-favorite-button:hover:not(:disabled){transform:scale(1.06)}.song-favorite-button:focus-visible{outline:3px solid #7db7ac40}.song-favorite-button:disabled{cursor:wait;opacity:.6}.song-favorite-button.active{color:#e1ad19}.card-grid{gap:16px;display:grid}.vocab-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.vocab-list-grid{gap:16px;display:grid}.vocab-select-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:20px;padding:20px}.vocab-select-card:hover{background:#cddbb2;border-color:#cddbb2}.home-page{box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;max-width:none}.home-page img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.home-learning-streak{color:#477d73;background:#7db7ac1a;border:1px solid #7db7ac61;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:calc(100% - 32px);margin:14px auto 0;padding:10px 16px;font-size:14px;display:flex}.home-learning-streak span{color:#5f644f}.daily-quest-card{background:#fff;border:1px solid #7db7ac47;border-radius:22px;padding:24px;box-shadow:0 12px 35px #48635e14}.daily-quest-card.is-compact{padding:18px 20px}.daily-quest-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.daily-quest-heading h2,.daily-quest-heading p{margin:0}.daily-quest-heading h2{font-size:20px}.daily-quest-heading div>span{color:#746e69;margin-top:4px;font-size:13px;display:block}.daily-quest-heading>strong{color:#487a71;flex:none;font-size:14px}.daily-quest-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.daily-quest-list li{background:#fffdfa;border:1px solid #eee9e4;border-radius:15px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.daily-quest-list li.is-complete{background:#edf7f4;border-color:#7db7ac73}.daily-quest-icon{color:#5d9187;background:#edf4f2;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.is-complete .daily-quest-icon{color:#fff;background:#7db7ac}.daily-quest-copy{min-width:0}.daily-quest-copy>div:first-child{align-items:baseline;gap:8px;display:flex}.daily-quest-copy span{color:#746e69;font-size:13px}.daily-quest-progress{background:#e8e5e1;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.daily-quest-progress>span{border-radius:inherit;background:#7db7ac;height:100%;transition:width .25s;display:block}.daily-quest-count{color:#487a71;text-align:right;min-width:52px;font-size:13px}.daily-quest-complete-message{color:#37685f;background:#e5f3ef;border-radius:14px;flex-direction:column;gap:3px;margin-top:14px;padding:13px 15px;display:flex}.daily-quest-complete-message span,.daily-quest-state{color:#746e69;font-size:14px}.daily-quest-state{margin:0}.daily-quest-retry{color:#487a71;cursor:pointer;background:0 0;border:0;margin-top:10px;font-weight:800;text-decoration:underline}.daily-quest-dialog-backdrop{z-index:1200;background:#232b2973;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.daily-quest-dialog{text-align:center;background:#fff;border-radius:24px;width:min(390px,100%);padding:30px;animation:.3s ease-out level-up-dialog-enter;box-shadow:0 24px 70px #1c302c3d}.daily-quest-dialog-icon{color:#4f8b80;background:#dff0ec;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:22px;display:grid}.daily-quest-dialog h2{margin:0;font-size:23px}.daily-quest-dialog>p{color:#6e6863;margin:10px 0 20px;line-height:1.6}.daily-quest-dialog button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#7db7ac;border:0;border-radius:13px;padding:12px 18px;font-weight:800}.daily-quest-dialog button:focus-visible{outline-offset:3px;outline:3px solid #49776e59}.daily-quest-dialog button:disabled{opacity:.65;cursor:wait}.daily-quest-dialog .daily-quest-dialog-error{color:#a34141;margin:-8px 0 14px;font-size:13px}.daily-quest-intro-dialog>.song-library-eyebrow{color:#568d83;margin:0 0 7px}.daily-quest-intro-list{text-align:left;gap:9px;margin:0 0 20px;padding:0;list-style:none;display:grid}.daily-quest-intro-list li{color:#4c645f;background:#f1f7f5;border-radius:13px;align-items:center;gap:11px;padding:11px 13px;font-weight:700;display:flex}.daily-quest-intro-list li>span{color:#568d83;background:#dceeea;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}@media (width<=680px){.daily-quest-card,.daily-quest-card.is-compact{border-radius:17px;padding:16px}.daily-quest-list li{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:10px}.daily-quest-icon{width:34px;height:34px}.daily-quest-copy>div:first-child{display:block}.daily-quest-copy span{margin-top:2px;display:block}}@media (prefers-reduced-motion:reduce){.daily-quest-progress>span,.daily-quest-dialog{transition:none;animation:none}}@media (width<=640px){.learning-streak-card{padding:18px}.learning-streak-heading>strong{font-size:30px}.learning-streak-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-calendar-weekdays,.learning-calendar-days{gap:4px}.home-learning-streak{border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px}}.home-title{letter-spacing:0;margin:0 0 8px;font-size:42px;line-height:1}.home-description{color:#5f644f;font-size:17px;line-height:1.45}.loading-state,.catalog-empty-state{color:#2f3328;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:48vh;padding:48px 20px;display:flex}.loading-state h2,.loading-state p,.catalog-empty-state h2,.catalog-empty-state p{margin:0}.loading-state h2,.catalog-empty-state h2{font-size:1.4rem}.loading-state p,.catalog-empty-state p{color:#5f644f}.loading-state__icon{font-size:3rem}.loading-state__detail{opacity:.82;font-size:.92rem}.loading-state__spinner,.catalog-loading-note__spinner{box-sizing:border-box;border:3px solid #7db7ac40;border-top-color:#7db7ac;border-radius:999px;width:28px;height:28px;animation:.8s linear infinite utaben-spin}.catalog-loading-note{color:#5f644f;align-items:center;gap:9px;margin:14px 0 0;font-size:14px;display:flex}.catalog-loading-note__spinner{border-width:2px;width:18px;height:18px}@keyframes utaben-spin{to{transform:rotate(360deg)}}.home-catalog-stack{gap:34px;display:grid}.home-catalog-section{min-width:0;position:relative}.home-catalog-section+.home-catalog-section:before{content:"";background:#cddbb2b8;height:1px;position:absolute;top:-17px;left:0;right:0}.home-catalog-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:6px;display:flex}.home-catalog-heading h2,.home-catalog-heading p{margin:0}.home-catalog-heading h2{color:#2f3328;letter-spacing:0;font-size:24px;line-height:1.2}.home-catalog-heading p{color:#5f644f;margin-top:5px;font-size:14px;line-height:1.45}.home-catalog-all-link{color:#477d73;flex:none;padding:8px 2px;font-size:14px;font-weight:700;text-decoration:none}.home-catalog-all-link span{vertical-align:-1px;margin-left:3px;font-size:20px;line-height:0}.home-catalog-all-link:hover{color:#2f3328}.home-catalog-all-link:focus-visible{border-radius:6px;outline:3px solid #7db7ac59}.album-carousel{min-width:0;position:relative}.album-grid{contain:layout paint;will-change:scroll-position;flex-wrap:nowrap;gap:24px;padding:12px 0 16px;display:flex;overflow:hidden}.album-carousel-button{z-index:4;color:#2f3328;cursor:pointer;background:#ffffff75;border:0;border-radius:999px;place-items:center;width:40px;height:64px;padding:0;transition:background .18s,box-shadow .18s,transform .18s;display:grid;position:absolute;top:100px;transform:translateY(-50%);box-shadow:0 8px 28px #2f332833}.album-carousel-button span{margin-top:-4px;font-size:42px;font-weight:300;line-height:1}.album-carousel-button:hover{background:#ffffffb8;transform:translateY(-50%)scale(1.04);box-shadow:0 10px 34px #2f332842}.album-carousel-button:active{transform:translateY(-50%)scale(.97)}.album-carousel-button:focus-visible{outline-offset:3px;outline:3px solid #7db7ac8c}.album-carousel-button-left{left:10px}.album-carousel-button-right{right:10px}@media (width<=560px){.album-carousel-button{border-radius:999px;width:34px;height:56px;top:84px}.album-carousel-button span{font-size:36px}.album-carousel-button-left{left:6px}.album-carousel-button-right{right:6px}}.album-card{color:#2f3328;text-align:left;cursor:pointer;appearance:none;background:0 0;border:0;flex:0 0 200px;width:200px;min-width:0;padding:0;transition:transform .18s;display:block;position:relative;transform:translateZ(0)}.album-card:hover{transform:translateY(-4px)}.album-card:hover .album-cover{box-shadow:0 18px 38px #2f332838}.album-card:focus-visible{outline-offset:8px;border-radius:24px;outline:3px solid #7db7ac73}.album-cover{aspect-ratio:1;background:#edf4ef;border-radius:9px;width:min(100%,200px);margin-bottom:12px;transition:box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 12px 28px #2f332829}.album-cover img,.album-cover .album-cover-fallback{width:100%;height:100%}.album-cover img{object-fit:cover;display:block}.album-cover-fallback{color:#fff;text-shadow:0 3px 18px #2f332852;background:radial-gradient(circle at 28% 22%,#ffffffbf,#0000 28%),linear-gradient(135deg,#7db7ac 0%,#cddbb2 52%,#e7c6b4 100%);place-items:center;font-size:58px;font-weight:700;line-height:1;display:grid}.album-title,.album-artist,.album-meta{text-overflow:ellipsis;display:block;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.song-library-page{box-sizing:border-box;align-self:stretch;width:100%;min-width:0;max-width:none;padding:48px clamp(28px,4vw,72px) 72px}.song-library-controls-anchor{pointer-events:none;width:1px;height:1px;margin-bottom:-1px;display:block}.song-library-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px;display:flex}.song-library-header h1{letter-spacing:-.04em;margin:3px 0 8px;font-size:clamp(34px,5vw,52px);line-height:1}.song-library-header p{color:#5f644f;margin:0;font-size:15px}.song-library-header .song-library-eyebrow{color:#5f948a;letter-spacing:.18em;font-size:12px;font-weight:800}.song-library-header>strong{color:#7db7ac;font-size:42px;line-height:1}.song-library-header>strong span{color:#5f644f;margin-left:4px;font-size:14px;font-weight:500}.song-library-page.is-docked-search{min-height:calc(100svh + var(--song-library-scroll-floor,0px))}.song-library-controls{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #7db7ac57;border-radius:18px;padding:14px;position:sticky;top:69px;box-shadow:0 10px 28px #2f332812}.song-library-search{display:block;position:relative}.song-library-search>span{color:#5f644f;pointer-events:none;font-size:24px;position:absolute;top:50%;left:15px;transform:translateY(-54%)}.song-library-search input{width:100%;height:48px;font:inherit;box-sizing:border-box;background:#f3f8f3;border:0;border-radius:12px;padding:0 44px 0 46px}.song-library-search input:focus{outline:3px solid #7db7ac3d}.song-library-search button{color:#5f644f;cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;padding:0;font-size:22px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.song-library-search button:hover{background:#7db7ac24}.song-library-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.song-library-filters{gap:6px;display:flex}.song-library-filters button{color:#5f644f;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700}.song-library-filters button:hover{background:#f3f8f3}.song-library-filters button.active{color:#fff;background:#7db7ac}.song-library-sort{color:#5f644f;align-items:center;gap:8px;font-size:13px;display:flex}.song-library-sort select{min-width:130px;font:inherit;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#5f644f 50%),linear-gradient(135deg,#5f644f 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 10px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #7db7ac57;border-radius:9px;padding:8px 30px 8px 10px;font-size:13px}.song-library-notice{color:#5f644f;margin:14px 4px 0;font-size:13px}.song-library-groups{gap:34px;min-width:0;margin-top:22px;display:grid}.song-library-group{min-width:0}.song-library-group>h2{align-items:baseline;gap:9px;margin:0 4px 12px;font-size:19px;display:flex}.song-library-group>h2 span{color:#5f644f;font-size:12px;font-weight:500}.song-library-list{border-top:1px solid #7db7ac40}.song-library-row{color:#2f3328;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7db7ac33;grid-template-columns:58px minmax(0,1fr) auto 24px 18px;align-items:center;gap:16px;padding:13px 8px;transition:background .16s,padding .16s;display:grid;position:relative}.song-library-row:hover{background:#f7faf7;padding-left:13px;padding-right:13px}.song-library-row:focus-visible{z-index:1;border-radius:12px;outline:3px solid #7db7ac59;position:relative}.song-library-artwork{color:#fff;background:linear-gradient(135deg,#7db7ac,#cddbb2);border-radius:12px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 5px 14px #2f332824}.song-library-artwork img{object-fit:cover;width:100%;height:100%;display:block}.song-library-info{min-width:0}.song-library-info strong,.song-library-info>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.song-library-info strong{font-size:15px;line-height:1.4}.song-library-info>span{color:#5f644f;margin-top:4px;font-size:13px}.song-library-info small{display:none}.song-library-status{color:#5f644f;white-space:nowrap;background:#f1f3ed;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.song-library-status.is-studying{color:#477d73;background:#7db7ac2b}.song-library-favorite{color:#d5a83d;text-align:center;font-size:17px}.song-library-chevron{color:#8a8e80;font-size:24px}.song-library-empty{color:#5f644f;text-align:center;justify-items:center;padding:72px 20px;display:grid}.song-library-empty>span{font-size:38px}.song-library-empty h2{color:#2f3328;margin:14px 0 5px;font-size:18px}.song-library-empty p{margin:0;font-size:14px}.song-library-empty button{font:inherit;cursor:pointer;border:1px solid #7db7ac57;border-radius:9px;margin-top:18px;padding:9px 14px;font-size:13px}@media (width>=1280px){.song-library-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,72px);display:grid}.song-library-row:nth-child(2){border-top:0}}.album-title{color:#2f3328;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.35}.album-artist{color:#5f644f;white-space:nowrap;margin-top:3px;font-size:14px;line-height:1.35}.album-meta{-webkit-line-clamp:2;line-clamp:2;color:#5f644fd6;-webkit-box-orient:vertical;margin-top:5px;font-size:13px;line-height:1.35;display:-webkit-box}.album-detail-page{text-align:center;max-width:860px}.album-detail-hero{flex-direction:column;align-items:center;display:flex}.album-detail-cover{aspect-ratio:1;background:#edf4ef;border-radius:24px;width:420px;overflow:hidden;box-shadow:0 24px 58px #2f332833}.album-detail-cover img,.album-detail-cover .album-detail-cover-fallback{width:100%;height:100%}.album-detail-cover img{object-fit:cover;display:block}.album-detail-cover-fallback{color:#fff;text-shadow:0 8px 32px #2f332857;background:radial-gradient(circle at 28% 22%,#ffffffc2,#0000 30%),linear-gradient(135deg,#7db7ac 0%,#cddbb2 52%,#e7c6b4 100%);place-items:center;font-size:128px;font-weight:700;line-height:1;display:grid}.album-detail-title{letter-spacing:0;margin:28px 0 8px;font-size:36px;line-height:1.18}.album-detail-artist{color:#5f644f;font-size:17px;line-height:1.4}.track-list{border-top:1px solid #7db7ac57;margin-top:50px;display:grid}.track-row{color:#2f3328;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-bottom:1px solid #7db7ac57;border-radius:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 12px;display:grid}.track-row:hover{background:#cddbb242}.track-row:focus-visible{outline-offset:-3px;outline:3px solid #7db7ac73}.track-number{color:#5f644f;text-align:center;font-variant-numeric:tabular-nums;font-size:15px}.track-title{color:#2f3328;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.35;overflow:hidden}.track-progress{color:#5f644f;white-space:nowrap;background:#cddbb233;border:1px solid #7db7ac57;border-radius:999px;justify-self:end;padding:5px 9px;font-size:12px;line-height:1}.track-progress.is-in-progress{color:#7db7ac;font-weight:700}.track-progress.is-complete{color:#4f8f68;font-weight:700}.mobile-topbar,.lyrics-mobile-topbar,.lyrics-sidebar-overlay,.lyrics-word-overlay,.lyrics-mobile-back-button,.toolbar-toggle,.toolbar-close,.toolbar-overlay{display:none}.toolbar-count{color:#5f644f;font-size:14px}.toolbar-action-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-actions .back-button,.toolbar-actions .test-button{margin:0}.known-words-filter-toggle{color:#2f3328;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #7db7ac57;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:14px;display:inline-flex}.known-words-filter-toggle input{accent-color:#7db7ac;cursor:pointer;width:17px;height:17px;margin:0}.toolbar-visibility-toggle{box-sizing:border-box;justify-content:center;width:100px}.progress-badge{color:#2f3328;white-space:nowrap;background:#cddbb247;border:1px solid #7db7ac57;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-end;min-width:108px;padding:9px 12px;line-height:1.2;display:inline-flex}.progress-percent{font-size:18px}.progress-count{color:#5f644f;margin-top:3px;font-size:13px}.controls-panel{width:100%}.search-input{box-sizing:border-box;color:#2f3328;background:#fff;border:1px solid #98c3ae;border-radius:12px;width:100%;margin:20px 0;padding:14px;font-size:16px}.search-input:focus{border-color:#7db7ac;outline:none}.select-row{gap:10px;margin-bottom:20px;display:flex}.select-box{color:#2f3328;background:#fff;border:1px solid #98c3ae;border-radius:10px;padding:10px;font-size:16px}.select-box:focus{border-color:#7db7ac;outline:none}.back-button,.test-button,.audio-button,.next-button{color:#2f3328;cursor:pointer;background:#fff;border:1px solid #98c3ae;border-radius:10px;margin-top:8px;padding:8px 7px}.back-button:hover,.test-button:hover,.audio-button:hover,.next-button:hover{background:#cddbb2;border-color:#cddbb2}.test-button{margin:12px 0 20px;font-weight:700}.dungeon-entry-button{color:#477d73;background:#7db7ac24;border-color:#7db7acb8;justify-content:center;align-items:center;gap:6px;display:inline-flex}.dungeon-entry-button:hover{background:#7db7ac3d;border-color:#7db7ac}.dungeon-intro-page{place-items:start center;max-width:900px;display:grid}.dungeon-intro-card{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#cddbb24d,#0000 34%),#fff;border:1px solid #7db7ac57;border-radius:26px;width:min(100%,760px);padding:clamp(24px,5vw,44px);box-shadow:0 20px 52px #2f33281f}.dungeon-intro-heading{align-items:center;gap:20px;display:flex}.dungeon-intro-heading .page-title,.dungeon-intro-heading .subtitle{margin-left:0;margin-right:0}.dungeon-intro-heading .page-title{margin-bottom:6px}.dungeon-intro-heading .subtitle{margin-bottom:0}.dungeon-song-art{background:linear-gradient(135deg,#7db7ac,#cddbb2);border-radius:24px;flex:none;place-items:center;width:92px;height:92px;font-size:42px;display:grid;overflow:hidden;box-shadow:0 12px 28px #2f332829}.dungeon-song-art img{object-fit:cover;width:100%;height:100%}.dungeon-eyebrow{color:#477d73;letter-spacing:.08em;margin:0 0 7px;font-size:12px;font-weight:800}.dungeon-challenge-copy{background:#7db7ac1f;border-radius:20px;gap:14px;margin-top:30px;padding:20px;display:flex}.dungeon-challenge-copy>span{font-size:30px}.dungeon-challenge-copy h2{margin:0 0 6px;font-size:19px}.dungeon-challenge-copy p{color:#5f644f;margin:0;font-size:14px;line-height:1.65}.dungeon-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.dungeon-rule-grid article{text-align:center;background:#ffffffad;border:1px solid #7db7ac57;border-radius:20px;gap:4px;min-width:0;padding:18px 14px;display:grid}.dungeon-rule-grid article>span{color:#d96c69;font-size:24px}.dungeon-rule-grid strong{font-size:15px}.dungeon-rule-grid small{color:#5f644f;font-size:12px;line-height:1.4}.dungeon-ticket-card{background:#cddbb229;border:1px dashed #7db7acb8;border-radius:20px;flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px;padding:16px 18px;display:flex;position:relative}.dungeon-ticket-card strong{font-size:15px}.dungeon-ticket-card p{color:#5f644f;margin:4px 0 0;font-size:12px}.dungeon-ticket-icons{gap:4px;margin-left:auto;font-size:25px;display:flex}.dungeon-ticket-icons .is-empty{filter:grayscale();opacity:.24}.dungeon-ticket-reset{border-top:1px solid #7db7ac47;flex:100%;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 12px;padding-top:12px;display:grid}.dungeon-ticket-reset span,.dungeon-ticket-reset small{color:#5f644f;font-size:11px}.dungeon-ticket-reset strong{color:#477d73;font-variant-numeric:tabular-nums;letter-spacing:.04em}.dungeon-ticket-reset small{grid-column:1/-1}.dungeon-prototype-badge{color:#477d73;white-space:nowrap;background:#7db7ac33;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.dungeon-best-card{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.dungeon-best-card div{text-align:center;background:#ffffff9e;border:1px solid #7db7ac57;border-radius:10px;padding:12px}.dungeon-best-card span,.dungeon-best-card strong{display:block}.dungeon-best-card span{color:#5f644f;margin-bottom:4px;font-size:11px}.dungeon-best-card strong{font-size:14px}.dungeon-stage-preview{align-items:center;margin:26px 0;display:flex}.dungeon-stage-preview div{text-align:center;justify-items:center;gap:5px;min-width:68px;display:grid}.dungeon-stage-preview span{color:#fff;background:#7db7ac;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.dungeon-stage-preview strong{white-space:nowrap;font-size:11px}.dungeon-stage-preview i{background:#7db7ac52;border-radius:99px;flex:1;min-width:12px;height:3px;margin:0 4px 17px}.dungeon-intro-message{border-radius:10px;margin:0 0 14px;padding:12px 14px;font-size:14px}.dungeon-intro-message.is-error{color:#9f4744;background:#d96c691f}.dungeon-intro-message.is-ready{color:#477d73;background:#7db7ac29}.dungeon-intro-actions{flex-wrap:wrap;gap:10px;display:flex}.dungeon-intro-actions .next-button,.dungeon-intro-actions .test-button{box-sizing:border-box;justify-content:center;align-items:center;min-height:46px;margin:0;padding:10px 16px;text-decoration:none;display:inline-flex}.dungeon-start-button{color:#fff;background:#7db7ac;border-color:#7db7ac;min-width:180px;font-weight:800}.dungeon-start-button:hover:not(:disabled){background:#68a398;border-color:#68a398}.dungeon-start-button:disabled{cursor:not-allowed;opacity:.62}.dungeon-refresh-note{color:#5f644f;text-align:center;margin:16px 0 0;font-size:12px}.dungeon-session-placeholder .page-title,.dungeon-session-placeholder .subtitle{margin-left:0;margin-right:0}.dungeon-session-placeholder>.dungeon-intro-actions{margin-top:22px}.dungeon-play-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dungeon-play-heading .page-title{margin-top:0}.dungeon-life-meter{color:#d96c69;gap:5px;font-size:25px;line-height:1;display:flex}.dungeon-life-meter .is-empty{color:#6b728038}.dungeon-progress{background:#7db7ac33;border-radius:999px;height:9px;margin:18px 0 12px;overflow:hidden}.dungeon-progress span{border-radius:inherit;background:linear-gradient(90deg,#7db7ac,#cddbb2);height:100%;transition:width .24s;display:block}.dungeon-play-status{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.dungeon-play-status .dungeon-timer{margin:0}.dungeon-combo{background:#fff;border:1px solid #7db7ac57;border-radius:10px;align-items:center;gap:8px;min-width:112px;padding:9px 13px;display:flex}.dungeon-combo>span{filter:grayscale()}.dungeon-combo small,.dungeon-combo strong{display:block}.dungeon-combo small{color:#5f644f;font-size:11px}.dungeon-combo.is-hot{background:#fbbf241a;border-color:#d9770680}.dungeon-combo.is-hot>span{filter:none}.dungeon-checkpoint{text-align:center;background:#7db7ac1a;border-radius:20px;justify-items:center;padding:34px 20px;display:grid}.dungeon-checkpoint .page-title{margin:4px 0 8px}.dungeon-checkpoint-icon{margin-bottom:14px;font-size:48px}.dungeon-checkpoint-progress{background:#ffffffb8;border:1px solid #7db7ac73;border-radius:10px;gap:5px;width:min(100%,420px);margin:20px 0;padding:14px;display:grid}.dungeon-checkpoint-progress span{color:#477d73;font-size:13px;font-weight:800}.dungeon-checkpoint-button{min-width:180px;margin:0}.dungeon-question-view{gap:22px;margin-top:24px;display:grid}.dungeon-question-prompt{text-align:center;box-sizing:border-box;background:#7db7ac1a;border-radius:20px;min-height:160px;padding:26px 20px}.dungeon-question-prompt h2{overflow-wrap:anywhere;margin:7px 0;font-size:clamp(26px,5vw,38px);line-height:1.3}.dungeon-question-prompt>p:last-child{color:#5f644f;margin-bottom:0}.dungeon-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dungeon-pronunciation-form{align-items:stretch}.dungeon-pronunciation-form .search-input{margin:0}.dungeon-answer-feedback{border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.dungeon-answer-feedback.is-correct{color:#477d73;background:#7db7ac29}.dungeon-answer-feedback.is-wrong{color:#9f4744;background:#d96c691f}.dungeon-answer-feedback p{margin:4px 0 0;font-size:13px}.dungeon-answer-feedback .next-button{flex:none;min-height:42px;margin:0;padding:9px 14px}.dungeon-question-unsupported{text-align:center;border:1px dashed #7db7acb3;border-radius:20px;justify-items:center;margin-top:24px;padding:34px 20px;display:grid}.dungeon-question-unsupported span{font-size:38px}.dungeon-question-unsupported h2{margin:12px 0 6px}.dungeon-question-unsupported p{color:#5f644f;margin:0}@media (width<=640px){.dungeon-intro-page{padding:18px 12px 36px}.dungeon-intro-card{border-radius:20px;padding:22px 16px}.dungeon-intro-heading{align-items:flex-start;gap:14px}.dungeon-intro-heading .page-title{margin:0 0 5px!important;font-size:23px!important}.dungeon-intro-heading .subtitle{margin:0!important}.dungeon-song-art{border-radius:18px;width:68px;height:68px;font-size:30px}.dungeon-challenge-copy{padding:16px}.dungeon-rule-grid{grid-template-columns:1fr}.dungeon-rule-grid article{text-align:left;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:8px;padding:13px 14px}.dungeon-rule-grid article>span{grid-row:1/span 2}.dungeon-ticket-card{flex-wrap:wrap;align-items:flex-start;gap:10px}.dungeon-best-card{grid-template-columns:repeat(2,minmax(0,1fr))}.dungeon-ticket-icons{margin-left:0}.dungeon-prototype-badge{margin-left:auto}.dungeon-stage-preview{padding-bottom:4px;overflow-x:auto}.dungeon-stage-preview div{min-width:64px}.dungeon-intro-actions{flex-direction:column}.dungeon-intro-actions .next-button,.dungeon-intro-actions .test-button{width:100%;min-height:50px}.dungeon-question-prompt{min-height:145px;padding:22px 14px}.dungeon-option-grid{grid-template-columns:1fr}.dungeon-answer-feedback{flex-direction:column;align-items:stretch}.dungeon-answer-feedback .next-button{width:100%;min-height:48px}.dungeon-play-heading{gap:12px}.dungeon-life-meter{gap:3px;font-size:21px}.dungeon-play-status{grid-template-columns:minmax(0,1fr) auto}.dungeon-combo{min-width:96px;padding:9px 10px}.dungeon-checkpoint{padding:28px 14px}.dungeon-result-heading{gap:12px}.dungeon-result-heading>span{font-size:34px}.dungeon-result-heading .page-title{font-size:24px}.dungeon-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dungeon-xp-card,.dungeon-confused-card{padding:15px}}.vocab-card-wrapper{perspective:1200px;cursor:pointer;width:100%;min-width:0;height:320px}.vocab-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,1,.36,1);position:relative}.vocab-card-inner.flipped{transform:rotateY(180deg)}.vocab-card-wrapper:hover .vocab-card-inner{transform:translateY(-3px)}.vocab-card-wrapper:hover .vocab-card-inner.flipped{transform:translateY(-3px)rotateY(180deg)}.vocab-card-face{box-sizing:border-box;backface-visibility:hidden;background:#fff;border:.5px solid #7db7ac57;border-radius:20px;flex-direction:column;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 40px #2f332824}.card-audio-button{color:#5f644f;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .18s;display:inline-flex;position:absolute;bottom:16px;right:16px}.card-audio-button svg{width:24px;height:24px}.card-audio-button:hover{color:#7db7ac}.card-audio-button:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #7db7ac8c}.vocab-card-front{text-align:center;justify-content:center;align-items:center}.vocab-card-front .word-title{margin-bottom:0;font-size:clamp(44px,8vw - 8px,76px)}.vocab-card-front-reading{color:#5f644f;letter-spacing:.02em;margin:10px 0 0;font-size:clamp(17px,2vw,22px);font-weight:500;line-height:1.35}.vocab-card-back{transform:rotateY(180deg)}.card-content{scrollbar-color:#7db7ac transparent;flex:1;overflow-y:auto}.card-hint{color:#5f644f;margin:0;font-size:13px}.card-footer-actions{justify-content:space-between;align-items:center;gap:9px;display:flex}.meaning-box{background:#fff;border-radius:12px;margin:10px 0;padding:12px}.known-word-toggle,.known-word-button{color:#2f3328;cursor:pointer;background:0 0;border:1px solid #7db7ac57;border-radius:10px;align-items:center;gap:8px;width:fit-content;margin-top:8px;padding:6px 10px;font-size:14px;line-height:1.2;transition:background-color .18s,border-color .18s;display:inline-flex}.known-word-toggle.active,.known-word-button.active{background:#cddbb28c;border-color:#7db7ac}.known-word-toggle:disabled,.known-word-button:disabled{cursor:not-allowed;opacity:.5}.known-word-toggle input,.known-word-button input{accent-color:#7db7ac;cursor:pointer;width:16px;height:16px}.known-word-toggle{background:#cddbb247}.quiz-option{color:#2f3328;cursor:pointer;background:#fff;border:1px solid #98c3ae;border-radius:12px;width:100%;padding:16px;font-size:16px}.quiz-option.correct{background:#b2cfb0;border-color:#7db7ac}.quiz-option.wrong{background:#e7c6b4;border-color:#b98b75}.quiz-option.selected{background:#cddbb2;border-color:#7db7ac}.quiz-option:hover{background:#cddbb2;border-color:#cddbb2}.quiz-option:disabled{cursor:default}.quiz-card{box-sizing:border-box;background:#fffcf6db;border:1px solid #7db7ac57;border-radius:12px;flex-direction:column;width:min(760px,100vw - 32px);min-width:0;max-width:none;min-height:620px;margin:0 auto;padding:24px;display:flex;box-shadow:0 10px 40px #2f332824}.quiz-card,.quiz-card *{box-sizing:border-box}.quiz-top-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.quiz-top-row .test-button{margin:0}.quiz-question{text-align:center;width:100%;margin:0}.quiz-question-stage{overflow-wrap:anywhere;word-break:break-word;flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;min-height:220px;padding:16px 0 24px;display:flex}.quiz-answer-stage{overflow-wrap:anywhere;word-break:break-word;flex:none;width:100%;min-width:0}.quiz-answer-stage .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.quiz-feedback-stage{overflow-wrap:anywhere;word-break:break-word;flex:none;width:100%;min-width:0;min-height:112px;padding-top:12px}.quiz-question,.quiz-answer-stage form,.quiz-answer-stage input,.quiz-answer-stage button,.quiz-feedback,.quiz-feedback button{min-width:0;max-width:100%}.quiz-answer-stage form,.quiz-answer-stage input{width:100%}.quiz-prompt-label{color:#5f644f;margin-bottom:8px;font-size:14px;font-weight:700}.quiz-listening-button{width:48px;height:48px;margin:12px auto 18px;position:static}.quiz-listening-button svg{width:36px;height:36px}.quiz-cloze-sentence{word-break:break-word;overflow-wrap:anywhere;max-width:100%;margin-left:auto;margin-right:auto;font-size:24px;line-height:1.6}.quiz-rebuild-blank{color:#5f644f;border-bottom:2px solid #7db7ac;min-width:4.5em;margin:0 2px;padding:0 6px;display:inline-block}.quiz-rebuild-blank.filled{color:#2f3328;font-weight:800}.quiz-cloze-translation{color:#2f3328;word-break:break-word;overflow-wrap:anywhere;max-width:100%;margin:0 0 18px;font-size:18px;line-height:1.6}.quiz-pronunciation-form{gap:12px;display:grid}.quiz-pronunciation-form .next-button{min-height:44px}.quiz-settings-grid{gap:14px;margin:18px 0;display:grid}.quiz-setting-field{gap:8px;display:grid}.quiz-setting-field span{color:#5f644f;font-size:14px;font-weight:700}.quiz-xp-status{text-align:left;background:#7db7ac1a;border:1px solid #7db7ac73;border-radius:12px;align-items:center;gap:12px;margin:0 0 16px;padding:13px 14px;display:flex}.quiz-xp-status>span{flex:none;font-size:24px}.quiz-xp-status>div{gap:3px;display:grid}.quiz-xp-status p{color:#5f644f;margin:0;font-size:12px}.quiz-xp-status b{color:#477d73}.quiz-xp-status.is-empty{background:#6b72800f;border-color:#6b72804d}.quiz-xp-status.is-practice{color:#5f644f}.quiz-xp-reset{text-align:right;flex:none;margin-left:auto}.quiz-xp-reset span,.quiz-xp-reset small{color:#5f644f;font-size:10px}.quiz-xp-reset strong{color:#477d73;font-variant-numeric:tabular-nums;letter-spacing:.04em}.quiz-xp-status-loading,.quiz-xp-status-error{margin:0 0 16px;font-size:12px}.quiz-xp-status-loading{color:#5f644f}.quiz-xp-status-error{color:#9f4744}.quiz-start-button,.quiz-check-button{width:100%;min-height:44px;font-weight:700}.quiz-rebuild-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:16px;display:grid}.quiz-rebuild-actions .test-button,.quiz-rebuild-actions .next-button{min-height:44px;margin:0}.dungeon-lyric-answer{gap:16px;display:grid}.dungeon-lyric-answer .quiz-rebuild-actions{margin-top:0}.dungeon-timer{background:#fff;border:1px solid #7db7ac57;border-radius:10px;gap:8px;margin:14px 0;padding:10px 14px;display:grid}.dungeon-timer .dungeon-timer-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.dungeon-timer .dungeon-timer-label span{color:#5f644f;font-size:14px;font-weight:700}.dungeon-timer strong{color:#7db7ac;font-variant-numeric:tabular-nums}.dungeon-timer .dungeon-timer-track{background:#7db7ac2e;border-radius:999px;height:8px;overflow:hidden}.dungeon-timer .dungeon-timer-fill{border-radius:inherit;background:linear-gradient(90deg,#7db7ac,#92c9bd);height:100%;transition:width .18s linear,background .18s;display:block}.dungeon-timer.is-urgent{border-color:#d97706}.dungeon-timer.is-urgent strong{color:#b45309}.dungeon-timer.is-urgent .dungeon-timer-track{background:#d9770629}.dungeon-timer.is-urgent .dungeon-timer-fill{background:linear-gradient(90deg,#dc2626,#f59e0b)}.dungeon-result{gap:20px;display:grid}.dungeon-result-heading{align-items:flex-start;gap:16px;display:flex}.dungeon-result-heading>span{font-size:42px;line-height:1}.dungeon-result-heading .page-title{margin-top:0}.dungeon-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dungeon-result-grid article{text-align:center;background:#fff;border:1px solid #7db7ac57;border-radius:10px;padding:14px}.dungeon-result-grid strong,.dungeon-result-grid span{display:block}.dungeon-result-grid span{color:#5f644f;margin-top:4px;font-size:13px}.dungeon-result-grid em{color:#b45309;margin-top:7px;font-size:11px;font-style:normal;font-weight:800;display:block}.dungeon-first-clear{background:linear-gradient(135deg,#fde68a59,#cddbb240);border:1px solid #d9770659;border-radius:12px;align-items:center;gap:15px;padding:18px;animation:.45s ease-out level-up-dialog-enter;display:flex}.dungeon-first-clear>span{font-size:30px}.dungeon-first-clear strong{color:#b45309;letter-spacing:.08em}.dungeon-first-clear p{margin:3px 0 0}.dungeon-xp-card,.dungeon-confused-card{background:#fff;border:1px solid #7db7ac57;border-radius:10px;padding:18px}.dungeon-xp-total,.dungeon-xp-card li{justify-content:space-between;gap:16px;display:flex}.dungeon-xp-total strong{color:#7db7ac;font-size:24px}.dungeon-xp-card ul{border-top:1px solid #7db7ac57;border-bottom:1px solid #7db7ac57;gap:8px;margin:14px 0;padding:14px 0;list-style:none;display:grid}.dungeon-xp-card small{color:#5f644f}.dungeon-save-retry{width:100%;margin:14px 0 0}.dungeon-confused-card h2{margin-top:0;font-size:18px}.dungeon-confused-card div{flex-wrap:wrap;gap:8px;display:flex}.dungeon-confused-card span{background:#7db7ac1f;border-radius:999px;padding:6px 10px}.dungeon-confused-card .next-button{width:100%;margin-top:15px}.dungeon-review{gap:20px;display:grid}.dungeon-review-heading,.dungeon-review-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.dungeon-review-card{text-align:center;background:#fff;border:1px solid #7db7ac57;border-radius:12px;justify-items:center;gap:10px;padding:34px 20px;display:grid}.dungeon-review-card h2{margin:4px 0 0;font-size:clamp(34px,10vw,54px)}.dungeon-review-card p{color:#5f644f;margin:0}.dungeon-review-card>span{color:#b45309;font-size:12px;font-weight:800}.dungeon-review-actions button{flex:1}.dungeon-review-complete{background:#7db7ac1f;border-radius:10px;justify-content:space-between;gap:12px;padding:15px;display:flex}.quiz-feedback{margin:0}.quiz-feedback p{overflow-wrap:anywhere}.quiz-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.quiz-result-grid div{text-align:center;background:#fff;border:1px solid #7db7ac57;border-radius:10px;padding:14px}.quiz-result-grid strong,.quiz-result-grid span{display:block}.quiz-result-grid strong{font-size:24px}.quiz-result-grid span{color:#5f644f;font-size:14px}.quiz-section-title{margin:0 0 10px;font-size:18px}.quiz-wrong-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.quiz-wrong-list li{background:#ffffff94;border:1px solid #7db7ac57;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px;display:grid}.app.lyrics-study{box-sizing:border-box;flex:auto;grid-template-columns:240px minmax(0,1fr) 320px;align-items:start;gap:20px;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:8px;display:grid;overflow:hidden}.app.vocab-study{box-sizing:border-box;flex:auto;grid-template-columns:240px minmax(0,1fr) 100px;justify-content:start;align-items:start;gap:160px;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:8px;display:grid;overflow:hidden}.vocab-study-content{box-sizing:border-box;scrollbar-color:#7db7ac transparent;width:100%;min-width:0;max-width:none;height:calc(100% - 40px);margin:0;padding:0 8px 0 0;overflow:hidden auto}.vocab-study-panel{box-sizing:border-box;background:#fff;border:1px solid #7db7ac57;border-radius:24px;min-width:0;max-width:none;padding:24px;box-shadow:0 10px 40px #2f332824}.vocabulary-session-page .vocab-study-panel{min-height:calc(100vh - 96px)}.vocabulary-album-meta{margin-bottom:14px}.vocabulary-view-switch{background:#cddbb233;border:1px solid #7db7ac57;border-radius:999px;gap:4px;margin:4px 0 16px;padding:4px;display:inline-flex}.vocabulary-view-switch button{color:#5f644f;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:0 18px;font-weight:700}.vocabulary-view-switch button.active{color:#2f3328;background:#fff;box-shadow:0 3px 12px #2f33281a}.vocabulary-study-session{width:min(100%,780px);margin:0 auto}.vocabulary-session-progress{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.vocabulary-session-progress>div{align-items:baseline;gap:12px;display:flex}.vocabulary-session-progress strong{font-size:20px}.vocabulary-session-progress span{color:#5f644f;font-size:13px}.vocabulary-session-progress button{color:#2f3328;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:999px;min-height:40px;padding:0 14px}.vocabulary-card-stage{touch-action:pan-y;margin-bottom:4px;position:relative}.vocabulary-card-stage>.vocabulary-flashcard{z-index:2;height:calc(100% - 10px);position:relative}.vocabulary-card-stage.is-dragging{cursor:grabbing}.vocabulary-card-stage.is-dragging .vocabulary-flashcard{cursor:grabbing;transition:none;box-shadow:0 28px 70px #2f332829}.vocabulary-card-stage.is-exiting,.vocabulary-card-stage.is-entering{pointer-events:none}.vocabulary-card-stage.is-exiting.transition-next .vocabulary-flashcard{animation:.21s cubic-bezier(.4,0,1,1) forwards vocabulary-card-exit-left}.vocabulary-card-stage.is-entering.transition-next .vocabulary-flashcard{animation:.27s cubic-bezier(0,0,.2,1) both vocabulary-card-promote-from-stack}.vocabulary-card-stage.is-exiting.transition-previous .vocabulary-flashcard{animation:.21s cubic-bezier(.4,0,1,1) forwards vocabulary-current-card-recede}.vocabulary-card-stage.is-entering.transition-previous .vocabulary-flashcard{animation:.18s cubic-bezier(0,0,.2,1) both vocabulary-previous-card-commit}.vocabulary-card-stage.is-exiting.transition-known .vocabulary-flashcard{animation:.21s cubic-bezier(.4,0,1,1) forwards vocabulary-card-known}.vocabulary-card-stage.is-entering.transition-known .vocabulary-flashcard{animation:.27s cubic-bezier(0,0,.2,1) both vocabulary-card-promote-from-stack}.vocabulary-card-stage.is-exiting.transition-review .vocabulary-flashcard{animation:.21s cubic-bezier(.4,0,1,1) forwards vocabulary-card-review}.vocabulary-card-stage.is-entering.transition-review .vocabulary-flashcard{animation:.27s cubic-bezier(0,0,.2,1) both vocabulary-card-promote-from-stack}.vocabulary-next-card-preview{z-index:1;color:#2f3328;opacity:calc(.72 + var(--next-card-reveal,0) * .28);transform:translateY(10px) scale(calc(.975 + var(--next-card-reveal,0) * .025));transform-origin:top;pointer-events:none;background:#fff;border:1px solid #9da68b7a;border-radius:28px;place-items:center;display:grid;position:absolute;inset:0 12px 10px;box-shadow:0 7px 18px #2f332814}.vocabulary-next-card-preview span{opacity:var(--next-card-reveal,0);font-size:clamp(38px,6vw,66px);font-weight:800}.vocabulary-transition-feedback{z-index:6;pointer-events:none;background:#ffffffeb;border:2px solid;border-radius:999px;padding:10px 16px;font-size:18px;font-weight:900;animation:.21s ease-out both vocabulary-feedback-pop;position:absolute;top:24px}.transition-known .vocabulary-transition-feedback{color:#4f8d78;right:24px;transform:rotate(5deg)}.transition-review .vocabulary-transition-feedback{color:#a97842;left:24px;transform:rotate(-4deg)}@keyframes vocabulary-card-exit-left{to{opacity:0;transform:translate(-28%)rotate(-5deg)scale(.98)}}@keyframes vocabulary-card-promote-from-stack{0%{opacity:.78;filter:saturate(.9);transform:translateY(10px)scale(.965)}55%{opacity:1;filter:saturate();transform:translateY(-3px)scale(1.006)}to{opacity:1;filter:none;transform:translateY(0)scale(1)}}@keyframes vocabulary-current-card-recede{to{opacity:.58;filter:saturate(.88);transform:translateY(10px)scale(.965)}}@keyframes vocabulary-previous-card-commit{0%{opacity:0;transform:translate(-14%)rotate(-2deg)scale(.985)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes vocabulary-card-known{to{opacity:0;transform:translate(24%,-10%)rotate(6deg)scale(.97)}}@keyframes vocabulary-card-review{to{opacity:0;transform:translate(-20%,9%)rotate(-5deg)scale(.97)}}@keyframes vocabulary-feedback-pop{0%{opacity:0;scale:.75}to{opacity:1;scale:1}}.vocabulary-flashcard{z-index:2;perspective:1400px;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;width:100%;height:clamp(410px,58vh,590px);transform:translate3d(var(--card-drag-x,0), var(--card-drag-y,0), 0) rotate(var(--card-drag-rotation,0deg));transform-origin:50% 88%;will-change:transform;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .18s;position:relative}.vocabulary-flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .22s;position:relative}.vocabulary-flashcard.is-flipped .vocabulary-flashcard-inner{transform:rotateY(180deg)}.vocabulary-flashcard-face{backface-visibility:hidden;box-sizing:border-box;text-align:center;background:radial-gradient(circle at 100% 0,#cddbb24d,#0000 36%),#fff;border:1px solid #7db7ac61;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(28px,6vw,64px);display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 56px #2f332824}.vocabulary-flashcard-face h2{overflow-wrap:anywhere;margin:0;font-size:clamp(52px,9vw,92px);line-height:1.15}.vocabulary-flashcard-back{transform:rotateY(180deg)}.vocabulary-flashcard-back h2{font-size:clamp(38px,6vw,62px)}.vocabulary-card-eyebrow,.vocabulary-card-hint,.vocabulary-card-meta{color:#5f644f}.vocabulary-card-eyebrow{margin:0 0 26px;font-size:14px}.vocabulary-card-hint{margin:28px 0 0;font-size:13px}.vocabulary-card-reading{margin:14px 0 0;font-size:clamp(20px,3vw,28px)}.vocabulary-card-meaning{margin:24px 0 8px;font-size:clamp(24px,4vw,36px);font-weight:800}.vocabulary-card-meta{margin:0;font-size:14px}.vocabulary-card-back-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-color:#7db7ac transparent;flex:auto;width:100%;min-height:0;padding-block:4px;overflow-y:auto}.vocabulary-context-block{text-align:center;background:#cddbb23d;border-radius:16px;flex-direction:column;align-items:center;gap:5px;margin:24px auto 0;padding:15px 18px;font-size:16px;display:flex}.vocabulary-context-block strong{color:#5f644f;text-transform:uppercase;margin-bottom:4px;font-size:12px}.vocabulary-surface-form{font-size:23px;font-weight:800}.vocabulary-sentence-block{background:#7db7ac1a}.vocabulary-card-speak{z-index:3;color:#7db7ac;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;bottom:20px;right:22px;box-shadow:0 8px 22px #2f33281f}.vocabulary-card-speak svg{width:24px;height:24px}.vocabulary-session-navigation,.vocabulary-session-judgement{gap:12px;margin-top:14px;display:grid}.vocabulary-session-navigation button,.vocabulary-session-judgement button{color:#2f3328;cursor:pointer;background:#fff;border:1px solid #7db7ac57;border-radius:14px;min-height:50px;font-size:15px;font-weight:750}.vocabulary-session-navigation button:disabled,.vocabulary-session-judgement button:disabled{cursor:not-allowed;opacity:.45}.vocabulary-session-navigation,.vocabulary-session-judgement{grid-template-columns:1fr 1fr}.vocabulary-session-judgement .review{background:#eed8af47}.vocabulary-session-judgement .known{background:#7db7ac24;border-color:#7db7ac80}.vocabulary-session-judgement .known.active{background:#cddbb2a6}.vocabulary-keyboard-help{color:#5f644f;text-align:center;margin:13px 0 0;font-size:12px}.vocabulary-card-report-button{z-index:4;margin:0;position:absolute;top:20px;right:22px}.vocabulary-list-view{flex-direction:column;gap:8px;display:flex}.vocabulary-list-row{background:#fff;border:1px solid #7db7ac57;border-radius:14px;grid-template-columns:minmax(0,1fr) 44px 90px;align-items:center;gap:8px;padding:8px;display:grid}.vocabulary-list-main{color:#2f3328;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(100px,.8fr) minmax(100px,.8fr) minmax(160px,1.6fr);align-items:center;gap:14px;min-width:0;padding:8px;display:grid}.vocabulary-list-main strong{font-size:19px}.vocabulary-list-main span{text-overflow:ellipsis;min-width:0;overflow:hidden}.vocabulary-list-icon,.vocabulary-list-known{color:#2f3328;cursor:pointer;background:0 0;border:1px solid #7db7ac57;border-radius:10px;min-height:40px}.vocabulary-list-icon{place-items:center;display:grid}.vocabulary-list-known.is-known{background:#cddbb28c}.vocabulary-empty,.vocabulary-session-complete{box-sizing:border-box;text-align:center;background:#ffffff8c;border:1px solid #7db7ac57;border-radius:26px;width:min(100%,680px);margin:32px auto;padding:clamp(28px,5vw,52px)}.vocabulary-session-complete>span{font-size:48px}.vocabulary-session-complete h2{margin:12px 0 24px}.vocabulary-session-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vocabulary-session-stats div{background:#cddbb23d;border-radius:16px;flex-direction:column;padding:18px;display:flex}.vocabulary-session-stats strong{font-size:30px}.vocabulary-session-stats span{color:#5f644f}.vocabulary-session-complete-actions{gap:10px;margin-top:22px;display:grid}.vocabulary-session-complete-actions button,.vocabulary-empty button{color:#2f3328;cursor:pointer;background:#7db7ac26;border:1px solid #7db7ac80;border-radius:12px;min-height:48px;font-weight:750}.vocabulary-session-complete-actions .is-secondary{background:0 0;border-color:#7db7ac57}@media (width<=720px){.vocabulary-session-page .vocab-study-panel{min-height:100%}.vocabulary-view-switch{box-sizing:border-box;width:100%;display:flex}.vocabulary-view-switch button{flex:1}.vocabulary-session-progress>div{flex-direction:column;align-items:flex-start;gap:2px}.vocabulary-flashcard{height:min(58dvh,540px);min-height:390px}.vocabulary-flashcard-face{border-radius:24px;padding:28px 22px 70px}.vocabulary-flashcard-face h2{font-size:clamp(45px,15vw,70px)}.vocabulary-flashcard-back h2{font-size:clamp(34px,10vw,50px)}.vocabulary-keyboard-help{display:none}.vocabulary-list-row{grid-template-columns:minmax(0,1fr) 42px}.vocabulary-list-main{grid-template-columns:1fr 1fr}.vocabulary-list-main span:last-child,.vocabulary-list-known{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.vocabulary-card-stage .vocabulary-flashcard,.vocabulary-transition-feedback{animation:none!important}.vocabulary-flashcard-inner{transition:none;transform:none!important}.vocabulary-flashcard-front,.vocabulary-flashcard.is-flipped .vocabulary-flashcard-back{visibility:visible}.vocabulary-flashcard-back,.vocabulary-flashcard.is-flipped .vocabulary-flashcard-front{visibility:hidden}}.lyrics-study{display:block}.album-sidebar,.lyrics-word-panel{box-sizing:border-box;text-align:left;scrollbar-color:#7db7ac transparent;background:#fff;border:.5px solid #7db7ac57;border-radius:20px;height:calc(100% - 40px);padding:16px;position:sticky;top:8px;overflow-y:auto;box-shadow:0 10px 40px #2f332824}.album-sidebar{flex-direction:column;min-height:0;display:flex}.album-sidebar .page-title{margin:0;font-size:24px;line-height:1.2}.album-sidebar .back-button,.album-sidebar .test-button{box-sizing:border-box;width:100%}.album-sidebar-header{place-items:center;height:60px;padding:2px 2px 14px;display:grid}.album-song-list{scrollbar-color:#7db7ac transparent;flex-direction:column;gap:4px;min-height:0;margin-top:16px;padding:4px 0;display:flex;overflow-y:auto}.album-song-item{color:#2f3328;cursor:pointer;width:100%;min-height:38px;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:10px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:9px 12px;font-size:14px;line-height:1.25;display:grid;overflow:hidden}.album-song-item:hover{background:#cddbb252}.album-song-item.active{background:#cddbb2;font-weight:700}.album-song-number{color:#5f644f;font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.album-song-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.album-sidebar-bottom{flex-direction:column;flex:none;gap:10px;margin-top:auto;padding-top:16px;display:flex}.lyrics-toggle-option{color:#2f3328;cursor:pointer;background:#cddbb247;border:1px solid #7db7ac57;border-radius:10px;align-items:center;gap:8px;width:fit-content;margin:0;padding:8px 10px;font-size:14px;line-height:1.2;display:inline-flex}.lyrics-toggle-option input{accent-color:#7db7ac;cursor:pointer;width:16px;height:16px}.lyrics-main{scrollbar-color:#7db7ac transparent;flex-direction:column;align-items:center;gap:12px;min-width:0;height:calc(100% - 40px);margin:0;padding:0 8px 0 0;display:flex;overflow:hidden auto}.lyrics-main::-webkit-scrollbar{width:10px}.lyrics-main::-webkit-scrollbar-track{background:0 0}.lyrics-main::-webkit-scrollbar-thumb{background:#7db7ac;border-radius:999px}.lyrics-main::-webkit-scrollbar-thumb:hover{background:#98c3ae}.lyrics-main>.published-song-album-meta{box-sizing:border-box;align-self:center;width:80%}.lyrics-line{cursor:pointer;width:80%;margin:0}.lyrics-line:hover .lyrics-line-face,.lyrics-line:focus-visible .lyrics-line-face{border-color:#7db7ac;box-shadow:0 8px 24px #7db7ac3d}.lyrics-line:focus-visible{outline:none}.lyrics-line.open .lyrics-line-face{background:#cddbb2;border-color:#cddbb2}.lyrics-line.locked{cursor:default}.lyrics-line-inner{min-height:112px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,1,.36,1);display:grid}.lyrics-line-inner.flipped{transform:rotateX(180deg)}.lyrics-line-inner.flipped .lyrics-line-front{pointer-events:none}.lyrics-line-inner.flipped .lyrics-line-back{transform:rotateX(180deg)}.lyrics-line-face{box-sizing:border-box;text-align:center;backface-visibility:hidden;background:#fff;border:.5px solid #7db7ac57;border-radius:20px;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:8px;min-height:112px;padding:20px;transition:background .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 10px 40px #2f332824}.lyrics-line-front{color:#2f3328;pointer-events:auto}.lyrics-line-back{pointer-events:none;transform:rotateY(180deg)}.lyrics-jp{color:#2f3328;font-size:28px;line-height:1.5}.lyrics-keyword{color:#7db7ac;cursor:pointer;font-weight:700}.lyrics-keyword:hover{text-underline-offset:3px;text-decoration:underline}.lyrics-reading{color:#5f644f;font-size:16px;line-height:1.5}.lyrics-hiragana{color:#47786f;font-size:15px;line-height:1.5}.lyrics-line-number{color:#5f644f;align-self:flex-start;font-size:11px;font-weight:700}.song-import-preview-banner{box-sizing:border-box;color:#765c13;background:#fff7d9;border:1px solid #dfc576;border-radius:12px;width:80%;padding:16px 18px}.song-import-preview-banner div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.song-import-preview-banner strong{font-size:18px}.song-import-preview-banner span{font-size:12px;font-weight:700}.song-import-preview-banner p{margin:3px 0 0;font-size:13px}.lyrics-ko{color:#5f644f;font-size:1.3rem;line-height:1.7}.lyrics-word-panel{color:#5f644f;flex-direction:column;width:100%;min-height:220px;display:flex;overflow:hidden}.lyrics-word-close{display:none}.lyrics-word-card{gap:12px;min-height:0;display:grid;overflow-y:auto}.lyrics-word-card h2{color:#2f3328;margin:0;font-size:28px;line-height:1.2}.lyrics-word-card p{line-height:1.55}.lyrics-word-card .subtitle{margin:4px 0 0}.lyrics-word-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lyrics-word-actions .known-word-toggle,.lyrics-word-actions .known-word-button{margin-top:0}.word-reading-mode-button{font-family:inherit}.lyrics-word-panel-footer{flex:none;gap:8px;margin-top:auto;padding-top:16px;display:grid}.lyrics-word-panel-footer .back-button{box-sizing:border-box;width:100%}.lyrics-word-correction-button{color:#745d4c;box-sizing:border-box;background:#ffffffad;border:1px solid #6f523c29;border-radius:10px;width:100%;padding:.55rem .75rem;font-size:.75rem;font-weight:700}.lyrics-word-correction-button:hover{color:#914d34;background:#fff8f1;border-color:#b75b3759}.print-area,.lyrics-print-area{display:none}@media (width>=1101px){:is(#root:has(>.vocab-study),#root:has(>.lyrics-study)){height:100dvh;min-height:0;overflow:hidden}}@media (width<=1100px){.app.vocab-study{flex-direction:column;gap:160px;height:auto;padding:0;display:flex;overflow:visible}.vocab-study-content{box-sizing:border-box;width:100%;height:auto;padding:20px 16px;overflow:visible}.app.lyrics-study{flex-direction:column;height:auto;padding:0;display:flex;overflow:visible}.lyrics-study .album-sidebar,.lyrics-word-panel{width:100%;height:auto;position:static}.lyrics-main{box-sizing:border-box;width:100%;height:auto;padding:20px 16px;overflow:visible}.lyrics-line,.lyrics-main>.published-song-album-meta,.song-import-preview-banner{width:100%}}@media (width<=768px){html.lyrics-modal-open,body.lyrics-modal-open{touch-action:none;overscroll-behavior:none;overflow:hidden!important}html.lyrics-modal-open #root,body.lyrics-modal-open #root{overflow:hidden!important}html,body,#root{width:100%;overflow-x:hidden}.app{width:100%;max-width:100%;padding:20px 0;overflow-x:hidden}.quiz-card{width:calc(100% - 32px);min-height:auto;padding:18px 16px}.quiz-question-stage{min-height:200px;padding:12px 0 20px}.quiz-answer-stage .card-grid{grid-template-columns:1fr}.quiz-feedback-stage{min-height:96px}.quiz-cloze-sentence{font-size:21px}.quiz-xp-status{flex-wrap:wrap;align-items:flex-start}.quiz-xp-reset{text-align:left;flex:100%;grid-template-columns:minmax(0,1fr) auto;margin-left:36px}.quiz-xp-reset strong{text-align:right}.quiz-xp-reset small{grid-column:1/-1}.home-page{box-sizing:border-box;padding:18px 16px 28px}.home-title{font-size:34px}.home-description{font-size:15px}.home-catalog-stack{gap:30px}.home-catalog-heading{align-items:flex-start;margin-bottom:12px}.home-catalog-heading h2{font-size:20px}.home-catalog-heading p{font-size:13px}.home-catalog-all-link{padding-top:2px;font-size:13px}.song-library-page{padding:26px 16px 48px}.song-library-header{align-items:flex-start;margin-bottom:22px}.song-library-header h1{font-size:36px}.song-library-header>strong{font-size:30px}.song-library-controls{border-radius:15px;padding:10px;position:static}.song-library-toolbar{flex-direction:column;align-items:stretch;gap:9px}.song-library-filters{grid-template-columns:repeat(3,1fr);display:grid}.song-library-sort{justify-content:space-between;padding:0 4px}.song-library-row{grid-template-columns:50px minmax(0,1fr) 18px;gap:12px;padding:12px 2px}.song-library-row:hover{padding-left:2px;padding-right:2px}.song-library-artwork{border-radius:10px;width:50px;height:50px}.song-library-status{display:none}.song-library-info small{color:#5f644f;background:#f1f3ed;border-radius:999px;width:max-content;margin-top:5px;padding:3px 7px;font-size:10px;font-weight:700;display:block}.song-library-info small.is-studying{color:#477d73;background:#7db7ac2b}.song-library-favorite{background:#fff;border-radius:50%;margin:-34px 0 0 35px;padding:2px;font-size:12px;position:absolute}.song-library-info strong{font-size:14px}.song-library-info>span{font-size:12px}.album-grid{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding:0;display:grid;overflow:visible}.album-card{scroll-snap-align:none;flex:none;width:auto}.album-cover{border-radius:18px;width:100%;max-width:200px}.album-title{font-size:14px}.album-artist{font-size:13px}.album-meta{font-size:12px}.album-detail-page{box-sizing:border-box;max-width:100%;padding:20px 16px 32px}.album-detail-cover{border-radius:22px;width:min(82vw,500px)}.album-detail-cover-fallback{font-size:86px}.album-detail-title{margin-top:22px;font-size:28px}.album-detail-artist{font-size:15px}.track-list{margin-top:64px}.track-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;min-height:56px;padding:0 6px}.track-number{font-size:13px}.track-title{font-size:15px}.track-progress{padding:5px 7px;font-size:11px}.app.vocab-study{max-width:960px;margin:0 auto;padding:40px 20px;display:block}.vocab-study-content{width:100%;height:auto;padding:0;overflow:visible}.vocab-study-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.vocab-sidebar{display:none}.app.lyrics-study{box-sizing:border-box;flex-direction:column;width:100%;padding:0;display:flex}.desktop-header{display:none}.mobile-topbar{justify-content:center;align-items:center;min-height:56px;margin-bottom:8px;padding:0 16px;display:flex;position:relative}.mobile-topbar .page-title{text-align:center;max-width:calc(100% - 104px);margin:0!important;font-size:22px!important;line-height:1.2!important}.mobile-topbar .song-favorite-button{width:42px;height:42px;font-size:26px;position:absolute;right:16px}.toolbar-toggle{cursor:pointer;cursor:pointer;background:#fff;border:1px solid #98c3ae;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:inline-flex;position:absolute;left:16px}.toolbar-close{cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-bottom:12px;font-size:28px;display:block}.toolbar-overlay{z-index:20;background:#00000040;display:block;position:fixed;inset:0}.toolbar-count{color:#5f644f;margin:0;font-size:14px}.toolbar-action-row{flex-direction:column;align-items:stretch}.toolbar-action-row .progress-badge{box-sizing:border-box;align-items:flex-start;width:100%}.page-title{margin:0 16px 6px!important;font-size:26px!important;line-height:1.2!important}.subtitle{margin:0 16px 14px!important;font-size:14px!important}.controls-panel{box-sizing:border-box;z-index:30;background:#fff;flex-direction:column;gap:10px;width:72vw;max-width:320px;height:100dvh;padding:18px 16px;transition:transform .28s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 30px #2f332824}.controls-panel.open{transform:translate(0)}.controls-panel .search-input,.controls-panel .select-box,.controls-panel .test-button,.controls-panel .back-button{box-sizing:border-box;width:100%}.controls-panel .search-input{border-radius:20px;min-height:52px;margin:0;padding:0 16px;font-size:16px}.controls-panel .select-row{flex-direction:column;gap:10px;margin:0}.controls-panel .select-box{border-radius:20px;min-height:52px;font-size:16px}.controls-panel .back-button,.controls-panel .test-button{border-radius:20px;min-height:52px;margin:0;font-size:16px}.controls-panel .toolbar-action-row,.controls-panel .toolbar-actions{width:100%}.controls-panel .toolbar-action-row{flex-direction:column;align-items:stretch;gap:10px}.controls-panel .toolbar-actions{flex-direction:column}.controls-panel .progress-badge{box-sizing:border-box;border-radius:20px;align-items:flex-start;width:100%}.vocab-card-grid{scrollbar-color:#7db7ac transparent;scroll-snap-type:x mandatory;gap:16px;width:100vw;max-width:100vw;margin-left:-20px;padding:0 0 16px;scroll-padding-left:0;scroll-padding-right:0;display:flex;overflow:auto hidden}.vocab-card-grid:before,.vocab-card-grid:after{content:"";scroll-snap-align:none;flex:0 0 max(0px,6vw - 16px);width:max(0px,6vw - 16px);min-width:max(0px,6vw - 16px);display:block}.vocab-card-wrapper{scroll-snap-align:center;flex:0 0 88vw;width:88vw;min-width:0;max-width:88vw;height:calc(100dvh - 160px);min-height:440px;max-height:720px}.vocab-card-inner,.vocab-card-face{width:100%;min-width:0}.vocab-card-wrapper .word-title{font-size:42px}.vocab-card-wrapper .reading{font-size:18px}.card-content{font-size:17px}.audio-button,.next-button{border-radius:14px;min-height:48px;font-size:16px}.quiz-option{border-radius:20px;min-height:56px;font-size:16px}.quiz-top-row,.quiz-wrong-list li{grid-template-columns:1fr}.quiz-top-row{flex-direction:column}.quiz-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lyrics-study{box-sizing:border-box;flex-direction:column;gap:14px;padding:0;display:flex}.lyrics-study.word-panel-open{touch-action:none;overscroll-behavior:none;overflow:hidden}.lyrics-mobile-topbar{z-index:15;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:#ffffffdb;border-bottom:.5px solid #7db7ac57;justify-content:center;align-items:center;width:100%;min-height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #2f332814}.lyrics-mobile-topbar .page-title{text-align:center;padding:0 48px;margin:0!important;font-size:22px!important;line-height:1.2!important}.lyrics-sidebar-overlay{z-index:20;background:#00000040;display:block;position:fixed;inset:0}.lyrics-study .album-sidebar{z-index:30;border-radius:0 20px 20px 0;width:72vw;max-width:320px;height:100dvh;transition:transform .28s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 30px #2f332824}.lyrics-study .album-sidebar.open{transform:translate(0)}.lyrics-study .album-sidebar .page-title{margin:16px 0 8px!important;font-size:24px!important}.lyrics-study .album-sidebar .lyrics-mobile-back-button{box-sizing:border-box;width:100%;display:block}.lyrics-word-overlay{z-index:35;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000002e;display:block;position:fixed;inset:0}.lyrics-word-panel{box-sizing:border-box;z-index:40;background:#fff;border-radius:22px;width:calc(100% - 32px);max-width:420px;height:auto;min-height:0;max-height:72dvh;padding:18px;display:none;position:fixed;top:auto;bottom:18px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 24px 70px #2f332857}.lyrics-word-panel.open{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:auto;display:flex;overflow:hidden}.lyrics-word-close{color:#2f3328;cursor:pointer;background:#cddbb26b;border:none;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:inline-flex;position:absolute;top:12px;right:14px}.lyrics-word-card{padding-right:28px}.lyrics-main{box-sizing:border-box;width:100%;margin:0;padding:76px 16px 20px}.lyrics-main.word-panel-open{touch-action:none;overscroll-behavior:none;overflow:hidden}.lyrics-line{width:100%}.lyrics-jp{font-size:22px}}@media print{@page{size:A4;margin:10mm}@page lyrics-print{size:A4 landscape;margin:12mm}body{background:#fff}.app{padding:0!important}.app.vocab-study{width:auto;height:auto;display:block;overflow:visible}.app.vocab-study>:not(.print-area){display:none!important}.app.lyrics-study{width:auto;height:auto;display:block;overflow:visible}.app.lyrics-study>:not(.lyrics-print-area){display:none!important}.print-area{display:block;margin:0!important;padding:0!important}.print-page{page-break-after:always;box-sizing:border-box;width:190mm;height:277mm}.print-page:first-child{margin-top:0!important;padding-top:0!important}.print-card-grid{grid-template-rows:repeat(4,62mm);grid-template-columns:repeat(2,90mm);gap:6mm 10mm;display:grid}.print-card{box-sizing:border-box;break-inside:avoid;border:1px solid #222;border-radius:4mm;width:90mm;height:62mm;padding:6mm;overflow:hidden}.print-card h2{margin:0 0 4mm;font-size:20px}.print-card p{margin:2mm 0;font-size:10px}.print-back-grid{direction:rtl}.print-back-grid .print-card{direction:ltr}.print-back-page{transform:translate(-1.3mm)translateY(-.4mm)}.lyrics-print-area{color:#111;background:#fff;display:block;margin:0!important;padding:0!important}.lyrics-print-page{page:lyrics-print;page-break-after:always;break-after:page;box-sizing:border-box;grid-template-columns:1.35fr .85fr;gap:12mm;min-height:186mm;display:grid}.lyrics-print-page:last-child{page-break-after:auto;break-after:auto}.lyrics-print-lyrics{min-width:0}.lyrics-print-title{color:#111;margin:0 0 8mm;font-size:20px;line-height:1.2}.lyrics-print-line{break-inside:avoid;border-bottom:1px solid #ddd;margin:0 0 5mm;padding:0 0 5mm}.lyrics-print-jp{color:#111;word-break:break-word;margin:0 0 1.8mm;font-size:13px;line-height:1.55}.lyrics-print-ko{color:#333;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.lyrics-print-vocab{border-left:1px solid #cfcfcf;min-width:0;padding-left:6mm}.lyrics-print-vocab h2{color:#111;margin:0 0 5mm;font-size:16px;line-height:1.2}.lyrics-print-vocab ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:3mm;margin:0;padding:0;list-style:none;display:grid}.lyrics-print-vocab li{color:#111;overflow-wrap:anywhere;break-inside:avoid;border:1px solid #d8d8d8;border-radius:3mm;padding:1.5mm 2mm;font-size:9px;line-height:1.45}.lyrics-print-empty{color:#666;margin:0;font-size:11px}}.correction-report-button,.lyrics-sidebar-action.correction{color:#745d4c;background:#ffffffb8;border:1px solid #6f523c33;font-size:.72rem;font-weight:700}.correction-report-button{border-radius:999px;flex:none;padding:.25rem .48rem}.lyrics-sidebar-tools{gap:.7rem;display:grid}.lyrics-sidebar-settings{background:#f7f4efb8;border:1px solid #6f523c1f;border-radius:12px;gap:.65rem;padding:.75rem;display:grid}.lyrics-sidebar-settings-title{color:#5f644f;letter-spacing:.08em;font-size:.68rem;font-weight:800}.lyrics-sidebar-action-row{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.lyrics-sidebar-action{color:#2f3328;white-space:nowrap;background:#fffc;border:1px solid #6f523c29;border-radius:10px;min-width:0;padding:.48rem .35rem;font-size:.7rem;font-weight:700}.lyrics-sidebar-action:hover{background:#fff;border-color:#6f523c52}.lyrics-sidebar-action.active{background:#cddbb2;border-color:#7091676b}.lyrics-sidebar-action.correction.active{color:#9a4c2e;background:#fff2e8;border-color:#b75b376b}.lyrics-sidebar-toggles{border-top:1px solid #6f523c1a;gap:.5rem;padding-top:.6rem;display:grid}.lyrics-sidebar-toggles .lyrics-toggle-option{font-size:.74rem}.lyrics-sidebar-correction-hint{color:#8b604d;font-size:.68rem;line-height:1.4}.lyrics-correction-hint{color:#8b604d;margin:0 0 .8rem;font-size:.76rem;font-weight:700}.lyrics-line.correction-selectable{cursor:crosshair;outline-offset:-1px;outline:1px dashed #b75b3759}.lyrics-line.correction-selectable:hover,.lyrics-line.correction-selectable:focus-visible{background:#fff8f1;outline:2px solid #b75b3794}.correction-dialog-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f191594;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.correction-dialog{background:#fffdf9;border-radius:24px;width:min(560px,100%);max-height:min(760px,100vh - 2rem);padding:2rem;position:relative;overflow:auto;box-shadow:0 28px 80px #1f19154d}.correction-dialog-close{background:#f3eee8;border:0;border-radius:50%;width:2.25rem;height:2.25rem;font-size:1.4rem;position:absolute;top:1rem;right:1rem}.correction-dialog header>p{color:#c66a43;letter-spacing:.14em;margin:0 0 .4rem;font-size:.72rem;font-weight:900}.correction-dialog header h2{margin:0;font-size:1.8rem}.correction-dialog header>span{color:#786c63;margin-top:.45rem;display:block}.correction-dialog form{gap:1rem;margin-top:1.5rem;display:grid}.correction-dialog form label,.correction-review-fields label{gap:.45rem;font-weight:750;display:grid}.correction-current-value{background:#f4f0eb;border-radius:12px;padding:.85rem}.correction-current-value span{color:#7f7269;font-size:.76rem;font-weight:800}.correction-current-value p{white-space:pre-wrap;margin:.4rem 0 0}.correction-dialog textarea,.correction-dialog select,.correction-review-fields textarea,.correction-admin-toolbar input,.correction-admin-toolbar select{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #ded5cd;border-radius:12px;padding:.8rem}.correction-dialog-actions{justify-content:flex-end;gap:.6rem;margin-top:.4rem;display:flex}.correction-dialog-complete,.correction-login-notice{text-align:center;padding:1.5rem .5rem .25rem}.correction-dialog-complete>span{color:#287a45;background:#e6f5eb;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;font-size:1.7rem;display:grid}.correction-open-count{color:#c45e38;align-items:baseline;gap:.4rem;font-size:2.4rem;display:flex}.correction-open-count span{color:#74675e;font-size:.8rem}.admin-tab-count{color:#fff;background:#d9663f;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:.35rem;padding:0 .25rem;font-size:.7rem;display:inline-grid}.correction-admin-toolbar{grid-template-columns:1fr 150px;gap:.75rem;margin:1.25rem 0;display:grid}.correction-admin-layout{background:#fff;border:1px solid #e3dad2;border-radius:20px;grid-template-columns:minmax(270px,.78fr) minmax(0,1.45fr);min-height:620px;display:grid;overflow:hidden}.correction-report-list{background:#faf7f3;border-right:1px solid #e3dad2;overflow:auto}.correction-report-list>button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #e9e1da;gap:.45rem;padding:1rem;display:grid}.correction-report-list>button:hover,.correction-report-list>button.active{background:#fff;box-shadow:inset 3px 0 #d56e46}.correction-report-list button>span{justify-content:space-between;align-items:center;display:flex}.correction-report-list em{color:#b65d3d;font-size:.72rem;font-style:normal;font-weight:900}.correction-report-list strong{font-size:1rem}.correction-report-list p{color:#6e625a;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.correction-report-list time{color:#9b8f87;font-size:.72rem}.correction-status{color:#615850;white-space:nowrap;background:#eee9e4;border-radius:999px;width:fit-content;padding:.28rem .55rem;font-weight:800;display:inline-flex}.correction-status.pending{color:#8b6100;background:#fff1cf}.correction-status.in_review{color:#285b9a;background:#e5efff}.correction-status.resolved{color:#267242;background:#e4f5e9}.mypage-correction-list .correction-status.resolved{height:fit-content}.correction-status.rejected{color:#9a4438;background:#f5e8e6}.correction-report-detail{padding:clamp(1.25rem,3vw,2.4rem)}.correction-report-detail>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.correction-report-detail h2{margin:.25rem 0}.correction-report-detail header p{color:#756960;margin:0}.correction-compare{grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0 1rem;display:grid}.correction-compare article,.correction-description{background:#fcfaf7;border:1px solid #e5ddd6;border-radius:14px;padding:1.15rem}.correction-compare h3,.correction-description h3{color:#8c7c70;margin:0 0 .65rem;font-size:.78rem}.correction-compare p,.correction-description p{white-space:pre-wrap;margin:0}.correction-review-fields{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.correction-detail-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.3rem;display:flex}.published-editor-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9f0;border-bottom:1px solid #e5ddd6;justify-content:space-between;align-items:center;gap:1rem;margin:-1rem -1rem 1rem;padding:1rem;display:flex;position:sticky;top:0}.published-editor-header h1{margin:.3rem 0 0}.published-editor-back{color:#786b62;font-size:.85rem;font-weight:750;text-decoration:none}.published-editor-save{align-items:center;gap:.75rem;display:flex}.published-editor-save span{color:#83776e;font-size:.8rem;font-weight:700}.published-editor-tabs{background:#eee9e3;border-radius:14px;gap:.4rem;margin:1rem 0 1.5rem;padding:.35rem;display:flex}.published-editor-tabs button{color:#70645b;background:0 0;border:0;border-radius:10px;flex:1}.published-editor-tabs button.active{color:#2e2925;background:#fff;box-shadow:0 2px 8px #3228201a}.correction-edit-context{color:#76472f;background:#fff2e8;border-left:4px solid #d26a43;border-radius:8px;padding:.85rem 1rem}.correction-target-row{outline-offset:-3px;outline:3px solid #dc6b3f73;background:#fff8ee!important}.mypage-section-heading{justify-content:space-between;align-items:center;display:flex}.mypage-section-heading h2{margin-top:.2rem}.mypage-section-heading>strong{font-size:1.5rem}.mypage-correction-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.mypage-correction-list li{border:1px solid #e7ded7;border-radius:14px;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.mypage-correction-list li>div{gap:.28rem;display:grid}.mypage-correction-list span,.mypage-correction-list time{color:#82756c;font-size:.78rem}.mypage-correction-list p{color:#4a7857;margin:.35rem 0 0}@media (width<=768px){.correction-dialog{border-radius:20px;padding:1.35rem}.correction-admin-toolbar,.correction-admin-layout,.correction-compare,.correction-review-fields{grid-template-columns:1fr}.correction-admin-layout{overflow:visible}.correction-report-list{border-bottom:1px solid #e3dad2;border-right:0;max-height:340px}.published-editor-header{align-items:flex-start}.published-editor-save{flex-direction:column;align-items:flex-end}.published-editor-save span{display:none}.enhanced-published-editor .admin-table-wrap{overflow:visible}.enhanced-published-editor .editor-table,.enhanced-published-editor .editor-table tbody,.enhanced-published-editor .editor-table tr,.enhanced-published-editor .editor-table td{box-sizing:border-box;width:100%;display:block}.enhanced-published-editor .editor-table thead{display:none}.enhanced-published-editor .editor-table tr{border:1px solid #e2d9d1;border-radius:14px;margin-bottom:1rem;padding:.75rem}.enhanced-published-editor .editor-table td{border:0;padding:.35rem}.mypage-correction-list li{align-items:flex-start}}#root:has(>.vocabulary-card-mode){height:100dvh;min-height:0;overflow:hidden}.app.vocab-study.vocabulary-card-mode{flex:1 1 0;align-items:stretch;gap:12px;height:auto;min-height:0;overflow:hidden}.vocabulary-card-mode .vocab-sidebar{height:100%;max-height:100%}.vocabulary-card-mode .vocab-study-content{height:100%;padding:0;overflow:hidden}.vocabulary-card-mode .vocab-study-panel{height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:4px 8px 8px;display:flex;overflow:hidden}.vocabulary-card-mode .desktop-header .vocab-title-row{min-height:34px}.vocabulary-card-mode .desktop-header .page-title{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.15}.vocabulary-card-mode .desktop-header .subtitle{display:none}.vocabulary-card-mode .vocabulary-study-session{flex:1 1 0;grid-template-rows:auto minmax(0,1fr) auto auto auto;width:min(100%,820px);min-height:0;display:grid;overflow:visible}.vocabulary-card-mode .vocabulary-session-progress{min-height:28px;margin:0 2px 6px}.vocabulary-card-mode .vocabulary-card-stage{height:100%;min-height:0}.vocabulary-card-mode .vocabulary-flashcard{height:100%;min-height:0;max-height:none}.vocabulary-card-mode .vocabulary-session-navigation,.vocabulary-card-mode .vocabulary-session-judgement{gap:8px;margin-top:7px}.vocabulary-card-mode .vocabulary-session-navigation button,.vocabulary-card-mode .vocabulary-session-judgement button{min-height:42px}.vocabulary-card-mode .vocabulary-keyboard-help{margin:5px 0 0;line-height:1.2}.vocabulary-settings-overlay{z-index:90;pointer-events:none;position:fixed;inset:0}.vocabulary-settings-overlay .toolbar-overlay{z-index:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#1f261f4d;display:block;position:fixed;inset:0}.vocabulary-settings-overlay .controls-panel{z-index:1;box-sizing:border-box;pointer-events:auto;background:#fff;border:1px solid #7db7ac57;border-radius:20px;width:min(360px,100vw - 32px);max-height:calc(100dvh - 92px);padding:18px;position:fixed;inset:76px 16px auto auto;overflow-y:auto;transform:none;box-shadow:0 24px 70px #2f332838}.vocabulary-settings-overlay .toolbar-close{align-self:flex-end;display:inline-flex}@media (width>=1101px){.app.vocab-study.vocabulary-card-mode{grid-template-columns:minmax(190px,230px) minmax(560px,900px) minmax(0,1fr)}}@media (width<=1100px){.app.vocab-study.vocabulary-card-mode{flex-direction:column;gap:0;height:auto;padding:0;display:flex;overflow:hidden}.vocabulary-card-mode .vocab-sidebar{display:none}.vocabulary-card-mode .vocab-study-content{flex:1 1 0;min-height:0;padding:8px 12px}.vocabulary-card-mode .vocab-study-panel{border-radius:20px}}@media (width<=768px){.vocabulary-card-mode .vocab-study-content{height:100%;padding:0 8px 8px;overflow:hidden}.vocabulary-card-mode .vocab-study-panel{height:100%;min-height:0;padding:0 4px 6px;overflow:hidden}.vocabulary-card-mode .mobile-topbar{flex:none;min-height:46px;margin:0}.vocabulary-card-mode .mobile-topbar .page-title{font-size:19px!important}.vocabulary-card-mode .mobile-topbar .toolbar-toggle,.vocabulary-card-mode .mobile-topbar .song-favorite-button{width:36px;height:36px}.vocabulary-card-mode .vocabulary-study-session{width:100%}.vocabulary-card-mode .vocabulary-flashcard{height:100%;min-height:0;max-height:none}.vocabulary-card-mode .vocabulary-flashcard-face{padding:18px 18px 58px}.vocabulary-card-mode .vocabulary-card-eyebrow{margin-bottom:12px}.vocabulary-card-mode .vocabulary-card-hint{margin-top:14px}.vocabulary-card-mode .vocabulary-session-navigation,.vocabulary-card-mode .vocabulary-session-judgement{margin-top:5px}.vocabulary-card-mode .vocabulary-session-navigation button,.vocabulary-card-mode .vocabulary-session-judgement button{min-height:39px;font-size:13px}.vocabulary-settings-overlay .controls-panel{width:min(340px,100vw - 16px);max-height:calc(100dvh - 16px);top:8px;right:8px}}@media (height<=720px){.vocabulary-card-mode .vocabulary-card-eyebrow,.vocabulary-card-mode .vocabulary-card-hint,.vocabulary-card-mode .vocabulary-keyboard-help{display:none}.vocabulary-card-mode .vocabulary-flashcard-face{padding-top:14px;padding-bottom:52px}.vocabulary-card-mode .vocabulary-session-navigation button,.vocabulary-card-mode .vocabulary-session-judgement button{min-height:36px}}@media (width>=1101px){.app.vocab-study.vocabulary-card-mode{grid-template-columns:240px minmax(0,1fr) 320px;align-items:start;gap:20px}.vocabulary-card-mode .vocab-sidebar,.vocabulary-card-mode .vocab-study-content,.vocabulary-settings-panel{height:calc(100% - 40px)}.vocabulary-card-mode .vocab-study-content{width:100%;max-width:none}}.vocabulary-settings-panel{box-sizing:border-box;scrollbar-color:#7db7ac transparent;background:#fff;border:.5px solid #7db7ac57;border-radius:20px;min-width:0;padding:16px;position:sticky;top:8px;overflow-y:auto;box-shadow:0 10px 40px #2f332824}.vocabulary-settings-panel>h2{margin:2px 2px 14px;font-size:24px;line-height:1.2}.vocabulary-settings-panel .controls-panel{flex-direction:column;gap:9px;width:100%;display:flex}.vocabulary-settings-panel .toolbar-close{display:none}.vocabulary-settings-panel .toolbar-action-row,.vocabulary-settings-panel .toolbar-actions{flex-direction:column;align-items:stretch;gap:7px;width:100%;display:flex}.vocabulary-settings-panel .test-button,.vocabulary-settings-panel .known-words-filter-toggle,.vocabulary-settings-panel .toolbar-visibility-toggle,.vocabulary-settings-panel .progress-badge,.vocabulary-settings-panel .search-input,.vocabulary-settings-panel .select-box{box-sizing:border-box;width:100%}.vocabulary-settings-panel .test-button{min-height:38px;margin:0}.vocabulary-settings-panel .known-words-filter-toggle{min-height:38px}.vocabulary-settings-panel .progress-badge{align-items:flex-start;min-height:52px}.vocabulary-settings-panel .search-input{min-height:42px;margin:0;padding:10px 12px}.vocabulary-settings-panel .select-row{flex-direction:column;gap:7px;margin:0;display:flex}.vocabulary-settings-panel .select-box{min-height:40px}.vocabulary-settings-panel .toolbar-count{margin:2px 0 0}@media (width<=1100px){.vocabulary-settings-panel{display:contents}.vocabulary-settings-panel>h2{display:none}.vocabulary-settings-panel .toolbar-overlay{z-index:29;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000002e;display:block;position:fixed;inset:0}.vocabulary-settings-panel .controls-panel{z-index:30;box-sizing:border-box;background:#fff;border:0;border-radius:0 20px 20px 0;width:min(320px,82vw);height:100dvh;padding:18px 16px;transition:transform .28s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 30px #2f332824}.vocabulary-settings-panel .controls-panel.open{transform:translate(0)}.vocabulary-settings-panel .toolbar-close{align-self:flex-end;display:inline-flex}}