:root{--ink:#f3ebdd;--muted:#9aa4b8;--night:#080d19;--night-2:#0d1424;--panel:#111a2c;--panel-2:#172238;--line:#b8cae621;--coral:#ff7657;--coral-soft:#ff9a7e;--cyan:#78dce8;--danger:#f87;--font-geist-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{background:var(--night);min-height:100%;margin:0}body{color:var(--ink);font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.signin-shell,.onboarding-shell,.loading-shell{background:radial-gradient(circle at 73% 28%, #78dce817, transparent 22rem), radial-gradient(circle at 15% 80%, #ff76571a, transparent 26rem), var(--night);min-height:100dvh;position:relative;overflow:hidden}.signin-shell{place-items:center;padding:32px;display:grid}.signin-shell:before,.onboarding-shell:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.signin-glow{border:1px solid #78dce81a;border-radius:50%;width:420px;height:420px;position:absolute;box-shadow:0 0 120px #78dce814,inset 0 0 80px #ff76570a}.signin-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center;background:#0d1424d6;border-radius:30px;width:min(100%,620px);padding:62px 54px 46px;position:relative;box-shadow:0 40px 100px #0000006b}.brand-mark{justify-content:center;align-items:center;gap:9px;width:70px;height:28px;margin:0 auto 26px;display:flex}.brand-mark span{background:var(--coral);border-radius:50%;width:12px;height:12px;box-shadow:0 0 24px #ff765799}.brand-mark span:last-child{background:var(--cyan);box-shadow:0 0 24px #78dce88c}.brand-mark i{background:linear-gradient(90deg, var(--coral), var(--cyan));opacity:.75;width:25px;height:1px;display:block}.brand-mark.small{transform-origin:0;gap:5px;width:45px;margin:0;transform:scale(.75)}.eyebrow{color:var(--cyan);font:600 11px/1.3 var(--font-geist-mono), monospace;letter-spacing:.18em;margin:0 0 16px}.signin-card h1{letter-spacing:-.08em;margin:0;font-size:clamp(62px,10vw,96px);line-height:.95}.signin-lede{color:#b7c0cf;max-width:460px;margin:27px auto 34px;font-size:17px;line-height:1.8}.primary-button{color:#1a1110;background:var(--coral);cursor:pointer;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 22px;font-weight:720;transition:transform .18s,background .18s,box-shadow .18s;display:flex;box-shadow:0 14px 34px #ff76572e}.primary-button:hover{background:#ff8468;transform:translateY(-1px);box-shadow:0 16px 40px #ff765740}.primary-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.signin-button{max-width:400px;margin:auto}.primary-button>span{font-size:22px;font-weight:400}.trust-row{flex-wrap:wrap;justify-content:center;gap:9px;margin:32px 0 0;display:flex}.trust-row span{border:1px solid var(--line);color:#9ca8bb;border-radius:999px;padding:7px 10px;font-size:11px}.signin-note{color:#6f7a8e;max-width:430px;margin:26px auto 0;font-size:11px;line-height:1.65}.compact-card{max-width:510px;padding-top:48px}.signin-card h1.small-title{letter-spacing:-.055em;font-size:clamp(34px,7vw,48px);line-height:1.08}.auth-form{text-align:left;display:grid}.auth-form label{color:#aeb8c8;margin:0 0 8px 2px;font-size:11px;font-weight:650}.auth-form label:not(:first-child){margin-top:17px}.auth-input{border:1px solid var(--line);width:100%;height:51px;color:var(--ink);background:#070d18b3;border-radius:12px;outline:0;padding:0 15px}.auth-input:focus{border-color:#78dce880;box-shadow:0 0 0 3px #78dce814}.auth-input::placeholder{color:#566175}.auth-form .primary-button{margin-top:22px}.auth-error{margin:14px 2px -8px}.text-button{color:#78859a;cursor:pointer;background:0 0;border:0;margin:18px auto 0;padding:8px 14px;font-size:11px}.text-button:hover{color:var(--ink)}.quiet-label{color:#697589;font:10px var(--font-geist-mono), monospace;letter-spacing:.12em}.setup-grid{grid-template-columns:1fr .92fr;gap:clamp(45px,7vw,100px)}.setup-card{max-width:560px}.account-fields{border:1px solid var(--line);border-radius:14px;gap:10px;margin:0 0 18px;padding:16px;display:grid}.account-fields legend{color:var(--coral-soft);font:650 10px var(--font-geist-mono), monospace;letter-spacing:.1em;margin:0;padding:0 8px}.loading-shell{text-align:center;color:var(--muted);place-content:center;display:grid}.loading-shell .brand-mark{animation:1.8s ease-in-out infinite breathe}.loading-shell p{letter-spacing:.08em;margin:0;font-size:13px}.onboarding-topbar{z-index:2;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;padding:0 clamp(24px,5vw,72px);display:flex;position:relative}.wordmark{letter-spacing:-.04em;font-size:21px;font-weight:760}.quiet-link{color:var(--muted);font-size:13px}.quiet-link:hover{color:var(--ink)}.onboarding-grid{z-index:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(60px,10vw,150px);width:min(1180px,100% - 48px);min-height:calc(100dvh - 88px);margin:auto;padding:60px 0 90px;display:grid;position:relative}.onboarding-copy h1{letter-spacing:-.065em;max-width:680px;margin:0;font-size:clamp(46px,5.6vw,80px);font-weight:690;line-height:1.13}.onboarding-copy>p:not(.eyebrow){color:#a5b0c3;max-width:590px;margin:26px 0 42px;font-size:16px;line-height:1.8}.onboarding-copy strong{color:var(--coral-soft);font-family:var(--font-geist-mono), monospace}.security-facts{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.security-facts div{border-top:1px solid var(--line);padding:19px 8px 17px 0}.security-facts b{color:var(--coral);font:500 11px var(--font-geist-mono), monospace;margin-bottom:16px;display:block}.security-facts span{margin-bottom:7px;font-size:14px;font-weight:650;display:block}.security-facts small{color:#747f92;font-size:11px;line-height:1.5;display:block}.create-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111a2ce0;border-radius:24px;padding:30px;box-shadow:0 35px 80px #00000059}.create-card-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.create-card-heading span{letter-spacing:-.04em;font-size:22px;font-weight:700}.create-card-heading i{color:#707c91;font:normal 11px var(--font-geist-mono), monospace}.create-card>label,.create-card legend{color:#aeb8c8;margin:0 0 10px;font-size:12px;font-weight:600;display:block}.create-card>input{border:1px solid var(--line);width:100%;height:52px;color:var(--ink);background:#070d18a8;border-radius:12px;outline:none;margin-bottom:25px;padding:0 15px}.create-card>input:focus{border-color:#78dce880;box-shadow:0 0 0 3px #78dce814}.create-card>input::placeholder{color:#566175}.create-card fieldset{border:0;margin:0 0 28px;padding:0}.retention-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.retention-options label{border:1px solid var(--line);color:#8793a8;cursor:pointer;background:#080d1966;border-radius:10px;place-items:center;height:44px;display:grid}.retention-options label.selected{color:var(--ink);background:#ff765717;border-color:#ff76578c}.retention-options input{opacity:0;pointer-events:none;position:absolute}.retention-options span{font-size:12px}.create-fineprint{color:#667286;word-break:break-word;margin:18px 2px 0;font-size:10px;line-height:1.65}.form-error{color:#ff9d8e;margin:-10px 0 15px;font-size:12px;line-height:1.5}.chat-shell{background:var(--night);grid-template-columns:286px 1fr;min-height:100dvh;display:grid}.chat-sidebar{z-index:4;border-right:1px solid var(--line);background:#0a1020;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:31px 25px 24px;display:flex;position:relative}.sidebar-brand{align-items:center;gap:2px;display:flex}.sidebar-brand b{margin-left:-5px;font-size:18px}.connection-card{background:#78dce80b;border:1px solid #78dce81f;border-radius:13px;align-items:center;gap:12px;margin:32px 0 36px;padding:14px;display:flex}.status-dot{background:#69d7ad;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 13px #69d7adbf}.status-dot.offline{background:var(--danger);box-shadow:0 0 13px #ff8877bf}.connection-card b,.connection-card small{display:block}.connection-card b{font-size:11px}.connection-card small{color:#6d798d;margin-top:4px;font-size:9px}.seat-list>p{color:#667186;font:500 10px var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px}.seat{border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-bottom:4px;padding:10px 8px;display:grid;position:relative}.seat.active{background:#ffffff09}.seat>span{color:#171119;background:var(--coral);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.seat:nth-of-type(3)>span{background:var(--cyan)}.seat b,.seat small{display:block}.seat b{font-size:12px;font-weight:650}.seat small{color:#657084;margin-top:3px;font-size:9px}.seat>i{color:#69758a;font:normal 9px var(--font-geist-mono), monospace}.sidebar-actions{gap:2px;display:grid}.sidebar-actions button{color:#7f8ba0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 9px;font-size:11px}.sidebar-actions button:hover{color:var(--ink);background:#ffffff09}.sidebar-actions .danger-link:hover{color:var(--danger);background:#ff76570f}.conversation{background:radial-gradient(circle at 50% -20%,#78dce80b,#0000 36rem),#0b1120;grid-template-rows:auto 1fr auto;min-width:0;height:100dvh;display:grid}.conversation-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1120d9;justify-content:space-between;align-items:center;min-height:80px;padding:0 34px;display:flex}.conversation-header h1{letter-spacing:-.02em;margin:0 0 7px;font-size:16px}.conversation-header p{color:#778399;align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.conversation-header p span{background:#69d7ad;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #69d7ad}.mobile-menu{color:var(--muted);letter-spacing:.15em;cursor:pointer;background:0 0;border:0;font-weight:700;display:none}.messages{scrollbar-color:#29334a transparent;min-height:0;padding:28px clamp(26px,7vw,110px) 36px;overflow-y:auto}.encryption-banner{color:#8591a5;background:#78dce809;border:1px solid #78dce81f;border-radius:12px;gap:12px;width:min(100%,600px);margin:0 auto 35px;padding:14px 17px;display:flex}.encryption-banner>span{color:var(--cyan);font:20px var(--font-geist-mono), monospace;transform:rotate(45deg)}.encryption-banner b{color:#a9b4c5;margin-bottom:4px;font-size:10px;display:block}.encryption-banner p{margin:0;font-size:9px;line-height:1.55}.empty-conversation{text-align:center;color:#79859a;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100% - 95px);display:flex}.empty-conversation h2{color:#d9d4cc;margin:24px 0 8px;font-size:21px}.empty-conversation p{max-width:330px;margin:0;font-size:11px;line-height:1.7}.two-seats{align-items:center;gap:10px;display:flex}.two-seats span{background:#ff765714;border:1px solid #ff7657b3;border-radius:50%;width:23px;height:23px;box-shadow:0 0 20px #ff76571f}.two-seats span:last-child{background:#78dce814;border-color:#78dce8b3;box-shadow:0 0 20px #78dce81f}.two-seats i{background:linear-gradient(90deg,#ff765799,#78dce899);width:50px;height:1px}.message-row{margin:17px 0 0;display:flex}.message-row.grouped{margin-top:5px}.message-row.mine{justify-content:flex-end}.message-bubble{border:1px solid var(--line);background:var(--panel-2);border-radius:4px 16px 16px;max-width:min(68%,620px);padding:12px 14px 8px;box-shadow:0 10px 22px #0000001c}.message-row.mine .message-bubble{background:#4c2b2a;border-color:#ff765726;border-radius:16px 4px 16px 16px}.message-bubble.unreadable{color:#9099a8;background:#ffffff06;border-style:dashed}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.62}.message-bubble time{color:#738096;font:9px var(--font-geist-mono), monospace;text-align:right;margin-top:6px;display:block}.message-row.mine time{color:#b9857c}.composer-wrap{background:linear-gradient(#0000,#0b1120 24%);padding:11px clamp(26px,7vw,110px) 23px}.composer{border:1px solid var(--line);background:#11192a;border-radius:17px;grid-template-rows:auto auto;grid-template-columns:1fr auto;column-gap:12px;min-height:64px;padding:10px 10px 10px 18px;display:grid;box-shadow:0 18px 45px #00000038}.composer textarea{resize:none;width:100%;max-height:110px;color:var(--ink);background:0 0;border:0;outline:0;grid-area:1/1;padding:2px 0;line-height:1.45}.composer textarea::placeholder{color:#5c687b}.composer-hint{color:#586477;grid-area:2/1;font-size:8px}.composer button{color:#201411;background:var(--coral);cursor:pointer;border:0;border-radius:12px;grid-area:1/2/3;align-self:center;width:43px;height:43px;font-size:23px}.composer button:disabled{opacity:.28;cursor:not-allowed}.chat-notice{color:#ffafa1;background:#ff765714;border-radius:8px;justify-content:space-between;margin:0 0 8px;padding:8px 11px;font-size:10px;display:flex}.chat-notice button{color:#ffafa1;cursor:pointer;background:0 0;border:0}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03060dc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.share-modal{border:1px solid var(--line);background:#111a2c;border-radius:25px;width:min(100%,560px);padding:38px;position:relative;box-shadow:0 35px 100px #0000008c}.modal-close{border:1px solid var(--line);color:#8490a4;cursor:pointer;background:0 0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:17px;right:17px}.share-modal h2{letter-spacing:-.045em;margin:0 0 15px;font-size:27px}.share-modal>p:not(.eyebrow){color:#8f9caf;margin:0 0 20px;font-size:12px;line-height:1.7}.invite-box{border:1px solid var(--line);background:#09101e;border-radius:12px;grid-template-columns:1fr auto;gap:10px;padding:10px;display:grid}.invite-box code{color:#77859a;min-width:0;font:9px var(--font-geist-mono), monospace;white-space:nowrap;text-overflow:ellipsis;padding:8px 4px;overflow:hidden}.invite-box button{color:#19110f;background:var(--coral);cursor:pointer;border:0;border-radius:8px;padding:0 14px;font-size:11px;font-weight:700}.fingerprint-card{background:#78dce80e;border:1px solid #78dce824;border-radius:13px;margin:18px 0;padding:18px}.fingerprint-card span,.fingerprint-card small{display:block}.fingerprint-card span{color:#7e8ca1;font-size:10px}.fingerprint-card code{color:var(--cyan);font:600 clamp(14px, 3vw, 19px) var(--font-geist-mono), monospace;letter-spacing:.08em;margin:12px 0;display:block}.fingerprint-card small{color:#68758a;font-size:9px}.modal-advice{border-left:2px solid var(--coral);background:#ff76570b;grid-template-columns:auto 1fr;gap:11px;margin-bottom:22px;padding:14px;display:grid}.modal-advice b{color:var(--coral-soft);font-size:10px}.modal-advice span{color:#8a96a9;font-size:10px;line-height:1.55}@keyframes breathe{50%{opacity:.55;transform:scale(.96)}}@media (max-width:920px){.onboarding-grid{grid-template-columns:1fr;gap:45px;padding-top:70px}.onboarding-copy{text-align:center}.onboarding-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.security-facts{text-align:left}.create-card{width:min(100%,520px);margin:auto}.setup-grid{grid-template-columns:1fr}.chat-shell{grid-template-columns:230px 1fr}.chat-sidebar{padding-left:18px;padding-right:18px}.messages,.composer-wrap{padding-left:28px;padding-right:28px}}@media (max-width:680px){.signin-shell{padding:18px}.signin-card{border-radius:22px;padding:45px 22px 32px}.signin-card h1{font-size:62px}.signin-lede{font-size:14px}.onboarding-topbar{height:68px}.onboarding-grid{width:min(100% - 32px,520px);min-height:calc(100dvh - 68px);padding:48px 0 60px}.onboarding-copy h1{font-size:42px}.onboarding-copy>p:not(.eyebrow){font-size:14px}.security-facts{grid-template-columns:1fr}.security-facts div{grid-template-columns:30px 1fr;column-gap:4px;display:grid}.security-facts b{grid-row:1/3}.create-card{padding:22px}.chat-shell{display:block}.chat-sidebar{display:none}.conversation{height:100dvh}.conversation-header{min-height:68px;padding:0 18px}.mobile-menu{display:block}.messages{padding:18px 14px 24px}.encryption-banner{margin-bottom:25px}.message-bubble{max-width:82%}.composer-wrap{padding:9px 12px 14px}.composer{border-radius:15px}.composer-hint{display:none}.share-modal{padding:34px 20px 22px}.fingerprint-card code{letter-spacing:.025em}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}