:root{color:#e5e7eb;background:#0f172a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1080px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-layout{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.top-bar{background:#111827;border-bottom:1px solid #263244;justify-content:space-between;align-items:center;height:76px;padding:14px 24px;display:flex}.top-bar h1{margin:0;font-size:24px}.top-bar p{color:#9ca3af;margin:4px 0 0;font-size:14px}.top-status{color:#cbd5e1;align-items:center;gap:16px;font-size:14px;display:flex}.save-status{color:#86efac;background:#052e16;border:1px solid #14532d;border-radius:999px;padding:6px 10px}.workspace{grid-template-columns:260px minmax(0,1fr) 300px;min-height:0;display:grid}.song-list{background:#111827;border-right:1px solid #263244;padding:16px;overflow:auto}.song-list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-list-header h2{margin:0;font-size:18px}.song-items{gap:8px;margin-top:16px;display:grid}.song-item{text-align:left;color:#e5e7eb;background:#0f172a;border:1px solid #263244;border-radius:14px;width:100%;padding:14px}.song-item strong,.song-item span{display:block}.song-item span{color:#9ca3af;margin-top:4px;font-size:13px}.song-item.is-active{background:#172554;border-color:#60a5fa}.main-workspace{min-width:0;padding:18px;overflow:auto}.mode-tabs{gap:8px;margin-bottom:16px;display:flex}.right-sidebar{background:#111827;border-left:1px solid #263244;align-content:start;gap:16px;padding:16px;display:grid;overflow:auto}.panel{background:#111827;border:1px solid #263244;border-radius:18px;overflow:hidden}.panel-header{border-bottom:1px solid #263244;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:14px 16px;display:flex}.panel-header h2{margin:0;font-size:18px}.panel-actions{flex:none}.panel-body{padding:16px}.toolbar{align-items:center;gap:8px;display:flex}.button{color:#e5e7eb;background:#1f2937;border:1px solid #0000;border-radius:10px;padding:8px 12px}.button-primary{background:#2563eb;border-color:#2563eb}.button-secondary{background:#1f2937;border-color:#334155}.button-danger{background:#7f1d1d;border-color:#991b1b}.button-ghost{background:0 0;border-color:#334155}.empty-workspace{gap:14px;display:grid}.empty-workspace h3{margin:0;font-size:20px}.empty-workspace p{color:#9ca3af;margin:0;line-height:1.6}.large-textarea{resize:vertical;color:#e5e7eb;background:#0f172a;border:1px solid #334155;border-radius:14px;width:100%;min-height:280px;padding:14px;line-height:1.5}.practice-layout{gap:14px;display:grid}.lyric-card{background:#0f172a;border:1px solid #263244;border-radius:16px;padding:16px}.lyric-card p{margin:8px 0 0;font-size:20px}.line-label{color:#93c5fd;font-size:13px;font-weight:700}.japanese-line{font-size:28px!important}.text-input{color:#e5e7eb;background:#111827;border:1px solid #334155;border-radius:12px;width:100%;margin-top:10px;padding:12px}.syllable-editor-preview{background:#0f172a;border:1px solid #263244;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;min-height:180px;padding:24px;display:flex}.syllable-chip{color:#e5e7eb;background:#1f2937;border:1px solid #475569;border-radius:14px;min-width:54px;height:54px;font-size:24px}.helper-text{color:#9ca3af;margin:14px 0 0}.info-list{gap:12px;margin:0;display:grid}.info-list div{border-bottom:1px solid #263244;padding-bottom:12px}.info-list div:last-child{border-bottom:0;padding-bottom:0}.info-list dt{color:#93c5fd;font-size:13px;font-weight:700}.info-list dd{color:#e5e7eb;margin:4px 0 0}.rule-list{color:#cbd5e1;margin:0;padding-left:20px;line-height:1.8}.audio-player{background:#111827;border-top:1px solid #263244;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:14px 24px;display:flex}.audio-main{gap:4px;display:grid}.audio-main span{color:#9ca3af;font-size:14px}.audio-controls{align-items:center;gap:8px;display:flex}.select-input{color:#e5e7eb;background:#0f172a;border:1px solid #334155;border-radius:10px;height:38px;padding:0 10px}.section-title{margin:6px 0 0;font-size:22px}.annotation-source{background:#0f172a;border:1px solid #263244;border-radius:16px;margin-bottom:16px;padding:16px}.annotation-source p{margin:8px 0 0;font-size:22px}.syllable-chip{place-items:center;gap:2px;display:inline-grid;position:relative}.syllable-marks{color:#facc15;gap:2px;min-height:16px;font-size:12px;font-weight:700;display:flex;position:absolute;top:2px}.import-layout{gap:20px;display:grid}.import-preview{background:#0f172a;border:1px solid #263244;border-radius:16px;overflow:hidden}.import-preview-header{border-bottom:1px solid #263244;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.import-preview-header h3{margin:0;font-size:18px}.import-preview-header span{color:#93c5fd;font-weight:700}.import-preview-empty{color:#9ca3af;background:#0f172a;border:1px dashed #334155;border-radius:16px;padding:18px}.warning-box{color:#fcd34d;background:#451a03;border:1px solid #92400e;border-radius:12px;margin:16px;padding:12px 14px}.warning-box p{margin:0}.warning-box p+p{margin-top:6px}.preview-table{border-collapse:collapse;width:100%;font-size:14px}.preview-table th,.preview-table td{text-align:left;vertical-align:top;border-bottom:1px solid #263244;padding:12px}.preview-table th{color:#93c5fd;white-space:nowrap;background:#111827}.preview-table td:first-child{color:#9ca3af;width:56px}.preview-table td:nth-child(2){min-width:280px}.preview-table td:nth-child(3){min-width:240px}.preview-table td:nth-child(4){min-width:260px}.ok-text{color:#86efac;font-weight:700}.warning-text{color:#fcd34d;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.45}.data-control-panel{gap:12px;display:grid}.data-control-panel p{color:#cbd5e1;margin:0;font-size:14px;line-height:1.6}.empty-app-state{text-align:center;place-content:center;gap:16px;min-height:100vh;display:grid}.practice-screen{grid-template-columns:280px minmax(0,1fr);gap:16px;display:grid}.line-picker{background:#0f172a;border:1px solid #263244;border-radius:16px;min-width:0;overflow:hidden}.line-picker-header{border-bottom:1px solid #263244;padding:14px}.line-picker-header h3{margin:6px 0 0;font-size:16px}.line-picker-list{gap:6px;max-height:560px;padding:10px;display:grid;overflow:auto}.line-picker-item{color:#e5e7eb;text-align:left;background:#111827;border:1px solid #263244;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:10px;display:grid}.line-picker-item strong{color:#93c5fd}.line-picker-item span{text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;overflow:hidden}.line-picker-item.is-active{background:#172554;border-color:#60a5fa}.line-work-area{gap:14px;min-width:0;display:grid}.current-line-heading{background:#0f172a;border:1px solid #263244;border-radius:16px;padding:16px}.input-helper{color:#9ca3af;margin:10px 0 0;font-size:13px;line-height:1.5}.input-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.dirty-badge,.clean-badge{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.dirty-badge{color:#fcd34d;background:#451a03;border:1px solid #92400e}.clean-badge{color:#86efac;background:#052e16;border:1px solid #14532d}.line-picker-subtext{text-overflow:ellipsis;white-space:nowrap;color:#9ca3af;grid-column:2;font-size:12px;overflow:hidden}.shortcut-hint{color:#bfdbfe;background:#0f172a99;border-radius:6px;margin-left:6px;padding:2px 5px;font-size:11px;font-weight:800}.annotation-empty-text{color:#9ca3af;margin:8px 0 0}.annotation-list,.shortcut-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.shortcut-list li{color:#cbd5e1;align-items:center;gap:8px;display:flex}.shortcut-list kbd{color:#facc15;text-align:center;background:#111827;border:1px solid #475569;border-radius:6px;min-width:26px;padding:3px 6px;font-weight:800}.annotation-style-toolbar{background:#0f172a;border:1px solid #263244;border-radius:16px;gap:12px;margin-bottom:16px;padding:12px;display:grid}.style-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.style-group .line-label{width:72px}.text-color-green{color:#22c55e}.text-color-red{color:#ef4444}.highlight-yellow{background:#facc1538}.highlight-red{background:#f8717138}.highlight-gray{background:#94a3b838}.highlight-sky{background:#38bdf838}.pitch-mark{color:#fb923c;font-weight:900}.syllable-kind-stretch{background:#1e1b4b;border-style:dashed}.syllable-kind-vibrato{background:#164e63;border-style:dashed}.syllable-kind-stretch .syllable-text,.syllable-kind-vibrato .syllable-text{font-size:28px;font-weight:900}.syllable-chip.is-selected{background:#422006;border-color:#facc15;box-shadow:0 0 0 2px #facc1533}.syllable-main-row{justify-content:center;align-items:baseline;gap:1px;min-height:32px;display:flex}.syllable-text{line-height:1}.syllable-text-bold{font-weight:900}.syllable-text-italic{font-style:italic}.syllable-marks-below{top:auto;bottom:4px}.accent-mark{color:#facc15;font-weight:900}.syllable-after-mark{font-size:18px;font-weight:800;line-height:1}.break-mark{color:#fb7185}.annotation-info-card{background:#0f172a;border:1px solid #263244;border-radius:14px;padding:14px}.selected-syllable-text{margin-top:8px;font-size:40px;line-height:1;display:block}.annotation-empty-text{color:#9ca3af;margin:8px 0 0;font-size:13px;line-height:1.5}.annotation-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.annotation-list li{gap:3px;display:grid}.annotation-list li strong{color:#e5e7eb}.annotation-list li span{color:#9ca3af;font-size:13px}.line-connection-toolbar{background:#0f172a;border:1px solid #263244;border-radius:16px;gap:10px;margin-bottom:16px;padding:12px;display:grid}.line-connection-buttons{flex-wrap:wrap;gap:8px;display:flex}.line-connection-help{color:#9ca3af;margin:6px 0 0;font-size:13px;line-height:1.5}.syllable-chip{min-height:92px;padding:28px 12px 24px}.syllable-main-row{min-height:38px;padding:6px 0}.syllable-marks{pointer-events:none;justify-content:center;align-items:center;gap:3px;min-height:16px;display:flex}.syllable-marks-above{top:8px}.syllable-marks-below{bottom:8px}.syllable-mark{line-height:1}.selected-syllable-text{padding-top:8px;padding-bottom:8px}.hidden-file-input{display:none}.audio-player{gap:16px}.audio-main{min-width:220px}.audio-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.audio-center{flex:1;min-width:280px}.audio-time-row{color:#cbd5e1;font-variant-numeric:tabular-nums;grid-template-columns:82px minmax(160px,1fr) 82px;align-items:center;gap:10px;font-size:13px;display:grid}.audio-seek{accent-color:#60a5fa;width:100%}.audio-seek:disabled{opacity:.4}.visually-hidden-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-picker-label{color:#e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293b;border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.file-picker-label:hover{background:#334155}.audio-current-line{color:#93c5fd;font-size:12px}.audio-seek-wrap{align-items:center;min-width:0;height:24px;display:flex;position:relative}.segment-track{pointer-events:none;z-index:1;height:8px;position:absolute;top:2px;left:0;right:0}.segment-range{opacity:.9;border-radius:999px;height:8px;position:absolute;top:0}.segment-range-previous{background:#94a3b8cc}.segment-range-current{background:#60a5faf2}.audio-seek-wrap .audio-seek{z-index:2;position:relative}.audio-segment-info{color:#9ca3af;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:12px;display:flex}.audio-player-expanded{align-items:stretch}.audio-center-expanded{gap:8px;display:grid}.audio-detail-panel{background:#0f172a;border:1px solid #263244;border-radius:14px;padding:10px}.audio-detail-header>div:first-child{gap:2px;display:grid}.audio-detail-header strong{color:#e5e7eb;font-size:13px}.audio-detail-header span{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:12px}.audio-detail-track{cursor:pointer;touch-action:none;background:linear-gradient(#60a5fa14,#0000),#111827;border:1px solid #334155;border-radius:12px;height:82px;position:relative;overflow:hidden}.audio-detail-track.is-dragging{cursor:grabbing}.audio-detail-tick{pointer-events:none;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.audio-detail-tick i{background:#94a3b82e;width:1px;height:58px;display:block}.audio-detail-tick b{color:#64748b;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:500;position:absolute;bottom:4px;left:4px}.detail-segment{pointer-events:none;border-radius:999px;height:18px;position:absolute;top:30px}.detail-segment-previous{background:#94a3b8a6}.detail-segment-current{background:#60a5fad9}.detail-marker{color:#0f172a;z-index:5;pointer-events:none;border:2px solid #0f172a;border-radius:999px;width:24px;height:44px;font-size:12px;font-weight:900;position:absolute;top:18px;transform:translate(-50%)}.detail-marker-start{background:#86efac}.detail-marker-end{background:#fca5a5}.detail-playhead{z-index:4;pointer-events:none;background:#facc15;width:2px;position:absolute;top:6px;bottom:6px;transform:translate(-1px);box-shadow:0 0 0 1px #facc1566}.detail-playhead:before{content:"";background:#facc15;width:10px;height:10px;position:absolute;top:-2px;left:50%;transform:translate(-50%)rotate(45deg)}.audio-detail-help{color:#9ca3af;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:12px;display:flex}.audio-detail-help label{color:#cbd5e1;align-items:center;gap:5px;display:inline-flex}.audio-controls-grouped{align-content:start;gap:8px;min-width:320px;display:grid}.audio-control-row{background:#0f172a;border:1px solid #263244;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.audio-control-row-title{color:#93c5fd;min-width:72px;font-size:12px;font-weight:800}.volume-control{color:#e5e7eb;background:#111827;border:1px solid #334155;border-radius:10px;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.volume-control input{accent-color:#60a5fa;width:92px}.volume-control b{color:#cbd5e1;font-variant-numeric:tabular-nums;text-align:right;min-width:38px;font-size:12px}.audio-shortcut-row{color:#9ca3af;font-size:12px}.audio-shortcut-row span:not(.audio-control-row-title){background:#111827;border-radius:999px;padding:3px 6px}.annotation-line-navigation{background:#0f172a;border:1px solid #263244;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.annotation-line-navigation strong{color:#e5e7eb;font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px;display:block}.annotation-line-navigation-buttons{flex-wrap:wrap;gap:8px;display:flex}.loop-status{color:#cbd5e1;background:#111827;border:1px solid #334155;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.zoom-window-label{color:#cbd5e1;font-variant-numeric:tabular-nums;background:#111827;border:1px solid #334155;border-radius:10px;align-items:center;min-height:36px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.audio-detail-panel,.audio-detail-track{overscroll-behavior:contain}.audio-detail-track{touch-action:none}.data-backup-panel{z-index:35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af5;border:1px solid #263244;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:min(420px,100vw - 32px);padding:12px;display:flex;position:fixed;bottom:238px;right:16px;box-shadow:0 16px 40px #00000047}.data-backup-panel strong{color:#e5e7eb;font-size:13px;display:block}.data-backup-panel span{color:#9ca3af;margin-top:3px;font-size:12px;line-height:1.4;display:block}.data-backup-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=920px){.data-backup-panel{flex-direction:column;align-items:stretch;width:auto;bottom:260px;left:16px;right:16px}.data-backup-actions{justify-content:flex-start}}.song-list{gap:8px;display:grid}.song-list-item{color:#e5e7eb;text-align:left;cursor:pointer;background:#0f172a;border:1px solid #263244;border-radius:14px;width:100%;padding:12px}.song-list-item:hover{background:#172033}.song-list-item.is-active{background:#1e3a5f;border-color:#60a5fa}.song-list-item strong{font-size:14px;display:block}.song-list-item span{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.song-editor-card{background:#0f172a;border:1px solid #263244;border-radius:16px;gap:10px;padding:12px;display:grid}.song-editor-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.song-editor-header strong{color:#e5e7eb;margin-top:4px;font-size:16px;display:block}.field-label{color:#cbd5e1;gap:6px;font-size:13px;font-weight:800;display:grid}.small-textarea{resize:vertical;color:#e5e7eb;width:100%;min-height:72px;font:inherit;background:#111827;border:1px solid #334155;border-radius:12px;padding:10px 12px;line-height:1.5}.song-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.song-editor-warning{color:#9ca3af;margin:0;font-size:12px;line-height:1.5}.data-backup-panel{opacity:.78;width:min(560px,100vw - 32px)}.data-backup-panel:hover{opacity:1}.data-backup-panel strong:after{content:" / temporary";color:#64748b;font-size:11px;font-weight:700}.server-project-panel{z-index:36;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172afa;border:1px solid #1d4ed8;border-radius:16px;gap:10px;width:min(720px,100vw - 32px);max-height:280px;padding:12px;display:grid;position:fixed;bottom:360px;right:16px;overflow:auto;box-shadow:0 16px 40px #00000052}.server-project-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.server-project-header strong{color:#bfdbfe;font-size:14px;display:block}.server-project-header span{color:#9ca3af;margin-top:3px;font-size:12px;display:block}.server-project-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.server-project-list{gap:8px;display:grid}.server-project-list p{color:#9ca3af;margin:0;font-size:12px}.server-project-item{background:#0f172a;border:1px solid #263244;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.server-project-item.is-active{background:#1e3a5f;border-color:#60a5fa}.server-project-item>button:first-child{color:#e5e7eb;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.server-project-item>button:first-child:disabled{cursor:not-allowed;opacity:.6}.server-project-item strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.server-project-item span{color:#9ca3af;margin-top:3px;font-size:12px;display:block}@media (width<=920px){.server-project-panel{width:auto;bottom:390px;left:16px;right:16px}.server-project-header{flex-direction:column}.server-project-actions{justify-content:flex-start}}.viewer-song-header h2{color:#f8fafc;margin:6px 0 0;font-size:28px}.viewer-song-header p{color:#9ca3af;margin:6px 0 0}.viewer-line-card{background:#111827;border:1px solid #263244;border-radius:18px;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px;display:grid}.viewer-line-index{color:#bfdbfe;font-variant-numeric:tabular-nums;background:#1e3a5f;border-radius:999px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.viewer-line-content{gap:12px;display:grid}.viewer-japanese{color:#e5e7eb;margin:0;font-size:20px;line-height:1.6}.viewer-pronunciation-line{background:#020617;border-radius:16px;flex-wrap:wrap;align-items:center;gap:4px 2px;min-height:88px;padding:12px;display:flex}.viewer-unit{place-items:center;min-width:28px;min-height:72px;padding:24px 4px 20px;display:inline-grid;position:relative}.viewer-unit-stretch,.viewer-unit-vibrato{min-width:22px}.viewer-unit-main{align-items:baseline;gap:1px;display:inline-flex}.viewer-unit-text{color:#f8fafc;font-size:28px;line-height:1}.viewer-unit-bold{font-weight:900}.viewer-unit-italic{font-style:italic}.viewer-text-green{color:#22c55e}.viewer-text-red{color:#ef4444}.viewer-highlight-yellow{background:#facc1547}.viewer-highlight-red{background:#f8717147}.viewer-highlight-gray{background:#94a3b847}.viewer-highlight-sky{background:#38bdf847}.viewer-unit-marks{color:#facc15;justify-content:center;align-items:center;gap:2px;min-height:18px;font-size:13px;font-weight:900;line-height:1;display:flex;position:absolute;left:0;right:0}.viewer-unit-marks-above{top:4px}.viewer-unit-marks-below{color:#93c5fd;bottom:4px}.viewer-accent{color:#facc15}.viewer-pitch{color:#fb923c}.viewer-break-mark{color:#fb7185;font-size:18px;font-weight:900}.viewer-line-connection{color:#38bdf8;letter-spacing:2px;align-self:center;margin-left:10px;font-size:24px;font-weight:900}.home-hero{background:#0f172adb;border:1px solid #263244;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;max-width:920px;margin:0 auto 24px;padding:24px;display:flex}.home-eyebrow{color:#38bdf8;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.home-hero h1{color:#f8fafc;margin:0;font-size:clamp(30px,6vw,56px);line-height:1.05}.home-hero p{color:#94a3b8;margin:10px 0 0;line-height:1.7}.home-editor-button{color:#eff6ff;background:#2563eb;border-radius:999px;flex:none;padding:14px 18px;font-weight:900;text-decoration:none;box-shadow:0 16px 30px #2563eb47}.home-list-header h2{color:#f8fafc;margin:0;font-size:24px}.home-list-header p{color:#94a3b8;margin:6px 0 0}.home-search-input{color:#e5e7eb;width:min(280px,100%);font:inherit;background:#020617;border:1px solid #334155;border-radius:999px;padding:12px 14px}.home-song-card{color:inherit;background:#0f172a;border:1px solid #263244;border-radius:18px;gap:6px;padding:18px;text-decoration:none;display:grid}.home-song-title{color:#f8fafc;font-size:22px;font-weight:900}.home-song-meta{color:#94a3b8;font-size:13px}.home-empty-state{color:#94a3b8;text-align:center;border:1px dashed #334155;border-radius:18px;padding:28px}.mobile-viewer-page{color:#e5e7eb;background:#020617;min-height:100vh;padding:14px}.mobile-viewer-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617f0;border-bottom:1px solid #1e293b;margin:-14px -14px 14px;padding:12px 14px 14px;position:sticky;top:0}.mobile-viewer-home-link{color:#93c5fd;margin-bottom:8px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.mobile-viewer-eyebrow{color:#38bdf8;letter-spacing:.12em;margin:0 0 4px;font-size:12px;font-weight:900}.mobile-viewer-header h1{color:#f8fafc;margin:0;font-size:24px;line-height:1.2}.mobile-viewer-header p{color:#94a3b8;margin:4px 0 0}.mobile-viewer-status{color:#cbd5e1;text-align:center;padding:32px 16px}.mobile-viewer-lines{gap:16px;padding-bottom:40vh;display:grid}.mobile-viewer-line-card{background:#0f172a;border:1px solid #1e293b;border-radius:18px;padding:16px 14px 18px}.mobile-viewer-japanese{color:#f8fafc;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(18px,5vw,26px);line-height:1.55}.mobile-viewer-pronunciation{background:#020617;border-radius:14px;flex-wrap:wrap;align-items:center;gap:2px;min-height:72px;margin:0 0 12px;padding:10px 8px;display:flex}.mobile-viewer-unit{color:#f8fafc;place-items:center;min-width:24px;min-height:64px;padding:22px 2px 18px;font-size:clamp(24px,8vw,38px);font-weight:700;line-height:1;display:inline-grid;position:relative}.mobile-viewer-unit-stretch,.mobile-viewer-unit-vibrato{min-width:18px}.mobile-viewer-unit-bold{font-weight:1000}.mobile-viewer-unit-italic{font-style:italic}.mobile-viewer-text-green{color:#22c55e}.mobile-viewer-text-red{color:#ef4444}.mobile-viewer-highlight-yellow{background:#facc1547}.mobile-viewer-highlight-red{background:#f8717147}.mobile-viewer-highlight-gray{background:#94a3b847}.mobile-viewer-highlight-sky{background:#38bdf847}.mobile-viewer-unit-above,.mobile-viewer-unit-below{justify-content:center;gap:2px;min-height:16px;font-size:12px;font-weight:1000;line-height:1;display:flex;position:absolute;left:0;right:0}.mobile-viewer-unit-above{color:#facc15;top:4px}.mobile-viewer-unit-below{color:#93c5fd;bottom:3px}.mobile-viewer-unit-main{align-items:baseline;gap:1px;display:inline-flex}.mobile-viewer-break{color:#fb7185;font-size:.62em;font-weight:1000}.mobile-viewer-line-connection{color:#38bdf8;margin-left:8px;font-size:24px;font-weight:1000}.mobile-viewer-translation{color:#cbd5e1;margin:0;font-size:clamp(14px,4vw,18px);line-height:1.65}@media (width<=720px){.home-page{padding:14px}.home-hero{flex-direction:column;align-items:stretch;padding:20px}.home-editor-button{text-align:center}.home-list-panel{padding:16px}.home-list-header{align-items:stretch;display:grid}.home-search-input{width:100%}}:root{--pron-voice-default-text:#f8fafc;--pron-voice-chest-text:#f59e0b;--pron-voice-falsetto-text:#38bdf8;--pron-voice-mixed-text:#c084fc;--pron-texture-scratch-bg:#7f1d1d;--pron-texture-breathy-bg:#0d9488;--pron-texture-nasal-bg:#65a30d;--pron-symbol-stretch-text:#facc15;--pron-symbol-vibrato-text:#f472b6;--pron-symbol-break-text:#fda4af;--pron-symbol-connection-text:#38bdf8}.color-theme-description{background:#02061773;border:1px solid #263244;border-radius:14px;padding:10px 12px}.color-theme-preview{background:linear-gradient(135deg,#0f172af5,#1e293bdb);border-color:#334155;box-shadow:inset 0 1px #f8fafc0a}.color-theme-groups{gap:12px}.color-theme-group{background:#0f172ad1;border:1px solid #263244;border-radius:16px;padding:12px}.color-theme-group h4{color:#f8fafc;letter-spacing:.04em;border-bottom:1px solid #263244;padding-bottom:8px;font-size:13px}.color-theme-item{background:#020617;border-color:#1e293b;grid-template-columns:34px minmax(0,1fr) 46px;gap:10px}.color-theme-item+.color-theme-item{margin-top:2px}.color-theme-swatch{border:1px solid #475569;border-radius:10px;width:30px;height:30px;box-shadow:inset 0 1px #ffffff1f,0 0 0 2px #020617cc}.color-theme-help{color:#8fa1b8}.color-theme-item input[type=color]{background:#0f172a;border:1px solid #475569;border-radius:10px;width:42px;height:34px}.color-theme-panel{gap:16px;display:grid}.color-theme-description{color:#94a3b8;background:#0206176b;border:1px solid #263244;border-radius:14px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6}.color-theme-preview{background:linear-gradient(135deg,#0f172af2,#1e293bd1);border:1px solid #263244;border-radius:16px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.color-theme-preview-chip{color:#f8fafc;background:#0206179e;border:1px solid #334155;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:4px 10px;font-size:13px;font-weight:900;display:inline-flex}.color-theme-groups{gap:14px;display:grid}.color-theme-group{background:#0f172ad1;border:1px solid #263244;border-radius:16px;gap:10px;padding:12px;display:grid}.color-theme-group h4{color:#f8fafc;border-bottom:1px solid #263244;margin:0;padding-bottom:8px;font-size:14px;font-weight:900}.color-theme-items{gap:10px;display:grid}.color-theme-item{background:#020617;border:1px solid #1e293b;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.color-theme-item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-theme-item-main{align-items:center;gap:10px;min-width:0;display:flex}.color-theme-swatch{border:1px solid #475569;border-radius:8px;flex:none;width:26px;height:26px;box-shadow:inset 0 1px #ffffff1f,0 0 0 2px #020617cc}.color-theme-label{color:#f8fafc;font-size:14px;font-weight:900}.color-theme-help{color:#8fa1b8;padding-left:36px;font-size:12px;line-height:1.45}.color-theme-item input[type=color]{cursor:pointer;background:#0f172a;border:1px solid #475569;border-radius:10px;flex:none;width:42px;height:34px;padding:0}.color-theme-item input[type=color]::-webkit-color-swatch-wrapper{padding:4px}.color-theme-item input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}.server-project-panel,.data-backup-panel{display:none!important}.pron-voice-default .viewer-unit-text,.pron-voice-default.mobile-viewer-unit{color:var(--pron-voice-default-text)}.pron-voice-chest .viewer-unit-text,.pron-voice-chest.mobile-viewer-unit{color:var(--pron-voice-chest-text)}.pron-voice-falsetto .viewer-unit-text,.pron-voice-falsetto.mobile-viewer-unit{color:var(--pron-voice-falsetto-text)}.pron-voice-mixed .viewer-unit-text,.pron-voice-mixed.mobile-viewer-unit{color:var(--pron-voice-mixed-text)}.pron-texture-scratch{background-color:color-mix(in srgb, var(--pron-texture-scratch-bg) 42%, transparent);border-radius:12px}.pron-texture-breathy{background-color:color-mix(in srgb, var(--pron-texture-breathy-bg) 36%, transparent);border-radius:12px}.pron-texture-nasal{background-color:color-mix(in srgb, var(--pron-texture-nasal-bg) 34%, transparent);border-radius:12px}.viewer-unit-stretch .viewer-unit-text,.mobile-viewer-unit-stretch{color:var(--pron-symbol-stretch-text)}.viewer-unit-vibrato .viewer-unit-text,.mobile-viewer-unit-vibrato{color:var(--pron-symbol-vibrato-text)}.mobile-pron-legend{z-index:30;color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;border:1px solid #94a3b847;border-radius:14px;max-width:min(300px,100vw - 20px);padding:9px 10px;font-size:11px;position:fixed;top:10px;right:10px;box-shadow:0 14px 40px #00000052}.mobile-pron-legend strong{color:#f8fafc;margin-bottom:5px;font-size:11px;display:block}.mobile-pron-legend-row{flex-wrap:wrap;align-items:center;gap:3px 5px;line-height:1.35;display:flex}.mobile-pron-legend-row+.mobile-pron-legend-row{margin-top:4px}.legend-dot{font-size:13px;line-height:1}.legend-box{border:1px solid #f8fafc38;border-radius:4px;width:11px;height:11px}.legend-scratch{background:color-mix(in srgb, var(--pron-texture-scratch-bg) 58%, transparent)}.legend-breathy{background:color-mix(in srgb, var(--pron-texture-breathy-bg) 58%, transparent)}.legend-nasal{background:color-mix(in srgb, var(--pron-texture-nasal-bg) 58%, transparent)}.legend-stretch{color:var(--pron-symbol-stretch-text);font-weight:1000}.legend-vibrato{color:var(--pron-symbol-vibrato-text);font-weight:1000}.legend-break{color:var(--pron-symbol-break-text);font-weight:1000}@media (width<=520px){.mobile-pron-legend{opacity:.82;max-width:230px;padding:7px 8px;font-size:10px;top:8px;right:8px}.mobile-pron-legend strong{font-size:10px}}.viewer-unit.pron-voice-default .viewer-unit-text,.mobile-viewer-unit.pron-voice-default,.mobile-pron-legend .pron-voice-default{color:var(--pron-voice-default-text)!important}.viewer-unit.pron-voice-chest .viewer-unit-text,.mobile-viewer-unit.pron-voice-chest,.mobile-pron-legend .pron-voice-chest{color:var(--pron-voice-chest-text)!important}.viewer-unit.pron-voice-falsetto .viewer-unit-text,.mobile-viewer-unit.pron-voice-falsetto,.mobile-pron-legend .pron-voice-falsetto{color:var(--pron-voice-falsetto-text)!important}.viewer-unit.pron-voice-mixed .viewer-unit-text,.mobile-viewer-unit.pron-voice-mixed,.mobile-pron-legend .pron-voice-mixed{color:var(--pron-voice-mixed-text)!important}.viewer-unit.pron-texture-scratch,.mobile-viewer-unit.pron-texture-scratch{background-color:color-mix(in srgb, var(--pron-texture-scratch-bg) 42%, transparent)!important}.viewer-unit.pron-texture-breathy,.mobile-viewer-unit.pron-texture-breathy{background-color:color-mix(in srgb, var(--pron-texture-breathy-bg) 36%, transparent)!important}.viewer-unit.pron-texture-nasal,.mobile-viewer-unit.pron-texture-nasal{background-color:color-mix(in srgb, var(--pron-texture-nasal-bg) 34%, transparent)!important}.viewer-unit.viewer-unit-stretch .viewer-unit-text,.mobile-viewer-unit.mobile-viewer-unit-stretch{color:var(--pron-symbol-stretch-text)!important}.viewer-unit.viewer-unit-vibrato .viewer-unit-text,.mobile-viewer-unit.mobile-viewer-unit-vibrato{color:var(--pron-symbol-vibrato-text)!important}.viewer-break-mark,.mobile-viewer-break{color:var(--pron-symbol-break-text)!important}.viewer-line-connection,.mobile-viewer-line-connection{color:var(--pron-symbol-connection-text)!important}.editor-home-link{color:#93c5fd;background:#0f172ad1;border:1px solid #334155;border-radius:999px;width:fit-content;margin-bottom:8px;padding:6px 10px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.editor-home-link:hover{color:#e0f2fe;border-color:#38bdf8}.syllable-chip.pron-voice-default .syllable-text{color:var(--pron-voice-default-text)!important}.syllable-chip.pron-voice-chest .syllable-text{color:var(--pron-voice-chest-text)!important}.syllable-chip.pron-voice-falsetto .syllable-text{color:var(--pron-voice-falsetto-text)!important}.syllable-chip.pron-voice-mixed .syllable-text{color:var(--pron-voice-mixed-text)!important}.syllable-chip.pron-texture-scratch{background-color:color-mix(in srgb, var(--pron-texture-scratch-bg) 42%, transparent)!important}.syllable-chip.pron-texture-breathy{background-color:color-mix(in srgb, var(--pron-texture-breathy-bg) 36%, transparent)!important}.syllable-chip.pron-texture-nasal{background-color:color-mix(in srgb, var(--pron-texture-nasal-bg) 34%, transparent)!important}.toolbar-section-label{color:#93c5fd;background:#0206178c;border:1px solid #334155;border-radius:999px;align-self:center;padding:4px 8px;font-size:12px;font-weight:900}.app-layout{min-height:100vh}.top-bar{align-items:center!important;gap:12px!important;padding:10px 14px!important}.top-bar>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.top-bar h1{margin:0!important;font-size:20px!important;line-height:1.1!important}.top-bar p{color:#94a3b8;flex-basis:100%;margin:-4px 0 0!important;font-size:12px!important;line-height:1.3!important}.editor-home-link{white-space:nowrap;margin:0!important;padding:5px 9px!important;font-size:12px!important;line-height:1!important}.top-status{gap:8px!important;font-size:12px!important}.workspace{gap:10px!important;padding:10px 14px!important}.main-workspace{min-width:0;gap:10px!important}.right-sidebar{gap:10px!important;width:min(320px,26vw)!important}.mode-tabs{overflow-x:auto;gap:6px!important;padding:6px!important}.mode-tabs button,.toolbar button,.panel-actions button,.annotation-line-navigation-buttons button,.practice-compact-row button{min-height:28px!important;padding:4px 8px!important;font-size:12px!important;line-height:1.2!important}.panel{overflow:visible!important}.panel,.lyric-card,.annotation-info-card,.viewer-line-card{border-radius:14px!important;padding:12px!important}.panel-header{gap:8px!important;margin-bottom:10px!important}.panel-title,.section-title{font-size:16px!important;line-height:1.25!important}.toolbar{max-width:100%;flex-wrap:wrap!important;gap:6px!important;display:flex!important;overflow:visible!important}.toolbar-section-label{align-items:center;min-height:28px;display:inline-flex}.practice-compact-summary{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.practice-compact-summary strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.practice-compact-screen{gap:6px;min-width:0;display:grid}.practice-compact-header,.practice-compact-row{grid-template-columns:42px minmax(220px,1.5fr) minmax(170px,.9fr) minmax(210px,1fr) 52px;align-items:center;gap:8px;display:grid}.practice-compact-header{z-index:3;color:#94a3b8;background:#020617;border:1px solid #1e293b;border-radius:12px;padding:6px 8px;font-size:11px;font-weight:900;position:sticky;top:0}.practice-compact-list{gap:5px;display:grid}.practice-compact-row{cursor:pointer;background:#0f172aad;border:1px solid #1e293b;border-radius:12px;min-width:0;padding:7px 8px}.practice-compact-row:hover{background:#1e293bb8;border-color:#334155}.practice-compact-row.is-active{background:#0e749038;border-color:#38bdf8}.practice-line-index{color:#e5e7eb;cursor:pointer;background:#020617a6;border:1px solid #334155;border-radius:10px;justify-self:center;width:30px;height:28px;font-size:12px;font-weight:900}.practice-line-source,.practice-line-reading{min-width:0}.practice-line-japanese{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.practice-line-translation{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;line-height:1.35;overflow:hidden}.practice-line-reading{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.practice-line-heard-input{color:#f8fafc;background:#020617;border:1px solid #334155;border-radius:10px;width:100%;min-width:0;height:30px;padding:5px 8px;font-size:12px}.practice-line-heard-input:focus{border-color:#38bdf8;outline:2px solid #38bdf859}@media (width<=1100px){.practice-compact-header{display:none}.practice-compact-row{grid-template-columns:38px minmax(0,1fr)}.practice-line-reading,.practice-line-heard-input,.practice-compact-row>button:last-child{grid-column:2}.right-sidebar{width:280px!important}}.practice-compact-header,.practice-compact-row{grid-template-columns:38px minmax(280px,1.15fr) minmax(300px,1.15fr) minmax(420px,1.45fr) 52px!important;align-items:stretch!important}.practice-compact-row{padding:8px 9px!important}.practice-line-source,.practice-line-reading{align-self:center;min-width:0}.practice-line-japanese,.practice-line-translation,.practice-line-reading{word-break:keep-all;overflow-wrap:anywhere;text-overflow:clip!important;white-space:normal!important;overflow:visible!important}.practice-line-japanese{font-size:13px!important;line-height:1.35!important}.practice-line-translation{color:#94a3b8;margin-top:3px!important;font-size:11px!important;line-height:1.35!important}.practice-line-reading{color:#dbeafe;font-size:12px!important;line-height:1.45!important}.practice-line-heard-input{resize:vertical;white-space:pre-wrap;width:100%;min-width:0;height:auto!important;min-height:44px!important;padding:6px 8px!important;line-height:1.35!important}.practice-compact-row>button:last-child{align-self:center}@media (width<=1280px){.practice-compact-header,.practice-compact-row{grid-template-columns:36px minmax(240px,1fr) minmax(260px,1fr) minmax(340px,1.3fr) 50px!important}}@media (width<=1100px){.practice-compact-row{grid-template-columns:36px minmax(0,1fr)!important}.practice-line-source,.practice-line-reading,.practice-line-heard-input,.practice-compact-row>button:last-child{grid-column:2}.practice-line-heard-input{min-height:50px!important}}.app-layout{padding-bottom:245px!important}.audio-player.audio-player-expanded{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:90!important;background:#020617eb!important;border:1px solid #94a3b84d!important;border-radius:18px!important;grid-template-columns:minmax(210px,.62fr) minmax(520px,1.75fr) minmax(280px,.82fr)!important;align-items:stretch!important;gap:10px!important;max-height:230px!important;padding:10px!important;display:grid!important;position:fixed!important;bottom:10px!important;left:14px!important;right:14px!important;overflow:hidden!important;box-shadow:0 -18px 50px #0000006b!important}.audio-main{background:#0f172ab8!important;border:1px solid #1e293b!important;border-radius:14px!important;align-content:start!important;gap:4px!important;min-width:0!important;padding:8px!important;display:grid!important}.audio-file-name,.audio-current-line{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:11px!important;line-height:1.35!important;display:block!important;overflow:hidden!important}.audio-center.audio-center-expanded{gap:7px!important;min-width:0!important;display:grid!important}.audio-time-row{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;font-size:11px!important;display:grid!important}.audio-seek-wrap{min-width:0!important}.audio-detail-panel{border-radius:14px!important;min-width:0!important;padding:8px!important}.audio-detail-header{justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:6px!important;display:flex!important}.audio-detail-header strong{font-size:12px!important}.audio-detail-header span,.audio-detail-help,.audio-segment-info{font-size:10px!important;line-height:1.35!important}.audio-detail-tools{flex-wrap:wrap!important;gap:4px!important;display:flex!important}.audio-detail-tools button,.audio-detail-tools label{min-height:24px!important;padding:3px 7px!important;font-size:11px!important}.audio-detail-track{border-radius:12px!important;height:92px!important;min-height:92px!important}.audio-detail-tick i{font-size:9px!important}.audio-detail-help{margin-top:5px!important}.audio-controls.audio-controls-grouped{align-content:start!important;gap:6px!important;min-width:0!important;max-height:210px!important;padding-right:2px!important;display:grid!important;overflow:auto!important}.audio-control-row{border-radius:12px!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;padding:6px!important;display:flex!important}.audio-control-row-title{color:#93c5fd!important;flex:0 0 100%!important;margin-bottom:0!important;font-size:10px!important;line-height:1.2!important}.audio-control-row button,.audio-control-row label,.audio-control-row select{border-radius:8px!important;min-height:24px!important;padding:3px 7px!important;font-size:11px!important;line-height:1.2!important}.audio-control-row input[type=number]{width:62px!important;min-height:24px!important;padding:2px 5px!important;font-size:11px!important}.audio-control-row input[type=range]{max-width:92px!important}.file-picker-label{min-height:24px!important;padding:3px 7px!important;font-size:11px!important}.audio-shortcut-row{display:none!important}@media (width<=1180px){.app-layout{padding-bottom:330px!important}.audio-player.audio-player-expanded{grid-template-columns:1fr!important;max-height:315px!important;overflow:auto!important}.audio-main{flex-wrap:wrap!important;align-items:center!important;display:flex!important}.audio-detail-track{height:86px!important}.audio-controls.audio-controls-grouped{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important}}.workspace{grid-template-columns:245px minmax(0,1fr) 285px!important;align-items:start!important;gap:10px!important;display:grid!important}.main-workspace{min-width:0!important;max-width:100%!important}.right-sidebar{width:auto!important;max-width:285px!important}.right-sidebar>.panel:nth-of-type(n+3){display:none!important}.panel{border-radius:14px!important;min-width:0!important;padding:10px!important}.panel-header{gap:8px!important;min-height:30px!important;margin-bottom:8px!important}.panel-header h2,.panel-title{font-size:15px!important;line-height:1.2!important}.panel-body{min-width:0!important}.mode-tabs{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617d1;border:1px solid #1e293b;border-radius:12px;position:sticky;top:0;flex-wrap:nowrap!important;gap:5px!important;padding:5px!important;display:flex!important}.mode-tabs button{white-space:nowrap;flex:1 1 0;min-width:0!important;min-height:28px!important;padding:4px 6px!important;font-size:12px!important}.song-list-panel{gap:8px!important;display:grid!important}.song-list{max-height:220px;padding-right:2px;overflow:auto;gap:5px!important;display:grid!important}.song-list-item{text-align:left;border-radius:10px!important;gap:1px!important;padding:7px 8px!important;display:grid!important}.song-list-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px!important;line-height:1.25!important}.song-list-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px!important;line-height:1.2!important}.song-editor-card{border-radius:12px!important;gap:7px!important;padding:8px!important;display:grid!important}.song-editor-header{gap:6px!important}.song-editor-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}.field-label{gap:3px!important;font-size:11px!important}.text-input,.small-textarea,.large-textarea{border-radius:10px!important;font-size:12px!important}.text-input{min-height:28px!important;padding:5px 8px!important}.small-textarea{resize:vertical;min-height:54px!important;max-height:84px!important;padding:6px 8px!important}.song-editor-actions{grid-template-columns:1fr 1fr;gap:5px!important;display:grid!important}.song-editor-actions button{min-height:27px!important;padding:4px 6px!important;font-size:11px!important}.song-editor-actions button:last-child{grid-column:1/-1}.song-editor-warning{margin:0!important;font-size:10px!important;line-height:1.35!important}.import-layout{grid-template-columns:minmax(360px,.85fr) minmax(420px,1.15fr)!important;align-items:start!important;gap:10px!important;display:grid!important}.empty-workspace{border-radius:14px!important;gap:8px!important;padding:10px!important;display:grid!important}.empty-workspace p{color:#94a3b8;margin:0!important;font-size:12px!important;line-height:1.45!important}.large-textarea{resize:vertical;height:calc(100vh - 430px)!important;min-height:430px!important;max-height:620px!important;padding:9px 10px!important;line-height:1.45!important}.import-preview,.import-preview-empty{border-radius:14px!important;min-height:430px!important;max-height:calc(100vh - 325px)!important;padding:10px!important;overflow:auto!important}.import-preview-header{z-index:2;background:#020617eb;border-bottom:1px solid #1e293b;margin:-10px -10px 8px;padding:8px 10px;position:sticky;top:0}.import-preview-header h3{font-size:14px!important}.preview-table-wrapper{overflow:auto!important}.preview-table{table-layout:fixed;width:100%;font-size:11px!important}.preview-table th,.preview-table td{word-break:keep-all;overflow-wrap:anywhere;vertical-align:top!important;white-space:normal!important;padding:5px 6px!important;line-height:1.35!important}.preview-table th:first-child,.preview-table td:first-child{width:42px!important}.preview-table th:last-child,.preview-table td:last-child{width:58px!important}.annotation-source{border-radius:12px!important;gap:3px!important;padding:8px 10px!important;display:grid!important}.annotation-source p{margin:0!important;font-size:14px!important;line-height:1.45!important}.annotation-line-navigation,.line-connection-toolbar{border-radius:12px!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:7px 9px!important;display:flex!important}.annotation-line-navigation strong{font-size:13px!important}.line-connection-help{margin:2px 0 0!important;font-size:10px!important;line-height:1.35!important}.annotation-line-navigation-buttons,.line-connection-buttons{flex-wrap:wrap!important;gap:5px!important;display:flex!important}.annotation-workspace{grid-template-columns:minmax(0,1fr) 260px!important;align-items:start!important;gap:10px!important;display:grid!important}.syllable-editor-preview{align-content:start;border-radius:14px!important;min-height:260px!important;max-height:calc(100vh - 420px)!important;padding:16px 12px!important;overflow:auto!important}.syllable-chip{border-radius:12px!important;min-height:54px!important;padding:9px 8px!important}.syllable-marks{min-height:15px!important}.syllable-mark{font-size:10px!important;line-height:1!important}.annotation-side-panel{gap:8px!important;display:grid!important}.annotation-info-card{border-radius:12px!important;padding:9px!important}.annotation-list{gap:5px!important}.annotation-list li{border-radius:10px!important;padding:6px 7px!important}.annotation-list li strong{font-size:11px!important}.annotation-list li span{font-size:10px!important}.toolbar{align-items:center!important;gap:5px!important}.toolbar button{border-radius:8px!important;min-height:26px!important;padding:3px 7px!important;font-size:11px!important}.toolbar-section-label{min-height:26px!important;padding:3px 7px!important;font-size:10px!important}.viewer-page{gap:10px!important;display:grid!important}.viewer-song-header{background:#0f172ab3;border:1px solid #1e293b;border-radius:14px;padding:10px!important}.viewer-song-header h2{margin:2px 0!important;font-size:18px!important;line-height:1.2!important}.viewer-song-header p{color:#94a3b8;margin:0!important;font-size:12px!important}.viewer-lines{gap:7px!important;display:grid!important}.viewer-line-card{border-radius:13px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;padding:9px!important;display:grid!important}.viewer-line-index{width:26px!important;height:26px!important;font-size:11px!important}.viewer-line-content{min-width:0!important}.viewer-japanese{margin:0 0 4px!important;font-size:13px!important;line-height:1.35!important}.viewer-pronunciation-line{gap:3px 5px!important;padding:6px 0!important}.viewer-unit{min-height:46px!important;padding:4px 3px!important}.viewer-unit-text{font-size:18px!important;line-height:1.15!important}.viewer-unit-marks{min-height:13px!important;font-size:9px!important}.viewer-translation{color:#94a3b8;margin:4px 0 0!important;font-size:11px!important;line-height:1.35!important}.color-theme-panel{gap:9px!important}.color-theme-description,.color-theme-preview,.color-theme-group{border-radius:12px!important;padding:8px!important}.color-theme-items{gap:6px!important}.color-theme-item{gap:5px!important;padding:7px 8px!important}.color-theme-help{padding-left:32px!important;font-size:10px!important}.color-theme-label{font-size:12px!important}@media (width<=1280px){.workspace{grid-template-columns:220px minmax(0,1fr) 260px!important}.import-layout{grid-template-columns:1fr!important}.large-textarea{min-height:320px!important}.annotation-workspace{grid-template-columns:1fr!important}.annotation-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}html,body,#root{height:100%}body{overflow:hidden}.app-layout{flex-direction:column!important;height:100vh!important;min-height:100vh!important;display:flex!important;overflow:hidden!important}.top-bar{flex:none!important}.workspace{flex:auto!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 322px)!important;overflow:hidden!important}.song-list-panel,.right-sidebar{min-height:0!important;max-height:100%!important;overflow:auto!important}.main-workspace{flex-direction:column!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.mode-tabs{flex:none!important;position:relative!important;top:auto!important}.main-workspace>.panel{flex-direction:column!important;flex:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.main-workspace>.panel>.panel-header{flex:none!important}.main-workspace>.panel>.panel-body{padding-right:4px;flex:auto!important;min-height:0!important;overflow:auto!important}.practice-compact-list,.viewer-lines,.import-preview,.preview-table-wrapper,.syllable-editor-preview{max-height:none!important}.import-layout{height:100%!important;min-height:0!important}.empty-workspace,.import-preview,.import-preview-empty{min-height:0!important}.large-textarea{height:calc(100vh - 430px)!important;min-height:260px!important}.practice-compact-screen{min-height:0!important}.practice-compact-header{position:sticky!important;top:0!important}.annotation-workspace{min-height:0!important}.syllable-editor-preview{overflow:visible!important}@media (width<=1180px){.workspace{max-height:calc(100vh - 407px)!important}}.annotation-line-navigation,.line-connection-toolbar{border-radius:12px!important;width:fit-content!important;max-width:100%!important;min-height:0!important;padding:6px 8px!important}.annotation-line-navigation{display:inline-flex!important}.line-connection-toolbar{flex-wrap:wrap!important;display:inline-flex!important}.annotation-line-navigation>div:first-child,.line-connection-toolbar>div:first-child{align-items:center!important;gap:8px!important;display:flex!important}.line-connection-toolbar>div:first-child{flex-wrap:wrap!important}.line-connection-help{display:none!important}.annotation-line-navigation-buttons,.line-connection-buttons{gap:4px!important}.annotation-line-navigation-buttons button,.line-connection-buttons button{min-height:24px!important;padding:3px 7px!important;font-size:11px!important}.syllable-editor-preview{gap:6px!important;padding:12px 10px!important}.syllable-chip{border-radius:10px!important;grid-template-rows:13px 18px 13px!important;place-items:center!important;gap:1px!important;min-width:34px!important;min-height:48px!important;padding:4px 6px!important;display:inline-grid!important}.syllable-chip:focus{outline-offset:2px!important;outline:2px solid #38bdf8bf!important}.syllable-marks{justify-content:center!important;align-items:center!important;gap:2px!important;width:100%!important;height:13px!important;min-height:13px!important;line-height:1!important;display:flex!important;overflow:visible!important}.syllable-marks-above{align-self:end!important}.syllable-marks-below{align-self:start!important}.syllable-main-row{justify-content:center!important;align-items:center!important;gap:1px!important;min-height:18px!important;line-height:1!important;display:inline-flex!important}.syllable-text{font-size:16px!important;line-height:1!important}.syllable-mark{padding:0 1px!important;font-size:9px!important;line-height:1!important}.accent-mark{min-width:10px!important;padding:0 2px!important;font-size:9px!important}.pitch-mark{font-size:9px!important}.syllable-after-mark{font-size:12px!important;line-height:1!important}.syllable-kind-stretch .syllable-text,.syllable-kind-vibrato .syllable-text{font-size:15px!important}.syllable-marks-below .syllable-mark{transform-origin:50%;transform:scale(.92)}.main-workspace>.panel>.panel-body{padding-bottom:12px!important}.syllable-chip{grid-template-rows:18px 18px 16px!important;grid-template-columns:minmax(24px,auto)!important;place-items:center!important;row-gap:0!important;min-width:32px!important;height:52px!important;min-height:52px!important;padding:2px 5px!important;display:inline-grid!important;position:relative!important;overflow:visible!important}.syllable-chip>.syllable-marks-above{grid-row:1!important;align-self:end!important}.syllable-chip>.syllable-main-row{grid-row:2!important;align-self:center!important}.syllable-chip>.syllable-marks-below{grid-row:3!important;align-self:start!important}.syllable-marks,.syllable-marks-above,.syllable-marks-below{white-space:nowrap!important;justify-content:center!important;align-items:center!important;gap:2px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;line-height:1!important;display:flex!important;position:static!important;overflow:visible!important;transform:none!important}.syllable-main-row{justify-content:center!important;align-items:center!important;gap:1px!important;height:18px!important;min-height:0!important;margin:0!important;padding:0!important;line-height:1!important;display:inline-flex!important;position:static!important;transform:none!important}.syllable-text{justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:1!important;display:inline-flex!important}.syllable-mark,.accent-mark,.pitch-mark{justify-content:center!important;align-items:center!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 1px!important;font-size:9px!important;line-height:1!important;display:inline-flex!important;position:static!important;transform:none!important}.accent-mark{border-radius:5px!important;min-width:10px!important;padding:1px 3px!important;font-size:9px!important}.syllable-after-mark{margin-left:1px!important;font-size:11px!important;line-height:1!important;position:static!important;transform:none!important}.syllable-chip.is-selected,.syllable-chip:focus{z-index:2!important}.syllable-editor-preview{align-items:start!important;gap:7px 5px!important}.syllable-chip.is-selected,.syllable-chip.is-selected:hover,.syllable-chip:focus{background-color:#0f172ab8!important;background-image:none!important;border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf8b3,inset 0 0 0 1px #f8fafc0f!important}.syllable-chip.is-selected.pron-texture-scratch,.syllable-chip.is-selected.pron-texture-breathy,.syllable-chip.is-selected.pron-texture-nasal{box-shadow:0 0 0 2px #38bdf8cc,inset 0 0 0 1px #f8fafc14!important}.syllable-chip:focus{outline:none!important}.syllable-chip.is-selected.pron-texture-scratch,.syllable-chip.is-selected.pron-texture-scratch:hover,.syllable-chip.is-selected.pron-texture-scratch:focus{background-color:color-mix(in srgb, var(--pron-texture-scratch-bg) 42%, transparent)!important;background-image:none!important;border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf8d1,inset 0 0 0 1px #f8fafc14!important}.syllable-chip.is-selected.pron-texture-breathy,.syllable-chip.is-selected.pron-texture-breathy:hover,.syllable-chip.is-selected.pron-texture-breathy:focus{background-color:color-mix(in srgb, var(--pron-texture-breathy-bg) 36%, transparent)!important;background-image:none!important;border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf8d1,inset 0 0 0 1px #f8fafc14!important}.syllable-chip.is-selected.pron-texture-nasal,.syllable-chip.is-selected.pron-texture-nasal:hover,.syllable-chip.is-selected.pron-texture-nasal:focus{background-color:color-mix(in srgb, var(--pron-texture-nasal-bg) 34%, transparent)!important;background-image:none!important;border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf8d1,inset 0 0 0 1px #f8fafc14!important}.annotation-help-toggle{color:#cbd5e1;background:#02061773;border:1px solid #263244;border-radius:12px;width:fit-content;max-width:100%;margin:6px 0;font-size:11px}.annotation-help-toggle summary{cursor:pointer;color:#93c5fd;padding:5px 9px;font-weight:900;list-style:none}.annotation-help-toggle summary::-webkit-details-marker{display:none}.annotation-help-toggle summary:before{content:"▸";margin-right:5px;transition:transform .15s;display:inline-block}.annotation-help-toggle[open] summary:before{transform:rotate(90deg)}.annotation-help-grid{grid-template-columns:max-content minmax(220px,1fr);gap:5px 10px;max-width:760px;padding:0 9px 8px;display:grid}.annotation-help-grid span{color:#f8fafc;white-space:nowrap;font-weight:900}.annotation-help-grid p{color:#94a3b8;margin:0;line-height:1.35}.syllable-chip .syllable-marks-below{display:none!important}.syllable-chip{grid-template-rows:18px 20px!important;height:44px!important;min-height:44px!important}.syllable-chip>.syllable-marks-above{grid-row:1!important}.syllable-chip>.syllable-main-row{grid-row:2!important}.annotation-workspace{grid-template-columns:minmax(0,1fr)!important}.annotation-side-panel{display:none!important}.editor-right-sidebar{align-content:start!important;gap:8px!important;display:grid!important}.compact-info-list{gap:7px!important}.compact-info-list div{border-bottom:1px solid #1e293b!important;padding-bottom:7px!important}.compact-info-list dt{font-size:10px!important;line-height:1.15!important}.compact-info-list dd{color:#e5e7eb;word-break:keep-all;overflow-wrap:anywhere;margin-top:2px!important;font-size:11px!important;line-height:1.35!important}.right-sidebar-details{background:#111827;border:1px solid #263244;border-radius:14px;overflow:hidden}.right-sidebar-details summary{cursor:pointer;color:#f8fafc;padding:9px 10px;font-size:13px;font-weight:900;list-style:none}.right-sidebar-details summary::-webkit-details-marker{display:none}.right-sidebar-details summary:before{content:"▸";color:#93c5fd;margin-right:6px;transition:transform .15s;display:inline-block}.right-sidebar-details[open] summary:before{transform:rotate(90deg)}.right-sidebar-details-body{max-height:calc(100vh - 390px);padding:0 8px 8px;overflow:auto}.right-sidebar-details .color-theme-description{display:none!important}.right-sidebar-details .color-theme-preview{gap:4px!important;padding:6px!important}.right-sidebar-details .color-theme-preview-chip{min-height:22px!important;padding:2px 7px!important;font-size:10px!important}.right-sidebar-details .color-theme-groups{gap:7px!important}.right-sidebar-details .color-theme-group{padding:7px!important}.right-sidebar-details .color-theme-group h4{padding-bottom:5px!important;font-size:11px!important}.right-sidebar-details .color-theme-items{gap:5px!important}.right-sidebar-details .color-theme-item{padding:6px!important}.right-sidebar-details .color-theme-help{display:none!important}.right-sidebar-details .color-theme-label{font-size:11px!important}.right-sidebar-details .color-theme-swatch{width:20px!important;height:20px!important}.right-sidebar-details .color-theme-item input[type=color]{width:34px!important;height:26px!important}.playback-rate-select{min-width:78px!important}.loop-padding-control{color:#cbd5e1;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.loop-padding-select{min-width:66px!important;height:28px!important;padding:3px 6px!important;font-size:11px!important}.audio-control-row .loop-status{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.segment-range-other{background:#94a3b852!important;border:1px solid #94a3b86b!important}.detail-segment-other{pointer-events:none;background:#94a3b83d!important;border:1px solid #94a3b857!important}.viewer-break-space,.mobile-viewer-break-space{width:.72em;min-width:.72em;display:inline-block}.editor-server-quickbar{background:#0f172ab8;border:1px solid #94a3b83d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 12px;padding:10px 12px;display:flex}.editor-server-quickbar-status{color:#cbd5e1;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.editor-server-quickbar-status strong{color:#f8fafc}.editor-server-quickbar-status code{text-overflow:ellipsis;white-space:nowrap;color:#93c5fd;max-width:180px;font-size:12px;overflow:hidden}.editor-server-quickbar-status em{color:#94a3b8;font-style:normal}.editor-server-quickbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-server-viewer-link{color:#bae6fd;border:1px solid #7dd3fc6b;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.editor-server-viewer-link:hover{background:#0ea5e929}.song-list-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.song-list-section-title{color:#94a3b8;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:700}.song-list-panel{scrollbar-gutter:stable;min-height:0;max-height:calc(100vh - 190px);padding-bottom:150px;padding-right:4px;overflow-y:auto}.song-list{min-height:0}.song-list-section-header{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.song-list-section-header .song-list-section-title{margin:0}.song-editor-card{margin-bottom:24px}.song-editor-actions{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aeb;border-radius:12px;padding-top:8px;padding-bottom:8px;position:sticky;bottom:0}.workspace>.panel:first-child{flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.workspace>.panel:first-child>.panel-header{flex:none!important}.workspace>.panel:first-child>.panel-body{flex:auto!important;min-height:0!important;padding:10px!important;overflow:hidden!important}.workspace>.panel:first-child .song-list-panel{scrollbar-gutter:stable;flex-direction:column!important;gap:10px!important;height:100%!important;min-height:0!important;max-height:none!important;padding-bottom:120px!important;padding-right:4px!important;display:flex!important;overflow:hidden auto!important}.workspace>.panel:first-child .song-list{background:0 0!important;border-right:0!important;gap:5px!important;min-height:auto!important;max-height:none!important;padding:0!important;display:grid!important;overflow:visible!important}.workspace>.panel:first-child .song-editor-card{flex:none!important;margin-bottom:0!important}.workspace>.panel:first-child .song-editor-actions{z-index:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-radius:0!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:0!important;display:grid!important;position:static!important;bottom:auto!important}.workspace>.panel:first-child .song-editor-actions button{min-height:28px!important;padding:4px 6px!important;font-size:11px!important}.workspace>.panel:first-child .song-editor-actions button:last-child{grid-column:1/-1!important}.workspace>.panel:first-child .song-list-section-header{z-index:3!important;background:#111827!important;padding-bottom:6px!important;position:sticky!important;top:0!important}.workspace>.panel:first-child .small-textarea{min-height:58px!important;max-height:120px!important}.mobile-viewer-page{overscroll-behavior:contain;scrollbar-gutter:stable;box-sizing:border-box!important;height:100vh!important;min-height:0!important;overflow:hidden auto!important}.mobile-viewer-break-space{width:.72em;min-width:.72em;display:inline-block}@media (width>=900px){.mobile-viewer-page{padding:10px 14px 96px!important}.mobile-viewer-page>.mobile-pron-legend,.mobile-viewer-page>.mobile-viewer-header,.mobile-viewer-page>.mobile-viewer-lines,.mobile-viewer-page>.mobile-viewer-status{max-width:1080px;margin-left:auto;margin-right:auto}.mobile-viewer-header{border-radius:0 0 14px 14px;margin:-10px -14px 8px!important;padding:8px 14px 9px!important}.mobile-viewer-home-link{margin-bottom:4px!important;font-size:12px!important}.mobile-viewer-eyebrow{letter-spacing:.1em!important;margin-bottom:2px!important;font-size:10px!important}.mobile-viewer-header h1{font-size:18px!important;line-height:1.15!important}.mobile-viewer-header p{margin-top:2px!important;font-size:12px!important}.mobile-viewer-lines{gap:8px!important;padding-bottom:120px!important}.mobile-viewer-line-card{border-radius:12px!important;padding:9px 11px 10px!important}.mobile-viewer-japanese{margin-bottom:6px!important;font-size:16px!important;line-height:1.35!important}.mobile-viewer-pronunciation{border-radius:10px!important;gap:1px!important;min-height:44px!important;margin-bottom:6px!important;padding:5px 6px!important}.mobile-viewer-unit{min-width:18px!important;min-height:42px!important;padding:13px 1px 11px!important;font-size:25px!important;line-height:1!important}.mobile-viewer-unit-stretch,.mobile-viewer-unit-vibrato{min-width:12px!important;font-size:22px!important}.mobile-viewer-unit-above,.mobile-viewer-unit-below{gap:1px!important;min-height:10px!important;font-size:9px!important}.mobile-viewer-unit-above{top:2px!important}.mobile-viewer-unit-below{bottom:1px!important}.mobile-viewer-unit-main{gap:0!important}.mobile-viewer-line-connection{margin-left:5px!important;font-size:18px!important}.mobile-viewer-translation{font-size:13px!important;line-height:1.4!important}.mobile-pron-legend{opacity:.84;border-radius:12px!important;max-width:260px!important;padding:7px 8px!important;font-size:10px!important;top:8px!important;right:10px!important}.mobile-pron-legend strong{margin-bottom:3px!important;font-size:10px!important}.mobile-pron-legend-row{gap:2px 4px!important;line-height:1.25!important}.mobile-pron-legend-row+.mobile-pron-legend-row{margin-top:3px!important}}@media (width>=1280px){.mobile-viewer-page>.mobile-viewer-header,.mobile-viewer-page>.mobile-viewer-lines,.mobile-viewer-page>.mobile-viewer-status{max-width:980px}.mobile-viewer-unit{font-size:24px!important}.mobile-viewer-pronunciation{min-height:42px!important}}@media (width>=900px){.mobile-viewer-page{padding-top:10px!important}.mobile-viewer-page>.mobile-pron-legend{z-index:auto!important;box-sizing:border-box!important;opacity:1!important;border-radius:10px!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 10px!important;width:min(980px,100vw - 28px)!important;max-width:min(980px,100vw - 28px)!important;margin:0 auto 8px!important;padding:6px 8px!important;font-size:10px!important;display:flex!important;position:static!important;top:auto!important;right:auto!important;transform:none!important}.mobile-pron-legend strong{white-space:nowrap!important;margin:0!important;font-size:10px!important}.mobile-pron-legend-row{flex-wrap:wrap!important;gap:2px 5px!important;line-height:1.2!important;display:inline-flex!important}.mobile-pron-legend-row+.mobile-pron-legend-row{margin-top:0!important}.mobile-viewer-header{z-index:auto!important;box-sizing:border-box!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0f172a!important;border:1px solid #1e293b!important;border-radius:12px!important;align-items:center!important;gap:10px!important;width:min(980px,100vw - 28px)!important;max-width:min(980px,100vw - 28px)!important;margin:0 auto 8px!important;padding:7px 9px!important;display:flex!important;position:static!important;top:auto!important}.mobile-viewer-home-link{border:1px solid #334155!important;border-radius:999px!important;flex:none!important;margin:0!important;padding:4px 8px!important;font-size:11px!important;line-height:1!important}.mobile-viewer-header>div{min-width:0!important}.mobile-viewer-eyebrow{display:none!important}.mobile-viewer-header h1{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:16px!important;line-height:1.15!important;overflow:hidden!important}.mobile-viewer-header p{text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:1px!important;font-size:11px!important;line-height:1.2!important;overflow:hidden!important}.mobile-viewer-lines{width:min(980px,100vw - 28px)!important;max-width:min(980px,100vw - 28px)!important;margin-left:auto!important;margin-right:auto!important}}.audio-upload-status{color:#bae6fd;background:#0ea5e91f;border:1px solid #38bdf85c;border-radius:999px;align-items:center;min-height:20px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-flex}.mobile-viewer-audio-bar,.mobile-viewer-audio-empty{box-sizing:border-box;width:min(980px,100vw - 28px);max-width:min(980px,100vw - 28px);margin:0 auto 8px}.mobile-viewer-audio-bar{background:#0f172a;border:1px solid #1e293b;border-radius:12px;grid-template-columns:auto minmax(120px,1fr) auto minmax(90px,.3fr);align-items:center;gap:8px;padding:7px 9px;display:grid}.mobile-viewer-audio-button{color:#eff6ff;cursor:pointer;background:#1d4ed8;border:1px solid #2563eb;border-radius:999px;min-height:28px;padding:0 10px;font-size:12px;font-weight:900}.mobile-viewer-audio-seek{width:100%}.mobile-viewer-audio-time{color:#cbd5e1;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.mobile-viewer-audio-file{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.mobile-viewer-audio-empty{color:#94a3b8;background:#0f172ab8;border:1px dashed #334155;border-radius:12px;padding:8px 10px;font-size:12px}.mobile-viewer-line-card.is-clickable{cursor:pointer}.mobile-viewer-line-card.is-clickable:hover{background:#111c33;border-color:#38bdf88c}.mobile-viewer-line-card.is-active{background:linear-gradient(90deg,#facc151c,#0f172af5);box-shadow:inset 0 0 0 1px #facc1547,0 0 0 1px #facc151f;border-color:#facc15!important}@media (width<=720px){.mobile-viewer-audio-bar{grid-template-columns:auto minmax(0,1fr)}.mobile-viewer-audio-time,.mobile-viewer-audio-file{grid-column:1/-1}}.mobile-viewer-audio-bar{grid-template-columns:auto minmax(120px,1fr) auto minmax(90px,.25fr) minmax(190px,.45fr)!important}.mobile-viewer-audio-settings{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 8px;min-width:0;display:flex}.mobile-viewer-audio-settings label{color:#94a3b8;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.mobile-viewer-audio-settings select{color:#e5e7eb;background:#020617;border:1px solid #334155;border-radius:8px;min-height:24px;padding:2px 6px;font-size:11px}.mobile-viewer-audio-settings input[type=range]{width:78px}.mobile-viewer-audio-settings span{color:#cbd5e1;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}@media (width<=720px){.mobile-viewer-audio-settings{grid-column:1/-1;justify-content:flex-start}}.mobile-viewer-page{--mobile-viewer-legend-top:0px;--mobile-viewer-header-top:32px;--mobile-viewer-audio-top:78px}.mobile-viewer-page>.mobile-pron-legend{top:var(--mobile-viewer-legend-top)!important;z-index:60!important;box-sizing:border-box!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#020617f5!important;flex-wrap:wrap!important;align-items:center!important;gap:5px 9px!important;width:min(980px,100vw - 28px)!important;max-width:min(980px,100vw - 28px)!important;margin:0 auto 6px!important;display:flex!important;position:sticky!important}.mobile-viewer-header{top:var(--mobile-viewer-header-top)!important;z-index:59!important;box-sizing:border-box!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0f172af7!important;width:min(980px,100vw - 28px)!important;max-width:min(980px,100vw - 28px)!important;margin:0 auto 6px!important;position:sticky!important}.mobile-viewer-audio-bar,.mobile-viewer-audio-empty{top:var(--mobile-viewer-audio-top)!important;z-index:58!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0f172af7!important;margin-bottom:10px!important;position:sticky!important}.mobile-viewer-lines{padding-top:2px!important}@media (width>=900px){.mobile-viewer-page{--mobile-viewer-legend-top:0px;--mobile-viewer-header-top:30px;--mobile-viewer-audio-top:76px}.mobile-viewer-page>.mobile-pron-legend{min-height:28px!important;padding:5px 8px!important}.mobile-viewer-header{min-height:40px!important}.mobile-viewer-audio-bar,.mobile-viewer-audio-empty{min-height:38px!important}}@media (width<=720px){.mobile-viewer-page{--mobile-viewer-legend-top:0px;--mobile-viewer-header-top:50px;--mobile-viewer-audio-top:106px}.mobile-viewer-page>.mobile-pron-legend{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:0 auto 6px!important;padding:6px 8px!important;font-size:10px!important}.mobile-viewer-header,.mobile-viewer-audio-bar,.mobile-viewer-audio-empty{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}}.viewer-line-card.is-clickable{cursor:pointer}.viewer-line-card.is-clickable:hover{background:#111c33!important;border-color:#38bdf88c!important}.viewer-line-card.is-active{box-shadow:inset 0 0 0 1px #facc1547,0 0 0 1px #facc151f;background:linear-gradient(90deg,#facc151c,#0f172af5)!important;border-color:#facc15!important}.home-page{color:#e5e7eb!important;background:#020617!important;min-height:100vh!important;padding:16px!important}.home-shell{gap:12px;width:min(860px,100%);margin:0 auto;display:grid}.home-topbar{background:#0f172ae0;border:1px solid #1e293b;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.home-brand-block{align-items:center;gap:10px;min-width:0;display:flex}.home-brand{color:#f8fafc;letter-spacing:-.03em;font-size:18px;font-weight:950}.home-status-pill{color:#94a3b8;border:1px solid #334155;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;line-height:1.2}.home-editor-button{color:#eff6ff!important;box-shadow:none!important;background:#1d4ed8!important;border:1px solid #2563eb!important;border-radius:10px!important;flex:none!important;padding:8px 12px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important}.home-list-panel{background:#0f172ab8!important;border:1px solid #1e293b!important;border-radius:16px!important;max-width:none!important;margin:0!important;padding:12px!important}.home-list-header{justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important;display:flex!important}.home-list-title-row{align-items:baseline;gap:8px;min-width:0;display:flex}.home-list-title-row h1{color:#f8fafc;letter-spacing:-.03em;margin:0;font-size:18px;font-weight:950;line-height:1.1}.home-list-title-row span{color:#64748b;font-size:12px;font-weight:800}.home-search-input{color:#e5e7eb!important;background:#020617!important;border:1px solid #334155!important;border-radius:10px!important;width:min(220px,42vw)!important;height:34px!important;padding:0 11px!important;font-size:13px!important}.home-song-list{gap:8px!important;display:grid!important}.home-song-card{color:inherit!important;background:#0f172a!important;border:1px solid #1e293b!important;border-radius:12px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;text-decoration:none!important;display:grid!important}.home-song-card:hover{background:#111827!important;border-color:#38bdf8!important}.home-song-main{gap:3px;min-width:0;display:grid}.home-song-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2;overflow:hidden;color:#f8fafc!important;font-size:15px!important;font-weight:900!important}.home-song-meta{text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;overflow:hidden;color:#64748b!important;font-size:11px!important}.home-song-open-label{color:#93c5fd;border:1px solid #334155;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;line-height:1}.home-empty-state{color:#64748b!important;text-align:center!important;border:1px dashed #334155!important;border-radius:12px!important;padding:18px!important;font-size:13px!important;font-weight:800!important}@media (width<=720px){.home-page{padding:10px!important}.home-topbar{border-radius:14px}.home-list-header{align-items:stretch!important;display:grid!important}.home-search-input{width:100%!important}.home-song-card{padding:10px!important}html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}*{box-sizing:border-box}.home-page{width:100%!important;min-height:100dvh!important;padding:10px!important;overflow-x:hidden!important}.home-shell{gap:8px!important;width:100%!important;max-width:100%!important;margin:0!important}.home-topbar{border-radius:12px!important;width:100%!important;min-height:44px!important;padding:9px 10px!important}.home-brand{font-size:17px!important;line-height:1!important}.home-status-pill{padding:3px 7px!important;font-size:11px!important}.home-editor-button{border-radius:9px!important;padding:8px 10px!important;font-size:12px!important}.home-list-panel{border-radius:12px!important;width:100%!important;max-width:100%!important;padding:10px!important}.home-list-header{gap:8px!important;margin-bottom:8px!important;display:grid!important}.home-list-title-row h1{font-size:17px!important}.home-list-title-row span{font-size:11px!important}.home-search-input{width:100%!important;height:32px!important;font-size:12px!important}.home-song-list{gap:7px!important}.home-song-card{border-radius:10px!important;width:100%!important;min-width:0!important;min-height:48px!important;padding:10px!important}.home-song-title{font-size:14px!important}.home-song-meta{font-size:10px!important}.home-song-open-label{padding:4px 7px!important;font-size:10px!important}.mobile-viewer-page{--mobile-viewer-legend-top:0px;--mobile-viewer-header-top:30px;--mobile-viewer-audio-top:74px;width:100%!important;max-width:100%!important;min-height:100dvh!important;padding:8px 10px 96px!important;overflow-x:hidden!important}.mobile-viewer-page>.mobile-pron-legend,.mobile-viewer-header,.mobile-viewer-audio-bar,.mobile-viewer-audio-empty,.mobile-viewer-lines{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.mobile-viewer-page>.mobile-pron-legend{gap:4px 7px!important;padding:5px 0!important;overflow-x:hidden!important}.mobile-viewer-header{border-radius:12px!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;display:flex!important;overflow:hidden!important}.mobile-viewer-home-link{flex:none!important;padding:4px 7px!important;font-size:10px!important}.mobile-viewer-header>div{min-width:0!important}.mobile-viewer-header h1{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:17px!important;line-height:1.15!important;overflow:hidden!important}.mobile-viewer-header p{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;font-size:11px!important;line-height:1.2!important;overflow:hidden!important}.mobile-viewer-audio-bar{border-radius:10px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:6px!important;padding:7px 8px!important;overflow:hidden!important}.mobile-viewer-audio-button{min-height:26px!important;padding:0 9px!important;font-size:11px!important}.mobile-viewer-audio-seek{min-width:0!important}.mobile-viewer-audio-time{white-space:nowrap!important;font-size:10px!important}.mobile-viewer-audio-file,.mobile-viewer-audio-settings{grid-column:1/-1!important;max-width:100%!important}.mobile-viewer-audio-settings{justify-content:flex-start!important;gap:5px 7px!important}.mobile-viewer-audio-settings label{font-size:10px!important}.mobile-viewer-audio-settings select{min-height:24px!important;font-size:11px!important}.mobile-viewer-lines{gap:9px!important;padding-bottom:120px!important;display:grid!important;overflow-x:hidden!important}.mobile-viewer-line-card{border-radius:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:10px 11px!important;overflow:hidden!important}.mobile-viewer-line-card *{max-width:100%!important}.mobile-viewer-japanese{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;font-size:15px!important;line-height:1.45!important}.mobile-viewer-translation{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;font-size:13px!important;line-height:1.5!important}.mobile-viewer-line-card [class*=pron],.mobile-viewer-line-card [class*=syllable],.mobile-viewer-line-card [class*=korean]{overflow-wrap:anywhere!important;word-break:keep-all!important;white-space:normal!important;min-width:0!important}.mobile-viewer-line-card [class*=row],.mobile-viewer-line-card [class*=group],.mobile-viewer-line-card [class*=tokens]{flex-wrap:wrap!important;min-width:0!important}}body.public-compact-page,body.public-compact-page #root,body.public-compact-page .home-page,body.public-compact-page .mobile-viewer-page{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}body.public-compact-page .home-shell,body.public-compact-page .home-topbar,body.public-compact-page .home-list-panel,body.public-compact-page .mobile-pron-legend,body.public-compact-page .mobile-viewer-header,body.public-compact-page .mobile-viewer-audio-bar,body.public-compact-page .mobile-viewer-audio-empty,body.public-compact-page .mobile-viewer-lines,body.public-compact-page .mobile-viewer-line-card{max-width:100%!important}@media (width<=720px){body.public-compact-page .home-shell,body.public-compact-page .home-topbar,body.public-compact-page .home-list-panel,body.public-compact-page .mobile-pron-legend,body.public-compact-page .mobile-viewer-header,body.public-compact-page .mobile-viewer-audio-bar,body.public-compact-page .mobile-viewer-audio-empty,body.public-compact-page .mobile-viewer-lines{width:100%!important;margin-left:0!important;margin-right:0!important}body.public-compact-page .mobile-viewer-line-card{width:100%!important;min-width:0!important}body.public-compact-page .mobile-viewer-pronunciation{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}body.public-compact-page .mobile-viewer-unit{min-width:20px!important;font-size:clamp(22px,7vw,30px)!important}}.home-song-artist{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}@media (width<=720px){.home-song-artist{font-size:11px!important}body.public-compact-page .mobile-viewer-unit{min-width:15px!important;min-height:36px!important;padding:11px 1px 9px!important;font-size:clamp(15px,4.7vw,19px)!important;font-weight:750!important;line-height:1!important}body.public-compact-page .mobile-viewer-unit-above,body.public-compact-page .mobile-viewer-unit-below{gap:1px!important;min-height:9px!important;font-size:8px!important;line-height:1!important}body.public-compact-page .mobile-viewer-unit-above{top:1px!important}body.public-compact-page .mobile-viewer-unit-below{bottom:1px!important}body.public-compact-page .mobile-viewer-page{padding:6px 8px 80px!important;overflow-x:hidden!important}body.public-compact-page .mobile-viewer-page>.mobile-pron-legend{z-index:1!important;background:#0f172ae6!important;border:1px solid #1e293b!important;border-radius:10px!important;width:100%!important;max-width:100%!important;margin:0 0 6px!important;padding:5px 6px!important;font-size:10px!important;position:static!important;top:auto!important;overflow:hidden!important}body.public-compact-page .mobile-pron-legend strong{font-size:10px!important;line-height:1!important}body.public-compact-page .mobile-pron-legend-row{gap:2px 4px!important;font-size:10px!important;line-height:1.1!important}body.public-compact-page .legend-break{display:none!important}body.public-compact-page .mobile-viewer-header{z-index:80!important;border-radius:10px!important;min-height:42px!important;margin:0 0 6px!important;padding:7px 8px!important;position:sticky!important;top:0!important}body.public-compact-page .mobile-viewer-eyebrow{display:none!important}body.public-compact-page .mobile-viewer-header h1{font-size:15px!important;line-height:1.1!important}body.public-compact-page .mobile-viewer-header p{margin-top:1px!important;font-size:10px!important;line-height:1.1!important}body.public-compact-page .mobile-viewer-audio-bar,body.public-compact-page .mobile-viewer-audio-empty{z-index:79!important;width:100%!important;max-width:100%!important;margin:0 0 7px!important;position:sticky!important;top:48px!important}body.public-compact-page .mobile-viewer-audio-bar{border-radius:10px!important;padding:6px 7px!important}body.public-compact-page .mobile-viewer-lines{gap:6px!important;padding-bottom:96px!important}body.public-compact-page .mobile-viewer-line-card{border-radius:10px!important;padding:7px 8px!important}body.public-compact-page .mobile-viewer-japanese{margin-bottom:4px!important;font-size:12px!important;line-height:1.28!important}body.public-compact-page .mobile-viewer-pronunciation{border-radius:8px!important;align-items:flex-start!important;gap:0!important;min-height:0!important;margin-bottom:4px!important;padding:4px!important}body.public-compact-page .mobile-viewer-unit{letter-spacing:-.03em!important;min-width:10px!important;min-height:23px!important;padding:7px 0 2px!important;font-size:clamp(11px,3.15vw,14px)!important;font-weight:750!important;line-height:1!important}body.public-compact-page .mobile-viewer-unit-stretch,body.public-compact-page .mobile-viewer-unit-vibrato{min-width:7px!important}body.public-compact-page .mobile-viewer-unit-above{gap:0!important;min-height:6px!important;font-size:6px!important;line-height:1!important;top:0!important}body.public-compact-page .mobile-viewer-unit-below{display:none!important}body.public-compact-page .mobile-viewer-unit-main{gap:0!important}body.public-compact-page .mobile-viewer-line-connection{margin-left:3px!important;font-size:13px!important}body.public-compact-page .mobile-viewer-translation{font-size:11px!important;line-height:1.28!important}}body.public-compact-page .mobile-pron-legend .legend-break,body.public-compact-page .mobile-pron-legend .legend-break+span,.mobile-pron-legend .legend-break,.mobile-pron-legend .legend-break+span{display:none!important}body:not(.public-compact-page) .app-layout>.workspace{grid-template-columns:260px minmax(0,1fr) 250px!important;gap:10px!important}body:not(.public-compact-page) .workspace>.panel:first-child{min-width:0!important}body:not(.public-compact-page) .workspace>.panel:first-child .panel-body{padding:10px!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-list-panel{gap:8px!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-editor-card{border-radius:12px!important;gap:8px!important;min-width:0!important;padding:10px!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-editor-header{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;display:grid!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-editor-header>div{min-width:0!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-editor-header .line-label{text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1.15!important;display:block!important;overflow:hidden!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-editor-header strong{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;margin-top:3px!important;font-size:14px!important;line-height:1.2!important;overflow:hidden!important}body:not(.public-compact-page) .workspace>.panel:first-child .clean-badge,body:not(.public-compact-page) .workspace>.panel:first-child .dirty-badge{white-space:nowrap!important;writing-mode:horizontal-tb!important;flex:none!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:max-content!important;height:auto!important;padding:4px 7px!important;font-size:11px!important;line-height:1!important;display:inline-flex!important}body:not(.public-compact-page) .workspace>.panel:first-child .field-label{gap:4px!important;font-size:12px!important}body:not(.public-compact-page) .workspace>.panel:first-child .text-input,body:not(.public-compact-page) .workspace>.panel:first-child .small-textarea{border-radius:9px!important;padding:7px 9px!important;font-size:12px!important;line-height:1.35!important}body:not(.public-compact-page) .workspace>.panel:first-child .small-textarea{min-height:56px!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-editor-actions{grid-template-columns:1fr 1fr!important;gap:6px!important;display:grid!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-editor-actions button{white-space:nowrap!important;min-width:0!important;padding:5px 6px!important;font-size:11px!important;line-height:1.15!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-editor-actions button:last-child{grid-column:1/-1!important}body:not(.public-compact-page) .workspace>.panel:first-child .song-list-item strong,body:not(.public-compact-page) .workspace>.panel:first-child .song-list-item span{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}body:not(.public-compact-page) .editor-right-sidebar{gap:8px!important;padding:10px!important}body:not(.public-compact-page) .right-sidebar-details{background:#0f172a!important;border-radius:10px!important;width:100%!important;min-width:0!important}body:not(.public-compact-page) .right-sidebar-details summary{color:#e5e7eb!important;white-space:nowrap!important;align-items:center!important;min-height:30px!important;padding:7px 9px!important;font-size:12px!important;line-height:1!important;display:flex!important}body:not(.public-compact-page) .right-sidebar-details summary:before{margin-right:5px!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-panel{gap:6px!important;width:100%!important;min-width:0!important;display:grid!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-description,body:not(.public-compact-page) .right-sidebar-details .color-theme-help,body:not(.public-compact-page) .right-sidebar-details .color-theme-preview{display:none!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-group{background:#020617!important;border-radius:9px!important;min-width:0!important;padding:6px!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-group h4{color:#93c5fd!important;border:0!important;margin:0 0 5px!important;padding:0!important;font-size:10px!important;line-height:1!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-items{gap:4px!important;display:grid!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-item{background:0 0!important;border:0!important;border-radius:0!important;min-width:0!important;padding:0!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-item-top{grid-template-columns:minmax(0,1fr) 30px!important;align-items:center!important;gap:6px!important;min-width:0!important;display:grid!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-item-main{align-items:center!important;gap:5px!important;min-width:0!important;display:flex!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-swatch{border-radius:4px!important;flex:none!important;width:12px!important;height:12px!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-label{color:#e5e7eb!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;font-size:10px!important;line-height:1.1!important;overflow:hidden!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-item input[type=color]{border-radius:6px!important;width:30px!important;height:22px!important;padding:0!important}body:not(.public-compact-page) .right-sidebar-details-body{max-height:300px!important;padding:6px!important;overflow:hidden auto!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-panel{gap:6px!important;width:100%!important;display:grid!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-description,body:not(.public-compact-page) .right-sidebar-details .color-theme-preview,body:not(.public-compact-page) .right-sidebar-details .color-theme-help{display:none!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-groups{gap:7px!important;display:grid!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-group{background:#020617!important;border:1px solid #263244!important;border-radius:9px!important;width:100%!important;min-width:0!important;padding:7px!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-group h4{color:#93c5fd!important;border:0!important;margin:0 0 6px!important;padding:0!important;font-size:10px!important;font-weight:900!important;line-height:1!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-items{gap:5px!important;width:100%!important;display:grid!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-item{cursor:default!important;background:0 0!important;border:0!important;border-radius:0!important;width:100%!important;min-width:0!important;padding:0!important;display:block!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-item-top{grid-template-columns:minmax(0,1fr) 34px!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;display:grid!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-item-main{align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:none!important;display:flex!important;overflow:visible!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-swatch{border-radius:4px!important;flex:0 0 12px!important;width:12px!important;height:12px!important;display:block!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-label{color:#e5e7eb!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:none!important;font-size:11px!important;font-weight:800!important;line-height:1.1!important;display:block!important;overflow:hidden!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-item input[type=color]{cursor:pointer!important;background:#0f172a!important;border:1px solid #475569!important;border-radius:7px!important;justify-self:end!important;width:34px!important;min-width:34px!important;height:24px!important;padding:0!important}body:not(.public-compact-page) .right-sidebar-details .color-theme-panel>button{min-height:25px!important;padding:4px 7px!important;font-size:10px!important;line-height:1!important}.syllable-marks-below,.viewer-unit-marks-below,.mobile-viewer-unit-below{display:none!important}.syllable-chip.syllable-kind-stretch,.syllable-chip.syllable-kind-vibrato,.viewer-unit.viewer-unit-stretch,.viewer-unit.viewer-unit-vibrato,.mobile-viewer-unit.mobile-viewer-unit-stretch,.mobile-viewer-unit.mobile-viewer-unit-vibrato{background-color:#0000!important}.syllable-chip.syllable-kind-stretch .syllable-text,.syllable-chip.syllable-kind-stretch .syllable-text-bold,.syllable-chip.syllable-kind-stretch .syllable-text-italic{color:var(--pron-symbol-stretch-text)!important}.syllable-chip.syllable-kind-vibrato .syllable-text,.syllable-chip.syllable-kind-vibrato .syllable-text-bold,.syllable-chip.syllable-kind-vibrato .syllable-text-italic{color:var(--pron-symbol-vibrato-text)!important}.viewer-unit.viewer-unit-stretch,.viewer-unit.viewer-unit-stretch .viewer-unit-text{color:var(--pron-symbol-stretch-text)!important}.viewer-unit.viewer-unit-vibrato,.viewer-unit.viewer-unit-vibrato .viewer-unit-text{color:var(--pron-symbol-vibrato-text)!important}.mobile-viewer-unit.mobile-viewer-unit-stretch,.mobile-viewer-unit.mobile-viewer-unit-stretch .mobile-viewer-unit-main{color:var(--pron-symbol-stretch-text)!important}.mobile-viewer-unit.mobile-viewer-unit-vibrato,.mobile-viewer-unit.mobile-viewer-unit-vibrato .mobile-viewer-unit-main{color:var(--pron-symbol-vibrato-text)!important}.practice-compact-header,.practice-compact-row{grid-template-columns:38px minmax(260px,1.1fr) minmax(260px,1fr) minmax(360px,1.35fr) 74px!important}.practice-line-actions{align-self:center!important;gap:4px!important;width:100%!important;min-width:0!important;display:grid!important}.practice-line-actions button{white-space:nowrap!important;width:100%!important;min-width:0!important;min-height:24px!important;padding:3px 5px!important;font-size:10px!important;line-height:1.1!important}@media (width<=1280px){.practice-compact-header,.practice-compact-row{grid-template-columns:36px minmax(220px,1fr) minmax(230px,1fr) minmax(300px,1.25fr) 72px!important}}@media (width<=1100px){.practice-line-actions{grid-column:2!important;grid-template-columns:1fr 1fr!important}.practice-line-actions button{min-height:26px!important}}