:root{--brand-50: #fefce8;--brand-100: #fef9c3;--brand-200: #fef08a;--brand-300: #fde047;--brand-400: #facc15;--brand-500: #eab308;--brand-600: #ca8a04;--brand-700: #a16207;--brand-800: #854d0e;--brand-900: #713f12;--md-sys-color-primary: #facc15;--md-sys-color-on-primary: #121316;--md-sys-color-primary-container: rgba(250, 204, 21, .15);--md-sys-color-on-primary-container: #fef08a;--main-bg-dark: #121316;--card-bg-dark: #18191e;--sub-card-dark: #1d1e24;--hover-sub-dark: #262830;--border-dark: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--border-active: rgba(250, 204, 21, .5);--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--brand-amber-glow: rgba(250, 204, 21, .12);--shadow-bento: 0 20px 40px -15px rgba(0, 0, 0, .5);--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .35);--radius-bento: 28px;--radius-card: 20px;--radius-control: 14px;--radius-pill: 9999px;--main-color: var(--brand-400);--main-hover: var(--brand-500)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;background-color:var(--main-bg-dark);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}::selection{background-color:var(--brand-400);color:var(--main-bg-dark)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:9999px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--brand-400)}.bento-box{background-color:var(--card-bg-dark);border:1px solid var(--border-dark);border-radius:var(--radius-bento);box-shadow:var(--shadow-bento);position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.bento-subcard{background-color:var(--sub-card-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-card);transition:all .25s cubic-bezier(.4,0,.2,1)}.bento-subcard:hover{border-color:#facc1559;background-color:var(--hover-sub-dark);transform:translateY(-2px);box-shadow:0 12px 24px -8px #00000073}.ambient-glow{position:absolute;width:280px;height:280px;background:radial-gradient(circle,var(--brand-amber-glow) 0%,rgba(250,204,21,0) 70%);border-radius:50%;pointer-events:none;filter:blur(40px);z-index:0}.glow-top-right{top:-60px;right:-60px}.glow-bottom-left{bottom:-60px;left:-60px}.btn-brand-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-control);font-size:.875rem;font-weight:700;background-color:var(--brand-400);color:#0a0a0a!important;border:none;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px #facc1540;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-brand-primary:hover{background-color:var(--brand-500);transform:scale(1.03);box-shadow:0 6px 20px #facc1566;color:#000!important}.btn-brand-primary:active{transform:scale(.98)}.btn-brand-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:var(--radius-control);font-size:.875rem;font-weight:600;background-color:#ffffff0d;color:#f3f4f6!important;border:1px solid var(--border-dark);text-decoration:none;cursor:pointer;backdrop-filter:blur(12px);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-brand-secondary:hover{border-color:var(--brand-400);color:var(--brand-400)!important;background-color:#facc1514;transform:translateY(-1px)}.btn-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-control);background-color:#ffffff0a;border:1px solid var(--border-dark);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-brand-icon:hover{background-color:#facc151f;border-color:var(--brand-400);color:var(--brand-400);transform:scale(1.08)}.btn-brand-icon.active{background-color:var(--brand-400);border-color:var(--brand-400);color:#0a0a0a}.badge-brand-live{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:var(--radius-pill);background-color:#ef444426;border:1px solid rgba(239,68,68,.35);color:#f87171;font-size:.725rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.live-dot{width:7px;height:7px;border-radius:50%;background-color:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulse-live 1.5s infinite}.badge-brand-amber{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-pill);background-color:#facc151f;border:1px solid rgba(250,204,21,.3);color:var(--brand-400);font-size:.75rem;font-weight:600}.badge-brand-subtle{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-pill);background-color:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.725rem;font-weight:500}@keyframes pulse-live{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}@keyframes pulse-amber{0%{box-shadow:0 0 #facc1599}70%{box-shadow:0 0 0 8px #facc1500}to{box-shadow:0 0 #facc1500}}.animate-pulse-amber{animation:pulse-amber 2s infinite}.list-items{max-height:540px;overflow-x:hidden;overflow-y:auto;padding:8px 6px 16px;box-sizing:border-box;-webkit-overflow-scrolling:touch}@media(max-width:991.98px){.list-items{max-height:420px}.bento-box{border-radius:20px}}@media(max-width:767.98px){.list-items{max-height:380px;padding:6px 4px 14px}.bento-box{border-radius:18px;padding:1rem!important}.btn-brand-primary,.btn-brand-secondary{padding:.6rem 1rem;font-size:.85rem}}@media(max-width:575.98px){.bento-box{border-radius:16px;padding:.85rem!important}}