:root{--max: 600px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--s-1: 6px;--s-2: 10px;--s-3: 14px;--s-4: 18px;--s-5: 24px;--bg: #0b1220;--surface: #0f1a2e;--surface-2: rgba(255,255,255,.06);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.66);--primary: #2dd4bf;--primary-2: #22c55e;--danger: #fb7185;--shadow-1: 0 10px 28px rgba(0,0,0,.35);--shadow-2: 0 18px 50px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{height:100%}body{min-height:100%;margin:0;color:var(--text);background:radial-gradient(1200px 800px at 10% -10%,rgba(45,212,191,.18),transparent 55%),radial-gradient(1200px 800px at 110% 10%,rgba(99,102,241,.16),transparent 55%),var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-appearance:none;appearance:none;border:0;background:none}input,textarea{-webkit-appearance:none;appearance:none}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.thumb-price input:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}:focus-visible{outline:0;box-shadow:0 0 0 3px #2dd4bf4d;border-radius:12px}.btn{height:48px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;padding:0 14px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:800;letter-spacing:.2px;transition:transform .12s ease,filter .12s ease,background .12s ease,border-color .12s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(135deg,#2dd4bf,#6366f1f2);color:#0a0c12f2;box-shadow:var(--shadow-1)}.btn-ghost{background:#ffffff0f;border:1px solid var(--border);color:var(--text)}.btn-icon{width:44px;height:44px;padding:0;border-radius:14px;background:#ffffff0f;border:1px solid var(--border)}button[title],button[data-tooltip]{position:relative;overflow:visible}button[title]:after,button[data-tooltip]:after{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);padding:7px 10px;border-radius:10px;background:#0a0c12f5;border:1px solid rgba(255,255,255,.14);color:#fffffff5;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:var(--shadow-1);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:20}button[title]:before,button[data-tooltip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);width:8px;height:8px;transform:translate(-50%) rotate(45deg) translateY(4px);background:#0a0c12f5;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:19}button[title]:after{content:attr(title)}button[data-tooltip]:after{content:attr(data-tooltip)}button[title]:hover:after,button[title]:hover:before,button[title]:focus-visible:after,button[title]:focus-visible:before,button[data-tooltip]:hover:after,button[data-tooltip]:hover:before,button[data-tooltip]:focus-visible:after,button[data-tooltip]:focus-visible:before{opacity:1}button[title]:hover:after,button[title]:focus-visible:after,button[data-tooltip]:hover:after,button[data-tooltip]:focus-visible:after{transform:translate(-50%) translateY(0)}button[title]:hover:before,button[title]:focus-visible:before,button[data-tooltip]:hover:before,button[data-tooltip]:focus-visible:before{transform:translate(-50%) rotate(45deg) translateY(0)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700}
