:root{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-glow:#2563eb26;--danger:#dc2626;--success:#16a34a;--glass-bg:#ffffffbf;--glass-border:#0f172a14;--glass-shadow:0 8px 32px 0 #0f172a0f;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#2563eb0f,#0000 25%),radial-gradient(circle at 85% 30%,#16a34a0a,#0000 25%);background-attachment:fixed;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:#fffc;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.app-container{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex}.page-container{background-color:var(--bg-primary);box-sizing:border-box;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.content-area{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--bg-tertiary)}.btn-primary{background:var(--accent);border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-icon{border-radius:50%;width:40px;height:40px;padding:0}.input-field{border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);background:#0003;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.token-item{flex-direction:column;gap:.5rem;padding:1.25rem;transition:transform .2s;display:flex;position:relative;overflow:hidden}.token-item:active{transform:scale(.98)}.token-header{justify-content:space-between;align-items:center;display:flex}.token-issuer{color:var(--text-primary);font-size:1.1rem;font-weight:600}.token-account{color:var(--text-secondary);font-size:.85rem}.token-code{letter-spacing:4px;color:var(--accent);text-shadow:0 0 10px var(--accent-glow);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700}.timer-ring{width:24px;height:24px;position:relative}.timer-ring svg{transform:rotate(-90deg)}.timer-ring circle{fill:#0000;stroke-width:4px}.timer-ring .bg{stroke:var(--glass-border)}.timer-ring .progress{stroke:var(--accent);transition:stroke-dashoffset 1s linear}.timer-ring .progress.warning{stroke:var(--danger)}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.h-full{height:100%}.min-h-full{min-height:100%}.w-8{width:2rem}.h-8{height:2rem}.w-2{width:.5rem}.h-2{height:.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.relative{position:relative}.absolute{position:absolute}.top-16{top:4rem}.left-4{left:1rem}.right-4{right:1rem}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.max-h-60{max-height:15rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-tight{line-height:1.25}.text-white{color:#fff}.text-primary{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.opacity-70{opacity:.7}.border-b{border-bottom:1px solid var(--glass-border)}.border-t{border-top:1px solid var(--glass-border)}.transition-colors{transition:color .15s,background-color .15s}.transition-opacity{transition:opacity .15s}.bg-accent,.bg-primary{background-color:var(--accent)}.hover\:bg-\[\#2a2b36\]:hover{background-color:#2a2b36}.hover\:bg-danger:hover{background-color:var(--danger)}.hover\:bg-opacity-10:hover{opacity:.1}.hover\:opacity-100:hover{opacity:1}.hover\:text-primary:hover{color:var(--accent)}.bg-opacity-20{opacity:.2}.bg-opacity-50{opacity:.5}