/* NANDAX SpeakMatrix Rollup 3 — Free Expression + Speech + Optional AI */
.app{grid-template-rows:64px 48px minmax(0,1fr) 72px}
.r3Quickbar{min-width:0;border-bottom:1px solid var(--line);background:#0f1214;overflow:hidden;z-index:19}
.r3QuickbarInner{height:100%;display:flex;align-items:center;gap:7px;padding:5px 18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#394149 transparent;overscroll-behavior-x:contain}
.r3QuickbarInner::-webkit-scrollbar{height:4px}.r3QuickbarInner::-webkit-scrollbar-thumb{background:#394149;border-radius:999px}
.r3Quickbar .r1TopBtn,.r3Quickbar .r2TopBtn,.r3TopBtn{height:36px;flex:0 0 auto}
.r3Quickbar .r1Text,.r3Quickbar .r2Text{display:inline!important}
.r3Quickbar .r1TopBtn,.r3Quickbar .r2TopBtn{width:auto!important;padding:0 10px!important;justify-content:center}
.r3Quickbar .r1LangDot,.r3Quickbar .r1LearnDot,.r3Quickbar .r2PracticeDot,.r3Quickbar .r2CoachDot{display:inline-block!important}
.r3TopBtn{border:1px solid var(--line);background:#181c20;color:#eef0f1;border-radius:12px;padding:0 10px;display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}
.r3TopBtn:hover{border-color:#59626a}.r3TopBtn.primary{border-color:#6b5432;background:#282016}.r3TopBtn.ai{border-color:#4a445f;background:#211e2a}.r3TopBtn .r3Dot{width:7px;height:7px;border-radius:50%;background:#f08a7e}.r3TopBtn.ai .r3Dot{background:#a58ce8}.r3TopBtn.guide .r3Dot{background:#6bc5c3}
.r3Status{margin-left:auto;flex:0 0 auto;border:1px solid #30383f;border-radius:999px;padding:5px 8px;font-size:9px;color:#8f999f;background:#15191c}.r3Status.online{border-color:#35594a;color:#92d8b2}.r3Status.offline{border-color:#594b36;color:#d8bd8b}
.r3FreeIntro{border:1px solid #3a4248;background:linear-gradient(145deg,#1c2125,#171a1d);border-radius:16px;padding:13px;margin-bottom:10px}.r3FreeIntro h4{margin:0 0 5px;font-size:14px}.r3FreeIntro p{margin:0;color:#aeb6bb;font-size:11px;line-height:1.5}
.r3InputWrap{position:relative}.r3Textarea{width:100%;min-height:112px;resize:vertical;background:#101417;border:1px solid #394249;color:#f4f4f2;border-radius:15px;padding:12px 48px 12px 12px;line-height:1.5;font-size:14px;outline:none}.r3Textarea:focus{border-color:#6d7880;box-shadow:0 0 0 3px rgba(109,120,128,.12)}
.r3MicBtn{position:absolute;right:8px;top:8px;width:34px;height:34px;border:1px solid #3a444b;background:#1c2327;color:#fff;border-radius:11px;display:grid;place-items:center}.r3MicBtn.listening{border-color:#7b4d48;background:#2b1d1c;animation:r3Pulse 1.1s infinite}@keyframes r3Pulse{50%{box-shadow:0 0 0 7px rgba(240,138,126,.10)}}
.r3InputFoot{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:7px 0 10px}.r3Badge{border:1px solid #394249;background:#171c20;color:#b9c1c6;border-radius:999px;padding:5px 8px;font-size:9px}.r3Badge b{color:#fff}.r3Badge.good{border-color:#315741;color:#a8e2bd}.r3Badge.warn{border-color:#5a4b36;color:#e4c58f}
.r3PrimaryActions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.r3Action{border:1px solid #394249;background:#20262a;color:#e8eaeb;border-radius:10px;padding:8px 10px;font-size:10px}.r3Action.primary{background:var(--yellow);border-color:var(--yellow);color:#1b1a15;font-weight:800}.r3Action.ai{border-color:#5b4d70;color:#d8c6f3;background:#221d2a}.r3Action.listen{border-color:#315c55;color:#91d8c7}.r3Action:disabled{opacity:.45;cursor:not-allowed}
.r3Mapping{border:1px solid #323a41;background:#161a1e;border-radius:14px;padding:10px;margin-bottom:10px}.r3MappingHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.r3MappingHead b{font-size:11px}.r3Confidence{font-size:9px;color:#9ca5aa}.r3MapChips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.r3MapChip{border:1px solid #3a4249;background:#1c2226;border-radius:999px;padding:5px 7px;font-size:9px;color:#cbd0d3}.r3MapChip strong{color:#f0d57e}
.r3AdjustGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.r3Select{width:100%;background:#111519;color:#f2f2f0;border:1px solid #343d44;border-radius:10px;padding:8px;font-size:10px}
.r3RewriteGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.r3Rewrite{border:1px solid #323b42;background:#191e22;border-radius:14px;padding:11px;display:flex;flex-direction:column;min-height:136px}.r3Rewrite.accent{border-color:#5a4d2f;background:#211e18}.r3Rewrite h4{margin:0 0 7px;font-size:11px;color:#f1d67e;text-transform:uppercase;letter-spacing:.06em}.r3Rewrite p{margin:0;color:#f0f1f1;line-height:1.48;font-size:13px;flex:1}.r3RewriteActions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.r3Mini{border:1px solid #384149;background:#20262a;color:#cdd2d5;border-radius:8px;padding:6px 7px;font-size:9px}.r3Mini:hover{color:#fff;border-color:#59636b}
.r3SpeechCard{border:1px solid #354048;background:#171c20;border-radius:14px;padding:11px}.r3SpeechScore{font-size:36px;font-weight:850;color:#85d8ad;line-height:1}.r3SpeechCard p{margin:5px 0 0;color:#aeb6bb;font-size:10px;line-height:1.5}.r3Missed{margin-top:7px;color:#e7bb91;font-size:10px}
.r3History{display:grid;gap:7px}.r3HistoryItem{border:1px solid #30383e;background:#171b1f;border-radius:12px;padding:9px}.r3HistoryItem b{font-size:10px}.r3HistoryItem p{margin:4px 0 0;color:#b1b8bc;font-size:10px;line-height:1.4}
.r3SettingsGrid{display:grid;gap:8px}.r3Setting{border:1px solid #30383f;background:#181d21;border-radius:13px;padding:10px}.r3Setting label{display:block;font-size:10px;color:#d7dbdd;margin-bottom:5px}.r3Input{width:100%;background:#101417;border:1px solid #384149;color:#fff;border-radius:10px;padding:9px;font-size:10px}.r3Setting small{display:block;color:#8f989e;font-size:9px;line-height:1.45;margin-top:5px}
.r3DrawerCore{border-bottom:1px solid #293036;padding-bottom:13px}
.r3NoVoice{color:#e1bd86}.r3Privacy{border-left:3px solid #5e526e;background:#1c1922;border-radius:0 10px 10px 0;padding:8px 10px;color:#c8c1d1;font-size:10px;line-height:1.45;margin-top:8px}
@media(max-width:900px){.r3Status{display:none}.r3QuickbarInner{padding-left:10px;padding-right:10px}}
@media(max-width:760px){.app{grid-template-rows:58px 44px minmax(0,1fr) 64px}.r3QuickbarInner{padding:4px 8px;gap:6px}.r3Quickbar .r1TopBtn,.r3Quickbar .r2TopBtn,.r3TopBtn{height:34px}.r3Quickbar .r1Text,.r3Quickbar .r2Text,.r3TopBtn strong{font-size:9px}.r3Quickbar .r1TopBtn,.r3Quickbar .r2TopBtn,.r3TopBtn{padding:0 8px!important}.r3RewriteGrid,.r3AdjustGrid{grid-template-columns:1fr}.r3Textarea{min-height:92px}.r3Rewrite{min-height:0}.r3PrimaryActions .r3Action{flex:1}.notice{top:112px}}