@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media(max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media(max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}.react-hot-toast{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.react-hot-toast>div{background:#000!important;color:#fff!important;border:1px solid #00ff88!important;border-radius:8px!important;box-shadow:0 4px 12px #00ff884d!important}.react-hot-toast-icon{color:#0f8!important}.react-hot-toast[data-type=success]>div{border-color:#0f8!important;box-shadow:0 4px 12px #00ff884d!important}.react-hot-toast[data-type=success] .react-hot-toast-icon{color:#0f8!important}.react-hot-toast[data-type=error]>div{border-color:#f44!important;box-shadow:0 4px 12px #ff44444d!important}.react-hot-toast[data-type=error] .react-hot-toast-icon{color:#f44!important}.react-hot-toast[data-type=loading]>div{border-color:#0f8!important}.react-hot-toast[data-type=loading] .react-hot-toast-icon{color:#0f8!important}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #00ff88;--color-primary-dark: #00cc6a;--color-primary-light: #33ffaa;--color-bg: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #141414;--color-text: #ffffff;--color-text-secondary: #a0a0a0;--color-border: #1a1a1a;--color-border-light: #2a2a2a}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%;background:var(--color-bg);color:var(--color-text)}a{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.2}button{border-radius:8px;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;font-family:inherit;background-color:var(--color-primary);color:var(--color-bg);cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}button:hover:not(:disabled){background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}button.secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}input,textarea,select{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;color:var(--color-text);font-size:1rem;font-family:inherit;transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00ff881a}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.nav{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;flex-shrink:0}.layout{--nav-height: 73px}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none;transition:color .2s}.nav-logo:hover{color:var(--color-primary)}.nav-logo-icon{font-size:2rem;color:var(--color-primary)}.nav-links{display:flex;gap:1rem;flex:1;justify-content:center}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--color-text-secondary);text-decoration:none;border-radius:8px;transition:all .2s;font-weight:500}.nav-link:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-primary);background:#00ff881a}.nav-wallet{display:flex;align-items:center}.wallet-connect-btn{padding:.625rem 1.25rem;font-size:.875rem}.wallet-connected{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px}.wallet-address{font-family:Courier New,monospace;font-size:.875rem;color:var(--color-primary)}.main-content{flex:1;width:100%;display:flex;flex-direction:column}.main-content>.stream-page{min-height:0;overflow:hidden;height:calc(100vh - var(--nav-height, 73px));flex:1;display:flex;flex-direction:column;max-height:calc(100vh - var(--nav-height, 73px));position:relative}@media(max-width:768px){.layout{--nav-height: 120px}.nav-container{padding:1rem;flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:flex-start;margin-top:.5rem}.nav-logo{font-size:1.25rem}.nav-logo-icon{font-size:1.5rem}}.landing-page{width:100%;min-height:100vh}.hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;overflow:hidden}.hero-content{max-width:1200px;width:100%;z-index:2;text-align:center}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.hero-accent{color:var(--color-primary);display:inline-block;position:relative}.hero-accent:after{content:"";position:absolute;bottom:.1em;left:0;right:0;height:.15em;background:var(--color-primary);opacity:.3}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-text-secondary);max-width:700px;margin:0 auto 3rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;text-decoration:none;border-radius:12px;transition:all .2s;font-weight:600}.hero-button.primary{background:var(--color-primary);color:var(--color-bg)}.hero-button.primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #0f86}.hero-button.secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-border-light)}.hero-button.secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00ff880d}.hero-visual{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,255,136,.15) 0%,transparent 70%);filter:blur(80px)}.streams-section{max-width:1400px;margin:0 auto;padding:4rem 2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.75rem}.section-icon{font-size:2rem;color:var(--color-primary)}.section-title h2{font-size:2rem;font-weight:700}.section-link{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-weight:500;transition:color .2s}.section-link:hover{color:var(--color-primary)}.streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.stream-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:all .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.stream-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 24px #0f83}.stream-card-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-bg-tertiary);overflow:hidden}.stream-card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.stream-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--color-text-secondary)}.stream-card-live{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;background:#dc2626e6;color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}.stream-card-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.stream-card:hover .stream-card-overlay{opacity:1}.play-icon{font-size:4rem;color:#fff}.stream-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.stream-card-header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.stream-card-creator-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);flex-shrink:0;display:block;background:var(--color-bg-tertiary)}.stream-card-info{flex:1;min-width:0}.stream-card-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-card-creator{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.stream-card-meta{display:flex;justify-content:flex-end;align-items:center;font-size:.875rem;color:var(--color-text-secondary);margin-top:auto}.stream-card-viewers{display:flex;align-items:center;gap:.25rem}.cta-section{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:6rem 2rem;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.cta-content p{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:2rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.125rem;background:var(--color-primary);color:var(--color-bg);border-radius:12px;text-decoration:none;font-weight:600;transition:all .2s}.cta-button:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #0f86}.streams-loading,.streams-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.streams-empty-button{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-bg);border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}.streams-empty-button:hover{background:var(--color-primary-light);transform:translateY(-2px)}@media(max-width:768px){.hero{min-height:60vh;padding:2rem 1rem}.streams-section{padding:2rem 1rem}.streams-grid{grid-template-columns:1fr;gap:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.cta-section{padding:4rem 1rem}}.profile-page{width:100%;min-height:100vh;background:var(--color-bg);padding:0}.profile-connect{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem}.profile-connect-icon{font-size:5rem;margin-bottom:1.5rem;color:var(--color-primary)}.profile-connect h1{font-size:2.5rem;margin-bottom:1rem}.profile-connect p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:2rem;max-width:500px}.profile-connect-button{padding:1rem 2rem;font-size:1.125rem}.profile-banner-container{position:relative;width:calc(100% - 4rem);max-width:1200px;margin:1.5rem auto 0;aspect-ratio:3 / 1;min-height:200px;background:var(--color-bg-tertiary);overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.profile-banner{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.profile-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%)}.profile-banner-upload{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#000c;border:1px solid var(--color-border-light);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--color-text)}.profile-banner-upload:hover{background:#000000e6;border-color:var(--color-primary)}.profile-banner-upload input{display:none}.profile-header{max-width:1200px;margin:0 auto;padding:2rem 2rem 1.5rem;display:flex;gap:1.5rem;align-items:flex-start;border-bottom:1px solid var(--color-border)}.profile-avatar-container{position:relative;margin-top:-60px;flex-shrink:0}.profile-avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--color-bg);object-fit:cover;background:var(--color-bg-tertiary);display:block}.profile-avatar-placeholder{width:100px;height:100px;border-radius:50%;border:3px solid var(--color-bg);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-text-secondary)}.profile-avatar-upload{position:absolute;bottom:0;right:0;width:36px;height:36px;background:var(--color-primary);border:2px solid var(--color-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-bg);transition:all .2s;font-size:.875rem}.profile-avatar-upload:hover{background:var(--color-primary-light);transform:scale(1.1)}.profile-avatar-upload input{display:none}.profile-header-info{flex:1;min-width:0}.profile-name{font-size:1.75rem;margin-bottom:.25rem;font-weight:600}.profile-wallet{font-family:Courier New,monospace;color:var(--color-text-secondary);font-size:.8125rem;margin-bottom:.375rem}.profile-token{display:flex;align-items:center;gap:.5rem;color:var(--color-primary);font-size:.8125rem;font-family:Courier New,monospace}.profile-edit-name{margin-bottom:.5rem}.profile-name-input{width:100%;max-width:400px;font-size:1.75rem;font-weight:600;padding:.5rem 1rem}.profile-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-start}.profile-action-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.8125rem;white-space:nowrap}.profile-action-button.profile-save{background:var(--color-primary);color:var(--color-bg)}.profile-action-button.profile-cancel,.profile-action-button.profile-edit{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.profile-action-button.profile-stream{background:var(--color-primary);color:var(--color-bg)}.profile-sections-container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.profile-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.profile-section-title{font-size:1.25rem;margin-bottom:1.25rem;color:var(--color-text);font-weight:600}.streaming-preferences{display:flex;flex-direction:column;gap:1rem}.preference-option{margin-bottom:.75rem}.preference-option:last-child{margin-bottom:0}.preference-option input[type=radio]{display:none}.preference-label{display:flex;gap:.75rem;padding:1rem;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--color-bg-tertiary)}.preference-option input[type=radio]:checked+.preference-label{border-color:var(--color-primary);background:#00ff880d}.preference-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:6px;font-size:1.25rem;color:var(--color-primary);flex-shrink:0}.preference-title{font-size:.9375rem;font-weight:600;margin-bottom:.125rem;color:var(--color-text)}.preference-description{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.preference-input{margin-top:.75rem;margin-bottom:.75rem}.preference-input label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text);font-size:.875rem}.preference-input input{width:100%;padding:.625rem;font-size:.875rem}.preference-input small{font-size:.75rem;line-height:1.4;margin-top:.375rem;display:block}.preference-save-button{width:100%;padding:.75rem;font-size:.875rem;margin-top:.5rem}.token-linked-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;margin-bottom:.75rem;gap:1rem}.token-linked-header{display:flex;align-items:center;gap:1rem}.token-icon{font-size:1.5rem;color:var(--color-primary);flex-shrink:0}.token-linked-title{font-weight:600;color:var(--color-text);margin-bottom:.125rem;font-size:.875rem}.token-linked-mint{font-family:Courier New,monospace;font-size:.75rem;color:var(--color-primary)}.token-not-linked{padding:1rem;text-align:center}.token-not-linked p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.875rem}.token-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.preference-save-button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.preference-save-button.secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.profile-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;padding:2.5rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.profile-modal-header h2{margin:0;font-size:1.75rem;font-weight:700}.profile-modal-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;width:40px;height:40px}.profile-modal-close:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text)}.profile-modal-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.profile-modal-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.profile-modal-tab:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-tertiary)}.profile-modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-modal-tab:disabled{opacity:.5;cursor:not-allowed}.profile-modal-content{display:flex;flex-direction:column;gap:1.5rem}.profile-form-group{display:flex;flex-direction:column;gap:.75rem}.profile-form-group label{font-size:.875rem;color:var(--color-text);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-form-group input,.profile-form-group textarea{padding:1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;font-family:inherit;transition:all .2s}.profile-form-group input:focus,.profile-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00ff881a}.profile-form-group small{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}@media(max-width:768px){.profile-banner-container{width:calc(100% - 2rem);aspect-ratio:3 / 1;min-height:150px;border-radius:12px;margin-top:1rem}.profile-header{flex-direction:column;align-items:center;text-align:center;padding:1rem}.profile-avatar-container{margin-top:-40px}.profile-avatar,.profile-avatar-placeholder{width:80px;height:80px}.profile-name{font-size:1.5rem}.profile-actions{width:100%;flex-direction:column}.profile-action-button{width:100%;justify-content:center}.profile-sections-container{grid-template-columns:1fr;padding:1rem;gap:1rem}.profile-section{padding:1.25rem}.token-actions{flex-direction:column}}.stream-chat{display:flex;flex-direction:column;flex:1;min-height:0;background:transparent;overflow:hidden}.stream-chat-header{padding:1rem;border-bottom:1px solid var(--color-border);background:#0000004d}.stream-chat-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.stream-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.stream-chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-size:.875rem}.stream-chat-message{display:flex;gap:.75rem;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stream-chat-message-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary)}.stream-chat-message-avatar img{width:100%;height:100%;object-fit:cover;display:block}.stream-chat-message-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-bg);font-size:.75rem;font-weight:600}.stream-chat-message-content{flex:1;min-width:0}.stream-chat-message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.stream-chat-message-name{font-size:.875rem;font-weight:600;color:var(--color-text)}.stream-chat-message-time{font-size:.75rem;color:var(--color-text-secondary)}.stream-chat-message-text{font-size:.875rem;color:var(--color-text);word-wrap:break-word;line-height:1.4}.stream-chat-input-container{padding:1rem;border-top:1px solid var(--color-border);background:#0000004d;display:flex;gap:.5rem;align-items:center}.stream-chat-input{flex:1;padding:.75rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.875rem;font-family:inherit;transition:all .2s;overflow-y:auto;line-height:1.4}.stream-chat-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00ff881a}.stream-chat-input:disabled{opacity:.5;cursor:not-allowed}.stream-chat-send{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:none;border-radius:8px;color:var(--color-bg);cursor:pointer;transition:all .2s;font-size:1.25rem;flex-shrink:0}.stream-chat-send svg{width:1.25rem;height:1.25rem;display:block}.stream-chat-send:hover:not(:disabled){background:var(--color-primary-light);transform:scale(1.05)}.stream-chat-send:disabled{opacity:.5;cursor:not-allowed}.stream-chat-connect-prompt{width:100%;padding:.75rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem;background:var(--color-bg-tertiary);border-radius:8px}.token-chart{display:flex;flex-direction:column;background:transparent;overflow:hidden;height:100%}.token-chart-header{padding:.75rem;border-bottom:1px solid var(--color-border);background:#0000004d;display:flex;justify-content:space-between;align-items:center}.token-chart-header h3{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text)}.token-chart-price{display:flex;align-items:center;gap:.5rem}.token-chart-price-value{font-size:.9375rem;font-weight:700;color:var(--color-text)}.token-chart-price-change{font-size:.75rem;font-weight:600;padding:.1875rem .375rem;border-radius:4px}.token-chart-price-change.positive{color:#10b981;background:#10b9811a}.token-chart-price-change.negative{color:#ef4444;background:#ef44441a}.token-chart-content{padding:.75rem;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:auto}.token-chart-loading,.token-chart-empty{color:var(--color-text-secondary);font-size:.8125rem}.token-chart-svg{width:100%;height:auto;max-width:100%}.token-chart-point{transition:r .2s}.token-chart-point:hover{r:6}.token-chart-footer{padding:.75rem;border-top:1px solid var(--color-border);background:#0000004d}.token-chart-stats{display:flex;justify-content:space-around;gap:.375rem;flex-wrap:wrap}.token-chart-stat{display:flex;flex-direction:column;gap:.1875rem}.token-chart-stat-label{font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.token-chart-stat-value{font-size:.8125rem;font-weight:600;color:var(--color-text)}.token-trade{display:flex;flex-direction:column;background:transparent;overflow:hidden;height:100%}.token-trade-mode-toggle{display:flex;gap:.375rem;background:#0000004d;border:1px solid var(--color-border);border-radius:10px;padding:.25rem}.token-trade-mode{flex:1;padding:.5rem .875rem;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.token-trade-mode:hover:not(.active){color:var(--color-text);background:#ffffff0d}.token-trade-mode.active{background:var(--color-primary);color:var(--color-bg);box-shadow:0 2px 8px #00ff884d}.token-trade-content{padding:.875rem;display:flex;flex-direction:column;gap:.75rem}.token-trade-swap-box{display:flex;flex-direction:column;gap:.375rem}.token-trade-swap-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.token-trade-swap-input-wrapper{position:relative;display:flex;align-items:center;background:#0000004d;border:1px solid var(--color-border);border-radius:10px;padding:0;transition:all .2s}.token-trade-swap-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #00ff881a}.token-trade-swap-input{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text);font-size:1rem;font-weight:600;font-family:inherit;outline:none}.token-trade-swap-output{flex:1;padding:.75rem 1rem;color:var(--color-text);font-size:1rem;font-weight:600;min-height:1.25rem;display:flex;align-items:center}.token-trade-swap-loading{color:var(--color-text-secondary);font-size:.875rem;font-style:italic;font-weight:400}.token-trade-swap-ticker{padding:.75rem 1rem;color:var(--color-primary);font-size:.8125rem;font-weight:700;text-transform:uppercase;border-left:1px solid var(--color-border);background:#00ff880d;flex-shrink:0}.token-trade-impact-small{margin-top:.375rem;padding:.375rem .5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.6875rem;font-weight:600;text-align:center}.token-trade-button{width:100%;padding:.75rem 1.25rem;border:none;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000004d}.token-trade-button-buy{background:var(--color-primary);color:var(--color-bg)}.token-trade-button-buy:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 16px #0f86}.token-trade-button-sell{background:#ef4444;color:#fff}.token-trade-button-sell:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.token-trade-button-connect{background:var(--color-primary);color:var(--color-bg)}.token-trade-button-connect:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 16px #0f86}.token-trade-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.stream-page{width:100%;height:100%;background:var(--color-bg);color:var(--color-text);padding:0;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%}.stream-connect{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.stream-connect-icon{font-size:5rem;margin-bottom:1.5rem;color:var(--color-primary)}.stream-connect h1{font-size:3rem;margin-bottom:1rem}.stream-connect p{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:2rem;max-width:600px}.stream-connect-button{padding:1rem 2rem;font-size:1.125rem}.stream-header{max-width:1400px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.stream-header>div:first-child h1{font-size:2rem;margin:0 0 .5rem;font-weight:700}.stream-linked-token{font-size:.875rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.stream-linked-token code{background:#00ff881a;padding:.25rem .5rem;border-radius:6px;font-family:Courier New,monospace;color:var(--color-primary);border:1px solid rgba(0,255,136,.2)}.stream-header-actions{display:flex;gap:1rem;flex-wrap:wrap}.stream-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;border-radius:8px;transition:all .2s;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stream-start{background:var(--color-primary);color:var(--color-bg)}.stream-external{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.stream-external:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00ff880d}.stream-token{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.stream-token:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00ff880d}.stream-link{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.stream-link:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00ff880d}.stream-egress{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.stream-egress:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00ff880d}.stream-stop{background:#dc2626;color:#fff}.stream-stop:hover{background:#ef4444}.stream-main-layout{flex:1;display:grid;grid-template-columns:1fr minmax(350px,450px);gap:0;align-items:stretch;overflow:hidden;min-height:0;max-height:100%;height:100%}@media(max-width:1200px){.stream-main-layout{grid-template-columns:1fr;grid-template-rows:1fr auto}.stream-sidebar{max-height:50vh;overflow-y:auto}}.stream-container{display:flex;flex-direction:column;gap:0;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);overflow:hidden;min-height:0;flex:1;height:100%;max-height:100%;position:relative}.stream-sidebar{display:flex;flex-direction:column;gap:0;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);overflow:hidden;min-height:0;flex:0 0 auto;height:100%;max-height:100%}.stream-token-section{display:flex;flex-direction:column;border-bottom:1px solid var(--color-border);min-height:0;flex-shrink:0;max-height:50%;overflow:hidden}.stream-token-tabs{display:flex;background:#0000004d;border-bottom:1px solid var(--color-border)}.stream-token-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.stream-token-tab:hover{color:var(--color-text);background:#ffffff0d}.stream-token-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#00ff880d}.stream-token-content{flex:1;min-height:0;overflow:auto}.stream-sidebar>*{flex-shrink:0}.stream-video-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:1rem;flex:1;min-height:0;overflow:auto;align-content:stretch;max-height:100%}@media(max-width:768px){.stream-video-container{padding:.5rem;grid-template-columns:1fr}}.stream-video-wrapper{position:relative;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;width:100%;height:100%;min-height:0;z-index:1}.stream-video{width:100%;height:100%;object-fit:cover;background:var(--color-bg-secondary);display:block}.stream-video-label{position:absolute;bottom:1rem;left:1rem;background:#000c;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;border:1px solid var(--color-border)}.stream-video-empty{display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary)}.stream-video-empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-text-secondary)}.stream-video-empty-icon{font-size:4rem;color:var(--color-text-secondary);opacity:.5}.stream-video-empty-content p{margin:0;font-size:1rem}.stream-top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);gap:1rem;position:relative;z-index:1000}.stream-top-bar-left{display:flex;align-items:center;gap:1rem}.stream-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#dc262633;border:1px solid rgba(220,38,38,.5);border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#f44}.stream-status-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stream-top-bar-center{flex:1;display:flex;justify-content:center}.stream-top-bar-right{display:flex;align-items:center;gap:.75rem}.stream-top-bar-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border-light);border-radius:6px;color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.stream-top-bar-button:hover{background:#dc26261a;border-color:#dc2626;color:#f44}.stream-top-bar-button-end{background:#dc26261a;border-color:#dc26264d;color:#f44}.stream-top-bar-button-end:hover{background:#dc262633;border-color:#dc2626}.stream-top-bar-button-start{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.stream-top-bar-button-start:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.stream-controls-compact{display:flex;align-items:center;gap:.5rem}.stream-control-group{position:relative;display:flex;gap:.5rem;align-items:center}.stream-control-group-compact{position:relative;display:flex;gap:.25rem;align-items:center}.stream-control-button{min-width:56px;height:56px;padding:0 1rem;border-radius:28px;border:2px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.stream-button-label{font-size:.875rem;font-weight:500;white-space:nowrap}.stream-control-button-compact{width:36px;height:36px;padding:0;border-radius:8px;border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-text);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.stream-control-button-compact:hover{background:#ffffff1a;border-color:var(--color-primary);color:var(--color-primary)}.stream-control-button-compact.disabled{background:#dc26261a;border-color:#dc26264d;color:#dc262699;opacity:.6}.stream-control-with-arrow{padding-right:8px}.stream-control-arrow{position:absolute;right:4px;bottom:2px;font-size:.625rem;opacity:.7}.stream-source-toggle{width:20px;height:36px;padding:0;margin-left:2px;font-size:.75rem}.stream-control-button:hover{border-color:var(--color-primary);background:#00ff881a;color:var(--color-primary);transform:scale(1.1)}.stream-control-button.disabled{border-color:#dc2626;background:#dc26261a;color:#dc2626}.stream-source-button{width:40px;height:40px;padding:0;font-size:1rem;flex-shrink:0}.stream-source-button-compact{width:28px;height:28px;padding:0;font-size:.875rem;flex-shrink:0}.stream-video-source-menu,.stream-video-source-menu-compact,.stream-mic-source-menu-compact{position:relative}.stream-source-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:.5rem;min-width:220px;max-width:300px;box-shadow:0 8px 24px #00000080;z-index:1000}.stream-source-dropdown-compact{position:absolute;top:100%;left:0;margin-top:.5rem;background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:8px;padding:.5rem;min-width:220px;max-width:300px;box-shadow:0 8px 32px #000000e6;z-index:10001}.stream-source-dropdown-down{top:100%;bottom:auto;margin-top:.5rem;margin-bottom:0}.stream-source-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.stream-source-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:none;border-radius:8px;color:var(--color-text);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s;margin-bottom:.25rem}.stream-source-option:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.stream-source-option.active{background:#00ff881a;color:var(--color-primary);border:1px solid rgba(0,255,136,.2)}.stream-source-option.stream-source-screen{color:var(--color-primary);font-weight:500}.stream-source-divider{height:1px;background:var(--color-border);margin:.5rem 0}.stream-external-setup{max-width:800px;margin:4rem auto;padding:2rem}.stream-external-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:2.5rem}.stream-external-form h2{font-size:2rem;margin-bottom:.5rem}.stream-external-form>p{color:var(--color-text-secondary);margin-bottom:2rem}.stream-external-actions{display:flex;gap:1rem;margin-top:2rem}.stream-external-actions .stream-button{flex:1}.stream-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stream-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;padding:2.5rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.stream-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.stream-modal-header h2{margin:0;font-size:1.75rem;font-weight:700}.stream-modal-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;width:40px;height:40px}.stream-modal-close:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text)}.stream-modal-content{display:flex;flex-direction:column;gap:1.5rem}.stream-form-group{display:flex;flex-direction:column;gap:.75rem}.stream-form-group label{font-size:.875rem;color:var(--color-text);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stream-form-group input,.stream-form-group textarea{padding:1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;font-family:inherit;transition:all .2s}.stream-form-group input:focus,.stream-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00ff881a}.stream-form-group small{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.stream-modal-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.stream-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.stream-tab:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-tertiary)}.stream-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.stream-tab:disabled{opacity:.5;cursor:not-allowed}.stream-create-token,.stream-link-token,.stream-egress-start{width:100%;padding:1rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stream-create-token,.stream-link-token,.stream-egress-start{background:var(--color-primary);color:var(--color-bg)}.stream-success{position:fixed;bottom:2rem;right:2rem;background:var(--color-primary);color:var(--color-bg);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 40px #00ff884d;z-index:1001;max-width:400px;border:1px solid rgba(0,255,136,.3)}.stream-success svg{font-size:2rem;flex-shrink:0}.stream-success h3{margin:0 0 .5rem;font-size:1.25rem}.stream-success p{margin:0 0 1rem;font-size:.875rem;word-break:break-all;font-family:Courier New,monospace}.stream-success button{background:#0003;border:1px solid rgba(0,0,0,.3);color:var(--color-bg);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem}.stream-success button:hover{background:#0000004d}@media(max-width:1200px){.stream-main-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;max-height:100%}.stream-sidebar{max-height:calc(50vh - var(--nav-height, 73px));overflow-y:auto;border-left:none;border-top:1px solid var(--color-border);flex-shrink:0}.stream-container{border-right:none;border-bottom:1px solid var(--color-border);min-height:0;max-height:calc(50vh - var(--nav-height, 73px))}}@media(max-width:768px){.stream-page{padding:0;height:calc(100vh - var(--nav-height, 120px));max-height:calc(100vh - var(--nav-height, 120px))}.stream-video-container{grid-template-columns:1fr;padding:.5rem;overflow:auto}.stream-video-wrapper{min-height:200px}.stream-top-bar{padding:.5rem 1rem;flex-wrap:wrap;flex-shrink:0}.stream-top-bar-center{order:3;width:100%;justify-content:center;margin-top:.5rem}.stream-token-tabs{flex-wrap:wrap}.stream-token-tab{font-size:.75rem;padding:.5rem .75rem}.stream-sidebar{max-height:calc(40vh - var(--nav-height, 120px))}.stream-container{max-height:calc(60vh - var(--nav-height, 120px))}.stream-success{bottom:1rem;right:1rem;left:1rem;max-width:none}.stream-modal{padding:1.5rem}}.app{width:100%;min-height:100vh;background:var(--color-bg);color:var(--color-text)}