:root{font-family:'Segoe UI',Arial,sans-serif;color:#f2f6fc;background:#06121e;font-size:15px;--muted:#a2b4c8;--line:#233748;--mint:#80f0ce;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#0d2135 0,transparent 58%),#06121e}button,select,input{font:inherit}a{color:inherit}.shell{max-width:1400px;margin:auto;padding:0 54px;position:relative;overflow:hidden}header{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #192b3b;gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:32px;font-weight:700;letter-spacing:-1.3px}.brand>span{display:none}nav{display:flex;gap:35px;font-size:12px;color:#d6e0eb}nav a{text-decoration:none}nav a:hover{color:var(--mint)}.edition{font-size:9px;letter-spacing:1.4px;color:#b5c4d5;display:flex;align-items:center;gap:12px}.edition b{font-size:10px;letter-spacing:0;border:1px solid #37544f;color:var(--mint);border-radius:20px;padding:5px 10px}.intro{position:relative;z-index:1;text-align:center;padding:47px 0 36px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--mint);margin:0 0 12px}.intro .eyebrow{letter-spacing:5px;font-size:10px;margin-bottom:24px}h1{font-size:clamp(40px,5.1vw,70px);font-weight:680;line-height:1.04;letter-spacing:-3px;margin:0}h1 span{color:#f2f6fc}.intro-copy{font-size:20px;font-weight:400;color:#b7c6da;margin:20px 0 25px;line-height:1.5}.hero-actions{display:flex;gap:15px;justify-content:center}.hero-actions a{padding:14px 24px;border-radius:30px;font-size:13px;text-decoration:none;display:flex;gap:25px;align-items:center;font-weight:600;min-height:48px}.hero-primary{background:var(--mint);color:#052021}.hero-secondary{border:1px solid #54718e;color:#f2f6fc}.hero-actions a:hover{filter:brightness(1.08)}.world{position:absolute;top:325px;left:0;right:0;height:490px;overflow:hidden;pointer-events:none;opacity:.7}.globe{position:absolute;top:55px;width:640px;height:640px;border:1px solid #2a7898;border-radius:50%;background:radial-gradient(circle,#3aa3c5 1px,transparent 1.7px);background-size:9px 9px;box-shadow:inset 0 16px 55px #286f914f,0 -4px 30px #327ba21f;mask-image:linear-gradient(#000,transparent 75%)}.globe:after,.globe:before{content:'';position:absolute;inset:4% 17%;border:1px solid #3b769587;border-radius:50%}.globe:after{inset:17% 3%;transform:rotate(35deg)}.globe-left{left:-360px;transform:rotate(-25deg)}.globe-right{right:-360px;transform:rotate(25deg)}.workspace{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.panel{width:100%;max-width:1020px;border:1px solid #294354;background:linear-gradient(115deg,#0a1927f5,#071420fa);border-radius:20px;padding:27px 32px;box-shadow:0 16px 60px #0003;scroll-margin-top:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{font-size:22px;line-height:1.2;letter-spacing:-.5px;font-weight:600;margin:0}.panel-heading .eyebrow{font-size:8px;margin-bottom:8px}.badge{font-size:10px;border:1px solid #2b485a;color:#bbd0e1;border-radius:25px;padding:7px 12px;white-space:nowrap}.languages{display:grid;grid-template-columns:1fr 1fr;gap:55px;position:relative;margin-top:23px}.person{border:1px solid #203c49;border-radius:13px;padding:17px 21px;background:#0c1d29}.person-b{background:#0b1a2b;border-color:#263a55}.person-top{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600}.person-top small{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:4px}.avatar{height:38px;width:38px;display:grid;place-items:center;border-radius:50%;background:#173e3b;color:var(--mint);border:1px solid #4b9a88;flex-shrink:0}.person-b .avatar{color:#9bcaff;background:#183451;border-color:#4e7d9c}.select-label{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin:16px 0 7px}select{width:100%;background:#0c1c2c;color:#f0f6ff;border:1px solid #395266;border-radius:7px;padding:10px 12px;min-height:45px;font-size:16px}.exchange{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#102d33;border:1px solid #529a8b;border-radius:50%;display:grid;place-items:center;width:40px;height:40px;color:var(--mint);font-size:21px;box-shadow:0 0 25px #59cfb325}.mini-wave{height:35px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:13px}.mini-wave i{width:3px;height:7px;background:#7edec2;border-radius:3px}.mini-wave i:nth-child(3n){height:20px}.mini-wave i:nth-child(4n){height:30px}.mini-wave i:nth-child(5n){height:12px}.mini-wave i:nth-child(7n){height:25px}.person-b .mini-wave i{background:#83b8e8}.create-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.create-row p{font-size:11px;line-height:1.6;margin:0;color:#e0e9f3}.create-row p span{color:var(--muted)}button{padding:13px 20px;min-height:46px;border:0;border-radius:25px;font-size:12px;font-weight:650;cursor:pointer;transition:filter .15s}.primary{background:var(--mint);color:#06211d;display:inline-flex;align-items:center;justify-content:space-between;gap:22px}.primary span{font-size:19px}.primary:hover:not(:disabled){filter:brightness(1.08)}button:disabled{background:#203a45;color:#a6b8c0;cursor:not-allowed}.secondary{background:#1b3344;color:#d8e6f2}.danger-outline{background:#2c2029;color:#ffb6ac;border:1px solid #804c4c}.danger{background:#bf514d;color:white}.manage{border-top:1px solid var(--line);padding-top:8px;margin-top:17px;font-size:11px;color:var(--muted)}summary{cursor:pointer;min-height:36px;align-content:center}.manage p{line-height:1.6}.guide{width:100%;margin-top:45px;border-top:1px solid var(--line);padding-top:28px}.quote,.guide>h2{display:none}.guide ol{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;margin:0;padding:0}.guide li{display:flex;gap:18px;padding:8px 32px;border-right:1px solid var(--line)}.guide li:first-child{padding-left:0}.guide li:last-child{border-right:0}.guide li>span{width:43px;height:43px;border-radius:50%;border:1px solid #315b69;display:grid;place-items:center;color:var(--mint);font-size:11px;flex-shrink:0}.guide strong{font-size:15px;font-weight:600}.guide li p{font-size:12px;color:#99b1c8;line-height:1.7;margin:7px 0 0}.tip{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:27px}.tip svg{height:22px;width:22px;color:var(--mint)}.tip p{font-size:11px;color:#b8cbdc;margin:0;line-height:1.7}.tip span{color:#91a9bf}.status-bar{max-width:1020px;margin:auto;display:flex;align-items:center;gap:10px;padding:20px 3px}.status-dot{width:6px;height:6px;border-radius:50%;background:#80c5b1;flex-shrink:0}#status{font-size:11px;line-height:1.6;color:#a9bed1;margin:0}.status-label{margin-left:auto;font-size:8px;letter-spacing:3px;color:#86a7b8}footer{border-top:1px solid #203344;padding:22px 0;display:flex;justify-content:space-between;font-size:10px;color:#92a9bd;gap:15px}.invites:not(:empty){border-top:1px solid var(--line);padding-top:15px;margin-top:20px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.invites a{color:var(--mint);font-size:12px;padding:12px 0;text-underline-offset:4px}.guest-lead{text-align:center;line-height:1.7;color:#bbcadb;font-size:14px}.call-art{display:flex;align-items:center;justify-content:center;gap:27px;margin:28px 0}.orb{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#163734;color:var(--mint);border:1px solid #5bae98;font-size:24px}.orb.second{background:#17314d;color:#abd7fc;border-color:#5589ae}.voice-line{display:flex;align-items:center;gap:5px;height:38px}.voice-line i{width:3px;height:12px;background:var(--mint);border-radius:3px}.voice-line i:nth-child(2n){height:28px}.voice-line i:nth-child(3n){height:36px}.consent{display:flex;gap:12px;padding:19px 0;margin:15px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.7}.consent input{width:20px;height:20px;flex-shrink:0;accent-color:var(--mint);margin-top:3px}.consent small{display:block;color:#a8bbcf;font-size:11px;margin-top:5px}.join-button{width:100%;justify-content:center}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.controls button{flex:1}.transcript-area{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.transcript-heading{display:flex;align-items:center;justify-content:space-between}.transcript-heading h3{font-size:13px;margin:0;font-weight:500}.transcript-heading span{font-size:8px;letter-spacing:2px;color:#8facbf}.transcript{min-height:75px;max-height:220px;overflow:auto;font-size:16px;line-height:1.7;color:#e0f4ee}.transcript:empty:before{content:'La traduction apparaîtra ici pendant votre échange.';font-size:12px;color:#99b0c4}body:has(#guest:not([hidden])) .hero-actions{display:none}body:has(#guest:not([hidden])) .panel{max-width:760px}body[data-call="live"] .intro,body[data-call="waiting"] .intro,body[data-call="ended"] .intro{padding:23px 0}body[data-call="live"] h1,body[data-call="waiting"] h1,body[data-call="ended"] h1{font-size:32px;letter-spacing:-1px}body[data-call="live"] #join,body[data-call="live"] .consent,body[data-call="waiting"] #join,body[data-call="ended"] #join{display:none}body[data-call="live"] .status-dot{background:var(--mint);box-shadow:0 0 0 4px #193f39}.mobile-tip{display:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}@media(max-width:900px){.shell{padding:0 28px}.edition{font-size:0}nav{gap:20px}.intro{padding-top:40px}.panel{padding:24px}.guide li{padding:8px 17px;gap:12px}.guide li>span{width:34px;height:34px}}@media(max-width:600px){.shell{padding:0 17px}header{height:77px}.brand{font-size:27px}nav{display:none}.intro{padding:32px 0 28px}.intro .eyebrow{font-size:8px;letter-spacing:2.8px;margin-bottom:20px}h1{font-size:40px;letter-spacing:-1.8px}.intro-copy{font-size:15px;margin:18px 0 22px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions a{font-size:11px;padding:12px 17px;gap:12px}.panel{padding:20px 16px;border-radius:16px}.panel-heading h2{font-size:18px}.panel-heading .eyebrow{font-size:8px}.badge{font-size:9px;padding:6px 8px}.languages{gap:16px}.person{padding:13px 10px}.person-top{display:block;font-size:11px}.avatar{margin-bottom:11px;width:32px;height:32px}.person-top small{font-size:9px;line-height:1.5}.select-label{font-size:8px}select{font-size:16px;padding:10px 5px}.exchange{width:29px;height:29px;font-size:17px;top:48%}.mini-wave{gap:2px}.mini-wave i{width:2px}.create-row{flex-direction:column;align-items:stretch;gap:15px}.primary{justify-content:center}.guide{margin-top:30px;padding-top:22px}.guide ol{grid-template-columns:1fr;gap:20px}.guide li,.guide li:first-child{padding:0;border:0}.guide li p{margin:4px 0 0}.tip{justify-content:flex-start;margin-top:25px}.world{top:330px;opacity:.4}.globe-left{left:-530px}.globe-right{right:-530px}.status-label{display:none}.invites:not(:empty){grid-template-columns:1fr}.invites button{width:100%}.status-bar{padding:20px 0}footer{flex-direction:column;gap:9px}.consent small{font-size:11px}.transcript-heading span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body:has(#guest:not([hidden])) nav a[href="#admin"]{display:none}