:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;color:#173544;background:#f6f8f7;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3cadd4;outline-offset:4px}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e8e8;background:#fcfdfb}.brand{display:flex;gap:12px;align-items:center;font-size:15px;letter-spacing:2px;font-weight:750}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #193c4b;border-radius:13px;font-family:serif;font-size:26px;font-weight:400;letter-spacing:0;background:#e8f4f5}.brand-sub{font-size:9px;letter-spacing:2.1px;display:block;margin-top:4px;color:#6b8088;font-weight:500}.header-right{display:flex;gap:26px;align-items:center}.private-badge{font-size:10px;font-weight:650;letter-spacing:1.4px;display:flex;align-items:center;gap:7px;color:#59757c}.language-switch{padding:4px;background:#eef2f1;border:1px solid #e1e8e6;border-radius:8px;display:flex}.language-switch button{border:0;background:none;padding:7px 11px;border-radius:5px;color:#75878c;font-size:12px}.language-switch button[aria-pressed=true]{background:#fff;color:#173544;box-shadow:0 1px 5px #17354412}.landing{max-width:1360px;width:100%;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding:78px 6% 65px;align-items:center;flex:1}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;display:flex;align-items:center;gap:10px;color:#587981;margin:0 0 24px}.eyebrow>span:not(.plain){width:6px;height:6px;border-radius:100%;background:#48a6ad}.intro h1{font-family:Georgia,Yu Mincho,serif;letter-spacing:-2.6px;line-height:1.17;font-size:clamp(38px,4.3vw,62px);font-weight:400;margin:0 0 20px}.intro h1 em{color:#248b9b;font-style:normal}.intro-description{font-size:16px;line-height:1.8;color:#6b7e83;max-width:385px;margin-bottom:35px}.language-art{display:flex;align-items:center;position:relative;margin:28px 0 36px;padding:4px 0 14px}.language-tile{min-width:155px;height:103px;border-radius:15px;padding:18px 24px;font-size:28px;font-family:Georgia,serif;border:1px solid #d2e4e6;box-shadow:0 6px 12px #17354404;background:#e8f2f1;transform:rotate(-4deg);z-index:1}.language-tile span{display:block;font:500 9px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:2px;color:#6a8589;margin-top:10px}.language-tile.japanese{font-family:serif;font-size:23px;background:#f7f0e3;border-color:#e8deca;transform:rotate(4deg)}.language-bridge{width:52px;text-align:center;color:#6b9298;font-size:23px}.feature-list{display:flex;flex-direction:column;gap:19px}.feature{display:flex;align-items:start;gap:16px}.feature-number{font-size:10px;border:1px solid #dce6e3;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#8aa09f}.feature strong{font-size:13px;font-weight:600}.feature p{font-size:12px;color:#7c8b8d;line-height:1.6;margin:5px 0 0}.entry-column{width:100%;max-width:430px;justify-self:end}.entry-card{background:#fff;border:1px solid #e1e8e5;box-shadow:0 14px 50px #16354406;border-radius:20px;padding:35px}.card-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#edf5f3;color:#438f91;margin-bottom:24px}.entry-card h2{font-size:23px;font-weight:550;letter-spacing:-.6px;margin:0 0 13px}.muted{color:#7a8a8e;font-size:13px;line-height:1.85;margin:0 0 28px}.primary,.secondary,.button{border:0;border-radius:8px;min-height:46px;display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 17px;font-size:13px;font-weight:550}.primary{background:#1d5061;color:#fff;width:100%}.primary:hover:not(:disabled){background:#173f4d}.entry-card>.primary,.entry-card form>.primary{justify-content:space-between;margin-top:15px}.secondary{background:#eff5f3;border:1px solid #dbe7e4;color:#396b71}.card-footnote{display:flex;align-items:center;gap:7px;justify-content:center;font-size:10px;color:#8a9a9d;border-top:1px solid #eef1ef;margin-top:27px;padding-top:21px}.headphones-note{display:flex;align-items:start;gap:12px;margin:23px 7px 0;color:#729194}.headphones-note strong{font-size:12px;font-weight:550;color:#657e82}.headphones-note p{font-size:11px;line-height:1.8;color:#8a999b;margin:6px 0 0}.headphones-note svg{flex-shrink:0;margin-top:2px}form label{display:block;font-size:12px;font-weight:550;margin:20px 0}input:not([type=checkbox]),select{width:100%;border:1px solid #d8e2df;padding:13px;border-radius:7px;background:#fcfdfc;color:#264651;margin-top:8px}input::placeholder{color:#99a7a7}input[type=checkbox]{accent-color:#258698;width:15px;height:15px;flex-shrink:0}.code-input{font-size:24px!important;letter-spacing:5px;text-align:center}.text-button{display:block;margin:15px auto 0;border:0;background:transparent;font-size:12px;color:#617a80;padding:5px}.success-text{font-size:12px;color:#398571;line-height:1.7}.notice{background:#fff3e6;color:#875932;border:1px solid #eed9be;border-radius:8px;padding:12px 15px;font-size:12px;line-height:1.8;margin:15px 0;overflow-wrap:anywhere}.loading{color:#7b9396;font-size:13px}.site-footer{padding:24px 6%;display:flex;justify-content:space-between;font-size:10px;color:#8f9d9f;letter-spacing:.15px;border-top:1px solid #e5ebe8;gap:20px}.footer-dot{margin:0 12px;color:#aebdbc}.in-room .site-header{height:78px;padding:0 4%}.room-main{padding:28px 4% 35px;max-width:1680px;width:100%;margin:auto;flex:1}.room-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.room-heading .eyebrow{margin-bottom:9px;font-size:9px;letter-spacing:1.5px}.room-heading h1{font-size:26px;letter-spacing:-.8px;font-weight:500;margin:0;display:flex;align-items:center;gap:18px}.connection-pill{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;letter-spacing:0;background:#edf0ee;color:#84908d;border:1px solid #dfe6e2;border-radius:20px;padding:6px 10px}.connection-pill>span{width:5px;height:5px;border-radius:100%;background:currentColor}.connection-pill.good{color:#478378;background:#eaf4ec;border-color:#d7e8db}.room-actions{display:flex;gap:12px}.quiet{background:#fff;border:1px solid #dce5e1;border-radius:6px;padding:9px 12px;font-size:11px;color:#70898c}.danger{color:#a46055!important}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.conversation-panel{background:#fff;border:1px solid #dfe6e2;border-radius:13px;position:relative;overflow:hidden}.conversation-toolbar{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1ef;gap:10px}.conversation-toolbar>span{font-size:9px;letter-spacing:1.3px;color:#81948f;display:flex;align-items:center;gap:8px;font-weight:550}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4f9e99}.conversation-toolbar>div{display:flex;align-items:center;gap:18px}.toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#82948e}.text-size{display:flex;border:1px solid #e1e7e3;border-radius:5px;overflow:hidden}.text-size button{border:0;background:#fff;color:#71877f;padding:5px 8px;font-size:10px}.text-size button+button{border-left:1px solid #e1e7e3}.conversation-scroll{height:calc(100vh - 310px);min-height:475px;max-height:1050px;overflow-y:auto;overscroll-behavior:contain;padding:28px;scrollbar-width:thin;scrollbar-color:#d2dfd9 transparent}.empty-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;height:100%;text-align:center;padding:30px}.conversation-symbol{display:flex;align-items:center;margin-bottom:28px}.conversation-symbol span{width:57px;height:57px;display:grid;place-items:center;font-size:25px;font-family:serif;border-radius:15px;background:#edf6f4;color:#73a6a4;transform:rotate(-9deg);border:1px solid #d9eae6}.conversation-symbol span+span{background:#faf4e8;border-color:#eee1c9;color:#b5a477;margin-left:-6px;transform:rotate(9deg);margin-top:14px}.empty-conversation h2{font-weight:500;font-size:21px;letter-spacing:-.5px;margin:0 0 15px}.empty-conversation p{font-size:13px;color:#91a09c;line-height:1.9;max-width:355px}.empty-line{width:35px;border-top:1px solid #dae4dd;margin:20px 0}.conversation-bottom{border-top:1px solid #eef1ef;display:flex;align-items:center;gap:7px;height:42px;padding:0 24px;color:#9aa8a1;font-size:9px}.conversation-bottom>span{margin-left:auto;font-size:9px;letter-spacing:.7px}.room-sidebar{display:flex;flex-direction:column;gap:16px}.side-card{background:#fff;border:1px solid #dfe6e2;border-radius:12px;padding:20px}.section-label{font-size:10px;letter-spacing:1px;font-weight:500;color:#82958c;margin:0 0 20px;display:flex;justify-content:space-between;align-items:center}.section-label>span{letter-spacing:0}.participant{display:flex;align-items:center;gap:10px;margin:20px 0}.avatar{display:grid;place-items:center;background:#eff3ef;color:#6c918b;width:33px;height:33px;border-radius:10px;font-weight:550;font-size:12px;flex-shrink:0}.avatar.host{color:#43878d;background:#eaf4f3}.avatar.guest{color:#ac9465;background:#f7f0e4}.participant strong{font-size:12px;font-weight:550;word-break:break-word}.participant p{font-size:10px;color:#92a298;margin:5px 0 0}.you{font-size:9px;color:#a1aca6;font-weight:400}.presence{height:6px;width:6px;border-radius:50%;background:#d6ddd8;margin-left:auto;flex-shrink:0}.presence.online{background:#76a990}.placeholder strong{color:#9faea4;font-size:11px;font-weight:400}.placeholder .avatar{background:#fff;border:1px dashed #d7e1d9;color:#a7b8ab}.invite-controls{border-top:1px solid #eef1ee;padding-top:14px}.compact{font-size:11px;min-height:36px;padding:8px;width:100%}.invite-controls p{color:#a0ada4;font-size:9px;line-height:1.6;margin:10px 0 0}.invite-field{font-size:9px!important;background:#f8faf8!important;color:#84968b!important;padding:8px!important}.microphone-visual{display:flex;align-items:center;justify-content:center;gap:22px;margin:5px 0 17px;color:#b2c3b8}.microphone-visual.active{color:#41989b}.level-bars{display:flex;gap:4px;height:34px;align-items:center}.level-bars i{display:block;width:3px;border-radius:3px;background:currentColor;transition:height .1s}.mic-status{text-align:center;color:#809789;font-size:11px;margin-bottom:17px}.microphone-card .primary{font-size:12px;min-height:42px}.stop-button{background:#886654}.stop-button:hover:not(:disabled){background:#735342}.consent{display:flex;gap:7px;align-items:start;font-size:10px;line-height:1.6;color:#7b9181;margin:15px 0 10px}.consent input{margin:2px 0 0}.privacy-copy{font-size:9px;line-height:1.8;color:#95a698;margin:10px 0 0}.budget{font-size:10px;color:#879c8b;border-top:1px solid #edf1ec;padding-top:13px;margin-top:15px}.budget strong{font-size:14px;color:#4f7768;font-weight:550}.budget span{display:block;font-size:9px;margin-top:5px;color:#a0afa0}.export-card .section-label{margin-bottom:13px}.export-buttons{display:flex;gap:6px}.export-buttons button{border:1px solid #dce6dd;border-radius:5px;background:#fcfdfb;color:#6f8977;font-size:10px;padding:8px}.export-buttons button:first-child{flex:1}.sidebar-note{margin:1px 4px}.sidebar-note p{font-size:10px}.sidebar-note strong{font-size:11px}.message{padding:22px 24px;border:1px solid #dce9e4;border-radius:12px;background:#fff;margin-bottom:22px;overflow-wrap:anywhere}.own-message{background:#f8fbfa;border-color:#e5eeea}.message-meta{display:flex;align-items:center;gap:10px;font-size:10px;color:#8aa096}.avatar.tiny{width:25px;height:25px;font-size:9px;border-radius:7px}.message-meta strong{font-size:11px;font-weight:550;color:#617f71}.message-meta>span:not(.avatar){font-size:8px;letter-spacing:.6px;color:#a3b3aa}.message-meta time{margin-left:auto;font-size:9px;color:#aab8b0}.translation-text{line-height:1.7;font-weight:400;margin:19px 0 10px;color:#294b43;white-space:pre-wrap}.original-text{display:flex;align-items:baseline;gap:12px;border-top:1px solid #eaf0eb;padding-top:13px;margin-top:15px;color:#91a195}.original-text>span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;flex-shrink:0}.original-text p{font-size:12px;line-height:1.75;margin:0;white-space:pre-wrap}.draft-message{border-color:#a9cdc7}.draft-label{font-size:9px;display:flex;align-items:center;gap:6px;color:#63a199;margin-top:15px}.jump-live{position:absolute;bottom:55px;left:50%;transform:translate(-50%);border:1px solid #cfe0d5;background:#fff;box-shadow:0 3px 15px #2a4d3912;border-radius:30px;padding:10px 16px;font-size:11px;color:#52836a}.ended-note{font-size:12px;color:#859888;line-height:1.8;text-align:center;margin:25px}.in-room .site-footer{padding:17px 4%}.plain{color:#82a1a8}@media(min-width:1600px){.landing{padding-top:95px;padding-bottom:95px}.intro h1{font-size:66px}}@media(max-width:1100px){.landing{gap:50px}.intro h1{font-size:43px}.entry-card{padding:27px}.workspace-grid{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.room-main{padding-left:3%;padding-right:3%}.conversation-toolbar{padding:0 16px}.conversation-scroll{padding:20px}.toggle{font-size:9px}.room-heading h1{font-size:23px}}@media(max-width:850px){.landing{grid-template-columns:1fr;padding:45px 7%;gap:36px;max-width:650px}.entry-column{justify-self:start;max-width:none}.intro h1{font-size:48px}.feature-list{display:none}.language-art{margin-bottom:0}.private-badge{display:none}.site-header{height:85px}.workspace-grid{grid-template-columns:1fr}.room-sidebar{display:grid;grid-template-columns:1fr 1fr}.conversation-scroll{height:50vh;min-height:320px}.room-heading{gap:12px}.room-heading h1{flex-wrap:wrap;gap:8px}.sidebar-note{padding:10px}.site-footer{flex-wrap:wrap;font-size:9px}.conversation-toolbar .toggle{font-size:9px}.conversation-toolbar>span{letter-spacing:.5px;font-size:8px}}@media(max-width:500px){.brand{font-size:12px}.brand-sub{font-size:8px}.brand-symbol{width:35px;height:35px;font-size:22px}.header-right{gap:10px}.language-switch button{padding:6px 8px}.intro h1{font-size:39px}.language-tile{min-width:125px;padding:18px;font-size:25px}.language-tile.japanese{font-size:21px}.language-bridge{width:40px}.room-sidebar{grid-template-columns:1fr}.room-heading{align-items:start}.room-actions{flex-direction:column;gap:5px}.conversation-toolbar{height:auto;min-height:62px;flex-wrap:wrap;padding:10px}.conversation-toolbar>div{gap:8px}.message{padding:17px}.conversation-scroll{padding:12px}.message-meta{gap:6px}.message-meta>span:not(.avatar){display:none}.original-text{display:block}.original-text p{margin-top:6px}.entry-card{padding:25px}.site-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.brand-logo{object-fit:contain;mix-blend-mode:multiply}.privacy-copy{font-size:11px;color:#667e71}.consent{font-size:11px;color:#5c7765}.budget,.participant p,.export-buttons button{font-size:11px;color:#657e6c}.budget span,.invite-controls p,.sidebar-note p{font-size:10px;color:#6f8376}.original-text{color:#6b8374}.original-text p{font-size:13px}