#conversation-link {
 position:absolute; top:20.451%; left:69.444%; width:25%; height:10.399%; z-index:10;
 box-sizing:border-box; display:flex; align-items:center; justify-content:center;
 gap:calc(4px * var(--app-scale, 1));
 border:1px solid #fff; border-radius:6px; color:#fff; background:#245da8;
 font:calc(11px * var(--app-scale, 1)) Arial,sans-serif; text-decoration:none;
 white-space:nowrap;
}
#conversation-link .conversation-mic {width:calc(13px * var(--app-scale, 1)); height:calc(15px * var(--app-scale, 1)); flex-shrink:0;}
#conversation-link[hidden] {display:none;}
#conversation-link:hover {background:#1c4d8e;}
#conversation-link:active {background:#153c70;}
#conversation-link:focus-visible {outline:3px solid #ffd441; outline-offset:2px;}

#conversation-help {width:min(520px,calc(100vw - 32px));box-sizing:border-box;padding:22px;border:1px solid white;border-radius:12px;background:#1c4216;color:white;font:15px/1.6 Arial,sans-serif;}
#conversation-help::backdrop {background:rgba(0,0,0,.55);}
#conversation-help h2 {margin:0 0 12px;font-size:21px;}
#conversation-help textarea {width:100%;box-sizing:border-box;font:14px/1.5 Arial,sans-serif;resize:vertical;}
#conversation-help a {color:#fff;}
.conversation-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.conversation-actions form {margin:0;}
.conversation-actions button,.conversation-actions>a {background:#245da8;color:white;border:1px solid white;border-radius:6px;padding:7px 10px;font:inherit;text-decoration:none;cursor:pointer;}

#start-practice {position:absolute;top:20.451%;left:5.833%;width:25%;height:10.399%;z-index:10;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(5px * var(--app-scale,1));border:1px solid #ccd3aa;border-radius:5px;background:#b86e1d;color:white;text-decoration:none;font:calc(16px * var(--app-scale,1)) Arial,sans-serif;}
#start-practice small {font-size:calc(11px * var(--app-scale,1));}
#start-practice[hidden] {display:none;}
#start-practice:hover {background:#a25f18;}
#start-practice:focus-visible {outline:3px solid #ffd441;outline-offset:2px;}

#conversation-themes {padding:0;border:0;border-radius:16px;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:#f8faf3;color:#233b23;font:14px/1.6 Arial,sans-serif;box-shadow:0 12px 48px #0008;overflow:auto;}
#conversation-themes::backdrop {background:rgba(0,0,0,.53);}
.theme-header {background:#245da8;color:white;padding:20px;position:relative;}
.theme-header h2 {font-size:22px;margin:0 28px 5px 0;}.theme-header p {margin:0;font-size:12px;}
.theme-header form {position:absolute;right:13px;top:10px;}.theme-header button {color:white;background:none;border:0;font-size:28px;cursor:pointer;width:36px;height:36px;}
.theme-content {padding:18px 16px;}.theme-intro {text-align:center;margin:0 0 16px;}
#theme-status:empty {display:none;}#theme-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.theme-choice {background:#eaf0df;border:1px solid #d3dfc4;color:#264827;border-radius:10px;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:bold;text-decoration:none;}
.theme-icon {font-size:26px;}.theme-choice:hover,.theme-choice:active {background:#245da8;border-color:#245da8;color:white;}.theme-choice:focus-visible {outline:3px solid #245da8;outline-offset:2px;}
.theme-note {font-size:12px;color:#64735f;margin:16px 0 0;}.theme-footer {background:#edf2e7;border-top:1px solid #dce6d1;text-align:center;padding:12px;font-size:12px;color:#42613b;}