:root{--ink:#31293a;--muted:#84788e;--card:rgba(255,255,255,.78);--line:rgba(99,70,112,.1);--pink:#ff8eb6;--purple:#a98df4;--soft:#fff4f8;--shadow:0 18px 55px rgba(96,61,104,.12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Noto Sans SC",Arial,sans-serif;color:var(--ink);background:linear-gradient(145deg,#fffafb,#f7f5ff 55%,#eef8ff);overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(24px);opacity:.38;pointer-events:none;z-index:0}.ambient.a{width:420px;height:420px;background:#ffc7dc;top:-160px;left:-130px}.ambient.b{width:390px;height:390px;background:#d4c8ff;right:-140px;top:18%}.ambient.c{width:320px;height:320px;background:#cdefff;left:15%;bottom:-160px}.page{position:relative;z-index:1;min-height:100dvh}.shell{width:min(1080px,calc(100% - 32px));margin:auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px}.heart{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 9px 24px rgba(228,119,170,.28)}.top-actions,.room-actions{display:flex;gap:8px;align-items:center}.soft-btn,.icon-btn,.leave-btn,.secondary-small,.primary-small{border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--ink);border-radius:14px;padding:9px 13px;backdrop-filter:blur(12px)}.hero{padding:80px 0 56px;text-align:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#a27fb4}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.08;margin:16px auto;max-width:850px;letter-spacing:-.04em}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px;margin:0 auto}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}.btn{border:0;border-radius:18px;padding:15px 25px;font-weight:750;min-width:154px;box-shadow:var(--shadow)}.primary{color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple))}.secondary{background:rgba(255,255,255,.82);color:var(--ink);border:1px solid var(--line)}.room-section{padding-bottom:70px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-title h2{margin:0 0 4px;font-size:22px}.section-title p{margin:0;color:var(--muted);font-size:14px}.counter{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#9d719f}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.room-card{background:var(--card);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:22px;padding:20px}.room-card h3{margin:0 0 9px;font-size:18px}.room-online{font-size:13px;color:#53a778}.room-meta{margin-top:20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.enter-btn{border:0;background:#fff;border-radius:12px;padding:8px 12px;color:#8c6ab5}.empty{grid-column:1/-1;background:rgba(255,255,255,.6);padding:34px;text-align:center;border-radius:22px;color:var(--muted);border:1px dashed rgba(125,94,138,.17)}.room-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:rgba(255,255,255,.25)}.room-topbar{height:70px;flex:0 0 70px;padding:0 max(12px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);z-index:4}.room-left{display:flex;align-items:center;gap:10px;min-width:0}.icon-btn{width:42px;height:42px;padding:0;display:grid;place-items:center}.voice-on{background:linear-gradient(135deg,#fff0f5,#f1edff)}.room-title{font-weight:800;max-width:38vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-sub{border:0;background:none;padding:0;color:var(--muted);font-size:12px}.leave-btn{color:#c75f7f}.connection-bar{background:#fff0c8;color:#8f6b18;text-align:center;padding:7px;font-size:13px}.messages{flex:1;overflow-y:auto;padding:22px max(16px,calc((100vw - 860px)/2));scroll-behavior:smooth}.msg-row{display:flex;margin:10px 0;justify-content:flex-start}.msg-row.me{justify-content:flex-end}.bubble{max-width:min(680px,82%);background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:0 8px 25px rgba(71,46,82,.07);border-radius:22px 22px 22px 7px;padding:12px 14px}.me .bubble{background:linear-gradient(145deg,#fff0f6,#f0edff);border-radius:22px 22px 7px 22px}.msg-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px}.msg-name{font-size:12px;color:#9a749e;font-weight:750}.msg-time{font-size:10px;color:#aaa0b0}.original{font-size:15px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.translation{margin-top:9px;padding:10px 11px;border-radius:13px;background:rgba(165,139,244,.1);line-height:1.55;color:#5b4b6a;white-space:pre-wrap;word-break:break-word}.optimized{font-size:12px;color:var(--muted);margin-top:7px}.status{font-size:12px;color:var(--muted);margin-top:8px}.retry,.speak-btn{border:0;background:rgba(255,255,255,.8);border-radius:10px;padding:5px 8px;margin-left:5px;color:#8565a5}.media-image{width:min(330px,70vw);max-height:360px;object-fit:cover;border-radius:15px;display:block;margin-bottom:8px}.audio-player{width:min(310px,68vw);height:38px}.ocr-table{display:grid;gap:7px;margin-top:8px}.ocr-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ocr-pair>div{padding:8px;border-radius:10px;background:rgba(255,255,255,.65);font-size:13px;white-space:pre-wrap}.system{text-align:center;color:#a297aa;font-size:12px;margin:12px 0}.activity-bar{min-height:24px;padding:3px 18px 5px;text-align:center;color:#9a7e9e;font-size:12px}.composer{flex:0 0 auto;display:flex;align-items:flex-end;gap:8px;padding:10px max(12px,calc((100vw - 900px)/2)) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.82);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.composer textarea{flex:1;resize:none;border:1px solid var(--line);outline:none;background:#fff;border-radius:18px;padding:11px 14px;line-height:1.35;max-height:120px}.composer-icon,.send-btn{width:42px;height:42px;border:0;border-radius:14px;flex:0 0 42px}.composer-icon{background:#fff;color:#7d6a89}.send-btn{color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple))}.mic.recording{background:#ffe5ec;animation:pulse 1.1s infinite}.modal{position:fixed;inset:0;z-index:20;background:rgba(53,43,61,.25);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal-card{position:relative;width:min(500px,100%);max-height:85dvh;overflow:auto;background:rgba(255,255,255,.96);border-radius:26px;padding:25px;box-shadow:0 30px 90px rgba(65,43,72,.22)}.modal-x{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:12px;background:#f7f2f7;color:#7f7284}.modal h2{margin:0 40px 8px 0}.modal p{color:var(--muted);line-height:1.6}.field{margin-top:16px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;outline:none}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn{flex:1;min-width:0}.member-list{display:grid;gap:8px}.member{padding:10px;border-radius:12px;background:#faf7fb}.choice-grid{display:grid;gap:9px}.choice{padding:13px;border:1px solid var(--line);background:#fff;border-radius:14px;text-align:left}.record-panel{position:fixed;z-index:25;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(520px,calc(100% - 24px));display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(74,46,85,.22);border-radius:20px;padding:14px}.record-panel>div:nth-child(2){flex:1}.record-panel strong{display:block}.record-panel span{font-size:12px;color:var(--muted)}.record-dot{width:12px;height:12px;border-radius:50%;background:#ff557e;animation:pulse 1s infinite}.primary-small{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.toast{position:fixed;z-index:30;left:50%;bottom:calc(95px + env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(46,38,53,.9);color:#fff;padding:10px 14px;border-radius:13px;font-size:13px;max-width:90vw;text-align:center}@keyframes pulse{50%{transform:scale(1.18);opacity:.55}}@media(max-width:800px){.room-grid{grid-template-columns:1fr 1fr}.hero{padding:52px 0 38px}.hero p{font-size:16px}.room-actions{gap:5px}.room-actions .icon-btn{width:38px;height:38px}.leave-btn{padding:8px 10px}.bubble{max-width:88%}}@media(max-width:560px){.shell{width:min(100% - 24px,1080px)}.topbar{height:66px}.brand{font-size:16px}.hero{padding-top:38px}.hero h1{font-size:40px}.hero-actions{display:grid}.btn{width:100%}.room-grid{grid-template-columns:1fr}.room-title{max-width:31vw}.room-actions #shareBtn{display:none}.messages{padding:16px 10px}.bubble{max-width:91%}.ocr-pair{grid-template-columns:1fr}.composer{gap:5px;padding-left:7px;padding-right:7px}.composer-icon,.send-btn{width:39px;height:39px;flex-basis:39px}.composer textarea{padding:10px 12px}.room-topbar{padding-left:6px;padding-right:6px}.room-left{gap:3px}}

/* v1.1 message clarity */
.source-section{margin-top:7px}.result-label{font-size:11px;font-weight:800;letter-spacing:.04em;color:#9c7da3;margin-bottom:5px}.source-label{color:#9a8f9f}.message-divider{height:2px;margin:11px -2px 10px;background:linear-gradient(90deg,rgba(236,104,145,.75),rgba(177,146,244,.55),rgba(177,146,244,0));border-radius:999px}.result-section{display:grid;gap:9px}.result-group{display:grid;gap:3px}.optimized-text{font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:#5e5665;background:rgba(255,255,255,.52);padding:8px 10px;border-radius:12px}.translation{margin-top:0;padding:10px 11px;border-radius:13px;background:rgba(165,139,244,.12);line-height:1.58;color:#554564;white-space:pre-wrap;word-break:break-word;font-size:15px}.source-section .original{font-size:15px;line-height:1.55}.media-image{cursor:zoom-in;border:1px solid rgba(124,93,136,.08)}.status{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.retry{margin-left:0}.speak-btn{margin:9px 0 0;border:1px solid rgba(154,116,158,.14);background:rgba(255,255,255,.82);font-weight:650}.me .message-divider{background:linear-gradient(90deg,rgba(177,146,244,.7),rgba(236,104,145,.5),rgba(236,104,145,0))}@media(max-width:560px){.bubble{padding:11px 12px}.media-image{width:min(360px,78vw)}.message-divider{margin-top:10px;margin-bottom:9px}.optimized-text,.translation{font-size:14px}}