:root{--glass-opacity:78%;--answer-size:32px}
.formatted-answer{white-space:normal!important;overflow-wrap:anywhere;line-height:1.6}
.formatted-answer p{margin:.65em 0}.formatted-answer p:first-child{margin-top:0}
.formatted-answer strong{font-weight:780;color:#75edd7}
.formatted-answer h3{font-size:1.05em;line-height:1.35;color:#b0caff;margin:1.1em 0 .4em}
.formatted-answer ul,.formatted-answer ol{padding-left:1.35em;margin:.55em 0}.formatted-answer li{margin:.45em 0}.formatted-answer li::marker{color:#75edd7;font-weight:700}
.formatted-answer code{font-family:ui-monospace,monospace;color:#efc783;background:#ffffff0a;border-radius:5px;padding:.08em .25em;font-size:.88em}
.formatted-answer pre{white-space:pre-wrap;background:#060b10;padding:.7em;border-radius:12px;overflow:auto}.formatted-answer pre code{background:none;padding:0}
.glass-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.glass-controls label{font-size:12px;color:#abbcc9;display:grid;gap:5px}.glass-controls input{width:110px;accent-color:#67ddcb}
.meeting-preview{position:relative;min-height:200px;aspect-ratio:16/7;background:radial-gradient(ellipse at 20% 30%,#203d43,#0c111d 70%);border:1px solid #ffffff1c;border-radius:20px;overflow:hidden;margin:18px 0}
.meeting-preview video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#04070b;display:none}.meeting-preview.has-video video{display:block}.meeting-preview.has-video .preview-placeholder{display:none}
.preview-placeholder{position:absolute;inset:35% 10% auto;color:#bdcdd7;text-align:center;font-size:16px}.preview-label{position:absolute;bottom:12px;left:14px;background:#071016b8;color:#b4dcd8;border-radius:12px;padding:6px 10px;font:11px/1.4 system-ui;backdrop-filter:blur(8px)}
.room-answer-panel{background:color-mix(in srgb,#0a1722 var(--glass-opacity),transparent)!important;backdrop-filter:blur(20px);border:1px solid #c4f7ff29!important;box-shadow:0 20px 65px #0007,inset 0 1px #ffffff10;border-radius:22px}
.room-meta{flex-wrap:wrap;gap:12px}.room-meta label{display:flex;align-items:center;gap:8px}.room-manual{background:#0d1720;border:1px solid #ffffff1c;border-radius:16px;padding:16px}.transcript-warning{color:#ffd498;background:#50361755;padding:12px;border-radius:8px}
.floating-glass{margin:0;color:#f1f6f9;background:#080e17;font-family:system-ui,-apple-system,sans-serif;--answer-size:26px;color-scheme:dark}.floating-glass *{box-sizing:border-box}.float-layout{min-height:100vh;padding:0 12px 16px}.floating-glass .meeting-preview{position:sticky;top:0;margin:0 -12px;height:34vh;min-height:150px;border:0;border-radius:0;aspect-ratio:auto}.float-answer-card{position:relative;margin-top:-28px;min-height:65vh;padding:20px;border:1px solid #c4f7ff35;border-radius:22px;background:color-mix(in srgb,#0b1824 var(--glass-opacity),transparent);backdrop-filter:blur(16px);box-shadow:0 18px 65px #0009}.float-answer-card header{display:flex;align-items:center;gap:8px}.float-answer-card header strong{color:#75edd7;margin-right:auto}.float-answer-card button{cursor:pointer;background:#ffffff0c;color:#d6eeee;border:1px solid #ffffff26;border-radius:8px;padding:8px;font:12px system-ui}.float-answer-card button:hover{background:#ffffff20}#float-status{color:#8fa9b4;font-size:12px;line-height:1.5}#float-question{color:#bdd3e0;font-size:17px;border-left:2px solid #6cddd0;padding-left:12px;line-height:1.5}#float-answer{font-size:var(--answer-size);line-height:1.55}
@media(max-width:700px){.room-header{flex-wrap:wrap;gap:12px}.glass-controls{width:100%}.meeting-preview{min-height:170px}.room-meta>span{font-size:10px}}
@media(min-width:1000px){#interview-view{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px 24px}.room-header,.room-controls,.room-meta{grid-column:1/-1}.room-header{grid-row:1}.room-controls{grid-row:2}.room-meta{grid-row:3}.room-question{grid-column:1;grid-row:4}.room-answer-panel{grid-column:1;grid-row:5}.room-stage{grid-column:1;grid-row:6}.room-manual{grid-column:1;grid-row:7}.room-footnote{grid-column:1/-1;grid-row:8}#interview-view>.meeting-preview{grid-column:2;grid-row:4/8;position:sticky;top:20px;align-self:start;height:240px;min-height:0;aspect-ratio:auto;margin:0}.room-question,.room-answer-panel,.room-stage{margin:0!important}}
#room-style{min-width:205px}#interview-view>.meeting-preview{max-height:260px}
.floating-glass .float-layout{height:100dvh;min-height:0;display:flex;flex-direction:column;padding:0 12px 12px;overflow:hidden}.floating-glass .meeting-preview{position:relative;flex:0 0 24vh;height:24vh;min-height:110px}.float-answer-card{margin-top:-15px;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px;backdrop-filter:blur(10px)}.float-answer-card header{flex-wrap:wrap;gap:6px;flex-shrink:0}.float-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 4px}.float-controls>.answer-style-control{width:100%}.float-controls label{display:flex;align-items:center;gap:7px;font-size:11px;color:#c0d2e3}.float-controls input[type=range]{width:90px;accent-color:#81e8d0}.float-controls select{background:#0c1823;color:#e3f1fb;border:1px solid #425467;padding:6px;border-radius:6px}#float-answer-content{min-height:0;flex:1;display:flex;flex-direction:column}#float-answer-content[hidden]{display:none}#float-answer{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:2px 8px 20px 0;scrollbar-gutter:stable}#float-question{flex-shrink:0;max-height:85px;overflow:auto;font-size:15px}#float-status{margin:7px 0;color:#afc3d6}#float-answer-style{font-size:10px;color:#b3cdee;margin:5px 0}.float-note{font-size:10px;color:#adbed0;margin:8px 0 0}.float-answer-card button:disabled{opacity:.45}.floating-glass .style-segments button{padding:7px 11px}.floating-glass .style-save-status{font-size:10px}
/* Same restrained gloss in the native floating answer view. */
.floating-glass .float-answer-card{border-color:#4b7767;box-shadow:0 1px 0 #dffff324 inset,0 14px 38px #0006}.floating-glass .float-answer-card>header{background:linear-gradient(140deg,#c5fff017,transparent)}.floating-glass button{box-shadow:0 1px 0 #effff51a inset}.floating-glass .float-controls{background:linear-gradient(180deg,#defff509,transparent)}.floating-glass .meeting-preview{box-shadow:0 1px 0 #defff51c inset;border-color:#496e62}
