:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#09090b;color:#fafafa}.page,body{overflow:hidden}.page{width:100%;max-width:100%;margin:0 auto;padding:12px;height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.badge{border:1px solid #27272a;border-radius:999px;padding:4px 10px;font-size:12px;color:#a1a1aa}.scene-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:stretch;flex:1 1 auto;min-height:0}.card{border:1px solid #27272a;border-radius:14px;background:#111114;width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.card h3{margin:0;font-size:14px;color:#a1a1aa;padding:0;border-bottom:none}.card-head{border-bottom:1px solid #27272a;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-header{margin-bottom:10px;border:1px solid #27272a;border-radius:14px;padding:12px;background:#111114;flex:0 0 auto}.scene-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-actions button{background:#18181b;color:#fafafa;border:1px solid #3f3f46;border-radius:8px;padding:8px 10px;cursor:pointer}.timeline{display:flex;gap:4px;margin-top:10px}.timeline button{height:6px;border:0;border-radius:999px;cursor:pointer}.timeline button.active{background:#8b5cf6!important}.video-wrap{padding:14px;min-height:0}.video-wrap video{width:100%;max-height:min(30vh,320px);border-radius:10px;background:#000;object-fit:contain}.line-list{width:100%;height:100%;min-height:0;max-height:none;overflow-y:auto;padding:8px 12px 12px;flex:1 1}.line{border:1px solid transparent;border-radius:10px;padding:10px;margin-bottom:8px;cursor:pointer}.line:hover{background:#18181b}.line.active{border-color:#8b5cf6;background:#1d1830}.transcript-tools{display:flex;justify-content:flex-end;align-items:center;padding:0}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#d4d4d8}.toggle input{accent-color:#8b5cf6}.token-row{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.token{border:none;cursor:pointer;color:#fafafa;background:#27272a;border-radius:7px;padding:3px 7px;font-size:13px}.token:hover{background:#5b21b6}.token.focused{background:#8b5cf6}.line-translation{margin-top:8px;border-left:3px solid #8b5cf6;background:#2a2041;padding:8px 10px;border-radius:0 8px 8px 0}.popup-body{min-height:220px}.popup-header{display:flex;justify-content:space-between;gap:10px}.popup-thai{font-size:26px!important;color:#fafafa!important;margin:0 0 4px!important}.popup-original{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a1a1aa!important;margin:0!important}.speak{border:1px solid #3f3f46;background:#18181b;color:#fafafa;border-radius:999px;height:34px;min-width:52px;cursor:pointer}.speak.is-playing{background:#8b5cf6;border-color:#8b5cf6}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.badges span{border-radius:999px;padding:4px 8px;font-size:11px;color:#e4e4e7;background:#27272a}.example{background:#18181b;border-radius:10px;padding:10px!important}.example-focus{color:#a78bfa;font-style:normal}.vocab-list{width:100%;height:100%;min-height:0;max-height:none;overflow-y:auto;padding:8px;flex:1 1}.vocab-row{width:100%;border:1px solid transparent;background:#111114;border-radius:8px;color:#fafafa;cursor:pointer;text-align:left;margin-bottom:8px;padding:8px;position:relative}.vocab-row:hover{background:#18181b}.vocab-row.focused{border-color:#8b5cf6;background:#1d1830}.vocab-main{display:inline-block;font-weight:600;margin-right:8px}.vocab-meaning{color:#a1a1aa;font-size:12px}.seen-pill{float:right;border-radius:999px;padding:2px 8px;font-size:11px;background:#2a2041;color:#c4b5fd}.row-label{display:block;margin-bottom:6px;font-size:10px;color:#a1a1aa}.row-label.divider{border-top:1px dashed #3f3f46;padding-top:6px}@keyframes flashNew{0%{background-color:#4d7c0f;transform:translateY(-3px)}to{background-color:transparent;transform:translateY(0)}}.flash-new{animation:flashNew .6s ease}.time{font-size:12px;color:#a1a1aa}.ko{margin-top:6px;font-size:15px}.romanized{margin-top:4px;font-size:13px;color:#c4b5fd}.th{margin-top:6px;font-size:14px;color:#e4e4e7}.meta{padding:12px 14px 14px;overflow-y:auto;min-height:0;flex:1 1}.meta p{margin:0 0 10px;color:#d4d4d8;font-size:14px;line-height:1.5}.meta .small{font-size:12px;color:#a1a1aa}