.cp-root{--glass-bg: rgba(36, 38, 33, .82);--glass-border: rgba(168, 173, 152, .12);--glass-inset: rgba(255, 255, 255, .04);--zen-sidebar: rgba(36, 38, 33, .88);--zen-active: rgba(138, 145, 120, .16);--surface-chat: #1a1b18;--divider: rgba(168, 173, 152, .14);--text: #e8e6e1;--muted: #9a968c;--logo: #c8c5bc;--logo-muted: #888580;--accent-strong: #b8c4a4;--accent-text: #c4cea8;--accent-bright: #d2dbb8;--bubble-in: rgba(44, 46, 40, .95);--bubble-out: rgba(72, 78, 62, .92);--bubble-out-text: #eceae4;--presence-on: #6fcf6f;--input-bg: rgba(52, 54, 48, .72);--hover-bg: rgba(168, 173, 152, .08);--radius-pill: 999px;--brand-size: 22px;width:358px;height:751px;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;background:#2c2e28b8;border-radius:10px;border:1px solid var(--glass-border);box-shadow:0 16px 48px #00000085,inset 0 1px 0 var(--glass-inset);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cp-root .icon{display:block;flex-shrink:0}.cp-root .brand-bar{flex-shrink:0;padding:10px 12px 8px;background:var(--zen-sidebar);border-bottom:1px solid var(--glass-border)}.cp-root .brand-logo{font-size:var(--brand-size);font-weight:700;letter-spacing:-.03em;line-height:1}.cp-root .brand-msged{color:var(--accent-text)}.cp-root .brand-tld{color:var(--logo-muted);font-weight:500}.cp-root .brand-tagline{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.4}.cp-root .msg-word{color:var(--accent-bright);font-weight:600;letter-spacing:-.02em}.cp-root .cp-main{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--surface-chat)}.cp-root .chat-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cp-root .chat-head{flex-shrink:0;padding:8px 12px;min-height:44px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--glass-border);background:var(--zen-sidebar)}.cp-root .chat-head-info{flex:1;min-width:0}.cp-root .chat-head-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:5px;letter-spacing:-.01em;color:var(--accent-text)}.cp-root .chat-head-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-root .presence-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--presence-on)}.cp-root .head-btn{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);flex-shrink:0}.cp-root .mobile-back{display:inline-flex}.cp-root .avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0}.cp-root .messages-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.cp-root .messages{flex:1;min-height:0;overflow:hidden;padding:16px 12px 20px;display:flex;flex-direction:column;gap:12px}.cp-root .history-load{text-align:center;padding:8px 0 14px;font-size:13px;color:var(--muted)}.cp-root .btn-ghost{color:var(--accent-strong);font-weight:500;font-size:13px}.cp-root .date-sep{display:flex;align-items:center;justify-content:center;padding:6px 0 4px}.cp-root .date-sep span{font-size:11px;font-weight:500;color:var(--muted);background:var(--zen-active);border:1px solid var(--divider);padding:4px 12px;border-radius:var(--radius-pill);letter-spacing:.02em}.cp-root .bubble-row{display:flex}.cp-root .bubble-row.out{justify-content:flex-end}.cp-root .bubble-stack{display:flex;flex-direction:column;max-width:min(460px,86%);width:fit-content}.cp-root .bubble-row.out .bubble-stack{align-items:flex-end}.cp-root .bubble{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.cp-root .bubble.in{background:var(--bubble-in);color:var(--text);border:1px solid var(--glass-border);box-shadow:0 2px 8px #3c3c340f;border-bottom-left-radius:6px}.cp-root .bubble.out{background:var(--bubble-out);border:1px solid var(--divider);color:var(--bubble-out-text);border-bottom-right-radius:6px}.cp-root .bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:5px;font-size:11px;color:var(--muted);white-space:nowrap}.cp-root .bubble.in .bubble-meta{color:var(--muted)}.cp-root .ticks{display:inline-flex;align-items:center;line-height:1}.cp-root .ticks.read .icon{stroke:var(--accent-strong)}.cp-root .composer{flex-shrink:0;padding:10px 12px 12px;background:var(--zen-sidebar);border-top:1px solid var(--glass-border)}.cp-root .composer-pill{display:flex;align-items:flex-end;gap:4px;background:var(--input-bg);border:1px solid var(--divider);border-radius:20px;padding:5px 6px 5px 10px;min-height:42px;box-shadow:inset 0 1px 0 var(--glass-inset)}.cp-root .composer-attach{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.cp-root .composer-attach.mobile-only{display:inline-flex}.cp-root .composer-placeholder{flex:1;min-width:0;padding:6px 0;font-size:14px;line-height:1.35;color:var(--muted)}.cp-root .composer-send{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-strong)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-top: #1a1c18;--bg-mid: #242620;--bg-bottom: #2c2e28;--text: #e8ebe2;--muted: #9aa090;--primary: #b8c4a4;--primary-bright: #d2dbb8;--primary-dim: #8a9178;--primary-muted: #6e7562;--primary-glow: rgba(184, 196, 164, .18);--primary-border: rgba(184, 196, 164, .38);--accent: var(--primary);--accent-strong: var(--primary-dim);--accent-bright: var(--primary-bright);--border: rgba(80, 82, 72, .55);--radius: 16px;--shadow: 0 32px 100px rgba(0, 0, 0, .45);--page-bg: #1a1b18;--success: #9bc49a;--danger: #d4847a}html{scroll-behavior:smooth}html,body{background:var(--page-bg);overflow-x:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;width:100%}a{color:inherit;text-decoration:none}.logo{display:inline-flex;align-items:baseline;font-weight:600;letter-spacing:-.03em}.logo-msged{color:#b8c0b0}.logo-tld{color:var(--accent-bright)}.logo-lg{font-size:28px}.logo-md{font-size:20px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-size:15px;font-weight:600;background:var(--accent-strong);color:var(--bg-top);box-shadow:0 8px 32px #00000059;transition:transform .15s,background .15s}.btn-primary:hover{transform:translateY(-1px);background:var(--accent)}.btn-hero{width:100%;padding:18px 32px;font-size:17px;gap:10px}.btn-arrow{font-size:20px;line-height:1;transition:transform .15s}.btn-primary:hover .btn-arrow{transform:translate(3px)}.btn-ghost-link{font-size:14px;color:var(--muted);font-weight:500;text-decoration:underline;text-underline-offset:3px}.btn-ghost-link:hover{color:var(--accent-bright)}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:var(--page-bg);width:100%;max-width:100%;overflow-x:hidden}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:40px clamp(24px,5vw,80px);max-width:1320px;width:100%;margin:0 auto}.landing-hero{max-width:1320px;width:100%;margin:0 auto;padding:24px clamp(24px,5vw,80px) 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(48px,8vw,100px);align-items:center}.landing-copy{min-width:0}.landing-eyebrow{display:inline-block;margin-bottom:20px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--primary-bright);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid var(--primary-border)}.landing-copy h1{font-size:clamp(52px,6.5vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1.04;margin-bottom:24px;color:var(--text)}.landing-copy .lead{font-size:clamp(17px,1.9vw,20px);color:var(--muted);line-height:1.75;max-width:480px;margin-bottom:28px}.landing-context{background:linear-gradient(180deg,#242620a6,#1a1b1866);border-top:1px solid rgba(184,196,164,.12);border-bottom:1px solid rgba(184,196,164,.12)}.landing-context-inner{max-width:720px;margin:0 auto;padding:56px clamp(24px,5vw,80px);text-align:center}.landing-context-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-muted);margin-bottom:14px}.landing-context-title{font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:18px;color:var(--text)}.landing-context-text{font-size:16px;line-height:1.8;color:var(--muted)}.landing-context-text strong{color:var(--primary-bright);font-weight:600}.landing-features{max-width:1320px;width:100%;margin:0 auto;padding:64px clamp(24px,5vw,80px)}.landing-features-header{text-align:center;max-width:520px;margin:0 auto 40px}.landing-features-header h2{font-size:clamp(28px,4vw,36px);font-weight:700;letter-spacing:-.03em;margin-bottom:10px;color:var(--text)}.landing-features-header p{font-size:16px;color:var(--muted);line-height:1.65}.landing-feature-grid{--feature-line: rgba(184, 196, 164, .14);list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--feature-line);border-left:1px solid var(--feature-line)}.landing-feature-card{padding:clamp(28px,3vw,40px) clamp(24px,3vw,36px);border-right:1px solid var(--feature-line);border-bottom:1px solid var(--feature-line);background:transparent}.landing-feature-icon{margin-bottom:14px}.landing-feature-icon-svg{display:block;width:44px;height:44px}.landing-feature-card h3{font-size:clamp(17px,2vw,20px);font-weight:700;letter-spacing:-.02em;margin-bottom:10px;color:var(--text)}.landing-feature-card p{font-size:13px;line-height:1.65;color:var(--muted)}.landing-action{max-width:1320px;width:100%;margin:0 auto;padding:0 clamp(24px,5vw,80px) 80px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}@media(min-width:1025px){.landing-action{align-items:stretch}.landing-start-card,.landing-invite-card{display:flex;flex-direction:column;height:100%}.landing-start-card .btn-hero,.landing-invite-card .landing-invite-url-row{margin-top:auto}}.landing-start-card{position:relative;max-width:none;width:100%;margin-bottom:0;padding:28px 28px 32px;border-radius:22px;overflow:hidden;background:linear-gradient(155deg,#2c2e28f2,#1a1b18fa);border:1px solid var(--primary-border)}.landing-start-badge{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-bright);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid var(--primary-border)}.landing-start-title{font-size:clamp(26px,4vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:14px;color:var(--text)}.landing-start-sub{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:24px}.landing-invite-card{max-width:none;width:100%;padding:28px;border-radius:22px;overflow:hidden;background:linear-gradient(155deg,#2c2e28f2,#1a1b18fa);border:1px solid var(--primary-border)}.landing-invite-title{font-size:clamp(22px,3.5vw,26px);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:20px;color:var(--text)}.landing-invite-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}.landing-invite-input-wrap{display:flex;align-items:center;gap:4px;padding:0 16px;border-radius:14px;background:#00000038;border:1px solid var(--border);margin-bottom:16px;transition:border-color .15s,box-shadow .15s}.landing-invite-input-wrap:focus-within{border-color:var(--primary-border);box-shadow:0 0 0 3px var(--primary-glow)}.landing-invite-input-wrap.is-checking,.landing-invite-input-wrap.is-unknown{border-color:var(--border)}.landing-invite-input-wrap.is-available{border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.landing-invite-input-wrap.is-taken{border-color:color-mix(in srgb,var(--success) 55%,transparent)}.landing-invite-input-wrap.is-invalid{border-color:color-mix(in srgb,var(--danger) 55%,transparent)}.landing-invite-status{margin:-8px 0 16px;font-size:13px;line-height:1.5}.landing-invite-status.checking,.landing-invite-status.unknown{color:var(--muted)}.landing-invite-status.available{color:var(--primary-bright)}.landing-invite-status.taken{color:var(--success)}.landing-invite-status.invalid{color:var(--danger)}.landing-invite-at{font-size:17px;font-weight:600;color:var(--primary-bright);flex-shrink:0}.landing-invite-input{flex:1;min-width:0;padding:14px 0;border:none;background:transparent;font:inherit;font-size:17px;font-weight:500;color:var(--text);outline:none}.landing-invite-input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.landing-invite-url-row{display:flex;align-items:center;gap:10px}.landing-invite-url{flex:1;min-width:0;margin:0;font-size:14px;color:var(--muted);line-height:1.6;word-break:break-all}.landing-invite-copy{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--primary-border);border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary-bright);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.landing-invite-copy:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:color-mix(in srgb,var(--primary) 55%,transparent);transform:translateY(-1px)}.landing-invite-copy:disabled{opacity:.35;cursor:not-allowed}.landing-invite-copy.is-copied{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 55%,transparent);background:color-mix(in srgb,var(--primary) 22%,transparent)}.landing-invite-url-value{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:14px;color:var(--primary-bright);text-decoration:none}a.landing-invite-url-value:hover{text-decoration:underline;text-underline-offset:3px}.landing-invite-url-placeholder{color:color-mix(in srgb,var(--muted) 65%,transparent)}.landing-shot{display:flex;justify-content:center;align-items:center;flex-shrink:0;min-width:358px}.landing-shot-scale{width:358px;height:751px}.landing-shot-scale .cp-root{flex-shrink:0}.landing-footer{text-align:center;padding:64px 24px 5px;color:var(--muted);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.landing-footer-tagline{font-size:15px;line-height:1.5}.landing-footer-origin{margin-top:20px;font-size:13px;color:var(--muted);line-height:1.5}.msg-word{color:var(--accent-bright);font-weight:600;letter-spacing:-.02em}@media(max-width:1024px){.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-card{padding:28px 24px}.landing-action{grid-template-columns:1fr;max-width:520px}}@media(max-width:960px){.landing-nav{padding:20px max(16px,env(safe-area-inset-left,16px));padding-right:max(16px,env(safe-area-inset-right,16px));gap:12px}.landing-nav .btn-primary{padding:12px 18px;font-size:14px;flex-shrink:0}.landing-hero{grid-template-columns:minmax(0,1fr);padding:8px max(16px,env(safe-area-inset-left,16px)) 64px;padding-right:max(16px,env(safe-area-inset-right,16px));gap:32px;width:100%;max-width:100%;min-width:0}.landing-copy{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:100%;text-align:center;overflow-wrap:break-word;word-wrap:break-word}.landing-copy h1{font-size:clamp(36px,9vw,52px);margin-bottom:20px;width:100%;max-width:100%}.landing-eyebrow{font-size:11px;padding:5px 12px}.landing-copy .lead{margin-left:auto;margin-right:auto;max-width:100%;width:100%;font-size:16px;line-height:1.65;padding:0 4px}.landing-context-inner{padding:40px max(16px,env(safe-area-inset-left,16px));padding-right:max(16px,env(safe-area-inset-right,16px));text-align:center}.landing-context-title{font-size:clamp(22px,5.5vw,28px)}.landing-context-text{font-size:15px;text-align:left}.landing-features{padding:40px max(16px,env(safe-area-inset-left,16px));padding-right:max(16px,env(safe-area-inset-right,16px))}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-card{padding:24px 20px;text-align:left}.landing-feature-card h3{font-size:17px}.landing-feature-card p{font-size:13px}.landing-action{grid-template-columns:1fr;padding:0 max(16px,env(safe-area-inset-left,16px)) 64px;padding-right:max(16px,env(safe-area-inset-right,16px));gap:16px}.landing-start-card,.landing-invite-card{margin-left:auto;margin-right:auto;text-align:center;width:100%;max-width:100%;padding:22px 18px 24px}.landing-start-title{font-size:clamp(22px,5.5vw,28px)}.landing-start-sub{font-size:14px;line-height:1.7}.landing-invite-title{font-size:clamp(20px,5vw,24px)}.landing-invite-input-wrap{text-align:left;width:100%}.landing-invite-url-row{justify-content:center;flex-wrap:wrap;width:100%}.landing-invite-url,.landing-invite-status{text-align:center}.btn-hero{padding:16px 20px;font-size:16px}.landing-footer{padding:48px max(16px,env(safe-area-inset-left,16px)) 5px;padding-right:max(16px,env(safe-area-inset-right,16px));padding-bottom:max(5px,env(safe-area-inset-bottom,5px))}.landing-shot{order:-1;min-width:0;width:100%;display:flex;justify-content:center;align-items:center}.landing-shot-scale{--shot-w: 179px;--shot-h: 375.5px;width:calc(var(--shot-w) + 2px);height:calc(var(--shot-h) + 2px);position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box;border:1px solid rgba(168,173,152,.3);border-radius:10px;background:#1a1b18;box-shadow:0 12px 36px #0000006b}.landing-shot-scale .cp-root{position:absolute;top:0;left:0;transform:scale(.5);transform-origin:top left;border:none;box-shadow:none;border-radius:0}}