:root{--radius:.625rem;--background:#0a0f0c;--foreground:#c9efd9;--card:#0e1611;--primary:#00f8a1;--primary-foreground:#06100a;--muted-foreground:#66927a;--border:#16412d;--input:#121e17;--neon:#00f8a1;--glow:0 0 20px color-mix(in oklab, var(--neon) 35%, transparent);--glow-strong:0 0 32px color-mix(in oklab, var(--neon) 55%, transparent);--gradient-panel:linear-gradient(180deg, #101b15 0%, #0a110d 100%);color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:geometricprecision;font-family:ui-monospace,JetBrains Mono,Fira Code,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--foreground);background:radial-gradient(ellipse at top, color-mix(in oklab, var(--neon) 8%, transparent), transparent 60%), radial-gradient(ellipse at bottom, color-mix(in oklab, var(--neon) 5%, transparent), transparent 60%), var(--background);background-attachment:fixed;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{color:var(--foreground);background:color-mix(in oklab, var(--neon) 40%, transparent)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:50;border-bottom:1px solid color-mix(in oklab, var(--border) 60%, transparent);background:color-mix(in oklab, var(--background) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1024px;margin:0 auto;padding:16px 24px;display:flex}.brand{flex:none;align-items:center;gap:12px;display:inline-flex}.brand-mark{border:2px solid var(--primary);width:32px;height:32px;box-shadow:var(--glow);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.brand-mark span{background:var(--primary);border-radius:999px;width:10px;height:10px}.brand-name{color:var(--primary);letter-spacing:.05em;font-size:18px;font-weight:700}.nav-links{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:24px;font-size:14px;display:flex}.nav-links a{transition:color .16s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.main-view{flex:1}.mixer-page{width:100%;max-width:576px;margin:0 auto;padding:40px 24px}.mixer-card,.stats-card{border:1px solid color-mix(in oklab, var(--primary) 40%, transparent);background:var(--card);border-radius:12px}.neon-card{box-shadow:var(--glow);overflow:hidden}.card-title{border-bottom:1px solid color-mix(in oklab, var(--primary) 40%, transparent);text-align:center;padding:16px 24px}.card-title h1,.stats-card h2,.page-heading h1,.privacy-card h2{letter-spacing:.05em;margin:0;font-weight:700}.card-title h1{color:var(--primary);font-size:16px}.mixer-form{gap:20px;padding:31px 24px 24px;display:grid}.field-group{gap:8px;display:grid}.field-label,.section-label,.muted-row{color:var(--muted-foreground);letter-spacing:.05em;font-size:12px}.field-label.inline,.muted-row{align-items:center;gap:6px;display:inline-flex}.field-label svg,.muted-row svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.select-wrap,.token-select{display:block;position:relative}input{border:1px solid var(--border);background:var(--input);width:100%;height:50px;color:var(--foreground);letter-spacing:.05em;border-radius:6px;outline:none;transition:border-color .14s,box-shadow .14s}.token-trigger{border:1px solid var(--border);background:var(--input);color:#f2fff7;text-align:left;letter-spacing:.05em;border-radius:6px;outline:none;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 44px 0 16px;font-weight:700;transition:border-color .14s,box-shadow .14s,filter .14s;display:flex;position:relative}.token-trigger:hover,.token-trigger[aria-expanded=true]{border-color:var(--primary)}.token-trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}input{padding:0 16px}input::placeholder{color:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.select-caret{border-top:5px solid var(--primary);pointer-events:none;border-left:3.5px solid #0000;border-right:3.5px solid #0000;width:0;height:0;transition:transform .16s;position:absolute;top:50%;right:17px;transform:translateY(-50%)rotate(0)}.select-caret.open{transform:translateY(-50%)rotate(180deg)}.token-dropdown{z-index:30;border:1px solid color-mix(in oklab, var(--primary) 45%, transparent);width:100%;box-shadow:var(--glow);background:#0c1510;border-radius:6px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.token-option{border:0;border-bottom:1px solid color-mix(in oklab, var(--border) 50%, transparent);width:100%;min-height:42px;color:var(--foreground);text-align:left;letter-spacing:.05em;background:0 0;align-items:center;padding:0 16px;font-weight:700;transition:background .14s,color .14s;display:flex}.token-option:last-child{border-bottom:0}.token-option:hover,.token-option.active{background:color-mix(in oklab, var(--primary) 12%, transparent);color:var(--primary)}.token-menu-enter-active,.token-menu-leave-active{transform-origin:top;transition:opacity .16s,transform .16s}.token-menu-enter-from,.token-menu-leave-to{opacity:0;transform:translateY(-6px)scaleY(.96)}.connect-button,.sign-button{letter-spacing:.05em;border:0;border-radius:6px;width:100%;min-height:48px;font-weight:700;transition:border-color .16s,filter .16s,opacity .16s,transform .16s}.connect-button{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--glow-strong)}.sign-button{border:1px solid color-mix(in oklab, var(--primary) 48%, transparent);background:color-mix(in oklab, var(--primary) 9%, var(--input));color:var(--primary)}.connect-button:hover:not(:disabled),.sign-button:hover:not(:disabled){filter:brightness(1.1)}.connect-button:active:not(:disabled),.sign-button:active:not(:disabled){transform:translateY(1px)}.connect-button:disabled,.sign-button:disabled{cursor:not-allowed;opacity:.58;filter:none}.demo-toast{color:var(--muted-foreground);letter-spacing:.04em;text-align:center;margin:-8px 0 0;font-size:12px}.wallet-error{color:#f99090;letter-spacing:.03em;text-align:center;margin:-8px 0 0;font-size:12px;line-height:1.5}.signature-panel{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--background) 48%, transparent);border-radius:6px;gap:12px;padding:14px;display:grid;overflow:hidden}.signature-panel span{color:var(--primary);letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.signature-panel pre,.signature-panel code{max-height:148px;color:var(--muted-foreground);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.55;display:block;overflow:auto}.stats-card{border-color:var(--border);background:var(--gradient-panel);margin-top:32px;padding:25px 24px 24px}.stats-card h2{font-size:16px}.total-block{margin-top:22px}.total-line{align-items:baseline;gap:8px;margin-top:2px;display:flex}.total-number{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1.12}.total-label{color:var(--muted-foreground);font-size:14px}.recent-block{margin-top:23px}.deposit-list{border:1px solid color-mix(in oklab, var(--border) 60%, transparent);background:color-mix(in oklab, var(--background) 40%, transparent);border-radius:6px;max-height:288px;margin-top:8px;overflow-y:auto}.deposit-list::-webkit-scrollbar{width:16px}.deposit-list::-webkit-scrollbar-track{background:#f0f0f0}.deposit-list::-webkit-scrollbar-thumb{background:#8d8d8d;border:4px solid #f0f0f0;border-radius:999px}.deposit-row{border-bottom:1px solid color-mix(in oklab, var(--border) 40%, transparent);min-height:41px;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:0 32px 0 16px;font-size:12px;display:flex}.deposit-row:last-child{border-bottom:0}.deposit-row span:first-child{color:var(--primary);font-weight:700}.content-page{width:100%;max-width:768px;margin:0 auto;padding:40px 24px}.page-heading{margin-bottom:31px}.page-heading p{color:color-mix(in oklab, var(--primary) 80%, transparent);letter-spacing:.3em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.page-heading h1{color:var(--foreground);font-size:30px;line-height:1.2}.accordion{gap:12px;display:grid}.faq-item{border:1px solid var(--border);background:var(--card);border-radius:8px}.faq-item:has([aria-expanded=true]){border-color:color-mix(in oklab, var(--primary) 60%, transparent)}.faq-item button{width:100%;min-height:52px;color:var(--foreground);text-align:left;letter-spacing:.025em;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 20px;font-size:14px;font-weight:700;transition:color .16s;display:flex}.faq-item button:hover{color:var(--primary)}.faq-item svg{fill:none;width:16px;height:16px;stroke:var(--muted-foreground);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-left:16px;transition:transform .18s}.faq-item svg.rotated{transform:rotate(180deg)}.faq-answer-wrap{overflow:hidden}.faq-answer{color:var(--muted-foreground);padding:0 20px 16px;font-size:13px;line-height:1.65}.faq-panel-enter-active,.faq-panel-leave-active{transition:max-height .22s,opacity .18s,transform .22s;overflow:hidden}.faq-panel-enter-from,.faq-panel-leave-to{opacity:0;max-height:0;transform:translateY(-4px)}.faq-panel-enter-to,.faq-panel-leave-from{opacity:1;max-height:96px;transform:translateY(0)}.privacy-list{gap:20px;display:grid}.privacy-card{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:25px 24px 24px}.privacy-card h2{color:var(--primary);font-size:16px}.privacy-card p{white-space:pre-line;color:var(--muted-foreground);margin:16px 0 0;font-size:14px;line-height:1.65}.site-footer{border-top:1px solid color-mix(in oklab, var(--border) 60%, transparent);margin-top:64px}.footer-inner{max-width:1024px;color:var(--muted-foreground);text-align:center;margin:0 auto;padding:32px 24px;font-size:12px;line-height:1.5}.footer-inner>*+*{margin-top:8px}.footer-address{overflow-wrap:anywhere;color:color-mix(in oklab, var(--primary) 80%, transparent)}@media (width<=560px){.nav-links{gap:24px}.mixer-page,.content-page{padding-left:24px;padding-right:24px}.page-heading h1{font-size:28px}.faq-item button{align-items:flex-start;padding-top:16px;padding-bottom:16px}}