.translation-detail-view{margin-top:var(--nav-height);padding:38px 0 88px}.translation-detail-shell{max-width:1240px}.translation-detail-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.translation-detail-back{color:var(--accent);font-weight:600}.translation-detail-storage-tip{color:var(--text-muted);font-size:.84rem}.translation-detail-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.86fr);gap:22px;margin-bottom:24px;display:grid}.translation-detail-hero-main,.translation-detail-stats-card,.translation-detail-intro-card,.translation-sentence-card,.translation-detail-side-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:26px}.translation-detail-hero-main{background:linear-gradient(135deg,#6366f121,#a855f70f 58%,#ffffff03);padding:32px}.translation-detail-badges,.translation-detail-tags,.translation-detail-actions{flex-wrap:wrap;gap:10px;display:flex}.translation-detail-badge,.translation-detail-tag{border-radius:999px;align-items:center;padding:7px 11px;font-size:.8rem;display:inline-flex}.translation-detail-badge{color:var(--accent);background:#6366f11a;font-weight:700}.translation-detail-badge-muted{background:var(--bg-secondary);color:var(--text-secondary)}.translation-detail-title{margin:18px 0 14px;font-size:2rem;line-height:1.22}.translation-detail-desc{color:var(--text-secondary);font-size:.98rem;line-height:1.9}.translation-detail-hero-note{background:#6366f10f;border:1px solid #6366f124;border-radius:20px;margin-top:22px;padding:16px 18px}.translation-detail-hero-note span,.translation-detail-section-kicker,.translation-sentence-index,.translation-sentence-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.76rem;font-weight:700;display:inline-block}.translation-detail-hero-note p{color:var(--text-secondary);margin-top:9px;line-height:1.8}.translation-detail-tags{margin-top:22px}.translation-detail-tag{background:var(--bg-secondary);color:var(--text-secondary)}.translation-detail-stats-card{align-content:start;gap:14px;height:100%;padding:24px;display:grid}.translation-detail-stat-row,.translation-detail-progress-top,.translation-sentence-card-header,.translation-sentence-toolbar,.translation-sentence-reference-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.translation-detail-stat-row span{color:var(--text-secondary)}.translation-detail-stat-row strong{font-size:.96rem}.translation-detail-progress-panel{margin-top:4px;padding-top:6px}.translation-detail-progress-top span{color:var(--text-muted);font-size:.82rem}.translation-detail-progress-top strong{font-size:.92rem}.translation-detail-progress-track{background:var(--bg-secondary);border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.translation-detail-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #8b5cf6);height:100%;display:block}.translation-detail-actions{margin-top:8px}.translation-detail-action-btn{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 14px;font-size:.86rem;font-weight:700}.translation-detail-action-btn-muted{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.translation-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.64fr);align-items:start;gap:22px;display:grid}.translation-detail-main,.translation-detail-side{gap:18px;display:grid}.translation-detail-intro-card{gap:16px;padding:22px 24px;display:grid}.translation-detail-intro-card h2{margin-top:8px;font-size:1.12rem}.translation-detail-intro-card ol{color:var(--text-secondary);gap:10px;padding-left:20px;line-height:1.9;display:grid}.translation-sentence-list{gap:18px;display:grid}.translation-sentence-card{transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);gap:18px;padding:24px;display:grid}.translation-sentence-card:hover{box-shadow:var(--shadow-md);border-color:#6366f12e}.translation-sentence-card.is-complete{border-color:#22c55e42;box-shadow:0 12px 32px -28px #22c55e59}.translation-sentence-card.is-revealed{border-color:#6366f13d}.translation-sentence-title{margin-top:8px;font-size:1.1rem}.translation-sentence-status{color:var(--text-muted);font-size:.82rem}.translation-sentence-original p{color:var(--text-primary);margin-top:10px;font-size:1rem;line-height:1.9}.translation-sentence-input{resize:vertical;border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;min-height:124px;color:var(--text-primary);font:inherit;border-radius:20px;outline:none;margin-top:10px;padding:16px 18px;line-height:1.9}.translation-sentence-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.translation-sentence-helper{color:var(--text-muted);font-size:.84rem}.translation-sentence-reveal{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-size:.88rem;font-weight:700}.translation-sentence-reveal[disabled]{cursor:not-allowed;opacity:.45;filter:grayscale(.12)}.translation-sentence-reference{border-top:1px solid var(--border-color);gap:14px;padding-top:18px;animation:.22s translationReferenceFade;display:grid}.translation-sentence-reference[hidden]{display:none}.translation-sentence-reference-tip{color:var(--text-muted);font-size:.76rem}.translation-sentence-reference-text{color:var(--text-primary);background:linear-gradient(#6366f112,#6366f105);border-radius:20px;padding:16px 18px;line-height:1.9}.translation-sentence-vocabulary{gap:12px;display:grid}.translation-sentence-vocabulary-toggle{width:100%;color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;background:#6366f10a;border:1px dashed #6366f13d;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:700;display:flex}.translation-sentence-vocabulary-toggle-tip{color:var(--text-muted);font-size:.8rem;font-weight:500}.translation-sentence-vocabulary-toggle[aria-expanded=true]{background:#6366f114;border-color:#6366f152}.translation-sentence-vocabulary-list{gap:10px;display:grid}.translation-sentence-vocabulary-list[hidden]{display:none}.translation-sentence-vocab-card{background:var(--bg-secondary);border:1px solid #6366f114;border-radius:18px;padding:14px 16px}.translation-sentence-vocab-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.translation-sentence-vocab-term{color:var(--text-primary);font-weight:700}.translation-sentence-vocab-kind{color:var(--accent);background:#6366f11a;border-radius:999px;align-items:center;padding:4px 8px;font-size:.76rem;font-weight:700;display:inline-flex}.translation-sentence-vocab-meaning{color:var(--text-primary);line-height:1.8}.translation-sentence-vocab-note{color:var(--text-secondary);margin-top:6px;font-size:.88rem;line-height:1.75}.translation-sentence-note{border:1px dashed #6366f13d;border-radius:18px;padding:14px 16px}.translation-sentence-note strong{margin-bottom:8px;display:block}.translation-sentence-note p,.translation-detail-side-card li{color:var(--text-secondary);line-height:1.85}.translation-detail-side-card{padding:22px;position:sticky;top:88px}.translation-detail-side-card+.translation-detail-side-card{margin-top:18px}.translation-detail-side-card h2{margin-bottom:12px;font-size:1rem}.translation-detail-side-card ul{gap:8px;padding-left:18px;display:grid}@keyframes translationReferenceFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1040px){.translation-detail-hero,.translation-detail-layout{grid-template-columns:1fr}.translation-detail-side-card{position:static}}@media (width<=640px){.translation-detail-view{padding:28px 0 60px}.translation-detail-hero-main,.translation-detail-stats-card,.translation-detail-intro-card,.translation-sentence-card,.translation-detail-side-card{border-radius:22px;padding:18px}.translation-detail-title{font-size:1.62rem}.translation-sentence-card-header,.translation-sentence-toolbar,.translation-sentence-reference-head{flex-direction:column;align-items:flex-start}.translation-detail-actions{flex-direction:column}.translation-detail-action-btn,.translation-sentence-reveal{justify-content:center;width:100%}}