html,body{background:#060609;color:#f4f4f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,229,160,.1),transparent 60%)}
*{box-sizing:border-box}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
iframe{border:0}
body[data-page="login"]{background-color:#060609;background-image:radial-gradient(ellipse 68% 100% at 30% 42%,rgba(0,229,160,.14) 0%,rgba(0,229,160,.05) 42%,transparent 76%),radial-gradient(ellipse 66% 100% at 74% 48%,rgba(124,58,237,.13) 0%,rgba(124,58,237,.04) 46%,transparent 78%);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
.tubson-login{min-height:calc(100vh - 4rem);min-height:calc(100dvh - 4rem);background:transparent}
.tubson-username{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tubson-modal-open{overflow:hidden}
.tubson-login-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
.tubson-login-modal[data-open="true"]{display:flex}
.tubson-login-dialog{width:100%;max-width:28rem;border:1px solid rgba(0,229,160,.25);border-radius:1rem;background:linear-gradient(145deg,#111119,#0b1110);padding:1.5rem;box-shadow:0 0 50px rgba(0,229,160,.12),0 24px 80px rgba(0,0,0,.6)}
.tubson-login-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.tubson-login-kicker{margin:0;color:#00e5a0;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.tubson-login-dialog h2{margin:.2rem 0 0;color:#fff;font-size:1.5rem;line-height:1.2;font-weight:900}
.tubson-login-close{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:.65rem;background:transparent;color:#9ca3af;font-size:1.4rem;line-height:1}
.tubson-login-close:hover{background:rgba(255,255,255,.06);color:#fff}
.tubson-login-error{margin-bottom:1rem;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;background:rgba(239,68,68,.1);padding:.8rem 1rem;color:#fca5a5;font-size:.85rem}
.tubson-login-consent-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:rgba(0,0,0,.24);padding:1rem;color:#d1d5db;font-size:.875rem;line-height:1.55;cursor:pointer}
.tubson-login-consent-row input{width:1.25rem;height:1.25rem;flex:0 0 auto;margin-top:.12rem;accent-color:#00e5a0;cursor:pointer}
[data-login-consent-submit]{display:block;width:100%;border:1px solid #374151;border-radius:.75rem;background:#1f2937;padding:.9rem 1.5rem;color:#6b7280;font-weight:900;text-align:center;text-decoration:none;cursor:not-allowed;transition:.2s ease;box-shadow:none}
[data-login-consent-form][data-consent-ready="true"] [data-login-consent-submit]{border-color:#00e5a0;background:#00e5a0;color:#000;cursor:pointer;box-shadow:0 0 20px rgba(0,229,160,.25)}
[data-login-consent-form][data-consent-ready="true"] [data-login-consent-submit]:hover{filter:brightness(1.1)}
@media(min-width:768px){.tubson-login{min-height:calc(100vh - 5rem);min-height:calc(100dvh - 5rem)}.tubson-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.tubson-header-brand{justify-self:start;margin-left:9rem}.tubson-header-nav{justify-self:center;gap:clamp(1rem,2vw,2rem)}.tubson-header-user{justify-self:end}}
@media(min-width:768px) and (max-width:1099px){.tubson-header-brand{visibility:hidden}}
.dev-badge-pill{animation:dev-breathe 3s ease-in-out infinite}
@keyframes dev-breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,229,160,0);opacity:.85}50%{transform:scale(1.06);box-shadow:0 0 6px 1px rgba(0,229,160,.25);opacity:1}}
.tubson-toast{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#101018;color:#fff;padding:12px 16px;box-shadow:0 18px 45px rgba(0,0,0,.45);animation:toast-in .2s ease-out}
.tubson-toast[data-kind="error"]{border-color:rgba(239,68,68,.45);color:#fecaca}
.tubson-toast[data-kind="success"]{border-color:rgba(0,229,160,.4);color:#8fffdc}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.giveaway-slot{position:relative;height:192px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(#11161d,#050607)}
.giveaway-slot-list{position:absolute;inset:0 0 auto;will-change:transform}
.giveaway-slot-row{height:52px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.giveaway-slot::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:52px;transform:translateY(-50%);border:1px solid rgba(0,229,160,.6);border-radius:16px;background:rgba(0,229,160,.06);box-shadow:0 0 22px rgba(0,229,160,.12);pointer-events:none}
.giveaway-slot-line{position:absolute;left:20px;right:20px;top:50%;height:1px;background:#baffea;box-shadow:0 0 10px rgba(0,229,160,.65);z-index:2}
@media(max-width:420px){h1{overflow-wrap:anywhere}.giveaway-slot-row{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}