@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@300;400;500&display=swap);:root{--bg:#080a0e;--bg2:#0e1117;--bg3:#141820;--border:#ffffff0f;--border2:#ffffff1f;--text:#e8eaf0;--text2:#7a8090;--text3:#454c5c;--accent:#c8f064;--accent2:#8af0b8;--danger:#f06464;--glow:#c8f0641f;--radius:12px;--font-display:"Syne",sans-serif;--font-mono:"JetBrains Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#080a0e;background:var(--bg);color:#e8eaf0;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-display);min-height:100vh}.app{width:100%}.app,.home{display:flex;flex-direction:column;min-height:100vh}.home{align-items:center;justify-content:center;overflow:hidden;padding:2rem;position:relative}.home-bg{background:radial-gradient(ellipse 60% 40% at 20% 30%,#c8f0640a 0,#0000 70%),radial-gradient(ellipse 50% 60% at 80% 70%,#8af0b808 0,#0000 70%),#080a0e;background:radial-gradient(ellipse 60% 40% at 20% 30%,#c8f0640a 0,#0000 70%),radial-gradient(ellipse 50% 60% at 80% 70%,#8af0b808 0,#0000 70%),var(--bg);inset:0;pointer-events:none;position:fixed;z-index:0}.home-bg:after{background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,#0000 0);background-size:48px 48px;content:"";inset:0;position:absolute}.home-header{margin-bottom:4rem;position:relative;text-align:center;z-index:1}.logo{color:#e8eaf0;color:var(--text);font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1}.logo-e{color:#c8f064;color:var(--accent)}.tagline{color:#454c5c;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:300;letter-spacing:.15em;margin-top:.75rem;text-transform:uppercase}.home-main{max-width:480px;position:relative;width:100%;z-index:1}.choice-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.choice-card{align-items:flex-start;background:#0e1117;background:var(--bg2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:2rem 1.5rem;text-align:left;transition:border-color .2s,background .2s,transform .15s}.choice-card:hover{background:#141820;background:var(--bg3);border-color:#ffffff1f;border-color:var(--border2);transform:translateY(-2px)}.choice-icon{color:#c8f064;color:var(--accent);font-size:1.5rem;margin-bottom:.5rem}.choice-title{color:#e8eaf0;color:var(--text);font-size:1.1rem;font-weight:700}.choice-sub{color:#7a8090;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem}.form-panel{animation:fadeUp .2s ease;background:#0e1117;background:var(--bg2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:2rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.back-btn{background:none;border:none;color:#7a8090;color:var(--text2);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;margin-bottom:1.5rem;padding:0;transition:color .15s}.back-btn:hover,.form-panel h2{color:#e8eaf0;color:var(--text)}.form-panel h2{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.field{margin-bottom:1.25rem}.field label{color:#454c5c;color:var(--text3);display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.field input{background:#080a0e;background:var(--bg);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;color:#e8eaf0;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .15s;width:100%}.field input:focus{border-color:#c8f064;border-color:var(--accent);box-shadow:0 0 0 3px #c8f0641f;box-shadow:0 0 0 3px var(--glow)}.field input.code-input{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.2em;text-align:center;text-transform:uppercase}.lifetime-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.lt-btn{background:#080a0e;background:var(--bg);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:6px;color:#7a8090;color:var(--text2);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;padding:.5rem;transition:all .15s;white-space:nowrap}.lt-btn:hover{border-color:#ffffff1f;border-color:var(--border2);color:#e8eaf0;color:var(--text)}.lt-btn.active{background:#c8f0640d;border-color:#c8f064;border-color:var(--accent);color:#c8f064;color:var(--accent)}.primary-btn{background:#c8f064;background:var(--accent);border:none;border-radius:8px;color:#080a0e;cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:700;margin-top:.5rem;padding:.85rem;transition:opacity .15s,transform .1s;width:100%}.primary-btn:hover{opacity:.9;transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.error{color:#f06464;color:var(--danger);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;margin-bottom:.75rem}.how-it-works{margin-top:3rem;max-width:480px;position:relative;width:100%;z-index:1}.hiw-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.hiw-item{background:#0e1117;background:var(--bg2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:.4rem;padding:1.25rem;transition:border-color .2s}.hiw-item:hover{border-color:#ffffff1f;border-color:var(--border2)}.hiw-num{color:#c8f064;color:var(--accent);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em}.hiw-title{color:#e8eaf0;color:var(--text);font-size:.9rem;font-weight:700}.hiw-desc{color:#7a8090;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem;line-height:1.5}.principles{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.principle{align-items:center;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:99px;color:#454c5c;color:var(--text3);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem;gap:.35rem;padding:.3rem .75rem}.principle-icon{color:#c8f064;color:var(--accent);font-size:.55rem}.home-footer{color:#454c5c;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;margin-top:3rem;position:relative;text-align:center;z-index:1}.channel{background:#080a0e;background:var(--bg);display:flex;flex-direction:column;height:100vh}.channel-header{align-items:center;background:#0e1117;background:var(--bg2);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:1rem;padding:.85rem 1.25rem}.channel-code-display{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.ch-label{color:#454c5c;color:var(--text3);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.ch-code,.ch-label{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.ch-code{color:#c8f064;color:var(--accent);font-size:.9rem;font-weight:500;letter-spacing:.15em}.ch-copy{color:#454c5c;color:var(--text3);font-size:.75rem;transition:color .15s}.channel-code-display:hover .ch-copy{color:#c8f064;color:var(--accent)}.channel-meta{align-items:center;display:flex;gap:1rem;margin-left:auto}.timer{color:#7a8090;color:var(--text2)}.members-count,.timer{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem}.members-count{color:#8af0b8;color:var(--accent2)}.channel-actions{display:flex;gap:.4rem}.action-btn{align-items:center;background:#141820;background:var(--bg3);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:6px;color:#e8eaf0;color:var(--text);cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:all .15s;width:32px}.action-btn:hover{background:#0e1117;background:var(--bg2);border-color:#ffffff1f;border-color:var(--border2)}.action-btn:disabled{cursor:not-allowed;opacity:.3}.action-btn.call:hover{border-color:#8af0b8;border-color:var(--accent2);color:#8af0b8;color:var(--accent2)}.action-btn.burn:hover,.action-btn.endcall,.action-btn.mute.active{border-color:#f06464;border-color:var(--danger);color:#f06464;color:var(--danger)}.members-bar{background:#0e1117;background:var(--bg2);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.4rem;padding:.5rem 1.25rem}.me-pill,.member-pill{border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:99px;color:#7a8090;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.65rem;padding:.2rem .6rem}.me-pill{background:#c8f0640d;border-color:#c8f0644d;color:#c8f064;color:var(--accent)}.messages{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1.5rem 1.25rem;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:#0000}.messages::-webkit-scrollbar-thumb{background:#ffffff1f;background:var(--border2);border-radius:2px}.waiting{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:auto;text-align:center}.waiting-code{color:#c8f064;color:var(--accent);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:2.5rem;font-weight:500;letter-spacing:.25em;text-shadow:0 0 30px #c8f0641f;text-shadow:0 0 30px var(--glow)}.waiting p{color:#7a8090;color:var(--text2);line-height:1.6;max-width:240px}.copy-btn,.waiting p{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.copy-btn{background:#c8f06414;border:1px solid #c8f06440;border-radius:6px;color:#c8f064;color:var(--accent);cursor:pointer;padding:.5rem 1.25rem;transition:all .15s}.copy-btn:hover{background:#c8f06424}.msg{animation:msgIn .15s ease;display:flex;flex-direction:column;gap:.2rem;max-width:68%}@keyframes msgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg.system{align-items:center;margin:.5rem 0;max-width:100%}.msg.system .msg-text{background:none;border:none;color:#454c5c;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;padding:0}.msg.mine{align-self:flex-end}.msg-author{color:#454c5c;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;padding:0 .75rem;text-transform:uppercase}.msg.mine .msg-author{color:#c8f06466;text-align:right}.msg-text{background:#0e1117;background:var(--bg2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:10px;font-size:.92rem;line-height:1.5;padding:.6rem .9rem;word-break:break-word}.msg-text,.msg.mine .msg-text{color:#e8eaf0;color:var(--text)}.msg.mine .msg-text{background:#c8f06414;border-color:#c8f0642e}.msg-time{color:#454c5c;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.58rem;padding:0 .75rem}.msg.mine .msg-time{text-align:right}.input-area{background:#0e1117;background:var(--bg2);border-top:1px solid #ffffff0f;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:.5rem;padding:1rem 1.25rem}.input-area input{background:#080a0e;background:var(--bg);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;color:#e8eaf0;color:var(--text);flex:1 1;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.9rem;outline:none;padding:.7rem 1rem;transition:border-color .15s}.input-area input:focus{border-color:#ffffff1f;border-color:var(--border2)}.send-btn{align-items:center;background:#c8f064;background:var(--accent);border:none;border-radius:8px;color:#080a0e;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:42px;justify-content:center;transition:opacity .15s,transform .1s;width:42px}.send-btn:hover{opacity:.88;transform:scale(1.04)}.send-btn:disabled{cursor:not-allowed;opacity:.25;transform:none}.call-indicator{align-items:center;background:#8af0b80f;border-top:1px solid #8af0b81f;color:#8af0b8;color:var(--accent2);display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;gap:.5rem;padding:.4rem 1.25rem}.call-dot{animation:pulse 1.5s infinite;background:#8af0b8;background:var(--accent2);border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.destroyed-screen{align-items:center;animation:fadeIn .4s ease;background:#080a0e;background:var(--bg);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.destroyed-icon{color:#454c5c;color:var(--text3);font-size:3rem}.destroyed-screen h2{color:#7a8090;color:var(--text2);font-size:1.5rem;font-weight:700}.destroyed-screen p{color:#454c5c;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em}@media (max-width:480px){.choice-cards{grid-template-columns:1fr}.logo{font-size:2.5rem}.msg{max-width:85%}.lifetime-grid{grid-template-columns:repeat(2,1fr)}}.share-panel{animation:fadeUp .2s ease;background:#0e1117;background:var(--bg2);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:1.25rem;padding:2rem}.share-label{color:#454c5c;color:var(--text3);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.share-code,.share-label{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.share-code{color:#c8f064;color:var(--accent);font-size:2.2rem;font-weight:700;letter-spacing:.25em;padding:1rem 0;text-align:center;text-shadow:0 0 30px #c8f0641f;text-shadow:0 0 30px var(--glow)}.share-options{display:flex;flex-direction:column;gap:.5rem}.share-row{grid-gap:.75rem;align-items:center;background:#080a0e;background:var(--bg);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:60px 1fr auto;padding:.6rem .75rem}.share-type{color:#454c5c;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.share-value{color:#7a8090;color:var(--text2);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-value.mono{color:#c8f064;color:var(--accent);letter-spacing:.15em}.share-copy,.share-value.mono{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.share-copy{background:#141820;background:var(--bg3);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:5px;color:#7a8090;color:var(--text2);cursor:pointer;flex-shrink:0;font-size:.65rem;padding:.25rem .6rem;transition:all .15s;white-space:nowrap}.share-copy:hover{border-color:#c8f064;border-color:var(--accent);color:#c8f064;color:var(--accent)}@media (max-width:600px){.home{justify-content:flex-start;padding:2.5rem 1rem 1.5rem}.home-header{margin-bottom:2rem}.logo{font-size:2.8rem}.home-main{width:100%}.choice-cards{gap:.75rem;grid-template-columns:1fr 1fr}.choice-card{padding:1.25rem 1rem}.form-panel{padding:1.5rem 1.25rem}.lifetime-grid{grid-template-columns:repeat(2,1fr)}.hiw-grid{gap:.5rem;grid-template-columns:1fr}.hiw-item{align-items:flex-start;flex-direction:row;gap:.75rem;padding:1rem}.hiw-num{flex-shrink:0;margin-top:2px}.principles{gap:.4rem}.principle{font-size:.62rem;padding:.25rem .6rem}.channel-header{flex-wrap:wrap;gap:.5rem;padding:.65rem .75rem}.ch-code{font-size:.75rem;letter-spacing:.1em}.messages{padding:1rem .75rem}.input-area{padding:.75rem}.msg{max-width:88%}.members-bar{padding:.4rem .75rem}.share-row{gap:.5rem;grid-template-columns:55px 1fr auto;padding:.5rem .6rem}.share-value{font-size:.72rem}.share-code{font-size:1.8rem}}.mode-switcher{bottom:1.5rem;position:fixed;right:1.5rem;z-index:100}.mode-switch-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1117;background:var(--bg2);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:99px;color:#7a8090;color:var(--text2);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;padding:.5rem 1.1rem;transition:all .2s}.mode-switch-btn:hover{border-color:#ffffff1f;border-color:var(--border2);color:#e8eaf0;color:var(--text)}.mode-switch-btn.perm{border-color:#8264f066;color:#a78bfa}.mode-switch-btn.perm:hover{background:#8264f014}.perm-home{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.perm-home-bg{background:radial-gradient(ellipse 60% 40% at 30% 30%,#8264f00f 0,#0000 70%),radial-gradient(ellipse 50% 60% at 70% 70%,#6496f00a 0,#0000 70%),#080a0e;background:radial-gradient(ellipse 60% 40% at 30% 30%,#8264f00f 0,#0000 70%),radial-gradient(ellipse 50% 60% at 70% 70%,#6496f00a 0,#0000 70%),var(--bg);inset:0;pointer-events:none;position:fixed;z-index:0}.perm-home-bg:after{background-image:linear-gradient(#8264f005 1px,#0000 0),linear-gradient(90deg,#8264f005 1px,#0000 0);background-size:48px 48px;content:"";inset:0;position:absolute}.perm-home-header{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.perm-logo{align-items:baseline;color:#e8eaf0;color:var(--text);display:flex;font-size:3rem;font-weight:800;gap:.5rem;justify-content:center;letter-spacing:-.03em}.perm-logo-e{color:#a78bfa}.perm-logo-tag{border:1px solid #a78bfa4d;border-radius:4px;color:#a78bfa;font-size:.75rem;font-weight:400;letter-spacing:.08em;padding:.15rem .4rem;text-transform:uppercase}.perm-logo-tag,.perm-tagline{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.perm-tagline{color:#454c5c;color:var(--text3);font-size:.72rem;letter-spacing:.1em;margin-top:.75rem}.perm-card{border-color:#8264f026}.perm-card:hover{border-color:#8264f059}.perm-icon{color:#a78bfa!important}.perm-form{border-color:#8264f033}.perm-btn{background:#7c3aed}.perm-btn:hover{background:#6d28d9;opacity:1}.perm-channel{background:#080a0e;background:var(--bg);height:100vh}.perm-header{background:#0e1117;background:var(--bg2);border-bottom:1px solid #8264f033;padding:.85rem 1.25rem}.perm-header-left{gap:.75rem}.perm-badge{border-radius:4px;font-size:.58rem;font-weight:600;letter-spacing:.1em;padding:.15rem .4rem}.perm-name{color:var(--text);font-size:1rem}.perm-header-actions{gap:.4rem}.perm-action-btn{background:#141820;background:var(--bg3);border:1px solid #ffffff0f;border:1px solid var(--border);color:var(--text2);font-size:1rem;height:32px;width:32px}.perm-action-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.perm-info-panel{background:#0e1117;background:var(--bg2);border-bottom:1px solid #8264f026;gap:.5rem;padding:.75rem 1.25rem}.perm-info-row{color:var(--text2);font-size:.72rem}.perm-code-display{letter-spacing:.15em}.tg-btn{background:#29b6f61a;border:1px solid #29b6f64d;border-radius:5px;font-size:.65rem;padding:.2rem .6rem;transition:all .15s}.tg-btn:hover{background:#29b6f633}.perm-members-bar{background:#0e1117;background:var(--bg2);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);color:var(--text3);font-size:.65rem;gap:.25rem;padding:.4rem 1.25rem}.perm-online-dot{animation:pulse 2s infinite;height:6px;margin-right:.25rem;width:6px}.perm-messages{gap:.75rem;overflow-y:auto;padding:1.25rem}.perm-messages::-webkit-scrollbar{width:4px}.perm-messages::-webkit-scrollbar-thumb{background:#ffffff1f;background:var(--border2);border-radius:2px}.perm-empty{align-items:center;display:flex;flex-direction:column;gap:.75rem}.perm-empty-icon{color:#a78bfa4d;font-size:2.5rem}.perm-empty p{color:var(--text2);font-size:.9rem}.perm-empty-sub{color:var(--text3)!important;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem!important}.perm-input-area{background:#0e1117;background:var(--bg2);border-top:1px solid #8264f026;gap:.4rem;padding:.85rem 1rem}.perm-attach-btn{background:#141820;background:var(--bg3);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:6px;flex-shrink:0;font-size:.85rem;height:36px;transition:all .15s;width:36px}.perm-attach-btn:hover{border-color:#8264f066}.perm-input{background:#080a0e;background:var(--bg);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;padding:.65rem .9rem;transition:border-color .15s}.perm-input:focus{border-color:#8264f080}.perm-send-btn{background:#7c3aed;border-radius:8px;flex-shrink:0;font-size:.85rem;height:38px;transition:opacity .15s;width:38px}.perm-send-btn:disabled{opacity:.25}@media (max-width:600px){.mode-switcher{bottom:1rem;right:1rem}.perm-msg-body{max-width:80%}.perm-msg-img{max-width:200px}.perm-input-area{gap:.3rem;padding:.65rem .75rem}}.reactions-display{gap:.3rem;margin-top:.3rem}.reaction-pill{background:#141820;background:var(--bg3);border:1px solid #ffffff0f;border:1px solid var(--border);color:var(--text2);font-size:.75rem;gap:.25rem;padding:.15rem .5rem;transition:all .15s}.reaction-pill:hover{border-color:#8264f066}.reaction-pill.mine{background:#8264f01a}.reaction-picker{background:#0e1117;background:var(--bg2);border:1px solid #ffffff1f;border:1px solid var(--border2);box-shadow:0 4px 20px #0006;gap:.25rem;margin-top:.3rem;padding:.3rem .5rem}.reaction-option{border-radius:6px;font-size:1.1rem;padding:.15rem .2rem;transition:transform .1s,background .1s}.reaction-option:hover{background:#141820;background:var(--bg3);transform:scale(1.3)}.perm-react-btn{background:none;border:none;color:#454c5c;color:var(--text3);cursor:pointer;font-size:.75rem;opacity:0;padding:0;transition:opacity .15s,color .15s}.perm-msg:hover .perm-react-btn{opacity:1}.perm-react-btn:hover{color:#a78bfa}.mention-me{background:#c8f06414;color:var(--accent)}.mention-suggestions{background:#0e1117;background:var(--bg2);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:.4rem 0}.mention-option{color:var(--text);font-size:.85rem;gap:.6rem;padding:.4rem 1rem}.mention-option:hover{background:#141820;background:var(--bg3)}.mention-avatar{background:#8264f033;flex-shrink:0;font-size:.58rem;height:24px;width:24px}.recording-bar{gap:.75rem;padding:0 .25rem}.rec-dot{background:var(--danger);height:8px;width:8px}.rec-time{color:var(--danger);font-size:.85rem;min-width:28px}.rec-stop{background:#c8f0641a;border:1px solid #c8f0644d;color:var(--accent);font-size:.78rem;padding:.5rem;transition:all .15s}.rec-stop:hover{background:#c8f0642e}.rec-cancel{color:var(--text3);font-size:.9rem;padding:.25rem;transition:color .15s}.rec-cancel:hover{color:#f06464;color:var(--danger)}@media (max-width:600px){.reaction-picker{padding:.25rem .4rem}.reaction-option{font-size:1rem}}.storage-notice{animation:fadeUp .3s ease;background:#0e1117;background:var(--bg2);border:1px solid #a78bfa4d;border-radius:12px;border-radius:var(--radius);bottom:1rem;box-shadow:0 4px 24px #00000080;color:var(--text2);font-size:.7rem;gap:1rem;max-width:90vw;padding:.75rem 1rem;z-index:1000}.storage-notice span{line-height:1.4}.storage-notice button{background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:6px;font-size:.68rem;padding:.3rem .75rem;transition:all .15s}.storage-notice button:hover{background:#a78bfa40}.audio-player{background:#8264f00f;border:1px solid #8264f026;border-radius:99px;gap:.6rem;max-width:260px;min-width:200px;padding:.4rem .75rem}.audio-play-btn,.audio-player{align-items:center;display:flex}.audio-play-btn{background:#8264f033;border:none;border-radius:50%;color:#a78bfa;cursor:pointer;flex-shrink:0;font-size:.7rem;height:28px;justify-content:center;transition:background .15s;width:28px}.audio-play-btn:hover{background:#8264f059}.audio-track{background:#ffffff14;border-radius:99px;cursor:pointer;flex:1 1;height:3px;overflow:hidden;position:relative}.audio-progress{background:#a78bfa;border-radius:99px;height:100%;transition:width .1s linear}.audio-time{color:#454c5c;color:var(--text3);flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.58rem;white-space:nowrap}@media (max-width:600px){.audio-player{min-width:160px}}.msg-footer{align-items:center;display:flex;gap:.4rem;margin-top:.1rem}.msg-react-btn{background:none;border:none;color:#454c5c;color:var(--text3);cursor:pointer;font-size:.7rem;opacity:0;padding:0;transition:opacity .15s,color .15s}.msg:hover .msg-react-btn{opacity:1}.msg-react-btn:hover{color:#c8f064;color:var(--accent)}.reply-preview{border-left:2px solid #c8f064;border-left:2px solid var(--accent);border-radius:4px;display:flex;flex-direction:column;gap:.1rem;margin-bottom:.3rem;padding:.3rem .6rem}.perm-msg.mine .reply-preview{border-left-color:#a78bfa}.reply-nick{color:#c8f064;color:var(--accent);font-size:.62rem}.perm-msg.mine .reply-nick{color:#a78bfa}.reply-text{color:#7a8090;color:var(--text2);font-size:.78rem}.reply-bar{animation:fadeUp .15s ease;background:#0e1117;background:var(--bg2);border-top:1px solid var(--border);gap:.75rem;padding:.5rem 1rem}.reply-bar-content{display:flex;flex-direction:column;gap:.1rem}.reply-bar-nick{color:#c8f064;color:var(--accent);font-size:.62rem}.reply-bar-text{color:var(--text2);font-size:.78rem}.reply-bar-close{color:var(--text3);padding:.25rem;transition:color .15s}.reply-bar-close:hover{color:#f06464;color:var(--danger)}.msg-action-btn{background:none;border:none;color:#454c5c;color:var(--text3);cursor:pointer;font-size:.7rem;opacity:0;padding:0;transition:opacity .15s,color .15s}.msg:hover .msg-action-btn{opacity:1}.msg-action-btn:hover{color:#c8f064;color:var(--accent)}.mention-tg{background:#c8f06414!important;border-color:#c8f0644d!important;color:var(--accent)!important}.notify-active-badge{border:1px solid #4ade804d;border-radius:5px;font-size:.65rem;padding:.2rem .6rem}@media (hover:none){.msg-action-btn,.msg-react-btn,.perm-delete-btn,.perm-react-btn{opacity:1!important}.msg-action-btn,.msg-react-btn{font-size:.75rem}}.channel,.perm-channel{display:flex;flex-direction:column;height:100dvh;height:-webkit-fill-available;overflow:hidden}.channel-header,.perm-header{padding-top:max(.85rem,calc(.5rem + env(safe-area-inset-top)))}.call-indicator,.input-area,.mention-suggestions,.perm-input-area,.reply-bar{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.messages,.perm-messages{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto}.perm-msg-body{max-width:72%;overflow:hidden}.perm-msg.mine .perm-msg-body{max-width:72%}.perm-msg-bubble{word-break:break-word}.perm-msg-bubble,.perm-msg-text{overflow-wrap:break-word}@media (hover:none) and (pointer:coarse){.msg-action-btn,.msg-react-btn,.perm-delete-btn,.perm-react-btn{opacity:.7!important}}@media (max-width:600px){.perm-header{padding-left:.75rem;padding-right:.75rem}.perm-messages{padding:.75rem}.input-area,.perm-input-area{padding:.5rem .75rem max(.75rem,env(safe-area-inset-bottom))}.perm-msg-body{max-width:78%}.perm-msg-meta{flex-wrap:nowrap;gap:.35rem}.perm-msg-time{font-size:.55rem}}.perm-channel{background:#0a0c10;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed}.perm-header{background:#111318;border-bottom:1px solid #8264f02e;flex-shrink:0;justify-content:space-between;padding:max(.75rem,env(safe-area-inset-top)) 1rem .75rem;z-index:10}.perm-header,.perm-header-left{align-items:center;display:flex}.perm-header-left{gap:.6rem;overflow:hidden}.perm-badge{border:1px solid #a78bfa59;border-radius:3px;color:#a78bfa;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.08em;padding:.1rem .35rem;white-space:nowrap}.perm-name{color:#e8eaf0;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perm-header-actions{display:flex;flex-shrink:0;gap:.35rem}.perm-action-btn{align-items:center;background:#1a1d24;border:1px solid #ffffff14;border-radius:6px;color:#7a8090;cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;transition:all .15s;width:30px}.perm-action-btn:hover{border-color:#a78bfa;color:#a78bfa}.perm-action-btn.danger:hover{border-color:#f06464;color:#f06464}.perm-info-panel{background:#111318;border-bottom:1px solid #8264f01f;display:flex;flex-direction:column;flex-shrink:0;gap:.45rem;padding:.6rem 1rem}.perm-info-row{align-items:center;color:#7a8090;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem;justify-content:space-between}.perm-code-display{color:#a78bfa;letter-spacing:.12em}.tg-btn{background:#29b6f614;border:1px solid #29b6f640;border-radius:4px;color:#29b6f6;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.63rem;padding:.18rem .55rem;text-decoration:none}.mention-tg{background:#c8f0640f!important;border-color:#c8f06440!important;color:#c8f064!important}.notify-active-badge{border:1px solid #4ade8040;border-radius:4px;color:#4ade80;font-size:.63rem;padding:.18rem .55rem}.notify-active-badge,.perm-members-bar{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.perm-members-bar{align-items:center;background:#111318;border-bottom:1px solid #ffffff0d;color:#454c5c;display:flex;flex-shrink:0;font-size:.6rem;gap:.2rem;padding:.3rem 1rem}.perm-online-dot{background:#4ade80;border-radius:50%;flex-shrink:0;height:5px;margin-right:.2rem;width:5px}.perm-messages{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:.2rem;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;padding:.75rem}.perm-empty{margin:auto;text-align:center}.perm-empty-icon{color:#a78bfa33;font-size:2rem;margin-bottom:.5rem}.perm-empty p{color:#7a8090;font-size:.85rem}.perm-empty-sub{color:#454c5c!important;font-family:JetBrains Mono,monospace!important;font-family:var(--font-mono)!important;font-size:.63rem!important;margin-top:.25rem}.perm-msg{align-items:flex-end;box-sizing:border-box;display:flex;gap:.4rem;width:100%}.perm-msg.mine{flex-direction:row-reverse}.perm-avatar{align-items:center;background:#8264f02e;border-radius:50%;color:#a78bfa;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.55rem;font-weight:700;height:26px;justify-content:center;min-width:26px;width:26px}.perm-avatar.hidden{visibility:hidden}.mine-avatar{background:#c8f0641a;color:#c8f064}.perm-msg-body{display:flex;flex-direction:column;gap:.08rem;max-width:min(72%,400px);min-width:0}.perm-msg.mine .perm-msg-body{align-items:flex-end}.perm-msg-author{color:#a78bfa;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.58rem;font-weight:600;margin-bottom:.05rem;padding-left:.6rem}.perm-msg-bubble{background:#1a1d26;border-radius:14px 14px 14px 3px;box-sizing:border-box;display:flex;flex-direction:column;gap:.3rem;max-width:100%;min-width:60px;overflow:hidden;padding:.45rem .7rem .35rem}.perm-msg.mine .perm-msg-bubble{background:#2d1f6e;border-radius:14px 14px 3px 14px}.perm-msg-text{color:#e8eaf0;font-size:.88rem;line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.perm-msg-meta{align-items:center;display:flex;gap:.3rem;justify-content:flex-end}.perm-msg-time{color:#ffffff38;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.54rem;white-space:nowrap}.perm-delete-btn,.perm-react-btn{background:none;border:none;color:#ffffff38;cursor:pointer;font-size:.6rem;line-height:1;padding:0}.perm-react-btn:hover{color:#ffffff8c}.perm-delete-btn:hover{color:#f06464}@media (hover:none){.perm-delete-btn,.perm-react-btn{color:#ffffff4d}}.perm-msg-img{border-radius:8px;cursor:pointer;display:block;max-height:180px;max-width:200px;object-fit:cover}.perm-msg-file{color:#a78bfa;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;text-decoration:none}.audio-player{max-width:220px;min-width:160px}.reactions-display{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.12rem}.reaction-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:99px;color:#7a8090;cursor:pointer;display:flex;font-size:.7rem;gap:.18rem;padding:.08rem .4rem;transition:all .12s}.reaction-pill.mine{background:#8264f01f;border-color:#8264f059;color:#a78bfa}.reaction-picker{animation:fadeUp .1s ease;background:#1a1d26;border:1px solid #ffffff1a;border-radius:99px;box-shadow:0 4px 16px #00000080;display:flex;gap:.15rem;margin-top:.15rem;padding:.2rem .35rem;width:-webkit-fit-content;width:fit-content}.reaction-option{background:none;border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:.08rem .12rem;transition:transform .1s}.reaction-option:hover{transform:scale(1.25)}.reply-preview{background:#ffffff0a;border-left:2px solid #a78bfa;border-radius:3px;margin-bottom:.12rem;overflow:hidden;padding:.18rem .45rem}.perm-msg.mine .reply-preview{border-left-color:#c8f064}.reply-nick{color:#a78bfa;display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.56rem;font-weight:600}.perm-msg.mine .reply-nick{color:#c8f064}.reply-text{color:#ffffff59;display:block;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar{align-items:center;background:#111318;border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:.6rem;padding:.35rem .75rem}.reply-bar-content{flex:1 1;min-width:0}.reply-bar-nick{color:#a78bfa;display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.58rem;font-weight:600}.reply-bar-text{color:#7a8090;display:block;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar-close{background:none;border:none;color:#454c5c;cursor:pointer;flex-shrink:0;font-size:.8rem;padding:.2rem}.mention-suggestions{background:#111318;border-top:1px solid #ffffff0f;flex-shrink:0}.mention-option{align-items:center;background:none;border:none;box-sizing:border-box;color:#e8eaf0;cursor:pointer;display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.82rem;gap:.45rem;padding:.38rem .75rem;transition:background .1s;width:100%}.mention-option:hover{background:#ffffff0a}.mention-avatar{align-items:center;background:#8264f02e;border-radius:50%;color:#a78bfa;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.52rem;height:20px;justify-content:center;min-width:20px;width:20px}.mention{color:#a78bfa;font-weight:600}.mention-me{background:#c8f06412;border-radius:3px;color:#c8f064;padding:0 2px}.perm-input-area{align-items:center;background:#111318;border-top:1px solid #8264f01f;display:flex;flex-shrink:0;gap:.35rem;padding:.5rem .65rem max(.65rem,env(safe-area-inset-bottom))}.perm-attach-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffffff59;cursor:pointer;display:flex;font-size:.95rem;height:34px;justify-content:center;min-width:34px;transition:color .12s;width:34px}.perm-attach-btn:hover{color:#a78bfa}.perm-attach-btn:disabled{cursor:not-allowed;opacity:.3}.perm-input{background:#1a1d26;border:1px solid #ffffff14;border-radius:18px;color:#e8eaf0;flex:1 1;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.88rem;min-width:0;outline:none;padding:.5rem .9rem;transition:border-color .12s;-webkit-user-select:text;user-select:text}.perm-input:focus{border-color:#8264f059}.perm-send-btn{align-items:center;background:#6d28d9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.82rem;height:34px;justify-content:center;min-width:34px;transition:opacity .12s;width:34px}.perm-send-btn:hover{opacity:.85}.perm-send-btn:disabled{cursor:not-allowed;opacity:.2}.recording-bar{align-items:center;display:flex;gap:.6rem;width:100%}.rec-dot{animation:pulse 1s infinite;background:#f06464;border-radius:50%;flex-shrink:0;height:7px;width:7px}.rec-time{color:#f06464;font-size:.82rem;min-width:32px}.rec-stop,.rec-time{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.rec-stop{background:#c8f06414;border:1px solid #c8f06440;border-radius:8px;color:#c8f064;cursor:pointer;flex:1 1;font-size:.75rem;padding:.45rem}.rec-cancel{background:none;border:none;color:#454c5c;cursor:pointer;font-size:.85rem;padding:.2rem}.storage-notice{align-items:center;background:#1a1d26;border:1px solid #a78bfa40;border-radius:10px;bottom:max(1rem,env(safe-area-inset-bottom));box-shadow:0 4px 20px #00000080;color:#7a8090;display:flex;font-size:.67rem;gap:.9rem;left:50%;max-width:92vw;padding:.65rem .9rem;position:fixed;transform:translateX(-50%);z-index:100}.storage-notice,.storage-notice button{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.storage-notice button{background:#a78bfa1f;border:1px solid #a78bfa40;border-radius:5px;color:#a78bfa;cursor:pointer;flex-shrink:0;font-size:.65rem;padding:.25rem .65rem;white-space:nowrap}
/*# sourceMappingURL=main.792226f7.css.map*/