:root{color-scheme:dark;--bg:#070d16;--panel:#111d2b;--line:#263b4c;--muted:#a0b1c4;--text:#f1f6fa;--cyan:#74e4ea;--amber:#e9c790;--blue:#6195f9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","Nirmala UI",sans-serif;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{transition:background .15s,transform .15s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}[hidden]{display:none!important}.shell{max-width:1120px;margin:0 auto;padding:30px 42px 25px}.header{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:20px}.wordmark{font-size:30px;font-weight:650;letter-spacing:7px;line-height:1}.brand-sub{font-size:10px;letter-spacing:2.3px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px;line-height:1.6}.header-right{display:flex;align-items:center;gap:14px}.badge{padding:6px 11px;border:1px solid #6f5a363f;border-radius:30px;color:var(--amber);font-size:9px;letter-spacing:1.6px;white-space:nowrap}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.language{background:none;border:0;color:var(--muted);font-size:12px;letter-spacing:.5px}.status-line{display:flex;justify-content:space-between;align-items:center;margin:35px 0 0}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted);margin:0}.live-dot{display:inline-block;width:5px;height:5px;background:var(--amber);border-radius:50%;margin-right:8px}.hero{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:12px}.orb-stage{width:266px;height:266px;position:relative;display:grid;place-items:center}.orb-stage:before{content:"";position:absolute;inset:0;border:1px solid #263b4c65;border-radius:50%;transform:scale(.92)}.orbit{position:absolute;inset:30px;border:1px solid #3d6c8555;border-radius:50%;animation:orbit 18s linear infinite}.orbit:after{position:absolute;content:"";width:6px;height:6px;background:var(--cyan);top:50%;left:-3px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.orb{width:172px;height:172px;position:relative;overflow:hidden;border-radius:50%;border:1px solid #8ddcdb70;background:radial-gradient(circle at 32% 24%,#b6ecea 0%,#459eab 14%,#24516e 33%,#102641 62%,#071120 88%);box-shadow:0 0 75px #66dcd527,inset -20px -14px 26px #01091477,inset 1px 0 10px #8df6db80;animation:breathe 7s ease-in-out infinite}.orb:before{content:"";position:absolute;width:240px;height:210px;left:-30px;top:10px;background:repeating-radial-gradient(ellipse at 10% 10%,transparent 0 8px,#a1fffb3a 9px,transparent 10px 14px);transform:rotate(-23deg);border-radius:45%}.orb:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 40% 83%,#5786f454,transparent 55%)}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 95px #66dcd531,inset -20px -14px 26px #01091477,inset 1px 0 10px #8df6db80}}
h1{font-size:clamp(26px,4vw,46px);line-height:1.35;font-weight:500;letter-spacing:-1.7px;margin:0 0 13px;text-align:center;overflow-wrap:anywhere;max-width:900px}.subtitle{font-size:16px;color:#d1dce7;margin:0 0 6px;text-align:center}.caption{font-size:13px;color:var(--muted);margin:0;text-align:center}.actions{width:100%;max-width:380px;margin:25px auto 0;display:grid;gap:10px}.primary,.secondary{width:100%;padding:15px 20px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:650;min-height:52px}.primary{background:linear-gradient(110deg,#8be8e7,#74d1e3);border:0;color:#0b1b29;box-shadow:0 8px 35px #74e4ea10}.secondary{border:1px solid var(--line);background:#101c2a88;color:var(--text)}.voice-note{font-size:10px;text-align:center;color:var(--amber);margin:-3px 0 0;letter-spacing:.25px}.section-label{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:2.4px;color:var(--muted);margin:35px 0 14px}.section-label:after{content:"";height:1px;background:var(--line);flex:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid #263b4c99;background:linear-gradient(140deg,#152433,#0f1925);color:var(--text);border-radius:16px;padding:21px;display:flex;gap:15px;align-items:center;text-align:left;min-width:0}.card>svg:first-child{color:var(--cyan);width:24px;height:24px}.card>svg:last-child{width:15px;height:15px;margin-left:auto;color:var(--muted)}.card strong{font-size:13px;font-weight:550;display:block}.card small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.footer{margin-top:30px;border-top:1px solid #263b4c65;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:var(--muted);letter-spacing:1.3px}.footer span:last-child{letter-spacing:.4px}.preview-note{max-width:1120px;margin:0 auto;padding:0 42px 20px;font-size:10px;text-align:center;color:#8d9aad}.host-title{margin:32px 0 8px;font-size:32px;font-weight:500;letter-spacing:-1px}.host-intro{max-width:700px;color:var(--muted);font-size:13px;margin:0 0 22px}.host-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:start}.form-card,.side-card{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:20px}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;margin-bottom:18px;font-size:11px;color:var(--muted);letter-spacing:.3px}.field input,.field select,.field textarea{display:block;width:100%;margin-top:8px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--text);font-size:13px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan)}textarea{resize:vertical;min-height:80px}.toggle{display:flex;align-items:flex-start;gap:12px;font-size:12px;color:var(--text);margin-bottom:18px;cursor:pointer}.toggle input{accent-color:var(--cyan);width:18px;height:18px;flex-shrink:0;margin:3px 0 0}.toggle small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.side-card{padding:23px}.side-card h3{font-size:15px;font-weight:500;margin:0 0 15px}.check-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.check-row span:last-child{color:var(--cyan)}.check-row.pending span:last-child{color:var(--amber)}.side-note{color:var(--muted);font-size:11px;margin:18px 0 0}.host-actions{display:grid;gap:12px}.danger{color:var(--amber);border-color:#e9c79035}.back{background:none;border:0;color:var(--muted);display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;margin-top:25px}.chat-wrap{max-width:780px;margin:25px auto 0;min-height:580px;display:flex;flex-direction:column}.chat-banner{background:#e9c79009;color:var(--amber);border:1px solid #e9c79022;font-size:11px;padding:12px 16px;border-radius:12px;margin-bottom:18px}.chat-list{height:380px;overflow:auto;scroll-behavior:smooth;padding:8px 0;display:flex;flex-direction:column;gap:14px}.chat-empty{text-align:center;padding:85px 20px;color:var(--muted);font-size:14px}.bubble{max-width:90%;padding:16px 20px;border:1px solid var(--line);border-radius:15px;background:var(--panel);align-self:flex-start;overflow-wrap:anywhere}.bubble.you{align-self:flex-end;background:#192c3d}.bubble-label{font-size:9px;color:var(--cyan);letter-spacing:1.5px;margin-bottom:7px}.bubble p{font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap}.suggestions{display:flex;gap:8px;margin:18px 0 12px}.chip{background:none;border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:7px 15px;font-size:11px}.chat-form{display:flex;align-items:stretch;gap:12px}.chat-form input{min-width:0;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px;color:var(--text);font-size:13px}.send{width:52px;border:0;background:var(--cyan);color:var(--bg);border-radius:13px;display:grid;place-items:center}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;background:#234052;border:1px solid #527f91;color:var(--text);border-radius:12px;z-index:20;font-size:13px;box-shadow:0 8px 40px #0007}.overlay{position:fixed;inset:0;z-index:50;background:#020710bf;display:grid;place-items:center;padding:22px;backdrop-filter:blur(8px)}.modal{background:var(--panel);border:1px solid var(--line);max-width:460px;width:100%;padding:30px;border-radius:22px;box-shadow:0 20px 80px #0008}.modal h2{font-size:24px;line-height:1.3;font-weight:500;margin:0 0 15px}.modal p{font-size:13px;color:var(--muted);margin:0 0 24px}.error{color:var(--amber);font-size:12px;margin-bottom:18px}
@media(min-width:1500px){.shell{padding-top:45px}.hero{padding-top:30px}.orb-stage{width:300px;height:300px}.orb{width:192px;height:192px}}
@media(max-width:720px){.shell{padding:22px 22px 18px}.brand-sub{font-size:8px;letter-spacing:1.3px;padding-left:12px}.brand{gap:10px}.wordmark{font-size:26px;letter-spacing:4px}.header-right{gap:7px}.header-right .badge{display:none}.status-line{margin-top:25px}.hero{padding-top:8px}.orb-stage{width:235px;height:235px}.orb{width:156px;height:156px}.cards{grid-template-columns:1fr}.card{padding:17px 18px}.section-label{margin-top:28px}.footer{flex-direction:column;text-align:center;gap:8px;margin-top:24px}.host-layout{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:0}.form-card,.side-card{padding:20px}.host-title{font-size:28px}.preview-note{padding:0 22px 18px}.chat-list{height:380px}.chat-wrap{min-height:520px}.bubble{max-width:95%}}
[lang="si"] h1{letter-spacing:0;line-height:1.6;font-size:clamp(24px,3.5vw,36px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.layout{max-width:1000px;margin:auto}.connection-box{padding:20px;border:1px solid var(--line);border-radius:16px;margin-bottom:24px;background:#0b1623}.connection-box h3{margin:0 0 8px;font-size:17px}.connection-box p{color:var(--muted);font-size:12px}.line-actions{display:flex;gap:10px;flex-wrap:wrap}.line-actions button{width:auto;flex:1}.status-strip{padding:10px 16px;text-align:center;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--amber);margin:20px 0}.pill{color:var(--cyan);font-size:11px}.notice{font-size:12px;color:var(--muted)}.modal label{display:block;font-size:12px;margin-bottom:10px}.modal input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);margin-top:8px}.modal .toggle input{width:18px}.modal .primary{margin-top:14px}.modal .secondary{margin-top:10px}.modal{max-height:90vh;overflow:auto}#voice-view{text-align:center;max-width:640px;margin:auto}#voice-view h2{font-size:26px}.voice-stage{margin:30px auto}.voice-copy{min-height:70px;white-space:pre-wrap;color:var(--muted);font-size:14px}audio{width:100%;margin:18px 0}.label-online{color:var(--cyan)!important}.loading{opacity:.65}button:disabled{opacity:.45;cursor:not-allowed}.main-help{margin:0 auto;max-width:550px;font-size:12px;text-align:center;color:var(--muted)}.connection-select{color:var(--text);width:100%;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.voice-live .orb{animation:breathe 2s ease-in-out infinite}.status-private{font-size:11px;line-height:1.8;margin:0 0 18px;color:var(--amber)}

.svg-defs{display:none}