@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit}:root{--color-bg: #0b0d12;--color-surface: #0f131a;--color-surface-2: #141a24;--color-fg: #e6ebf3;--color-fg-muted: #a8b1c3;--color-primary: #7c9cff;--color-primary-boost: #9ab2ff;--color-accent: #22d1aa;--color-danger: #ff6b6b;--color-border: #1e2430;--focus-ring: 0 0 0 3px rgba(124, 156, 255, .35);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--line-height-tight: 1.2;--line-height-normal: 1.5;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .35);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 -1px 0 rgba(0,0,0,.3)}.container{max-width:1120px;margin:0 auto;padding:var(--space-8) var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.token-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.token-swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--color-border)}[data-theme=forest]{--color-bg: #0a1110;--color-surface: #0e1514;--color-surface-2: #121b1a;--color-fg: #e7f6f2;--color-fg-muted: #a9c7c1;--color-primary: #43d9ad;--color-primary-boost: #67e1bf;--color-accent: #2ec4b6;--color-border: #18302d;--focus-ring: 0 0 0 3px rgba(67, 217, 173, .35)}[data-theme=sunset]{--color-bg: #0c0a12;--color-surface: #120f1b;--color-surface-2: #171329;--color-fg: #f3edf7;--color-fg-muted: #c8bcd6;--color-primary: #b38bff;--color-primary-boost: #cfb6ff;--color-accent: #ff8c69;--color-border: #251f36;--focus-ring: 0 0 0 3px rgba(179, 139, 255, .35)}[data-theme=light]{--color-bg: #f7f9fc;--color-surface: #ffffff;--color-surface-2: #ffffff;--color-fg: #0e1116;--color-fg-muted: #5b6578;--color-primary: #3b82f6;--color-primary-boost: #60a5fa;--color-accent: #10b981;--color-border: #e5e7eb;--focus-ring: 0 0 0 3px rgba(59, 130, 246, .35)}body{transition:background-color .22s ease,color .22s ease}.app{min-height:100vh;background:radial-gradient(1000px 600px at 10% -10%,rgba(124,156,255,.08),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(34,209,170,.08),transparent 60%)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-icon{width:28px;height:28px;color:var(--color-primary)}.brand-name{font-weight:700;letter-spacing:-.02em;font-size:var(--font-size-lg)}.cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 14px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);text-decoration:none}.cta:hover{border-color:var(--color-primary)}.theme-select{display:inline-flex;align-items:center;gap:var(--space-2)}.select{background:var(--color-surface-2);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:36px;padding:6px 10px}.hero{padding:var(--space-10) 0 var(--space-8);display:grid;gap:var(--space-6)}.hero h1{margin:0;font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));line-height:var(--line-height-tight);letter-spacing:-.02em}.hero p{margin:0;color:var(--color-fg-muted);font-size:var(--font-size-lg)}.controls{display:flex;gap:var(--space-3);flex-wrap:wrap}.primary-btn{background:linear-gradient(180deg,var(--color-primary-boost),var(--color-primary));color:#0a0d14;border:none;padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;transition:box-shadow .16s ease,transform .12s ease,filter .12s ease}.primary-btn:hover{filter:brightness(1.05)}.primary-btn:active{transform:translateY(1px)}[data-theme=light] .primary-btn,:root[data-theme=light] .primary-btn{background:linear-gradient(180deg,var(--color-primary-boost),var(--color-primary));color:#0b1220;box-shadow:0 1px #fffc inset,0 1px 2px #1018280f}[data-theme=light] .primary-btn:hover,:root[data-theme=light] .primary-btn:hover{filter:none;transform:translateY(-.5px)}[data-theme=forest] .primary-btn,:root[data-theme=forest] .primary-btn{background:linear-gradient(180deg,#6fe4c4,#43d9ad);color:#06201a;box-shadow:0 1px #ffffff14 inset,0 8px 24px #22c4b62e}[data-theme=forest] .primary-btn:hover,:root[data-theme=forest] .primary-btn:hover{filter:brightness(1.06)}[data-theme=forest] .cta,:root[data-theme=forest] .cta{background:var(--color-surface-2)}[data-theme=light] .cta,:root[data-theme=light] .cta{background:#fff;color:#0b1220}[data-theme=light] .input,:root[data-theme=light] .input{background:#fff;color:#0b1220}.input{min-width:260px;flex:1 1 260px;min-height:44px;padding:10px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg)}.grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width: 880px){.grid{grid-template-columns:1fr 1fr}}.card{background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-inset)}.card h2{margin-top:0;font-size:var(--font-size-xl)}.card p{margin-top:0;color:var(--color-fg-muted)}.list{margin-top:var(--space-4);display:grid;gap:var(--space-2)}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.footer{margin-top:var(--space-12);padding:var(--space-6) 0;color:var(--color-fg-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border)}