*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--primary-bg);color:var(--text-secondary);line-height:1.6;min-height:100vh;overflow-x:hidden}:root{--primary-bg:#02030a;--secondary-bg:#050816;--tertiary-bg:#0b1120;--card-bg:#111827;--card-hover:#1f2937;--accent-blue:#38bdf8;--accent-blue-hover:#0ea5e9;--accent-green:#22c55e;--accent-red:#ef4444;--accent-yellow:#fbbf24;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--text-accent:#fbbf24;--border-color:#1f2937;--border-light:#4b5563;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.bg-opacity-10{background-color:rgba(59,130,246,.1)}.border-opacity-30{border-color:rgba(59,130,246,.3)}.bg-accent-blue{background-color:var(--accent-blue)}.bg-danger{background-color:var(--accent-red)}.border-accent-blue{border-color:var(--accent-blue)}.border-danger{border-color:var(--accent-red)}.rounded-lg{border-radius:var(--radius-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700;color:#2963e4;text-decoration:none}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-success{color:var(--accent-green)}.text-warning{color:var(--accent-yellow)}.text-danger{color:var(--accent-red)}.badge-yellow{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.badge-yellow,.button.button-copy{background-color:var(--accent-yellow);color:#020617}.button.button-copy{border-color:rgba(251,191,36,.7)}.button.button-copy:not(:disabled):hover{background-color:#facc15;color:#020617;box-shadow:0 8px 20px rgba(251,191,36,.4)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-6{padding:var(--spacing-xl)}.p-8{padding:var(--spacing-2xl)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-6{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-1{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-3{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-6{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-6{margin:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-xl)}.mb-8{margin-bottom:var(--spacing-2xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-6{margin-top:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.app-container{flex-direction:column;background:var(--primary-bg)}.app-container,.auth-page{min-height:100vh;display:flex}.auth-page{align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);background:radial-gradient(circle at top,rgba(15,23,42,.85),transparent 60%),var(--primary-bg)}.auth-card{width:100%;max-width:460px;padding:var(--spacing-2xl);border-radius:var(--radius-xl);background:radial-gradient(circle at top,rgba(15,23,42,.96),rgba(2,6,23,.98));border:1px solid rgba(31,41,55,.95);box-shadow:0 30px 80px rgba(0,0,0,.9),0 0 0 1px rgba(15,23,42,1);flex-direction:column;gap:var(--spacing-xl);text-align:center}.auth-card,.auth-logo-mark{display:flex;align-items:center}.auth-logo-mark{width:54px;height:54px;border-radius:999px;border:2px solid rgba(55,65,81,.9);justify-content:center;background:radial-gradient(circle at 30% 0,#fbbf24,#111827);box-shadow:0 0 0 1px rgba(15,23,42,.95),0 12px 40px rgba(0,0,0,.9)}.auth-logo-img{width:44px;height:44px;border-radius:999px;object-fit:cover}.auth-header{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.auth-title{font-size:1.9rem;font-weight:800;letter-spacing:.03em;color:var(--text-primary)}.auth-subtitle{font-size:.95rem;color:var(--text-muted)}.auth-button{margin-top:var(--spacing-sm);width:100%}@media (max-width:480px){.auth-card{padding:var(--spacing-xl);border-radius:var(--radius-lg)}.auth-title{font-size:1.6rem}.auth-subtitle{font-size:.9rem}}.toast-container{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1100}.toast{min-width:220px;max-width:320px;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;color:#f9fafb;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.4);box-shadow:0 10px 25px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast)}.toast:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.6)}.toast-info{border-color:rgba(59,130,246,.7)}.toast-success{border-color:rgba(34,197,94,.7)}.toast-error{border-color:rgba(239,68,68,.8)}.toast-warning{border-color:rgba(234,179,8,.85)}.header{background:linear-gradient(120deg,rgba(15,23,42,.98),rgba(15,23,42,.96)),radial-gradient(circle at top left,rgba(37,99,235,.25),transparent 55%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,163,184,.45);padding:var(--spacing-md) var(--spacing-lg);min-height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 12px 30px rgba(15,23,42,.9),0 0 0 1px rgba(15,23,42,.6)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:var(--spacing-lg);min-height:64px}.logo{font-size:1.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fbbf24,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:var(--transition-normal)}.logo:hover{transform:translateY(-1px) scale(1.03)}.header-nav{display:none;align-items:center;gap:var(--spacing-sm);flex:1 1;justify-content:center}.nav-pill{padding:.5rem 1rem;border-radius:999px;border:1px solid transparent;color:var(--text-secondary);text-decoration:none;transition:var(--transition-normal);font-weight:600;position:relative;font-size:.9rem}.nav-pill:hover{border-color:var(--border-light);color:var(--text-primary);background:rgba(37,99,235,.12)}.nav-pill.active{border-color:rgba(59,130,246,.9);color:var(--text-primary);background:radial-gradient(circle at top,rgba(59,130,246,.25),rgba(15,23,42,.9));box-shadow:0 10px 30px rgba(37,99,235,.45),0 0 0 1px rgba(15,23,42,.8)}.nav-pill.active:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:999px;background:linear-gradient(90deg,#fbbf24,#fde68a)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.spin-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:var(--radius-md);border:1px solid transparent;transition:var(--transition-normal)}.spin-link:hover{border-color:rgba(251,191,36,.8);background:rgba(251,191,36,.12)}@media (max-width:768px){.header{padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 10px 25px rgba(0,0,0,.85);background:radial-gradient(circle at top left,rgba(15,23,42,.95),transparent 60%),radial-gradient(circle at top right,rgba(15,23,42,.9),transparent 65%),#02030a}.header-content{gap:var(--spacing-sm)}.logo{font-size:1.4rem}.spin-link{padding:.25rem}.spin-link img{width:28px;height:28px}.header-actions .button{padding:.35rem .9rem;font-size:.8rem;border-radius:999px}}@media (max-width:480px){.header{padding:var(--spacing-sm) var(--spacing-sm);min-height:56px}.header-content{gap:var(--spacing-sm);min-height:56px}.logo{font-size:1.5rem}.header-actions{gap:var(--spacing-xs)}.spin-link{padding:.375rem}.button{padding:.375rem .75rem;font-size:.8125rem}}@media (min-width:1024px){.header{padding:var(--spacing-md) var(--spacing-2xl);min-height:72px}.header-content{gap:var(--spacing-2xl);min-height:72px}.header-nav{display:flex}.header-actions,.header-nav{gap:var(--spacing-md)}}.main-content{flex:1 1;padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:calc(var(--spacing-xl) + 80px)}.main-content,.page-shell{max-width:1200px;margin:0 auto;width:100%}.page-shell{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}@media (max-width:768px){.page-shell{gap:var(--spacing-xl);padding:0 var(--spacing-md)}.main-content,.page-shell{padding-bottom:calc(var(--spacing-xl) + 80px)}}@media (max-width:480px){.page-shell{gap:var(--spacing-lg);padding:0 var(--spacing-sm)}.main-content,.page-shell{padding-bottom:calc(var(--spacing-lg) + 80px)}}.section-block{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (max-width:768px){.section-block{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}}@media (max-width:480px){.section-block{padding:var(--spacing-md);margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}}.section-header{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}@media (max-width:640px){.section-header{margin-bottom:var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.title-icon{align-self:flex-start}}.section-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-muted);font-size:.85rem}.section-title{font-size:1.8rem;font-weight:800;color:var(--text-primary)}.section-subtitle{color:var(--text-muted);max-width:720px;line-height:1.6}@media (max-width:768px){.section-title{font-size:1.5rem;line-height:1.3}.section-subtitle{font-size:.9rem;line-height:1.5;margin-top:.25rem}}@media (max-width:480px){.section-title{font-size:1.25rem;line-height:1.25}.section-subtitle{font-size:.8125rem;line-height:1.4;margin-top:.25rem}}.hero-spotlight{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.12),transparent 45%),radial-gradient(circle at 80% 10%,rgba(16,185,129,.12),transparent 40%),linear-gradient(180deg,rgba(26,26,46,.8),rgba(15,15,35,.6));border-radius:var(--radius-lg)}@media (max-width:768px){.hero-spotlight{border-radius:var(--radius-md)}}@media (max-width:480px){.hero-spotlight{border-radius:var(--radius-sm)}}.hero-spotlight:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.05),transparent 50%);pointer-events:none}.anim-rise{animation:riseUp .9s ease forwards}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}@keyframes riseUp{0%{opacity:0;transform:translateY(24px) scale(.98)}60%{opacity:1;transform:translateY(-2px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}.surface{background:linear-gradient(180deg,rgba(26,26,46,.7),rgba(26,26,46,.4));border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.surface-muted{background:rgba(15,15,35,.4)}.pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;background:rgba(59,130,246,.12);color:var(--text-accent);font-weight:600;border:1px solid rgba(59,130,246,.2);width:-moz-fit-content;width:fit-content}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2,.grid-3{grid-template-columns:1fr}.split{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:1fr;align-items:start}.stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.highlight-tile{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:rgba(59,130,246,.08)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);max-width:720px;margin:var(--spacing-lg) auto 0}@media (max-width:768px){.stat-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}}@media (max-width:640px){.stat-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:1.4rem}.section-header{margin-bottom:var(--spacing-md)}}@media (max-width:480px){.stat-grid{gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.stat-card{padding:var(--spacing-sm);border-radius:var(--radius-sm)}.stat-value{font-size:1.125rem;line-height:1.3}.stat-label{font-size:.8125rem;margin-bottom:.25rem}.stat-icon{margin-bottom:var(--spacing-xs)}}.stat-card{background:rgba(26,26,46,.5);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);box-shadow:0 14px 36px rgba(0,0,0,.28);transition:var(--transition-normal);align-items:center;text-align:center}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-light)}.stat-label{color:var(--text-muted);font-weight:600;font-size:.95rem;letter-spacing:.02em}.stat-value{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin-top:.25rem}.stat-caption{color:var(--text-muted);font-size:.9rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.feature-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);background:rgba(26,26,46,.5);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:var(--transition-normal);box-shadow:0 10px 30px rgba(0,0,0,.28)}.feature-card:hover{transform:translateY(-3px);border-color:var(--border-light);box-shadow:0 14px 36px rgba(0,0,0,.32)}.feature-title{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.feature-copy{color:var(--text-muted)}.cta-row{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cta-row .button{width:100%}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 20px 60px rgba(0,0,0,.35);border:1px solid var(--border-color);transition:var(--transition-normal);margin-bottom:var(--spacing-lg);position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 24px 70px rgba(0,0,0,.4);border-color:var(--border-light)}.card-inner{background:rgba(26,26,46,.5);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.card-inner:last-child{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--spacing-md) - 2px) var(--spacing-lg);border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden;min-height:46px;background:rgba(255,255,255,.03);box-shadow:0 10px 30px rgba(0,0,0,.25)}.button:disabled{opacity:.6;cursor:not-allowed}.button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(0,0,0,.28)}.button:not(:disabled):active{transform:translateY(0)}.button-primary{background:linear-gradient(135deg,#fbbf24,#854d0e);color:#0b1120;box-shadow:0 8px 24px rgba(248,250,252,.12);border-color:rgba(251,191,36,.7)}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#facc15,#92400e);box-shadow:0 12px 32px rgba(251,191,36,.35)}.button-secondary{background:rgba(255,255,255,.04);color:var(--text-secondary);border:1px solid var(--border-light)}.button-secondary:hover:not(:disabled){background:var(--border-light);color:var(--text-primary)}.button-danger{background:linear-gradient(135deg,var(--accent-red),#dc2626);color:white;box-shadow:0 4px 14px 0 rgba(239,68,68,.3)}.button-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px 0 rgba(239,68,68,.4)}.button-icon{padding:var(--spacing-sm);min-width:44px;height:44px;border-radius:var(--radius-md)}.button-icon-left{gap:var(--spacing-sm)}.button-icon svg{width:20px;height:20px;stroke:currentColor}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:radial-gradient(circle at top,rgba(15,23,42,.98),transparent 65%),#02030a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(31,41,55,.9);padding:var(--spacing-sm) 0;z-index:50;display:flex;justify-content:space-around;box-shadow:0 -10px 30px rgba(0,0,0,.9),0 0 0 1px rgba(15,23,42,.9)}.nav-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);color:var(--text-muted);text-decoration:none;transition:var(--transition-normal);border-radius:999px;min-width:60px}.nav-item:hover{color:var(--accent-yellow);background:rgba(15,23,42,.9);box-shadow:0 0 0 1px rgba(55,65,81,.9)}.nav-item.active{color:#020617;background:radial-gradient(circle at top,#fbbf24,#92400e);box-shadow:0 -6px 20px rgba(251,191,36,.55),0 0 0 1px rgba(15,23,42,.95)}.nav-icon{width:24px;height:24px;margin-bottom:var(--spacing-xs);transition:var(--transition-normal)}.nav-text{font-size:.75rem;font-weight:600;white-space:nowrap}.profile-card{max-width:800px;margin:0 auto}.profile-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.avatar-section{text-align:center}.avatar-upload-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-blue);box-shadow:0 0 0 4px rgba(59,130,246,.2);transition:var(--transition-normal)}.avatar-image:hover{transform:scale(1.05);box-shadow:0 0 0 6px rgba(59,130,246,.3)}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:4px solid var(--border-color);transition:var(--transition-normal)}.avatar-placeholder:hover{background:var(--border-light);color:var(--text-secondary)}.profile-details{width:100%;max-width:500px}.detail-item{flex-direction:column;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-weight:600;font-size:.9rem;margin-bottom:var(--spacing-xs)}.detail-value{color:var(--text-primary);font-size:1.1rem;word-break:break-all}.wallet-page-card{max-width:700px;margin:0 auto}.wallet-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.wallet-info-section{gap:var(--spacing-lg);padding:var(--spacing-lg);background:rgba(26,26,46,.3);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.info-item,.wallet-info-section{display:flex;flex-direction:column}.info-item{gap:var(--spacing-xs)}.info-label{color:var(--text-muted);font-weight:600;font-size:.9rem}.info-value{color:var(--text-primary);font-size:1.1rem;word-break:break-all}.wallet-actions-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.wallet-address-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.wallet-address-actions{margin-top:var(--spacing-sm)}.wallet-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.wallet-stat-grid{margin-top:var(--spacing-lg)}.earnings-page-card{max-width:700px;margin:0 auto}.earnings-content{gap:var(--spacing-xl)}.earnings-content,.earnings-list{display:flex;flex-direction:column}.earnings-list{gap:var(--spacing-md)}.earnings-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:rgba(26,26,46,.3);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition-normal)}.earnings-item:hover{background:rgba(26,26,46,.5);border-color:var(--border-light)}.earning-amount{font-size:1.25rem;font-weight:700;color:var(--accent-yellow)}.earning-date{color:var(--text-muted);font-size:.9rem}.invite-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.invite-item{padding:var(--spacing-lg);background:rgba(26,26,46,.3);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition-normal)}.invite-item:hover{background:rgba(26,26,46,.5);border-color:var(--border-light)}.invite-link-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.invite-link-input{flex:1 1;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--primary-bg);color:var(--text-primary);font-family:monospace;font-size:.9rem;transition:var(--transition-normal)}.invite-link-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background:radial-gradient(circle at top,rgba(248,250,252,.02),transparent 55%),rgba(15,23,42,.98);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid rgba(148,163,184,.4)}.private-key-display{width:100%;height:120px;padding:var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--primary-bg);color:var(--accent-yellow);font-family:monospace;font-size:.9rem;resize:vertical;line-height:1.5;word-break:break-all}.private-key-display:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.private-key-actions{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}input[type=email],input[type=password],input[type=text],textarea{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--primary-bg);color:var(--text-primary);font-size:1rem;transition:var(--transition-normal)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}input[type=file]{display:none}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);min-height:200px}.loading:after{content:"";width:24px;height:24px;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;margin-left:var(--spacing-sm)}.loading-spinner,.loading:after{animation:spin 1s linear infinite}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;margin:0 auto}.loading-spinner-small{width:20px;height:20px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-large{width:60px;height:60px;border-top:6px solid var(--border-color);border:6px solid var(--border-color);border-top-color:var(--accent-blue);margin:0 auto}.loading-pulse{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);min-height:200px}.loading-pulse:after,.loading-pulse:before{content:"";width:12px;height:12px;background:var(--accent-blue);border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.loading-pulse:before{animation-delay:-.32s}.loading-pulse:after{animation-delay:-.16s}.loading-dots{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-2xl);min-height:200px}.loading-dots,.loading-dots:after,.loading-dots:before{content:"";width:8px;height:8px;background:var(--accent-blue);border-radius:50%;animation:dots 1.4s ease-in-out infinite both}.loading-dots:before{animation-delay:-.32s}.loading-dots:after{animation-delay:-.16s}.skeleton{background:linear-gradient(90deg,var(--border-color) 25%,var(--border-light) 50%,var(--border-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:var(--spacing-sm)}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-avatar{width:60px;height:60px;border-radius:50%}.skeleton-card{height:200px;margin-bottom:var(--spacing-lg)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,35,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:var(--text-primary)}.loading-overlay .loading-spinner-large{margin-bottom:var(--spacing-lg)}.loading-overlay p{font-size:1.1rem;color:var(--text-muted);margin-top:var(--spacing-md)}.page-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-bg);color:var(--text-primary)}.page-loading .loading-spinner-large{margin-bottom:var(--spacing-xl)}.page-loading h2{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.page-loading p{color:var(--text-muted);font-size:1.1rem}.button-loading{position:relative;color:transparent}.button-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.button-loading.button-primary:after{border-top-color:white}.button-loading.button-secondary:after{border-top-color:var(--text-secondary)}.card-loading{position:relative;overflow:hidden}.card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.progress-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin:var(--spacing-md) 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:2px;animation:progress 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.fade-in{animation:fadeIn .5s ease-in-out}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.bounce-in{animation:bounceIn .8s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width:480px){.main-content{padding:var(--spacing-xl) var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:var(--spacing-2xl)}.button{padding:var(--spacing-lg) var(--spacing-xl)}}@media (min-width:768px){:root{--spacing-md:1.25rem;--spacing-lg:2rem;--spacing-xl:2.5rem}.main-content{padding:var(--spacing-2xl) var(--spacing-xl)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:2fr 1fr}.profile-content{flex-direction:row;align-items:flex-start;gap:var(--spacing-2xl)}.avatar-section{flex-shrink:0}.profile-details{flex:1 1}.detail-item{flex-direction:row;justify-content:space-between;align-items:center}.detail-label{min-width:150px;margin-bottom:0}.wallet-info-section{flex-direction:row;gap:var(--spacing-2xl)}.info-item{flex:1 1}.earnings-item{padding:var(--spacing-xl)}.invite-link-row,.modal-actions{flex-direction:row}.modal-actions .button{flex:1 1}}@media (min-width:1024px){.main-content{padding:var(--spacing-2xl) var(--spacing-2xl)}.card{padding:var(--spacing-2xl)}.bottom-nav{display:none}.main-content{padding-bottom:var(--spacing-2xl)}.header-nav{display:flex}}@media (min-width:1280px){.container{max-width:1400px}.main-content{padding:var(--spacing-2xl) var(--spacing-2xl)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.button:focus-visible,.nav-item:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-contrast:high){:root{--border-color:#ffffff;--text-muted:#ffffff}}@media print{.bottom-nav,.button,.header{display:none}.main-content{padding:0}.card{box-shadow:none;border:1px solid #000}}.bg-purple-500\/20{background-color:rgba(147,51,234,.2)}.bg-purple-600\/20{background-color:rgba(124,58,237,.2)}.bg-indigo-500\/20{background-color:rgba(99,102,241,.2)}.bg-indigo-600\/20{background-color:rgba(79,70,229,.2)}.bg-purple-500{background-color:#a855f7}.bg-purple-600{background-color:#9333ea}.bg-purple-700{background-color:#7c3aed}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.text-purple-400{color:#c084fc}.text-purple-500{color:#a855f7}.text-purple-600{color:#9333ea}.text-purple-700{color:#7c3aed}.text-indigo-400{color:#818cf8}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.from-purple-600\/20{--tw-gradient-from:rgba(124,58,237,0.2);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(124,58,237,0))}.via-indigo-600\/20{--tw-gradient-stops:var(--tw-gradient-from),rgba(79,70,229,0.2),var(--tw-gradient-to,rgba(79,70,229,0))}.to-blue-600\/20{--tw-gradient-to:rgba(37,99,235,0.2)}.from-purple-500\/5{--tw-gradient-from:rgba(147,51,234,0.05);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(147,51,234,0))}.to-indigo-500\/5{--tw-gradient-to:rgba(99,102,241,0.05)}.from-purple-500{--tw-gradient-from:#a855f7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(168,85,247,0))}.from-purple-600{--tw-gradient-from:#9333ea;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(147,51,234,0))}.to-indigo-600{--tw-gradient-to:#4f46e5}.from-purple-700{--tw-gradient-from:#7c3aed;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(124,58,237,0))}.to-indigo-700{--tw-gradient-to:#4338ca}.hover\:from-purple-700:hover{--tw-gradient-from:#7c3aed;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(124,58,237,0))}.hover\:to-indigo-700:hover{--tw-gradient-to:#4338ca}.hover\:shadow-purple-500\/25:hover{box-shadow:0 25px 50px -12px rgba(147,51,234,.25)}.disabled\:from-gray-600:disabled{--tw-gradient-from:#4b5563;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(75,85,99,0))}.disabled\:to-gray-700:disabled{--tw-gradient-to:#374151}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.focus\:border-purple-500\/50:focus{border-color:rgba(147,51,234,.5)}.placeholder-gray-400::placeholder{color:#9ca3af}.bg-gray-800\/50{background-color:rgba(31,41,55,.5)}.bg-gray-900\/50{background-color:rgba(17,24,39,.5)}.border-gray-600\/50{border-color:rgba(75,85,99,.5)}.border-gray-700\/50{border-color:rgba(55,65,81,.5)}.space-y-8>:not(:first-child){margin-top:2rem}.max-w-2xl{max-width:42rem}.relative{position:relative}.absolute{position:absolute}.left-3{left:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.mt-1{margin-top:.25rem}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.rounded-3xl{border-radius:1.5rem}.shadow-purple-500\/25{box-shadow:0 25px 50px -12px rgba(147,51,234,.25)}.border-2{border-width:2px}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.bg-rose-500\/20{background-color:rgba(244,63,94,.2)}.border-emerald-500\/50{border-color:rgba(16,185,129,.5)}.border-rose-500\/50{border-color:rgba(244,63,94,.5)}.text-emerald-400{color:#34d399}.text-emerald-300{color:#6ee7b7}.text-rose-400{color:#fb7185}.text-rose-300{color:#fda4af}.bg-cyan-500{background-color:#06b6d4}.bg-pink-500{background-color:#ec4899}.text-cyan-500{color:#06b6d4}.text-pink-500{color:#ec4899}.bg-orange-500{background-color:#f97316}.text-orange-400{color:#fb923c}.animate-spin{height:28px;width:38px}@media (min-width:480px){.animate-spin{height:36px;width:36px}}@media (min-width:768px){.animate-spin{height:50px;width:60px}}.site-footer{border-top:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);background:rgba(45,55,72,.4);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.footer-brand p{margin-top:var(--spacing-xs);color:var(--text-muted)}.footer-links{display:flex;gap:var(--spacing-md)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-weight:600;transition:var(--transition-normal)}.footer-links a:hover{color:var(--text-primary)}.spinning-wheel-container{display:flex;flex-direction:column;align-items:stretch;padding:var(--spacing-lg);max-width:100%;margin:0 auto;gap:var(--spacing-xl)}.spinning-wheel-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);align-items:start}.wheel-panel{background:rgba(26,26,46,.55);box-shadow:var(--shadow-lg)}.wheel-aside,.wheel-panel{border:1px solid var(--border-color);border-radius:var(--radius-xl)}.wheel-aside{background:rgba(15,15,35,.45);padding:var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.wheel-container{position:relative;width:280px;height:280px;margin:1rem auto}@media (min-width:480px){.wheel-container{width:320px;height:320px}}@media (min-width:768px){.wheel-container{width:400px;height:400px}.spinning-wheel-grid{grid-template-columns:1.4fr 1fr}}.wheel{border-radius:50%;position:relative;border:4px solid #333;box-shadow:0 0 30px rgba(0,0,0,.6),inset 0 0 20px rgba(0,0,0,.2);background:#2a2a2a;overflow:hidden}.wheel,.wheel-segment{width:100%;height:100%}.wheel-segment{position:absolute;display:flex;align-items:center;justify-content:center}.segment-svg{pointer-events:none;z-index:1}.segment-svg path{transition:all .3s ease}.segment-text{position:absolute;left:50%;transform-origin:-20px 156px;font-weight:700;font-size:9px;text-align:center;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.1px;z-index:3;font-family:Arial,sans-serif}@media (min-width:480px){.segment-text{top:35px;transform-origin:0 125px;font-size:10px;max-width:100px}}@media (min-width:768px){.segment-text{top:40px;transform-origin:0 160px;font-size:11px;max-width:120px}}.wheel-pointer{position:absolute;top:93px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid #ff3333;z-index:10;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}@media (min-width:480px){.wheel-pointer{top:-18px;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:30px solid #ff3333}}@media (min-width:768px){.wheel-pointer{top:136px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid #ff3333}}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,#ffffff 0,#f5f5f5 20%,#e0e0e0 60%,#c0c0c0 100%);border-radius:50%;border:3px solid #666;box-shadow:0 0 15px rgba(0,0,0,.7),inset 0 2px 6px rgba(255,255,255,.4);z-index:10}@media (min-width:480px){.wheel-center{width:60px;height:60px;border:3px solid #666}}@media (min-width:768px){.wheel-center{width:70px;height:70px;border:4px solid #666;box-shadow:0 0 25px rgba(0,0,0,.7),inset 0 3px 8px rgba(255,255,255,.4)}}.wheel-controls{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;width:100%;max-width:300px}@media (min-width:480px){.wheel-controls{flex-direction:row;gap:1rem;max-width:400px}}.spin-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:white;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px rgba(0,0,0,.2);width:100%}@media (min-width:480px){.spin-button{padding:1rem 2rem;font-size:1.1rem;border-radius:30px;width:auto}}@media (min-width:768px){.spin-button{padding:1rem 2rem;font-size:1.2rem;border-radius:50px}}.spin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.spin-button:disabled{opacity:.6;cursor:not-allowed}.spin-button.spinning{animation:pulse .5s infinite}.reset-button{padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;background:#666;color:white;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;width:100%}@media (min-width:480px){.reset-button{padding:1rem 2rem;font-size:1rem;border-radius:25px;width:auto}}.reset-button:hover{background:#777;transform:translateY(-1px)}.result-display{text-align:center;margin:2rem 0;padding:2rem;background:rgba(255,255,255,.05);border-radius:15px;border:2px solid var(--accent-blue)}.result-prize{font-size:2rem;font-weight:700;margin:1rem 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.jackpot-celebration{font-size:1.5rem;margin-top:1rem;animation:celebrate 1s infinite alternate}@keyframes celebrate{0%{transform:scale(1)}to{transform:scale(1.1)}}.game-status{text-align:center;margin-bottom:1rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1rem;margin-bottom:.5rem}.status-badge.pending{background:#f39c12;color:white}.status-badge.running{background:#e74c3c;color:white;animation:pulse 1s infinite}.countdown-timer{background:rgba(255,255,255,.1);padding:1rem;border-radius:10px;border:2px solid var(--accent-blue)}.timer-label{display:block;font-size:.9rem;color:#ccc;margin-bottom:.5rem}.timer-value{font-size:2rem;font-weight:700;color:var(--accent-blue);font-family:monospace}.game-ended{background:#27ae60;color:white;padding:1rem;border-radius:10px;font-weight:700;animation:celebrate 1s infinite alternate}.game-info{text-align:center;margin:1.5rem 0;padding:0 1rem}.participants-section{margin-top:2rem;text-align:center;padding:1.5rem;background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:700px;width:100%}.participants-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:1.5rem}.losers-section,.winners-section{margin-bottom:1.5rem;text-align:left}.losers-section:last-child,.winners-section:last-child{margin-bottom:0}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;padding-left:1rem}.winner-title{color:#059669}.loser-title{color:#dc2626}.participants-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:100%;margin:0 auto}.participant-tag{background:#f1f5f9;color:#475569;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid #e2e8f0;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.participant-tag.winner{background:linear-gradient(135deg,#10b981,#059669);color:white;border-color:#047857;font-weight:700;box-shadow:0 0 15px rgba(16,185,129,.4);animation:winnerGlow 2s ease-in-out infinite alternate}.participant-tag.loser{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.participant-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@keyframes winnerGlow{0%{box-shadow:0 0 15px rgba(16,185,129,.4)}to{box-shadow:0 0 20px rgba(16,185,129,.6),0 0 30px rgba(16,185,129,.3)}}@media (min-width:480px){.participant-tag{font-size:.85rem;padding:.5rem 1rem}.section-title{font-size:1.2rem}}.wheel-instructions{text-align:center;padding:0 1rem;margin-top:1rem}.wheel-instructions p{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}@media (min-width:480px){.wheel-instructions p{font-size:1rem}}.modern-wheel-container{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width:768px){.modern-wheel-container{padding:0 .5rem;gap:1.5rem}}@media (max-width:480px){.modern-wheel-container{padding:0 .25rem;gap:1rem}}.game-header-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.game-title-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,rgba(11,15,25,.98),rgba(15,23,42,.98));border:1px solid rgba(55,65,81,.9);border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(0,229,255,.1),inset 0 1px 0 rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width:768px){.game-title-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem}}@media (max-width:480px){.game-title-card{padding:1rem;border-radius:16px}}.title-icon{background:radial-gradient(circle at 30% 0,#facc15,#92400e);border-radius:50%;padding:.75rem;box-shadow:0 4px 20px rgba(251,191,36,.35)}@media (max-width:768px){.title-icon{padding:.625rem}}@media (max-width:480px){.title-icon{padding:.5rem}}.game-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#fef3c7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 30px rgba(251,191,36,.5)}@media (max-width:768px){.game-title{font-size:2rem}}@media (max-width:480px){.game-title{font-size:1.5rem}}.game-subtitle{color:#9ca3af;font-size:1.1rem;margin:.25rem 0 0}@media (max-width:768px){.game-subtitle{font-size:1rem}}@media (max-width:480px){.game-subtitle{font-size:.9rem}}.game-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}@media (max-width:768px){.game-status-cards{grid-template-columns:1fr;gap:.75rem}}.status-card{display:flex;align-items:center;gap:1rem;background:rgba(15,15,35,.6);border:1px solid rgba(75,85,99,.3);border-radius:16px;padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}@media (max-width:768px){.status-card{padding:1rem;gap:.75rem}}@media (max-width:480px){.status-card{padding:.875rem;border-radius:12px}}.status-card:hover{transform:translateY(-2px);border-color:rgba(0,229,255,.5);box-shadow:0 8px 25px rgba(0,229,255,.2)}.timer-card{border-color:rgba(245,158,11,.3)}.timer-card:hover{border-color:rgba(245,158,11,.6);box-shadow:0 8px 25px rgba(245,158,11,.2)}.ended-card{border-color:rgba(16,185,129,.3)}.ended-card:hover{border-color:rgba(16,185,129,.6);box-shadow:0 8px 25px rgba(16,185,129,.2)}.players-card{border-color:rgba(59,130,246,.3)}.players-card:hover{border-color:rgba(59,130,246,.6);box-shadow:0 8px 25px rgba(59,130,246,.2)}.status-card svg{color:#00e5ff}.timer-card svg{color:#f59e0b}.ended-card svg{color:#10b981}.players-card svg{color:#3b82f6}.status-label{font-size:.875rem;color:#9ca3af;font-weight:500;margin-bottom:.25rem}.status-value{font-size:1.5rem;font-weight:700;color:#ffffff}@media (max-width:768px){.status-value{font-size:1.25rem}}@media (max-width:553px){.status-value{font-size:1.125rem}}.wheel-main-section{display:grid;grid-template-columns:1fr 350px;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:1024px){.wheel-main-section{grid-template-columns:1fr;gap:1.75rem}}@media (max-width:640px){.wheel-main-section{gap:1.25rem}}.wheel-showcase{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (max-width:480px){.wheel-showcase{gap:1.25rem}}.wheel-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(250,204,21,.28) 0,transparent 70%);border-radius:50%;animation:pulse-glow 3s ease-in-out infinite alternate}@media (max-width:768px){.wheel-glow-effect{width:400px;height:400px}}@media (max-width:480px){.wheel-glow-effect{width:300px;height:300px}}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}to{transform:translate(-50%,-50%) scale(1.1);opacity:.6}}.wheel-container-modern{position:relative;width:380px;height:380px;margin:1.5rem auto}@media (max-width:480px){.wheel-container-modern{width:280px;height:280px;margin:.75rem auto}}.wheel-modern{width:100%;height:100%;border-radius:50%;position:relative;border:3px solid rgba(250,204,21,.6);box-shadow:0 0 50px rgba(250,204,21,.45),0 0 100px rgba(251,191,36,.35),inset 0 0 50px rgba(0,0,0,.3);background:radial-gradient(circle at center,rgba(15,15,35,.9) 0,rgba(22,30,62,.9) 100%),linear-gradient(45deg,rgba(0,229,255,.1),rgba(0,255,162,.1));overflow:hidden}.wheel-modern.spinning-modern{animation:wheel-spin-extra .5s ease-out}@keyframes wheel-spin-extra{0%{filter:brightness(1)}50%{filter:brightness(1.5) saturate(1.3)}to{filter:brightness(1)}}.wheel-segment-modern{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:2}.segment-svg-modern{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.segment-svg-modern path{transition:all .3s ease}.wheel-segment-modern:hover .segment-svg-modern path{filter:brightness(1.2) saturate(1.1)}.segment-text-modern{position:absolute;left:65%;bottom:42%;transform-origin:-80px 100px;font-weight:700;font-size:12px;text-align:center;white-space:nowrap;max-width:120px;overflow:visible;text-overflow:ellipsis;color:#ffffff;text-shadow:0 0 10px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:.25rem;z-index:5;pointer-events:none}.segment-username{font-weight:900;color:#ffffff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,0,0,1),0 0 15px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.9),2px 2px 4px rgba(0,0,0,1),-1px -1px 2px rgba(0,0,0,.8);display:inline-block;padding:1px 3px;background:rgba(0,0,0,.4);border-radius:2px;line-height:1.3;font-size:11px}@media (max-width:768px){.segment-text-modern{font-size:10px;max-width:100px;transform-origin:-65px 80px}.segment-username{font-size:10px}}@media (max-width:480px){.segment-text-modern{font-size:9px;max-width:80px;transform-origin:-52px 65px}.segment-username{font-size:9px}}.wheel-pointer-modern{position:absolute;top:-15px;left:50%;transform:translateX(-50%);z-index:20}.pointer-triangle{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid #00e5ff;filter:drop-shadow(0 0 20px rgba(0,229,255,.8));position:relative}@media (max-width:768px){.pointer-triangle{border-left-width:18px;border-right-width:18px;border-bottom-width:30px}}@media (max-width:480px){.pointer-triangle{border-left-width:16px;border-right-width:16px;border-bottom-width:25px}}.pointer-triangle:before{content:"";position:absolute;top:-2px;left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid rgba(255,255,255,.3)}.pointer-glow{position:absolute;top:-25px;left:-30px;width:60px;height:60px;background:radial-gradient(circle,rgba(0,229,255,.4) 0,transparent 70%);border-radius:50%;animation:pointer-pulse 2s ease-in-out infinite}@media (max-width:768px){.pointer-glow{top:-20px;left:-25px;width:50px;height:50px}}@media (max-width:480px){.pointer-glow{top:-18px;left:-22px;width:44px;height:44px}}@keyframes pointer-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.8}}.wheel-center-modern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15}.center-circle{width:60px;height:60px;background:radial-gradient(circle,#ffffff 0,#f0f0f0 30%,#e0e0e0 70%,#c0c0c0 100%),linear-gradient(135deg,rgba(0,229,255,.2),rgba(0,255,162,.2));border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 30px rgba(0,229,255,.6),inset 0 2px 10px rgba(255,255,255,.4),inset 0 0 20px rgba(0,0,0,.2)}@media (max-width:768px){.center-circle{width:50px;height:50px}}@media (max-width:480px){.center-circle{width:40px;height:40px}}.center-shine{position:absolute;top:10px;left:10px;width:20px;height:20px;background:radial-gradient(circle,rgba(255,255,255,.8) 0,transparent 100%);border-radius:50%}@media (max-width:768px){.center-shine{top:8px;left:8px;width:16px;height:16px}}@media (max-width:480px){.center-shine{top:6px;left:6px;width:12px;height:12px}}.winner-announcement{margin-top:2rem;animation:winner-pop .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes winner-pop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.winner-card{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(16,185,129,.2));border:2px solid rgba(245,158,11,.5);border-radius:20px;padding:2rem;box-shadow:0 10px 40px rgba(245,158,11,.3),0 0 0 1px rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}@media (max-width:768px){.winner-card{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}}@media (max-width:480px){.winner-card{padding:1.25rem;border-radius:16px}}.winner-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:winner-shine 2s ease-in-out infinite}@keyframes winner-shine{0%{left:-100%}to{left:100%}}.winner-title{font-size:1.5rem;font-weight:700;color:#f59e0b;margin:0;text-shadow:0 0 20px rgba(245,158,11,.5)}@media (max-width:768px){.winner-title{font-size:1.25rem}}@media (max-width:480px){.winner-title{font-size:1.125rem}}.winner-name{font-size:1.25rem;font-weight:600;color:#ffffff;margin:.25rem 0 0}@media (max-width:768px){.winner-name{font-size:1.125rem}}@media (max-width:480px){.winner-name{font-size:1rem}}.winner-sparkles{display:flex;gap:.5rem}@media (max-width:768px){.winner-sparkles{gap:.375rem}}.sparkle{font-size:1.5rem;animation:sparkle-float 2s ease-in-out infinite}@media (max-width:768px){.sparkle{font-size:1.25rem}}@media (max-width:480px){.sparkle{font-size:1rem}}.sparkle:nth-child(2){animation-delay:.3s}.sparkle:nth-child(3){animation-delay:.6s}@keyframes sparkle-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(180deg)}}.participants-panel{background:rgba(15,15,35,.6);border:1px solid rgba(75,85,99,.3);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(0,0,0,.3)}@media (max-width:1024px){.participants-panel{width:100%;max-width:none}}@media (max-width:768px){.participants-panel{padding:1.1rem;border-radius:16px}}@media (max-width:480px){.participants-panel{padding:.9rem;border-radius:12px}}.panel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(75,85,99,.3)}@media (max-width:768px){.panel-header{gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem}}@media (max-width:480px){.panel-header{flex-direction:column;gap:.5rem;text-align:center;margin-bottom:1rem;padding-bottom:.5rem}}.panel-header svg{color:#00e5ff}.panel-title{font-size:1.25rem;font-weight:600;color:#ffffff;margin:0}@media (max-width:768px){.panel-title{font-size:1.125rem}}@media (max-width:480px){.panel-title{font-size:1rem}}.participant-count{background:linear-gradient(135deg,#00e5ff,#00ffa2);color:#000;font-weight:700;padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.participants-display,.winners-display{margin-bottom:1.5rem}.participants-display:last-child,.winners-display:last-child{margin-bottom:0}.section-badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(245,158,11,.3);padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.section-badge,.winner-badge{background:rgba(245,158,11,.2);color:#f59e0b}.winner-badge{border-color:rgba(245,158,11,.3)}.winner-badge svg{color:#f59e0b}.participant-badge{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3);color:#3b82f6}.participant-badge svg{color:#3b82f6}.participants-grid-modern{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem;max-height:300px;overflow-y:auto;padding-right:.5rem}@media (max-width:768px){.participants-grid-modern{max-height:250px;gap:.5rem}}@media (max-width:480px){.participants-grid-modern{max-height:200px;gap:.375rem}}.participants-grid-modern::-webkit-scrollbar{width:4px}.participants-grid-modern::-webkit-scrollbar-track{background:rgba(75,85,99,.2);border-radius:2px}.participants-grid-modern::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00e5ff,#00ffa2);border-radius:2px}.participant-card{display:flex;align-items:center;gap:.75rem;background:rgba(26,26,46,.6);border:1px solid rgba(75,85,99,.2);border-radius:12px;padding:.75rem 1rem;transition:all .3s ease;cursor:default}@media (max-width:768px){.participant-card{padding:.625rem .875rem;gap:.5rem}}@media (max-width:480px){.participant-card{padding:.5rem .75rem;border-radius:8px}}.participant-card:hover{transform:translateX(4px);border-color:rgba(0,229,255,.3);box-shadow:0 4px 15px rgba(0,229,255,.1)}@media (max-width:768px){.participant-card:hover{transform:translateX(2px)}}@media (max-width:480px){.participant-card:hover{transform:none}}.winner-card-modern{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(16,185,129,.1));border-color:rgba(245,158,11,.3)}.winner-card-modern:hover{border-color:rgba(245,158,11,.5);box-shadow:0 4px 15px rgba(245,158,11,.2)}.participant-card-modern{background:rgba(26,26,46,.6);border-color:rgba(75,85,99,.2)}.participant-name{font-weight:500;color:#ffffff;font-size:.9rem}@media (max-width:480px){.participant-name{font-size:.8rem}}.modern-wheel-container .loading{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 2rem;text-align:center}@media (max-width:768px){.modern-wheel-container .loading{padding:3rem 1rem;gap:1.5rem}}@media (max-width:480px){.modern-wheel-container .loading{padding:2rem 1rem;gap:1rem}}.loading-spinner-large{width:3rem;height:3rem;border:3px solid rgba(0,229,255,.3);border-top-color:#00e5ff;border-radius:50%;animation:spin 1s linear infinite}.loading h2{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0}.loading p{color:#9ca3af;font-size:1rem;margin:0}@media (max-width:768px){.loading h2{font-size:1.25rem}.loading p{font-size:.9rem}}@media (max-width:480px){.loading h2{font-size:1.125rem}.loading p{font-size:.8rem}}.earnings-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.earning-card{background:rgba(26,26,46,.7);border:1px solid rgba(75,85,99,.2);border-radius:12px;padding:1.25rem;transition:all .2s ease}.earning-card:hover{border-color:rgba(59,130,246,.3);background:rgba(26,26,46,.8)}.earning-header{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.earning-header.clickable{cursor:pointer;transition:all .2s ease}.earning-header.clickable:hover{background:rgba(59,130,246,.05);border-radius:8px;padding:.5rem;margin:-.5rem -.5rem .375rem}.expand-icon{margin-left:auto;color:#9ca3af;transition:all .2s ease}.earning-header.clickable:hover .expand-icon{color:#60a5fa}.earning-icon{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:.625rem;display:flex;align-items:center;justify-content:center;color:#22c55e}.earning-info{flex:1 1}.earning-amount{font-size:1.125rem;font-weight:600;color:#22c55e;margin-bottom:.125rem}.earning-date{font-size:.8125rem;color:#6b7280}.earning-details{border-top:1px solid rgba(75,85,99,.15);padding-top:.875rem;margin-top:.875rem}.earning-details.expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;margin-top:0}to{opacity:1;max-height:500px;padding-top:.875rem;margin-top:.875rem}}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.25rem 0}.detail-item:last-child{margin-bottom:0}.detail-label{color:#9ca3af}.detail-label,.detail-value{font-size:.8125rem;font-weight:500}.detail-value{color:#d1d5db;font-family:JetBrains Mono,monospace}.insights-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem}.insight-card{background:rgba(26,26,46,.6);border:1px solid rgba(75,85,99,.15);border-radius:10px;padding:1.25rem;text-align:center}.insight-metric{display:flex;flex-direction:column;gap:.375rem}.metric-value{font-size:1.375rem;font-weight:600;color:#60a5fa}.metric-label{font-size:.8125rem;color:#9ca3af;font-weight:500}.empty-state{text-align:center;padding:2.5rem 1.5rem;background:rgba(26,26,46,.4);border-radius:12px;border:1px solid rgba(75,85,99,.1)}.empty-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.error-card{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1.5rem;text-align:center}@media (max-width:768px){.earnings-grid{grid-template-columns:1fr;gap:1rem}.insights-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.earning-card{padding:1rem}.earning-header{gap:.75rem;margin-bottom:.75rem}.earning-amount{font-size:1rem}.empty-actions{flex-direction:column;align-items:center;gap:.5rem}.empty-actions .button{width:100%;max-width:180px}}@media (max-width:480px){.insights-grid{grid-template-columns:1fr;gap:.5rem}.insight-card{padding:.875rem;border-radius:var(--radius-sm)}.metric-value{font-size:1rem;line-height:1.3}.metric-label{font-size:.75rem}.earning-details{padding-top:.75rem;margin-top:.75rem;border-top-width:1px}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.375rem 0;margin-bottom:.375rem}.detail-item:last-child{margin-bottom:0}.earning-header.clickable:hover{padding:.375rem;margin:-.375rem -.375rem .5rem}.expand-icon{margin-left:.5rem;width:16px;height:16px}.empty-state{padding:1.75rem 1rem;border-radius:var(--radius-md);text-align:center}.empty-state h3{font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.8125rem;line-height:1.4}.empty-actions{margin-top:1.25rem}.error-card{padding:1rem;border-radius:var(--radius-md);text-align:center}.error-card h3{font-size:1.125rem;margin-bottom:.5rem}.error-card p{font-size:.8125rem;line-height:1.4}.page-loading{padding:2rem 1rem;text-align:center}.page-loading h2{font-size:1.125rem;margin:1rem 0 .5rem}.page-loading p{font-size:.8125rem;color:var(--text-muted)}.loading-spinner-large{width:48px;height:48px;border-width:3px;margin:0 auto}.earnings-grid{grid-template-columns:1fr;gap:.625rem}.earning-card{padding:.875rem;border-radius:var(--radius-md)}.earning-header{gap:.625rem;margin-bottom:.625rem}.earning-icon{padding:.5rem;border-radius:var(--radius-sm)}.earning-amount{font-size:.9375rem;line-height:1.3;margin-bottom:.125rem}.earning-date{font-size:.75rem;opacity:.8}.title-icon{margin-bottom:var(--spacing-sm)}.detail-label{font-size:.75rem;opacity:.8}.detail-value{font-size:.8125rem;word-break:break-word}}@media (max-width:400px){.header{padding:.5rem var(--spacing-xs);min-height:48px}.header-content{gap:var(--spacing-xs);min-height:48px}.logo{font-size:1.25rem}.header-actions{gap:.25rem}.spin-link{padding:.25rem}.button{padding:.25rem .5rem;font-size:.75rem}.page-shell{gap:var(--spacing-md);padding:0 var(--spacing-xs);padding-bottom:calc(var(--spacing-md) + 70px)}.main-content{padding:var(--spacing-lg) var(--spacing-xs);padding-bottom:calc(var(--spacing-lg) + 70px)}.section-block{padding:var(--spacing-sm)}.section-block,.section-header{margin-bottom:var(--spacing-sm);gap:var(--spacing-xs)}.section-title{font-size:1.125rem;line-height:1.2}.section-subtitle{font-size:.75rem;line-height:1.3;margin-top:.125rem}.stat-grid{gap:.5rem;margin-top:var(--spacing-xs);max-width:100%}.stat-card{padding:.75rem;border-radius:var(--radius-sm)}.stat-value{font-size:1rem;line-height:1.2}.stat-label{font-size:.75rem;margin-bottom:.125rem}.stat-icon{margin-bottom:.375rem}.earnings-grid{grid-template-columns:1fr;gap:.5rem}.earning-card{padding:.75rem;border-radius:var(--radius-sm)}.earning-header{gap:.5rem;margin-bottom:.5rem}.earning-icon{padding:.375rem;border-radius:var(--radius-sm)}.earning-amount{font-size:.875rem;line-height:1.2;margin-bottom:.125rem}.earning-date{font-size:.6875rem;opacity:.8}.earning-details{padding-top:.625rem;margin-top:.625rem}.detail-item{gap:.125rem;padding:.25rem 0;margin-bottom:.25rem}.detail-label{font-size:.6875rem;opacity:.8}.detail-value{font-size:.75rem;word-break:break-word}.insights-grid{grid-template-columns:1fr;gap:.375rem}.insight-card{padding:.75rem;border-radius:var(--radius-sm)}.metric-value{font-size:.875rem;line-height:1.2}.metric-label{font-size:.6875rem}.empty-state{padding:1.5rem .75rem;border-radius:var(--radius-sm)}.empty-state h3{font-size:1rem;margin-bottom:.375rem}.empty-state p{font-size:.75rem;line-height:1.3}.empty-actions{margin-top:1rem;gap:.375rem}.empty-actions .button{width:100%;max-width:160px;padding:.5rem .75rem;font-size:.75rem}.error-card{padding:.875rem;border-radius:var(--radius-sm)}.error-card h3{font-size:1rem;margin-bottom:.375rem}.error-card p{font-size:.75rem;line-height:1.3}.page-loading{padding:1.5rem .75rem}.page-loading h2{font-size:1rem;margin:.75rem 0 .375rem}.page-loading p{font-size:.75rem}.loading-spinner-large{width:40px;height:40px;border-width:2px}.nav-item{padding:.375rem;min-width:50px}.nav-text{font-size:.625rem}.nav-icon{width:20px;height:20px;margin-bottom:.125rem}.expand-icon{margin-left:.375rem;width:14px;height:14px}.earning-header.clickable:hover{padding:.25rem;margin:-.25rem -.25rem .375rem}}