:root{--color-true-black:#000;--color-deep-black:#0a0a0a;--color-charcoal:#111;--color-dark-gray:#1a1a1a;--color-medium-gray:#2a2a2a;--color-light-gray:#3a3a3a;--color-text-primary:#e8e8e8;--color-text-secondary:#b8b8b8;--color-accent-primary:#8b5cf6;--color-accent-secondary:#7c3aed;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-border-subtle:#333;--color-border-visible:#444;--color-shadow-dark:#0006;--color-shadow-medium:#0003;--color-shadow-light:#0000001a;--color-glass-bg:#111c;--color-glass-border:#ffffff1a;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Cascadia Code","Roboto Mono",monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}[data-theme=light]{--color-true-black:#fff;--color-deep-black:#fafafa;--color-charcoal:#f5f5f5;--color-dark-gray:#e5e5e5;--color-medium-gray:#d4d4d4;--color-light-gray:#a3a3a3;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-border-subtle:#e5e5e5;--color-border-visible:#d4d4d4;--color-shadow-dark:#0000001a;--color-shadow-medium:#0000000d;--color-shadow-light:#00000005;--color-glass-bg:#fffc;--color-glass-border:#0000001a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--color-true-black);color:#e8e8e8;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-primary);margin:0;overflow-x:hidden;padding:0;transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#111;background:var(--color-charcoal);border-radius:6px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:#3a3a3a;background:var(--color-light-gray);border-radius:6px;border-radius:var(--radius-sm);-webkit-transition:background .15s ease;transition:background .15s ease;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:#8b5cf6;background:var(--color-accent-primary);color:#000;color:var(--color-true-black)}::-moz-selection{background:#8b5cf6;background:var(--color-accent-primary);color:#000;color:var(--color-true-black)}:focus-visible{border-radius:6px;border-radius:var(--radius-sm);outline:2px solid #8b5cf6;outline:2px solid var(--color-accent-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:#e8e8e8;color:var(--color-text-primary);font-weight:600;line-height:1.2;margin:0}p{color:#b8b8b8;color:var(--color-text-secondary);line-height:1.6;margin:0}code{background:#111;background:var(--color-charcoal);border-radius:6px;border-radius:var(--radius-sm);color:#8b5cf6;color:var(--color-accent-primary);font-family:JetBrains Mono,Fira Code,Cascadia Code,Roboto Mono,monospace;font-family:var(--font-family-mono);font-size:.9em;padding:2px 6px}button{border:none;cursor:pointer;font-family:inherit;outline:none;overflow:hidden;position:relative;transition:all .15s ease;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{background:#111;background:var(--color-charcoal);border:1px solid #333;border:1px solid var(--color-border-subtle);border-radius:12px;border-radius:var(--radius-md);color:#e8e8e8;color:var(--color-text-primary);font-family:inherit;outline:none;transition:all .15s ease;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111c;background:var(--color-glass-bg);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulsatingGlow{0%,to{box-shadow:0 0 5px #8b5cf64d,0 0 10px #8b5cf633,0 0 15px #8b5cf61a}50%{box-shadow:0 0 10px #8b5cf699,0 0 20px #8b5cf666,0 0 30px #8b5cf633}}@keyframes pulsatingGlowKick{0%,to{box-shadow:0 0 5px #10b9814d,0 0 10px #10b98133,0 0 15px #10b9811a}50%{box-shadow:0 0 10px #10b98199,0 0 20px #10b98166,0 0 30px #10b98133}}.nickname-glow{animation:pulsatingGlow 2s ease-in-out infinite;border-radius:8px;padding:2px 4px;transition:all .3s ease}.nickname-glow:hover{animation-duration:1s;box-shadow:0 0 15px #8b5cf6cc,0 0 25px #8b5cf699,0 0 35px #8b5cf666}.nickname-glow-kick{animation:pulsatingGlowKick 2s ease-in-out infinite;border-radius:8px;padding:2px 4px;transition:all .3s ease}.nickname-glow-kick:hover{animation-duration:1s;box-shadow:0 0 15px #10b981cc,0 0 25px #10b98199,0 0 35px #10b98166}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-content{word-wrap:break-word;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#111;background:var(--color-charcoal);border:1px solid #333;border:1px solid var(--color-border-subtle);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;color:#e8e8e8;color:var(--color-text-primary);font-size:12px;font-weight:500;left:50%;max-width:300px;min-width:80px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:pre-line;z-index:999999999}.tooltip .tooltip-content:after{border:5px solid #0000;border-top-color:#111;border-color:var(--color-charcoal) #0000 #0000 #0000;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip.tooltip-below .tooltip-content{bottom:auto;top:100%;transform:translateX(-50%) translateY(8px)}.tooltip.tooltip-below .tooltip-content:after{border-color:#0000 #0000 #111;border-color:#0000 #0000 var(--color-charcoal) #0000;bottom:auto;top:-5px}.tooltip.tooltip-right .tooltip-content{bottom:auto;left:100%;right:auto;top:50%;transform:translateX(8px) translateY(-50%)}.tooltip.tooltip-right .tooltip-content:after{border-color:#0000 #111 #0000 #0000;border-color:#0000 var(--color-charcoal) #0000 #0000;bottom:auto;left:-5px;margin-left:0;margin-top:-5px;right:auto;top:50%}.tooltip.tooltip-left .tooltip-content{bottom:auto;left:auto;right:100%;top:50%;transform:translateX(-8px) translateY(-50%)}.tooltip.tooltip-left .tooltip-content:after{border-color:#0000 #0000 #0000 #111;border-color:#0000 #0000 #0000 var(--color-charcoal);bottom:auto;left:auto;margin-left:0;margin-top:-5px;right:-5px;top:50%}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.tooltip:hover .tooltip-content:not(.tooltip-below):not(.tooltip-right):not(.tooltip-left){transform:translateX(-50%) translateY(-12px)}.tooltip.tooltip-below:hover .tooltip-content{transform:translateX(-50%) translateY(12px)}.tooltip.tooltip-right:hover .tooltip-content{transform:translateX(12px) translateY(-50%)}.tooltip.tooltip-left:hover .tooltip-content{transform:translateX(-12px) translateY(-50%)}[data-theme=light] .tooltip .tooltip-content{background:var(--color-surface);border-color:#333;border-color:var(--color-border-subtle);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;color:#e8e8e8;color:var(--color-text-primary)}[data-theme=light] .tooltip .tooltip-content:after{border-color:var(--color-surface) #0000 #0000 #0000}[data-theme=light] .tooltip.tooltip-below .tooltip-content:after{border-color:#0000 #0000 var(--color-surface) #0000}[data-theme=light] .tooltip.tooltip-right .tooltip-content:after{border-color:#0000 var(--color-surface) #0000 #0000}[data-theme=light] .tooltip.tooltip-left .tooltip-content:after{border-color:#0000 #0000 #0000 var(--color-surface)}.responsive-container{box-sizing:border-box;margin:0 auto;max-width:100vw;padding:0 16px;padding:0 var(--spacing-md);width:100%}.responsive-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;min-height:0}.responsive-flex,.responsive-grid{box-sizing:border-box;gap:16px;gap:var(--spacing-md);width:100%}.responsive-flex{display:flex}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-responsive-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-responsive-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-responsive-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-flexible{grid-gap:16px;grid-gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));width:100%}.chat-grid,.grid-flexible{display:grid;gap:16px;gap:var(--spacing-md);min-height:0}.chat-grid{grid-gap:16px;grid-gap:var(--spacing-md);grid-template-columns:1fr;height:100%}.account-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));min-height:0;overflow:hidden;width:100%}.responsive-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111;background:var(--color-charcoal);border:1px solid #333;border:1px solid var(--color-border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0003;box-shadow:0 4px 6px -1px var(--color-shadow-light),0 2px 4px -1px var(--color-shadow-medium);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.responsive-card:hover{border-color:#444;border-color:var(--color-border-visible);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0003;box-shadow:0 10px 15px -3px var(--color-shadow-light),0 4px 6px -2px var(--color-shadow-medium);transform:translateY(-2px)}.responsive-card-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:16px;padding-bottom:var(--spacing-md)}.responsive-card-content{flex:1 1;min-height:0;overflow:auto}.responsive-card-footer{border-top:1px solid #333;border-top:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md);padding-top:16px;padding-top:var(--spacing-md)}.btn-responsive{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn-responsive:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));box-shadow:0 4px 6px -1px #8b5cf64d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 8px -1px #8b5cf666;transform:translateY(-2px)}.btn-secondary{background:#111;background:var(--color-charcoal);border:1px solid #333;border:1px solid var(--color-border-subtle);color:#e8e8e8;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:#1a1a1a;background:var(--color-dark-gray);border-color:#444;border-color:var(--color-border-visible);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success),#059669);box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 6px 8px -1px #10b98166;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--color-warning),#d97706);box-shadow:0 4px 6px -1px #f59e0b4d;color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 6px 8px -1px #f59e0b66;transform:translateY(-2px)}.btn-error{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-error),#dc2626);box-shadow:0 4px 6px -1px #ef44444d;color:#fff}.btn-error:hover:not(:disabled){box-shadow:0 6px 8px -1px #ef444466;transform:translateY(-2px)}.input-responsive{background:#111;background:var(--color-charcoal);border:1px solid #333;border:1px solid var(--color-border-subtle);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#e8e8e8;color:var(--color-text-primary);font-family:inherit;font-size:14px;min-height:44px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input-responsive:focus{background:#1a1a1a;background:var(--color-dark-gray);border-color:#8b5cf6;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.input-responsive::placeholder{color:#b8b8b8;color:var(--color-text-secondary);opacity:.7}.form-responsive{gap:24px;gap:var(--spacing-lg);width:100%}.form-group,.form-responsive{display:flex;flex-direction:column}.form-group{gap:8px;gap:var(--spacing-sm)}.form-row{align-items:end;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}.form-label{color:#e8e8e8;color:var(--color-text-primary);font-size:14px;font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.sidebar-responsive{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111;background:var(--color-charcoal);border:1px solid #333;border:1px solid var(--color-border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px var(--color-shadow-light);overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative}.main-content-responsive{display:flex;flex:1 1;flex-direction:column;gap:24px;gap:var(--spacing-lg);min-width:0}.header-responsive{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111c;background:var(--color-glass-bg);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px var(--color-shadow-light);padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;z-index:10}@media (max-width:2560px){.responsive-container{max-width:2400px}}@media (max-width:1920px){.responsive-container{max-width:1800px}.grid-responsive-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1440px){.responsive-container{max-width:1320px}.grid-responsive-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-responsive-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:1200px){.responsive-container{max-width:1080px}.grid-responsive-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-responsive-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-responsive-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){:root{--spacing-md:12px;--spacing-lg:20px;--spacing-xl:28px}.responsive-container{padding:0 8px;padding:0 var(--spacing-sm)}.responsive-flex,.responsive-grid{gap:8px;gap:var(--spacing-sm)}.responsive-card{padding:16px;padding:var(--spacing-md)}.btn-responsive{font-size:13px;min-height:48px}.btn-responsive,.input-responsive{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.input-responsive{font-size:16px}.form-row{align-items:stretch;flex-direction:column}.grid-auto-fill,.grid-auto-fit,.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:1fr}button,input,select,textarea{min-height:44px}.glass{padding:16px}body{overflow-x:hidden}}@media (max-width:480px){:root{--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px}.responsive-container{padding:0 4px;padding:0 var(--spacing-xs)}.responsive-card{border-radius:12px;border-radius:var(--radius-md)}.btn-responsive,.responsive-card{padding:8px;padding:var(--spacing-sm)}.btn-responsive{font-size:12px;min-height:48px;min-width:48px}.input-responsive{font-size:16px;padding:8px;padding:var(--spacing-sm)}body{font-size:14px}h1,h2,h3{font-size:1.2em}.glass{padding:12px}}@media (min-width:1920px){:root{--spacing-md:20px;--spacing-lg:32px;--spacing-xl:48px}.responsive-container{max-width:2000px}.grid-responsive-4{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-height:500px) and (orientation:landscape){:root{--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px}.responsive-card{padding:8px;padding:var(--spacing-sm)}.btn-responsive{min-height:40px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.input-responsive,.responsive-card{border-width:.5px}}.responsive-text{display:inline}@media (max-width:768px){.responsive-text{display:none}}@media print{.responsive-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.btn-responsive{display:none}}@media (prefers-contrast:high){:root{--color-border-subtle:#555;--color-border-visible:#666}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.account-list-scrollable::-webkit-scrollbar{width:8px}.account-list-scrollable::-webkit-scrollbar-track{background:var(--color-surface);border-radius:4px}.account-list-scrollable::-webkit-scrollbar-thumb{background:#8b5cf6;background:var(--color-accent-primary);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.account-list-scrollable::-webkit-scrollbar-thumb:hover{background:#7c3aed;background:var(--color-accent-secondary)}[data-theme=light] .account-list-scrollable::-webkit-scrollbar-track{background:var(--color-surface)}[data-theme=light] .account-list-scrollable::-webkit-scrollbar-thumb{background:#8b5cf6;background:var(--color-accent-primary)}[data-theme=light] .account-list-scrollable::-webkit-scrollbar-thumb:hover{background:#7c3aed;background:var(--color-accent-secondary)}.chat-container{max-height:clamp(300px,60vh,600px);min-height:clamp(150px,20vh,250px)}.account-list-container,.chat-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden}.account-list-container{max-height:clamp(300px,70vh,800px);min-height:clamp(150px,15vh,250px)}.chat-iframe{border:none;border-radius:clamp(8px,1vw,12px);flex:1 1;height:100%;min-height:0;overflow:hidden;width:100%}.account-list-content{flex:1 1;max-height:100%;overflow-x:hidden;overflow-y:auto}.account-list-content,.account-list-grid{height:-webkit-fit-content;height:fit-content;min-height:0;width:100%}.account-list-grid{align-content:flex-start;display:flex;flex-wrap:wrap;gap:clamp(2px,.5vw,6px);overflow:hidden;padding:clamp(4px,1vw,12px);transition:max-height .3s ease}.account-button{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:10px;font-weight:500;height:28px;justify-content:center;min-width:60px;padding:4px 8px;position:relative;text-align:center;transition:all .2s ease}.account-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.account-button:active{transform:translateY(0)}.account-button.disabled{cursor:not-allowed;opacity:.4}.account-button.disabled:hover{box-shadow:none;transform:none}.account-button.selected{transform:none}.account-button.selected:hover{box-shadow:none;transform:none}button:not(.account-button):not(.disabled):not([disabled]){transition:all .2s ease}button:not(.account-button):not(.disabled):not([disabled]):hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}button:not(.account-button):not(.disabled):not([disabled]):active{transform:translateY(0)}button.disabled,button:disabled,button[disabled]{cursor:not-allowed!important}button.disabled:hover,button:disabled:hover,button[disabled]:hover{box-shadow:none!important;transform:none!important}button[title*=Close],button[title*=Hide]{transition:all .2s ease}button[title*=Close]:hover,button[title*=Hide]:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}button[title*=Theme],button[title*=Toggle],button[title*=theme]{transition:all .2s ease}button[title*=Theme]:hover,button[title*=Toggle]:hover,button[title*=theme]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.account-list-1-rows{max-height:clamp(30px,5vh,50px)}.account-list-2-rows{max-height:clamp(60px,8vh,90px)}.account-list-3-rows{max-height:clamp(90px,12vh,130px)}.account-list-4-rows{max-height:clamp(120px,15vh,170px)}.account-list-5-rows{max-height:clamp(150px,18vh,210px)}.account-list-6-rows{max-height:clamp(180px,22vh,250px)}.account-list-scrollable{max-height:clamp(200px,25vh,300px);overflow-x:hidden;overflow-y:auto}.responsive-fill{height:100%;min-height:0;min-width:0;width:100%}.responsive-no-overflow{min-height:0;min-width:0;overflow:hidden}.responsive-flex-grow{flex:1 1;min-height:0;min-width:0}.responsive-flex-shrink{flex-shrink:1;min-height:0;min-width:0}.responsive-flex-none{flex:none}@media (max-width:768px){.account-list-container,.chat-container{max-height:clamp(250px,40vh,350px);min-height:clamp(150px,15vh,200px)}.account-list-grid{gap:clamp(1px,.3vw,3px);padding:clamp(2px,.5vw,6px)}.responsive-card{padding:clamp(8px,2vw,16px)}.btn-responsive{font-size:clamp(11px,2.5vw,14px);padding:clamp(6px,1.5vw,12px) clamp(8px,2vw,16px)}}@media (min-width:2560px){.account-list-container,.chat-container{max-height:clamp(600px,50vh,800px);min-height:clamp(300px,15vh,400px)}.account-list-grid{gap:clamp(6px,.3vw,12px);padding:clamp(12px,.5vw,20px)}}.container-no-empty-space{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.container-fill-available{flex:1 1;min-height:0;min-width:0;overflow:hidden}.container-adaptive-height{height:auto;max-height:100%;min-height:0;overflow:hidden}.container-adaptive-width{max-width:100%;min-width:0;overflow:hidden;width:auto}.fullscreen-layout{grid-gap:0;box-sizing:border-box;display:grid;gap:0;grid-template-rows:auto 1fr;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.fullscreen-header{grid-row:1;min-height:0;overflow:hidden;z-index:100}.fullscreen-content{grid-gap:clamp(8px,1vw,16px);box-sizing:border-box;grid-row:2;grid-template-columns:1fr auto;height:100%;padding:clamp(8px,1vw,16px)}.fullscreen-content,.fullscreen-main{display:grid;gap:clamp(8px,1vw,16px);min-height:0;overflow:hidden}.fullscreen-main{grid-gap:clamp(8px,1vw,16px);grid-template-rows:1fr auto}.fullscreen-sidebar{grid-gap:clamp(8px,1vw,16px);display:grid;gap:clamp(8px,1vw,16px);grid-template-rows:1fr 1fr;max-width:400px;min-height:0;min-width:300px;overflow:hidden;width:clamp(300px,25vw,400px)}.fullscreen-stream{grid-row:1}.fullscreen-controls,.fullscreen-stream{background:#111;background:var(--color-charcoal);border:1px solid #333;border:1px solid var(--color-border-subtle);border-radius:clamp(12px,2vw,20px);box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px var(--color-shadow-light);min-height:0;overflow:hidden}.fullscreen-controls{box-sizing:border-box;grid-row:2;padding:clamp(12px,2vw,20px)}.fullscreen-chat{grid-row:1}.fullscreen-accounts,.fullscreen-chat{background:#111;background:var(--color-charcoal);border:1px solid #333;border:1px solid var(--color-border-subtle);border-radius:clamp(12px,2vw,20px);box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px var(--color-shadow-light);min-height:0;overflow:hidden}.fullscreen-accounts{box-sizing:border-box;grid-row:2;padding:clamp(12px,2vw,20px)}@media (max-width:768px){.fullscreen-layout{grid-template-rows:auto 1fr}.fullscreen-content{gap:clamp(6px,1.5vw,12px);grid-template-columns:1fr;grid-template-rows:1fr auto;padding:clamp(6px,1.5vw,12px)}.fullscreen-main{grid-row:1;grid-template-rows:1fr auto}.fullscreen-sidebar{grid-row:2;grid-template-rows:1fr 1fr;height:clamp(200px,30vh,400px);max-width:none;min-width:0;width:100%}}@media (max-width:480px){.fullscreen-content{gap:clamp(4px,1vw,8px);padding:clamp(4px,1vw,8px)}.fullscreen-sidebar{height:clamp(150px,25vh,300px)}}@media (min-width:1920px){.fullscreen-sidebar{max-width:500px;min-width:400px;width:clamp(400px,20vw,500px)}}@media (max-height:500px) and (orientation:landscape){.fullscreen-layout{grid-template-rows:auto 1fr}.fullscreen-content{grid-template-columns:1fr auto;grid-template-rows:1fr}.fullscreen-sidebar{grid-template-rows:1fr 1fr;height:100%;width:clamp(250px,30vw,350px)}}.stream-container-responsive{max-height:clamp(400px,70vh,800px);min-height:clamp(200px,30vh,400px)}.chat-container-responsive,.stream-container-responsive{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden;width:100%}.chat-container-responsive{max-height:clamp(300px,50vh,600px);min-height:clamp(150px,20vh,300px)}.account-list-responsive{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:clamp(200px,40vh,500px);min-height:clamp(100px,15vh,200px);min-width:0;overflow:hidden;width:100%}
/*# sourceMappingURL=main.b1db5cbf.css.map*/