:root{--color-primary:#6d28d9;--color-primary-fg:#ffffff;--color-bg:#0f0a1a;--color-fg:#f5f0ff;--color-muted:#c4b5e0;--color-surface:rgba(255,255,255,0.06);--color-border:rgba(255,255,255,0.14);--landing-section-bg:rgba(255,255,255,0.03)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--color-bg:#f7f4ff;--color-fg:#1a1028;--color-muted:#5b4a7a;--color-surface:rgba(26,16,40,0.05);--color-border:rgba(26,16,40,0.12);--landing-section-bg:rgba(109,40,217,0.04)}}html[data-theme=light]{--color-bg:#f7f4ff;--color-fg:#1a1028;--color-muted:#5b4a7a;--color-surface:rgba(26,16,40,0.05);--color-border:rgba(26,16,40,0.12);--landing-section-bg:rgba(109,40,217,0.04)}html[data-theme=dark]{--color-bg:#0f0a1a;--color-fg:#f5f0ff;--color-muted:#c4b5e0;--color-surface:rgba(255,255,255,0.06);--color-border:rgba(255,255,255,0.14);--landing-section-bg:rgba(255,255,255,0.03)}html[data-accent=forest]{--color-primary:#15803d;--color-primary-fg:#ffffff}html[data-accent=ocean]{--color-primary:#0369a1;--color-primary-fg:#ffffff}html[data-accent=ember]{--color-primary:#c2410c;--color-primary-fg:#ffffff}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Segoe UI,Noto Sans Thai,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at top,#2a1650 0,transparent 55%),linear-gradient(160deg,var(--color-bg),#1a1028 60%,#0a0612);color:var(--color-fg)}@media (prefers-color-scheme:light){html:not([data-theme=dark]) body{background:radial-gradient(ellipse at top,rgba(109,40,217,.12) 0,transparent 50%),linear-gradient(180deg,#f7f4ff,#ebe4ff)}}html[data-theme=light] body{background:radial-gradient(ellipse at top,rgba(109,40,217,.12) 0,transparent 50%),linear-gradient(180deg,#f7f4ff,#ebe4ff)}html[data-theme=dark] body{background:radial-gradient(ellipse at top,#2a1650 0,transparent 55%),linear-gradient(160deg,#0f0a1a,#1a1028 60%,#0a0612)}.consent-gate,.dm-flow,.landing,.legal-page,.room-stub{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem}.consent-gate,.landing{text-align:center}.landing-full{justify-content:flex-start;gap:0;padding:0;width:100%}.landing-hero{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;gap:.75rem;text-align:center}.landing-section{width:100%;max-width:52rem;margin:0 auto;padding:3rem 1.25rem;text-align:left}.landing-section h2{margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2rem)}.section-lead{margin:0 0 1.5rem;color:var(--color-muted);line-height:1.5}.how-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.how-steps li{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border-radius:.75rem;background:var(--landing-section-bg);border:1px solid var(--color-border)}.how-num{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:var(--color-primary);color:var(--color-primary-fg);font-weight:700}.how-steps h3{margin:0 0 .35rem;font-size:1.05rem}.how-steps p{margin:0;color:var(--color-muted);line-height:1.45}.data-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:.75rem}.data-table{font-size:.92rem}.data-table td,.data-table th{padding:.75rem .85rem;border-bottom:1px solid var(--color-border);vertical-align:top}.data-table th{background:var(--landing-section-bg)}.data-table tr:last-child td{border-bottom:none}.landing-footer{width:100%;padding:2.5rem 1.25rem 3rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;border-top:1px solid var(--color-border);margin-top:1rem}.footer-note{margin:0;color:var(--color-muted);font-size:.9rem;text-align:center;max-width:28rem}.install-prompt{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.install-ios-hint{margin:0;max-width:22rem}.install-ios-hint,.text-button{color:var(--color-muted);font-size:.9rem}.text-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;text-decoration:underline;cursor:pointer}.brand{margin:0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;letter-spacing:-.03em;color:var(--color-primary)}.tagline{margin:0;font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:600}.description{margin:.5rem 0 0;max-width:28rem;line-height:1.5;color:var(--color-muted)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.25rem}.consent-submit,.primary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.75rem;padding:.85rem 1.25rem;font-size:1rem;font-weight:600;background:var(--color-primary);color:var(--color-primary-fg);cursor:pointer;text-decoration:none}.consent-submit:disabled,.primary-button:disabled{opacity:.45;cursor:not-allowed}.landing-nav{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.consent-link,.landing-nav a{color:var(--color-muted)}.consent-gate{max-width:42rem;margin:0 auto;text-align:left}.consent-title{margin:0 0 1rem;font-size:1.5rem;text-align:center}.consent-list{margin:0;padding-left:1.25rem;display:grid;grid-gap:.65rem;gap:.65rem;color:var(--color-muted);line-height:1.45}.consent-check{display:flex;gap:.75rem;align-items:flex-start;margin-top:1rem;line-height:1.4}.consent-submit{margin-top:1rem;align-self:stretch;width:100%}.legal-page{align-items:stretch;justify-content:flex-start;max-width:48rem;margin:0 auto}.faq-list,.legal-doc{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;line-height:1.55}.legal-doc h1,.legal-page>h1{margin-top:0}.legal-doc h2{margin-top:1.5rem}.faq-item+.faq-item{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.faq-item h2{margin:0 0 .5rem;font-size:1.1rem}.faq-item p{margin:0;color:var(--color-muted)}.room-stub{text-align:center;max-width:28rem;margin:0 auto}.stub-status{color:var(--color-muted)}.consent-loading{min-height:100vh}.danger-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);border-radius:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;background:var(--color-surface);color:var(--color-fg);cursor:pointer}.danger-button{border-color:#dc2626;color:#fecaca}.dm-flow{max-width:28rem;margin:0 auto;text-align:center;width:100%}.dm-flow h1{margin:0;font-size:1.5rem}.field input{border:1px solid var(--color-border);border-radius:.65rem;padding:.75rem .9rem;background:rgba(0,0,0,.25);color:var(--color-fg);font-size:1rem}.avatar-row{display:flex;align-items:center;gap:1rem;justify-content:center}.avatar{border-radius:50%;background:var(--color-surface)}.ttl-field{border:1px solid var(--color-border);border-radius:.75rem;padding:.75rem 1rem;width:100%;text-align:left}.ttl-option{display:flex;gap:.5rem;align-items:center;margin-top:.35rem}.form-error{color:#fecaca;margin:0}.invite-url{display:block;width:100%;overflow-wrap:anywhere;padding:.75rem;border-radius:.65rem;background:var(--color-surface);font-size:.8rem;text-align:left}.invite-qr{border-radius:.75rem;background:#fff;padding:.5rem}.chat-shell{flex-direction:column}.chat-room,.chat-shell{min-height:100vh;display:flex}.chat-room{flex:1 1;flex-direction:column;max-width:40rem;margin:0 auto;width:100%}.chat-header{justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:rgba(0,0,0,.25);flex-wrap:wrap}.chat-header,.chat-peer{display:flex;align-items:center}.chat-peer{gap:.65rem}.chat-peer-name{margin:0;font-weight:700}.chat-peer-status{margin:0;font-size:.85rem;color:var(--color-muted)}.chat-header-actions{display:flex;flex-wrap:wrap;gap:.4rem}.ttl-bar{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:.45rem 1rem;text-align:center;background:rgba(109,40,217,.35);font-size:.9rem}.ttl-urgent{background:rgba(220,38,38,.45)}.reconnect-banner{padding:.5rem 1rem;background:rgba(245,158,11,.25);text-align:center}.scam-banner{padding:.65rem 1rem;background:rgba(220,38,38,.18);border-bottom:1px solid rgba(220,38,38,.35);display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between}.screenshot-banner{padding:.65rem 1rem;background:rgba(245,158,11,.2);border-bottom:1px solid rgba(245,158,11,.4)}.privacy-shield{position:relative;flex:1 1;display:flex;flex-direction:column;min-height:0}.privacy-shield.is-obscured .chat-room{filter:blur(14px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.privacy-blur-overlay{position:absolute;inset:0;z-index:40;background:rgba(15,15,20,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-brand-mark{border:none;background:transparent;color:var(--color-primary,#6d28d9);font-weight:700;font-size:.95rem;cursor:pointer;padding:.25rem .4rem;margin-right:.35rem}.hide-content-seal{border:none;background:rgba(0,0,0,.08);padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;width:100%;text-align:left}.settings-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;width:100%;max-width:28rem}.scam-hotline{font-weight:600;color:var(--color-danger,#dc2626);text-decoration:underline}.report-dialog{max-width:28rem;max-height:90vh;overflow-y:auto}.report-msg-list{list-style:none;padding:0;margin:.75rem 0;display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto}.report-msg-body{font-size:.9rem;word-break:break-word}.chat-messages{flex:1 1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-system{text-align:center;color:var(--color-muted)}.bubble-row{display:flex;gap:.5rem;align-items:flex-end;max-width:85%}.bubble-row.mine{align-self:flex-end;flex-direction:row-reverse}.bubble{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.9rem;padding:.55rem .75rem}.bubble-row.mine .bubble{background:rgba(109,40,217,.35)}.bubble-nick{display:block;font-size:.75rem;color:var(--color-muted);margin-bottom:.2rem}.bubble-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-time{display:block;margin-top:.25rem;font-size:.7rem;color:var(--color-muted)}.typing-indicator{margin:0;padding:0 1rem .35rem;color:var(--color-muted);font-size:.85rem}.composer{display:flex;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid var(--color-border)}.composer input{flex:1 1;border:1px solid var(--color-border);border-radius:.75rem;padding:.75rem .9rem;background:rgba(0,0,0,.25);color:var(--color-fg)}.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20}.dialog{width:min(24rem,100%);background:#1a1028;border:1px solid var(--color-border);border-radius:1rem;padding:1.25rem}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.safety-emojis{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;padding:0;margin:1rem 0}.safety-emojis li{display:flex;flex-direction:column;align-items:center;gap:.25rem}.safety-index{font-size:.75rem;color:var(--color-muted)}.safety-emoji{font-size:2.25rem;line-height:1}.safety-help{color:var(--color-muted);line-height:1.45}.dm-flow-wide{max-width:36rem}.avatar-picker,.profile-editor{width:100%;display:flex;flex-direction:column;gap:.75rem}.avatar-preview-row{display:flex;flex-direction:column;gap:.75rem;align-items:center}.avatar-style-tabs{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.avatar-grid-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;border-radius:.75rem;padding:.35rem;background:var(--color-surface);cursor:pointer}.avatar-grid-item.selected{border-color:var(--color-primary)}.avatar-upload-label{display:inline-flex;cursor:pointer}.avatar-upload-label,.crop-preview{align-items:center;justify-content:center}.crop-preview{width:100%;aspect-ratio:1;overflow:hidden;border-radius:.75rem;background:#000;display:flex}.crop-source{max-width:none;width:100%;height:100%;object-fit:cover}.profile-edit-dialog{max-height:90vh;overflow-y:auto;width:min(28rem,100%)}.field{display:flex;flex-direction:column;gap:.35rem;width:100%;text-align:left}.field input,.field textarea{width:100%;padding:.6rem .75rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-surface);color:inherit;font:inherit}.toggle-row{align-items:center;text-align:left}.link-block,.toggle-row{display:flex;gap:.5rem;width:100%}.link-block{flex-direction:column;margin:.75rem 0}.warn-hint{color:#8a5a00;background:#fff6e0;padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem}.fingerprint{font-size:1.5rem;letter-spacing:.15em;text-align:center;padding:.75rem}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;justify-content:flex-end;z-index:40}.drawer{width:min(22rem,100%);height:100%;background:var(--color-bg);padding:1.25rem;overflow-y:auto}.drawer,.member-list,.request-list{display:flex;flex-direction:column;gap:.75rem}.member-list,.request-list{list-style:none;margin:0;padding:0}.member-list li,.request-card{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem}.member-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:auto}.muted{color:var(--color-muted);font-size:.85rem}.badge{display:inline-flex;margin-left:.35rem;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.75rem;align-items:center;justify-content:center}.group-settings-bar{gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.composer-tools,.group-settings-bar{display:flex;flex-wrap:wrap;align-items:center}.composer-tools{gap:.5rem .75rem;padding:.35rem .75rem;border-top:1px solid var(--color-border)}.field-inline{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}.field-inline select{font:inherit;padding:.25rem .4rem;border-radius:.35rem;border:1px solid var(--color-border)}.burn-seal,.field-inline select{background:var(--color-surface);color:inherit}.burn-seal{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px dashed var(--color-border);padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;text-align:center;min-width:8rem}.burn-badge{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;opacity:.75;margin-bottom:.25rem}.burn-read{font-size:.75rem;color:var(--color-muted);margin:.25rem 0 0}.chat-image{display:block;max-width:100%;border-radius:.35rem}.avatar-builder,.avatar-shop{display:flex;flex-direction:column;gap:.75rem;width:100%}.shop-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));grid-gap:.75rem;gap:.75rem}.shop-card{align-items:center;gap:.35rem;text-align:center}.shop-card,.shop-redeem{display:flex;flex-direction:column}.shop-redeem{gap:.5rem}.poll-options{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.voice-recorder{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.voice-bubble audio{max-width:100%}.form-ok{color:var(--color-primary);margin:0}.liff-constraints{padding-left:1.25rem;line-height:1.5}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table td,.data-table th{border-bottom:1px solid var(--color-border,#ccc);padding:.4rem .5rem;text-align:left}