:root{--translator-ink:#10213c;--translator-muted:#5b6c82;--translator-teal:#0a8795}
.translator-page-mode{background:#eef4f7;color:var(--translator-ink);margin:0;min-height:100vh;min-height:100dvh}
body.translator-page-mode .dashboard-container{height:auto;min-height:calc(100vh - var(--topbar-h,97px));min-height:calc(100dvh - var(--topbar-h,97px));overflow:visible}
.translator-page-mode .dashboard-layout{display:block}.translator-shell{box-sizing:border-box;margin:0 auto;max-width:1480px;min-height:calc(100vh - var(--topbar-h,97px));min-height:calc(100dvh - var(--topbar-h,97px));padding:clamp(1rem,2.2vw,2rem);width:100%}
.translator-heading{align-items:end;display:flex;gap:2rem;justify-content:space-between;margin:0 auto 1.25rem;max-width:1320px}.translator-eyebrow{color:var(--translator-teal);font-size:.74rem;font-weight:850;letter-spacing:.17em;margin:0 0 .35rem;text-transform:uppercase}.translator-heading h1{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.045em;line-height:1;margin:0}.translator-heading p:not(.translator-eyebrow){color:var(--translator-muted);font-size:1.02rem;margin:.65rem 0 0}
.translator-session-fields{display:grid;gap:.65rem;grid-template-columns:minmax(14rem,1fr) minmax(14rem,1fr);min-width:min(100%,35rem)}.translator-session-fields label{color:#43546b;display:flex;flex-direction:column;font-size:.76rem;font-weight:800;gap:.35rem}.translator-session-fields input,.translator-session-fields select{background:#fff;border:1px solid #c9d8e1;border-radius:.85rem;color:#17324a;font:inherit;font-size:.88rem;min-height:3.1rem;padding:.7rem 1rem}.translator-session-fields select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%231b4058' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 1rem center;padding-right:2.6rem}
.translator-workspace{display:grid;gap:1rem;grid-template-columns:minmax(15rem,25rem) minmax(0,1fr);margin:auto;max-width:1320px}.translator-jasper-card{align-items:center;background:linear-gradient(160deg,#071d38 0%,#0b4969 68%,#0d6d78 100%);border-radius:1.4rem;box-shadow:0 1rem 3rem rgba(17,45,65,.18);color:#fff;display:flex;flex-direction:column;min-height:43rem;overflow:hidden;padding:1.2rem;position:relative;text-align:center}.translator-jasper-card::before{background-image:radial-gradient(rgba(188,244,247,.17) 1px,transparent 1px);background-size:28px 28px;content:"";inset:0;mask-image:linear-gradient(to bottom,#000,transparent 72%);pointer-events:none;position:absolute}
.translator-avatar-wrap{align-items:center;display:flex;flex:1;justify-content:center;min-height:16rem;padding-bottom:2rem;position:relative;width:100%;z-index:1}.translator-avatar-wrap .voice-page-avatar{flex-basis:clamp(14rem,21vw,20rem);height:clamp(14rem,21vw,20rem);margin:0;width:clamp(14rem,21vw,20rem)}.translator-avatar-video{height:clamp(14rem,21vw,20rem);max-width:100%;width:clamp(14rem,21vw,20rem)}.translator-avatar-status{bottom:.3rem;color:#b9edf0;font-size:.68rem;font-weight:800;letter-spacing:.05em;position:absolute;text-transform:uppercase}.translator-jasper-copy{position:relative;z-index:2}.translator-online{align-items:center;color:#b9edf0;display:inline-flex;font-size:.76rem;font-weight:800;gap:.45rem;letter-spacing:.08em;text-transform:uppercase}.translator-online span{background:#72e3ae;border-radius:50%;box-shadow:0 0 0 .25rem rgba(114,227,174,.13);height:.55rem;width:.55rem}.translator-jasper-copy h2{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2;margin:.75rem auto .45rem;max-width:19rem}.translator-jasper-copy p{color:#b9d6df;font-size:.86rem;line-height:1.5;margin:0 auto;max-width:19rem}
.translator-side-controls{align-items:center;display:flex;flex-direction:column;gap:.55rem;margin-top:1.25rem;position:relative;z-index:2}.translator-record-state{color:#bce8d6;font-size:.72rem;font-weight:750}.translator-record-state.error{color:#ffd0c7}.translator-quiet-button{background:rgba(255,255,255,.08);border:1px solid rgba(216,248,250,.26);border-radius:999px;color:#eefbfc;cursor:pointer;font-weight:750;min-height:2.75rem;padding:.65rem 1rem}
.translator-conversation-card{background:#fff;border:1px solid #dce6ec;border-radius:1.4rem;box-shadow:0 1rem 3rem rgba(25,57,77,.1);display:flex;flex-direction:column;min-height:43rem;padding:clamp(1rem,2.2vw,1.65rem)}.translator-direction-grid{display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.translator-direction{align-items:center;background:#f7fafc;border:1px solid #d5e2e9;border-radius:1rem;color:var(--translator-ink);cursor:pointer;display:grid;gap:.8rem;grid-template-columns:auto 1fr auto;min-height:6.1rem;padding:1rem;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.translator-direction:hover{border-color:#8fb5c4;box-shadow:0 .55rem 1.3rem rgba(31,84,103,.1);transform:translateY(-1px)}.translator-direction:focus-visible,.translator-session-fields input:focus-visible,.translator-session-fields select:focus-visible,.translator-end-button:focus-visible,.translator-quiet-button:focus-visible{outline:3px solid rgba(48,179,196,.34);outline-offset:3px}.translator-direction.active{background:#eaf9f8;border-color:#1599a5;box-shadow:0 0 0 3px rgba(21,153,165,.12)}.translator-direction[disabled]{cursor:wait;opacity:.62;transform:none}.translator-direction-icon{align-items:center;background:#d7f2f3;border-radius:.75rem;color:#086d78;display:flex;font-size:1rem;font-weight:900;height:2.6rem;justify-content:center;width:2.6rem}.family-direction .translator-direction-icon{background:#e6e7fa;color:#4f56a8}.translator-direction small,.translator-direction strong,.translator-direction em{display:block}.translator-direction small{color:#718196;font-size:.7rem;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.translator-direction strong{font-size:1.04rem;margin:.12rem 0}.translator-direction em{color:#617187;font-size:.77rem;font-style:normal;font-weight:600}.translator-mic{align-items:center;background:#fff;border:1px solid #d6e2e8;border-radius:50%;display:flex;height:2.45rem;justify-content:center;width:2.45rem}.translator-direction.active .translator-mic{animation:translator-pulse 1.5s ease-out infinite;background:#1599a5;border-color:#1599a5}
.translator-live-turn{background:#f7fafc;border:1px solid #dce6ec;border-radius:1rem;margin-top:1rem;padding:1rem}.translator-section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.translator-section-heading>div{align-items:center;display:flex;gap:.5rem}.translator-section-heading h2{font-size:.84rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.translator-section-heading>span{color:#77869a;font-size:.76rem;font-weight:700}.translator-live-dot{background:#9aabba;border-radius:50%;height:.55rem;width:.55rem}.translator-live-turn.active .translator-live-dot{animation:translator-pulse 1.5s ease-out infinite;background:#22b4a3}.translator-transcript-grid{align-items:stretch;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.translator-transcript-grid article{background:#fff;border:1px solid #dce6ec;border-radius:.8rem;min-height:8.3rem;padding:.85rem}.translator-transcript-grid article>span{color:#65758a;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.translator-transcript-grid p{font-size:1rem;line-height:1.55;margin:.65rem 0 0;white-space:pre-wrap}.translator-transcript-grid p.is-placeholder{color:#8b98a8}.translator-transcript-grid .translator-output{background:#eef9f8;border-color:#c7e9e7}.translator-arrow{align-self:center;color:#76909d;font-size:1.3rem}
.translator-history{display:flex;flex:1;flex-direction:column;margin-top:1.1rem;min-height:11rem}.translator-history .translator-section-heading{border-bottom:1px solid #e3ebef;padding-bottom:.65rem}.translator-history .translator-section-heading button{background:none;border:0;color:#4b7084;cursor:pointer;font-weight:800}.translator-history ol{display:flex;flex:1;flex-direction:column;gap:.65rem;list-style:none;margin:0;max-height:17rem;overflow:auto;padding:0}.translator-empty-history{align-items:center;color:#8896a7;display:flex;flex:1;font-size:.88rem;justify-content:center;text-align:center}.translator-history-item{border:1px solid #e0e8ed;border-radius:.8rem;padding:.75rem .85rem}.translator-history-item header{align-items:center;color:#65768a;display:flex;font-size:.72rem;font-weight:800;justify-content:space-between;letter-spacing:.04em;text-transform:uppercase}.translator-history-item p{line-height:1.45;margin:.55rem 0 0}.translator-history-item .translator-history-output{color:#08737d;font-weight:700}.translator-footer-actions{align-items:center;border-top:1px solid #e2e9ee;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.translator-footer-actions p{color:#68788c;font-size:.76rem;line-height:1.45;margin:0;max-width:38rem}.translator-end-button{background:#fff;border:1px solid #e0a49a;border-radius:.75rem;color:#a83f30;cursor:pointer;font-weight:850;min-height:2.75rem;padding:.65rem 1rem;white-space:nowrap}
.translator-saved-records{background:#fff;border:1px solid #dce6ec;border-radius:1.2rem;margin:1rem auto 0;max-width:1320px;padding:1.2rem}.translator-saved-header{align-items:center;display:flex;justify-content:space-between}.translator-saved-header h2{font-size:1.25rem;margin:0}.translator-saved-header button,.translator-record-card button{background:#f4f8fa;border:1px solid #cfdee6;border-radius:.65rem;color:#244b61;cursor:pointer;font-weight:800;min-height:2.35rem;padding:.45rem .75rem}.translator-records-list{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.translator-records-empty{color:#7b8999;grid-column:1/-1;text-align:center}.translator-record-card{border:1px solid #dae5ea;border-radius:.8rem;padding:.85rem}.translator-record-card header{align-items:start;display:flex;gap:.6rem;justify-content:space-between}.translator-record-card h3{font-size:.95rem;margin:0}.translator-record-card p{color:#6f7d8e;font-size:.76rem;margin:.35rem 0 .8rem}.translator-record-card-actions{display:flex;gap:.45rem}.translator-record-card .translator-record-delete{color:#a14235}.translator-accuracy-note{color:#6d7784;font-size:.76rem;line-height:1.5;margin:1rem auto 0;max-width:1200px;text-align:center}
.translator-record-dialog{border:0;border-radius:1rem;box-shadow:0 2rem 7rem rgba(0,0,0,.35);color:var(--translator-ink);max-height:82vh;max-width:52rem;padding:1.25rem;width:calc(100% - 2rem)}.translator-record-dialog::backdrop{background:rgba(2,15,26,.66)}.translator-record-dialog>header{align-items:start;border-bottom:1px solid #dee8ed;display:flex;justify-content:space-between;padding-bottom:.8rem}.translator-record-dialog h2{margin:0}.translator-record-dialog header p:not(.translator-eyebrow){color:#667789;font-size:.78rem;margin:.35rem 0 0}.translator-record-dialog header button{background:#eef4f7;border:0;border-radius:50%;cursor:pointer;font-size:1.4rem;height:2.3rem;width:2.3rem}.translator-record-dialog-turns{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:1rem 0 0;max-height:58vh;overflow:auto;padding:0}.translator-record-dialog-turns li{border:1px solid #dce6eb;border-radius:.75rem;padding:.8rem}.translator-record-dialog-turns strong{color:#667789;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.translator-record-dialog-turns p{line-height:1.45;margin:.45rem 0 0}.translator-record-dialog-turns .translated{color:#08737d;font-weight:700}
.translator-page-mode.dark-theme{background:#061421;color:#e8f2f6}.dark-theme .translator-heading p:not(.translator-eyebrow){color:#a9bbc8}.dark-theme .translator-session-fields label{color:#bed0da}.dark-theme .translator-session-fields input,.dark-theme .translator-session-fields select,.dark-theme .translator-conversation-card,.dark-theme .translator-saved-records{background:#0d2434;border-color:#264052;color:#edf6f8}.dark-theme .translator-direction,.dark-theme .translator-live-turn{background:#112b3d;border-color:#2b4659;color:#edf6f8}.dark-theme .translator-direction.active{background:#103c42}.dark-theme .translator-transcript-grid article,.dark-theme .translator-history-item,.dark-theme .translator-record-card{background:#0c2130;border-color:#294355}.dark-theme .translator-transcript-grid .translator-output{background:#0d3337;border-color:#2a6264}.dark-theme .translator-footer-actions,.dark-theme .translator-history .translator-section-heading{border-color:#294253}.dark-theme .translator-end-button{background:#182a36}.dark-theme .translator-accuracy-note,.dark-theme .translator-footer-actions p{color:#9fb1bd}
.translator-record-state.saving{color:#fff0b7}.translator-end-button[disabled]{cursor:wait;opacity:.58}.translator-history-turn{border:1px solid #e0e8ed;border-radius:.8rem;padding:.75rem .85rem}.translator-history-turn strong{color:#65768a;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.translator-history-turn p{line-height:1.45;margin:.55rem 0 0}.translator-history-turn .translator-history-translation{color:#08737d;font-weight:700}.translator-records-error{background:#fff0ed;border:1px solid #efc0b7;border-radius:.7rem;color:#9f392d;grid-column:1/-1;margin:0;padding:.65rem}.translator-record-card{display:flex;flex-direction:column;justify-content:space-between}.translator-record-badge{border-radius:999px;display:inline-block;font-size:.68rem;font-weight:850;padding:.22rem .5rem}.translator-record-badge.completed{background:#e1f5ec;color:#176743}.translator-record-badge.active{background:#fff2cc;color:#795913}.translator-record-actions{display:flex;gap:.45rem;margin-top:.8rem}.translator-record-card .danger{color:#a14235}.translator-record-card button[disabled]{cursor:not-allowed;opacity:.5}.translator-record-dialog-translation{color:#08737d;font-weight:700}
@keyframes translator-pulse{0%{box-shadow:0 0 0 0 rgba(30,178,183,.4)}70%{box-shadow:0 0 0 .65rem rgba(30,178,183,0)}100%{box-shadow:0 0 0 0 rgba(30,178,183,0)}}
@media (max-width:1000px){.translator-heading{align-items:stretch;flex-direction:column;gap:1rem}.translator-workspace{grid-template-columns:1fr}.translator-jasper-card{display:grid;gap:1rem;grid-template-columns:10rem 1fr auto;min-height:0;text-align:left}.translator-avatar-wrap{min-height:10rem}.translator-avatar-wrap .voice-page-avatar,.translator-avatar-video{flex-basis:9rem;height:9rem;width:9rem}.translator-jasper-copy h2,.translator-jasper-copy p{margin-left:0}.translator-side-controls{margin:0}.translator-records-list{grid-template-columns:repeat(2,minmax(0,1fr))}.translator-conversation-card{min-height:38rem}}
@media (max-width:650px){.translator-shell{min-height:0;padding:.7rem}.translator-heading{gap:.75rem;margin-bottom:.85rem}.translator-heading h1{font-size:2rem}.translator-heading p:not(.translator-eyebrow){font-size:.9rem;line-height:1.4;margin-top:.4rem}.translator-session-fields{gap:.5rem;grid-template-columns:1fr;min-width:0}.translator-session-fields label{gap:.25rem}.translator-session-fields input,.translator-session-fields select{min-height:2.75rem;padding:.55rem .75rem}.translator-jasper-card{border-radius:1rem;gap:.75rem;grid-template-columns:7rem 1fr;padding:.85rem}.translator-avatar-wrap{min-height:7rem;padding-bottom:1.25rem}.translator-avatar-wrap .voice-page-avatar,.translator-avatar-video{flex-basis:6.5rem;height:6.5rem;width:6.5rem}.translator-avatar-status{font-size:.56rem}.translator-jasper-copy h2{font-size:1.15rem;margin:.35rem 0}.translator-jasper-copy p{font-size:.8rem;line-height:1.35}.translator-side-controls{gap:.4rem;grid-column:1/-1;margin-top:0;width:100%}.translator-quiet-button{min-height:2.75rem;width:100%}.translator-direction-grid,.translator-records-list{grid-template-columns:1fr}.translator-direction{min-height:5.4rem}.translator-transcript-grid{grid-template-columns:1fr}.translator-arrow{transform:rotate(90deg)}.translator-transcript-grid article{min-height:6.2rem}.translator-footer-actions{align-items:stretch;flex-direction:column}.translator-end-button{width:100%}}
@media (orientation:landscape) and (max-height:560px) and (min-width:651px) and (max-width:1000px){.translator-shell{min-height:0;padding:.6rem}.translator-heading{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(0,.85fr) minmax(25rem,1.15fr);margin-bottom:.65rem}.translator-heading h1{font-size:1.75rem}.translator-heading p:not(.translator-eyebrow){font-size:.82rem;line-height:1.35;margin-top:.35rem}.translator-session-fields{gap:.45rem;grid-template-columns:1fr 1fr;min-width:0}.translator-session-fields label{font-size:.68rem;gap:.2rem}.translator-session-fields input,.translator-session-fields select{min-height:2.75rem;padding:.5rem .75rem}.translator-workspace{gap:.65rem}.translator-jasper-card{border-radius:1rem;gap:.75rem;grid-template-columns:6.5rem minmax(0,1fr) minmax(11rem,auto);padding:.75rem}.translator-avatar-wrap{min-height:6.25rem;padding-bottom:1rem}.translator-avatar-wrap .voice-page-avatar,.translator-avatar-video{flex-basis:5.75rem;height:5.75rem;width:5.75rem}.translator-avatar-status{font-size:.5rem}.translator-jasper-copy h2{font-size:1.05rem;margin:.25rem 0}.translator-jasper-copy p{font-size:.75rem;line-height:1.3}.translator-side-controls{gap:.35rem;margin:0}.translator-record-state{font-size:.66rem}.translator-quiet-button{min-height:2.75rem;padding:.5rem .75rem}.translator-conversation-card{border-radius:1rem;padding:.75rem}}
@media (prefers-reduced-motion:reduce){.translator-page-mode *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}