*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#edf4f6;background:#0c1016}.app{width:1060px;height:700px;display:flex;background:#0c1016;border:1px solid #303944;border-radius:22px;overflow:hidden}.rail{width:70px;background:#080c12;border-right:1px solid #202832;display:flex;align-items:center;flex-direction:column;padding:24px 0;gap:24px}.logo{width:36px;height:36px;background:#b6f6cf;border-radius:12px;color:#10291d;font-size:25px;font-weight:900;text-align:center;line-height:36px;box-shadow:0 0 35px #95f9bd20}.icon{color:#6d7b8e;font-size:23px;width:40px;height:40px;text-align:center;line-height:40px}.icon.active{background:#20352e;border-radius:12px;color:#b6f6cf}.rail-bottom{margin-top:auto}.sidebar{width:266px;background:#11171f;border-right:1px solid #26303a;padding:26px 16px;display:flex;flex-direction:column}.brand{font-size:21px;font-weight:700;letter-spacing:-.7px;padding:0 10px}.brand span{color:#7c8d9f;font-weight:400}.sub{font-size:10px;letter-spacing:2px;color:#6e8092;margin:9px 10px 25px}.search{border:1px solid #303b47;background:#19212b;border-radius:9px;padding:12px;color:#8090a1;font-size:12px;display:flex;justify-content:space-between}.section{display:flex;justify-content:space-between;color:#78899c;font-size:10px;letter-spacing:1.7px;margin:27px 10px 15px}.plus{color:#b6f6cf;font-size:16px}.chat{padding:15px 12px;border-radius:11px;display:flex;gap:11px;margin-bottom:6px}.chat.selected{background:#21332f;border:1px solid #426152}.avatar{width:35px;height:35px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#2b3346;color:#bac7f7}.avatar.green{background:#b6f6cf;color:#183b29}.avatar.pink{background:#413042;color:#edb2d3}.avatar.gold{background:#3e3628;color:#edcc90}.chatbody{flex:1;min-width:0}.chatname{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:7px}.time{font-size:9px;color:#829488;font-weight:400}.snippet{font-size:10px;color:#8fa195;white-space:nowrap}.badge{background:#b6f6cf;color:#163723;border-radius:5px;padding:2px 5px;font-size:9px}.spacer{flex:1}.note{background:linear-gradient(140deg,#253b32,#17251f);border:1px solid #385546;padding:17px;border-radius:12px}.note small{font-size:9px;color:#b6f6cf;letter-spacing:1.5px}.note p{font-size:14px;line-height:1.5;margin:10px 0;color:#e4f4e9}.note a{font-size:10px;color:#a6c7b2}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #29323b;padding:20px 5px 0;margin-top:22px}.profile strong{font-size:11px}.profile p{font-size:10px;color:#798b9e;margin:4px 0}.main{flex:1;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 90% 40%,#14312c55,transparent 60%),#0e141c}.header{height:89px;border-bottom:1px solid #26303a;display:flex;align-items:center;padding:0 30px;gap:13px}.header h2{font-size:15px;margin:0 0 7px}.status{font-size:10px;color:#8fa497}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a5efbd;margin-right:6px}.tools{margin-left:auto;display:flex;gap:12px;color:#8f9eac;font-size:17px}.tool{width:33px;height:33px;border:1px solid #303c47;border-radius:9px;display:flex;align-items:center;justify-content:center}.thread{flex:1;padding:20px 30px 0}.date{text-align:center;color:#66788b;font-size:9px;letter-spacing:1.6px;margin-bottom:25px}.msg{display:flex;gap:10px;align-items:flex-end;margin-bottom:22px}.bubble{background:#1a242f;border:1px solid #2a3946;border-radius:15px 15px 15px 3px;padding:16px 18px;font-size:12px;line-height:1.7;max-width:410px;color:#d7e1ea}.meta{font-size:9px;color:#6e8295;margin-top:7px}.mine{justify-content:flex-end}.mine .bubble{background:#b6f6cf;color:#163727;border-color:#b6f6cf;border-radius:15px 15px 3px}.mine .meta{text-align:right}.file{display:flex;gap:12px;align-items:center;margin-top:13px;border:1px solid #3a4c57;background:#111c26;border-radius:9px;padding:12px}.file-icon{background:#30483f;color:#b6f6cf;width:34px;height:39px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.file strong{font-size:11px;color:#ecf5ef}.file p{font-size:9px;color:#7f95a5;margin:3px 0}.download{margin-left:25px;color:#b6f6cf;font-size:20px}.typing{display:flex;align-items:center;gap:8px;color:#7f9389;font-size:10px;margin-left:46px}.dots{letter-spacing:3px;color:#b6f6cf;font-size:17px}.composer-wrap{padding:17px 30px 21px}.composer{border:1px solid #3e514e;background:#18232a;border-radius:14px;padding:16px;box-shadow:0 10px 40px #0003}.placeholder{font-size:12px;color:#82969e;margin-bottom:20px}.compose-bottom{display:flex;align-items:center;gap:16px;color:#a3b2bc}.send{margin-left:auto;border:0;border-radius:9px;background:#b6f6cf;color:#123522;padding:10px 16px;font-size:11px;font-weight:700}.hint{text-align:center;color:#586d7a;font-size:9px;margin-top:11px}.key{border:1px solid #41514f;border-radius:4px;padding:2px 4px;font-size:9px;color:#a8bcb0;margin-left:9px}body{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 20% 0,#21392e,transparent 50%),#080d13}.app{width:min(1060px,100%);height:700px;box-shadow:0 35px 100px #0008}.rail{flex-shrink:0}.sidebar{flex-shrink:0;overflow:auto}.main{min-width:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #b6f6cf;outline-offset:3px}input{min-width:0;width:100%;background:#111c24;border:1px solid #35483f;border-radius:8px;padding:12px;font-size:12px}#join{display:flex;gap:8px;margin-top:15px}#join button{background:#b6f6cf;color:#173b29;border:0;border-radius:8px;padding:8px 12px}#rooms{display:grid;gap:7px}#rooms button{background:#19232c;border:1px solid #2a3943;border-radius:10px;text-align:left;padding:16px;color:#a8bac5;font-size:12px;overflow-wrap:anywhere}#rooms button[aria-pressed=true]{background:#21332f;border-color:#426152;color:#b6f6cf}#stranger{background:#253c31;border:1px solid #426152;border-radius:8px;padding:12px;font-size:11px;width:100%;margin-top:18px}#stranger-status{display:block;font-size:10px;color:#a4b5ab;margin:10px 0}#messages{list-style:none;min-height:0;flex:1;overflow:auto;margin:0;padding:28px 30px;scrollbar-color:#426152 transparent}#messages:empty:before{content:"Twoja nast\119pna dobra rozmowa zaczyna si\119  tutaj.";display:block;color:#778d87;text-align:center;margin:70px 20px;font-size:14px;line-height:1.8}#messages li{background:#1a242f;border:1px solid #2a3946;border-radius:15px 15px 15px 3px;padding:16px 18px;font-size:13px;line-height:1.7;max-width:85%;width:fit-content;margin-bottom:18px;overflow-wrap:anywhere;white-space:pre-wrap}#messages small{display:block;font-size:10px;color:#b6f6cf;margin-bottom:5px}.header{flex-shrink:0}.header h1{font-size:17px;margin:0 0 7px}.composer-wrap{flex-shrink:0}#send{display:flex;gap:10px;align-items:center}.send{white-space:nowrap}#leave{border:1px solid #3d514a;background:transparent;color:#91a99c;border-radius:8px;font-size:10px;padding:7px}#error{font-size:11px;color:#ffbcb5;min-height:15px;margin:9px 0 0}.note{margin-top:24px}@media(max-width:700px){body{padding:0;display:block}.app{width:100%;height:100dvh;min-height:650px;border-radius:0}.rail{display:none}.sidebar{width:140px;padding:18px 10px}.brand{font-size:17px}.sub,.note,.profile,.section{display:none}#join{flex-direction:column}.header{padding:0 16px}.header h1{font-size:15px}.composer-wrap{padding:12px}.send{font-size:10px;padding:12px 9px}#messages{padding:18px 12px}#messages li{max-width:95%}.hint{font-size:8px}#send{flex-wrap:wrap}#message{flex:1 1 100%}.send{margin-left:auto}}.sidebar{width:206px;background:#131f25}.rail{width:64px}.main{overflow:hidden}.header{height:78px;position:absolute;top:0;left:0;right:0;z-index:2;background:linear-gradient(#101e27f0,#101e2700);border:0;pointer-events:none}.header p{font-size:10px;margin:3px 0;color:#b7d1c0}#world{position:absolute;inset:0;background:#20332f}#world canvas{display:block;width:100%;height:100%;touch-action:none}#messages{position:absolute;bottom:122px;left:20px;max-height:150px;max-width:65%;padding:12px 16px;background:#102027df;border:1px solid #536e60;border-radius:12px;z-index:2;pointer-events:auto}#messages:empty{display:none}#messages li{background:none;border:0;padding:0;margin:3px 0;font-size:11px;max-width:100%}#messages small{display:inline;margin-right:8px}.world-help{position:absolute;bottom:126px;right:18px;background:#102027df;border:1px solid #536e60;padding:10px;border-radius:10px;font-size:9px;max-width:150px;line-height:2;pointer-events:none}.world-actions{position:absolute;right:20px;top:90px;display:flex;gap:8px}.world-actions button{background:#1c392ff0;border:1px solid #5c7e68;padding:10px;border-radius:10px;font-size:11px}#mic[aria-pressed=true]{background:#b6f6cf;color:#183d26}.composer-wrap{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:16px 20px}.composer{background:#102027ed}.hint{display:none}.person{font-size:11px;color:#b7d1c0;padding:12px 0}.sub{font-size:8px}.profile{margin-top:auto}@media(max-width:700px){.sidebar{width:115px}.brand{font-size:15px}#world{inset:0}.world-help{display:none}.world-actions{right:8px;top:90px;gap:4px}.world-actions button{padding:7px;font-size:9px}.composer-wrap{padding:8px}#messages{left:8px;bottom:160px;max-width:90%;max-height:150px}.header{padding:12px}.header h1{font-size:13px}.header .avatar,#participants{display:none}}