:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#eaf7f6;background:#03191e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 5%,#0b5558 0,transparent 33%),linear-gradient(145deg,#06282d,#03171c 68%)}button,input{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:53px;height:53px;border-radius:17px;display:grid;place-items:center;position:relative;color:#71f3e6;background:linear-gradient(145deg,#06383c,#061d24);border:1px solid #21b9ad;box-shadow:0 10px 30px #0008,inset 0 0 22px #16d6c63a}.brand-mark svg{width:31px;height:31px}.brand-mark span{position:absolute;font-size:15px;top:8px;right:7px}.brand strong{display:block;font-size:25px;letter-spacing:-.04em}.brand em{font-style:normal;color:#36d4c8}.brand small{display:block;color:#9fb8bb;margin-top:2px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(340px,540px) minmax(380px,500px);justify-content:center;align-items:center;gap:7vw;padding:7vh 5vw}.login-copy h1{font-size:clamp(43px,5vw,72px);letter-spacing:-.055em;line-height:1.01;margin:30px 0 22px}.login-copy>p{color:#b5c9cb;font-size:19px;line-height:1.6;max-width:520px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7ff3e8;margin-top:70px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:12px}.trust{display:flex;gap:13px;margin-top:40px;padding:20px 22px;border:1px solid #1a5157;border-radius:20px;background:#08272caa}.trust svg{color:#47d9cc}.trust span{font-weight:700}.trust small{display:block;color:#91aaad;font-weight:400;margin-top:5px}.qr-card{background:#f8fcfc;color:#09292d;border-radius:32px;padding:30px 34px;box-shadow:0 30px 90px #0009}.qr-head{display:flex;gap:14px;align-items:center}.qr-head>svg{color:#069e94;width:36px;height:36px}.qr-head h2{margin:0;font-size:24px}.qr-head p{margin:4px 0 0;color:#607477}.qr-card ol{color:#42575a;line-height:1.85;padding-left:22px}.qr-frame{position:relative;width:min(100%,330px);aspect-ratio:1;margin:20px auto 10px;padding:10px;background:#fff;border:1px solid #d9e7e6;border-radius:24px;box-shadow:0 10px 30px #093f4520}.qr-frame img{width:100%;display:block;border-radius:14px}.qr-loading{width:100%;height:100%;border-radius:14px;background:linear-gradient(90deg,#edf4f3,#fff,#edf4f3);background-size:220%;animation:loading 1.2s infinite}.expired-layer{position:absolute;inset:10px;border-radius:14px;background:#fffef5ed;display:grid;place-content:center;text-align:center;gap:12px}.expired-layer button,.new,.send{border:0;border-radius:13px;background:#30d2c5;color:#06282d;font-weight:800;padding:11px 16px}.countdown{text-align:center;color:#52686a}.privacy{display:block;text-align:center;color:#718588}.error{color:#b42318;background:#fee4e2;border-radius:10px;padding:10px;text-align:center}@keyframes loading{to{background-position:-220%}}.workspace{height:100vh;display:grid;grid-template-columns:230px 390px 1fr;background:#061c22}.rail{background:#04161b;border-right:1px solid #18363b;padding:25px 17px;display:flex;flex-direction:column}.rail .brand{margin:3px 6px 34px}.rail .brand strong{font-size:19px}.rail .brand small{font-size:11px}.rail nav{display:grid;gap:7px}.rail button{border:0;color:#a9bec0;background:transparent;border-radius:14px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left}.rail button:hover,.rail button.active{background:#0c3439;color:#61e2d7}.rail-settings{margin-top:auto}.inbox{background:#082229;border-right:1px solid #1a3a40;min-width:0;display:flex;flex-direction:column}.inbox>header{padding:27px 24px 15px;display:flex;justify-content:space-between;align-items:center}.inbox header p{margin:0;color:#5dded3;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.inbox h1{font-size:30px;margin:3px 0}.head-actions{display:flex;gap:7px}.head-actions button{border:0;background:#12343a;color:#bcd0d1;border-radius:11px;padding:10px}.head-actions .new{font-size:0;padding:10px}.head-actions .new svg{width:20px}.search{margin:0 24px 14px;border:1px solid #315057;border-radius:14px;display:flex;align-items:center;gap:10px;padding:11px 13px;color:#8ba5a8}.search input{border:0;outline:0;background:transparent;color:#fff;width:100%}.filters{display:flex;gap:7px;padding:0 24px 17px;border-bottom:1px solid #17373d;overflow:auto}.filters button{white-space:nowrap;border:1px solid #315057;background:transparent;color:#afc2c4;border-radius:20px;padding:8px 13px}.filters button.active{background:#117f78;border-color:#117f78;color:#fff}.conversation-list{overflow:auto;padding:9px}.conversation{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:49px 1fr auto;align-items:center;gap:12px;text-align:left;padding:13px;border-radius:16px}.conversation:hover,.conversation.active{background:#10343b}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#118f87,#064d51);color:#9dfff6;font-weight:900}.avatar svg{width:21px}.conversation b,.conversation small{display:block}.conversation small{color:#91a8aa;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation time{color:#8fa5a8;font-size:12px;align-self:start;margin-top:5px}.empty{color:#92aaac;text-align:center;padding:45px 15px}.chat-panel{min-width:0;display:flex;flex-direction:column;background-color:#071d22;background-image:radial-gradient(#1b393d 1px,transparent 1px);background-size:21px 21px}.chat-panel>header{height:82px;display:flex;align-items:center;gap:12px;background:#0b2a30;padding:13px 21px;border-bottom:1px solid #1b3d42}.chat-panel>header div{flex:1}.chat-panel>header b,.chat-panel>header small{display:block}.chat-panel>header small{color:#8fa8aa;margin-top:4px}.chat-panel>header button{border:0;background:transparent;color:#a7babc;padding:10px}.messages{flex:1;overflow:auto;padding:30px;display:flex;flex-direction:column;gap:8px}.bubble{align-self:flex-start;max-width:min(70%,640px);background:#15363c;padding:10px 13px;border-radius:4px 15px 15px;box-shadow:0 4px 14px #0003}.bubble.mine{align-self:flex-end;background:#0c5b57;border-radius:15px 4px 15px 15px}.bubble p{margin:0;line-height:1.5}.bubble time{display:block;color:#9cb8b9;font-size:10px;text-align:right;margin-top:3px}.composer{display:flex;gap:9px;padding:14px 20px 20px;background:#0b2a30}.composer input{flex:1;border:1px solid #315157;background:#071e23;color:#fff;border-radius:14px;padding:12px 15px;outline:none}.composer>button{border:0;border-radius:13px;padding:10px 14px}.welcome{margin:auto;text-align:center;color:#93aaac}.welcome .brand-mark{margin:auto}.welcome h2{color:#fff;margin-bottom:8px}.load-error{margin:0 16px 8px;padding:12px 13px;border:1px solid #9f4949;background:#4c2028;color:#ffdadd;border-radius:13px;font-size:13px;line-height:1.35}.load-error span{display:block}.load-error button{margin-top:8px;border:0;border-radius:9px;padding:7px 10px;background:#ffdadd;color:#4c2028;font-weight:750}.send:disabled{cursor:not-allowed;opacity:.55}@media(max-width:900px){.login-page{grid-template-columns:1fr;padding:30px 20px}.login-copy{display:none}.qr-card{max-width:500px;margin:auto}.workspace{grid-template-columns:78px 330px 1fr}.rail .brand>div:last-child,.rail button span{display:none}.rail .brand-mark{width:45px;height:45px}.rail button{justify-content:center}}@media(max-width:680px){.workspace{grid-template-columns:1fr}.rail,.chat-panel{display:none}.inbox{border:0}.login-page{display:block}.qr-card{padding:24px 20px;border-radius:24px}}