:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e4e6eb;background:radial-gradient(circle at top,#141926,#0b0e14 45%);min-height:100vh;margin:0;font-family:Segoe UI,sans-serif}.site-layout{flex-direction:column;min-height:100vh;display:flex}.container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:24px 20px 52px;display:flex}.title{letter-spacing:1px;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:700}.input{color:#fff;background:#171b24;border:1px solid #2c3240;border-radius:12px;outline:none;width:280px;padding:12px 16px}.button{color:#fff;cursor:pointer;background:#1f2531;border:1px solid #333b4a;border-radius:12px;padding:12px 20px;transition:background .2s,transform .2s}.button:hover{background:#2a3240;transform:translateY(-1px)}.home-title{text-align:center}.home-top-ad,.home-bottom-ad{width:min(960px,100%)}.home-options-grid{grid-template-columns:1fr 1fr;gap:16px;width:min(960px,100%);display:grid}.home-card{background:#121823;border:1px solid #2a3345;border-radius:16px;flex-direction:column;gap:12px;padding:22px 20px;display:flex;box-shadow:0 8px 24px #0003}.home-card h2{margin:0;font-size:1.3rem}.home-card p{color:#afbad1;margin:0;line-height:1.5}.home-input{width:100%}select.home-input{appearance:none;cursor:pointer}.home-action{width:100%}.home-label{color:#c8d2e7;font-size:.9rem}.home-usecase{background:#121823;border:1px solid #2a3345;border-radius:16px;width:min(960px,100%);padding:18px 20px}.home-usecase h3{margin:0 0 8px}.home-usecase p{color:#afbad1;margin:0;line-height:1.6}.home-footer{color:#aeb8cd;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:min(960px,100%);margin-top:-6px;padding:14px 16px 4px;display:flex}.home-footer p{margin:0}.footer-email{color:#c8d8ff;text-decoration:none}.footer-email:hover{text-decoration:underline}.footer-github{color:#e9efff;background:#1a2232;border:1px solid #33425f;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;text-decoration:none;display:inline-flex}.footer-github:hover{background:#232e45}.footer-github svg{width:18px;height:18px}.ad-banner{background:radial-gradient(circle at 10% 10%,#3e70f626,#0000 28%),radial-gradient(circle at 90% 80%,#6c4cff29,#0000 30%),linear-gradient(120deg,#0f1626,#111827 40%,#0f1626);border:1px dashed #2d3b55;border-radius:12px;min-height:70px;padding:8px;position:relative;overflow:hidden}.ad-banner-placeholder{background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%);background-position:0 0,9px 9px;background-size:18px 18px;border:1px solid #59719e40;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;inset:8px}.ad-banner-placeholder span{color:#8fa1c7;letter-spacing:.3px;font-size:.82rem}.adsbygoogle{z-index:1;min-height:54px;position:relative;color:#0000!important;background:0 0!important}.adsbygoogle[data-ad-status=unfilled],.adsbygoogle:empty{visibility:hidden;background:0 0!important}.legal-page{flex-direction:column;gap:12px;width:min(960px,100%);margin:0 auto;padding:24px 20px 18px;display:flex}.legal-page h1{margin:0;font-size:clamp(1.7rem,3vw,2.2rem)}.legal-page h2{color:#dbe4fa;margin:14px 0 0;font-size:1.1rem}.legal-page p,.legal-page li{color:#b3bfd6;line-height:1.6}.legal-page ul{margin:0;padding-left:20px}.legal-ad-bottom{margin-top:10px}.legal-email-link{color:#c8d8ff;text-decoration:none}.legal-email-link:hover{text-decoration:underline}.contact-form{background:#121823;border:1px solid #2a3345;border-radius:14px;flex-direction:column;gap:10px;width:min(560px,100%);padding:14px;display:flex}.contact-form label{color:#c8d2e7;font-size:.9rem}.contact-form textarea{resize:vertical;color:#fff;min-height:120px;font:inherit;background:#1a2130;border:1px solid #2a3345;border-radius:12px;padding:10px 12px}.site-footer{z-index:20;background:#0b0e14;border-top:1px solid #232c3d;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.site-footer-links{flex-wrap:wrap;gap:14px;display:inline-flex}.site-footer-links a{color:#c2cfe9;font-size:.92rem;text-decoration:none}.site-footer-links a:hover{text-decoration:underline}.site-footer-copy{color:#8fa0c0;margin:0;font-size:.86rem;font-weight:600;text-decoration:none}.site-footer-copy:hover{color:#c8d8ff}.fade-in{animation:.45s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.room-container{flex-direction:column;gap:14px;max-width:980px;height:calc(100vh - 42px);margin:0 auto;padding:18px;display:flex;position:relative}.room-container.dragging .chat-box{outline-offset:-6px;outline:2px dashed #4a8fff}.room-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.room-logo-btn{letter-spacing:.5px;color:#f2f5ff;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:clamp(1.65rem,3vw,2.1rem);font-weight:700}.room-logo-btn:hover{opacity:.9}.room-subtitle{color:#a8afbf;margin:6px 0 0;font-size:.92rem}.room-code-pill{background:#171d2a;border:1px solid #2a3345;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex}.room-code-pill span{color:#a8afbf;font-size:.85rem}.room-code-pill strong{letter-spacing:1px}.copy-room-btn{color:#fff;cursor:pointer;background:#293349;border:none;border-radius:999px;padding:6px 10px}.copy-room-btn:hover{background:#354360}.room-timer-pill{color:#dce6ff;background:#171d2a;border:1px solid #2a3345;border-radius:999px;margin-left:auto;padding:8px 12px;font-size:.86rem}.room-timer-pill.warning{color:#ffb9b9;background:#2b1717;border-color:#8d3a3a}.room-timer-pill.expired{color:#d9b1b1;background:#231a1a;border-color:#5a4040}.chat-box{background:linear-gradient(#121721,#0f141d);border:1px solid #252d3c;border-radius:16px;flex-direction:column;flex:1;gap:10px;padding:16px 14px;display:flex;overflow-y:auto}.chat-box.empty{justify-content:center}.empty-state{text-align:center;color:#aeb7c9;max-width:360px;margin:0 auto}.empty-state-icon{margin-bottom:8px;font-size:2rem}.empty-state h3{color:#f0f4ff;margin:0 0 6px}.empty-state p{margin:0}.message-row{width:100%;animation:.2s ease-out slide-in;display:flex}.message-row.mine{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble{border-radius:16px;max-width:min(78%,640px);padding:10px 12px;box-shadow:0 6px 20px #0000002e}.message-bubble.mine{color:#f7faff;background:linear-gradient(#3a74f6,#2e65dc);border-bottom-right-radius:6px}.message-bubble.other{color:#ecf1ff;background:#1d2432;border-bottom-left-radius:6px}.message-content{align-items:flex-start;gap:10px;display:flex}.message-body{flex:1;min-width:0}.message-text{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.45}.message-code-block{background:#0f1420;border:1px solid #374156;border-radius:10px;margin-top:8px;overflow:hidden}.message-code-lang{text-transform:uppercase;color:#92a1bf;border-bottom:1px solid #2b3649;padding:6px 10px;font-size:.75rem;display:block}.message-code-block pre{margin:0;padding:10px;overflow-x:auto}.message-code-block code{font-family:Consolas,Courier New,monospace;font-size:.84rem}.copy-msg-btn{opacity:0;color:#d6def1;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:.8rem;transition:opacity .2s,background .2s}.message-bubble:hover .copy-msg-btn{opacity:1}.copy-msg-btn:hover{background:#ffffff29}.file-msg-link{color:#d9e7ff;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.file-msg-link:hover{text-decoration:underline}.message-time{opacity:.82;margin-top:6px;font-size:.72rem}.message-bubble.mine .message-time{text-align:right;color:#e6efff}.message-bubble.other .message-time{color:#b7c3da}.input-wrapper{flex-direction:column;gap:6px;display:flex}.room-container.expired .chat-box,.room-container.expired .input-wrapper{opacity:.45}.room-expired-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;z-index:6;background:#05080e9e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.room-expired-overlay h3{color:#f0f4ff;margin:0}.typing-indicator{color:#9eacc6;align-items:center;gap:8px;min-height:18px;padding-left:2px;font-size:.82rem;display:inline-flex}.typing-dots{align-items:center;gap:4px;display:inline-flex}.typing-dots i{background:#7d8fb0;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing-bounce;display:inline-block}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.chat-input-area{background:#121823;border:1px solid #2a3345;border-radius:14px;align-items:flex-end;gap:10px;padding:10px;display:flex}.chat-textarea{resize:none;color:#fff;max-height:160px;font:inherit;background:#1a2130;border:none;border-radius:12px;flex:1;padding:10px 12px;line-height:1.4}.chat-textarea:focus{outline:1px solid #4b7de0}.send-button,.icon-button{color:#fff;cursor:pointer;border:none;border-radius:12px;transition:transform .2s,background .2s,opacity .2s}.icon-button{background:#253146;width:42px;height:42px;font-size:1.05rem}.send-button{background:#356ce2;padding:10px 16px;font-weight:600}.send-button:hover,.icon-button:hover{transform:translateY(-1px)}.send-button:hover{background:#477df0}.icon-button:hover{background:#31415c}.send-button:disabled,.icon-button:disabled,.chat-textarea:disabled{cursor:not-allowed;opacity:.65}.toast{color:#e9efff;z-index:10;background:#1a2233;border:1px solid #32415d;border-radius:10px;padding:10px 14px;animation:.2s ease-out fade-in;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 26px #00000040}@keyframes slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-bounce{0%,80%,to{opacity:.55;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}@media (width<=820px){.container{justify-content:flex-start;padding-top:42px}.home-options-grid{grid-template-columns:1fr}.home-usecase,.home-footer,.home-top-ad,.home-bottom-ad{width:100%}.room-container{padding:12px}.room-header{flex-direction:column;align-items:flex-start}.room-timer-pill{margin-left:0}.room-code-pill{justify-content:space-between;width:100%}.message-bubble{max-width:90%}}@media (width<=560px){.container{padding:20px 12px}.home-card{padding:18px 14px}.home-usecase{padding:14px}.home-footer{justify-content:flex-start;gap:10px;padding:10px 4px 0}.legal-page{padding:20px 12px 14px}.site-footer{justify-content:flex-start}.chat-input-area{gap:8px;padding:8px}.send-button{padding:10px 12px}.icon-button{width:38px;height:38px}}