:root{--bg: #070b09;--bg-1: #0c1310;--bg-2: #111a16;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #e8f0ea;--text-dim: #93a89b;--text-faint: #63776b;--green: #34d399;--green-bright: #6ee7b7;--green-deep: #059669;--amber: #fbbf24;--red: #f87171;--blue: #60a5fa;--violet: #a78bfa;--radius: 14px;--radius-sm: 9px;--radius-lg: 22px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow: 0 18px 44px -22px rgba(0, 0, 0, .9);--maxw: 1240px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 520px at 12% -8%,rgba(52,211,153,.13),transparent 65%),radial-gradient(760px 480px at 92% 4%,rgba(96,165,250,.08),transparent 62%);background-attachment:fixed}h1,h2,h3,h4{margin:0;line-height:1.18;letter-spacing:-.022em;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.shell{min-height:100%;display:flex;flex-direction:column}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}.page{flex:1;padding:30px 0 90px}.stack{display:flex;flex-direction:column;gap:26px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cols-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cols-lots{grid-template-columns:repeat(auto-fill,minmax(322px,1fr))}.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 940px){.split{grid-template-columns:1fr}}.nav{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b09d1;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:20px;height:62px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;font-size:17px;white-space:nowrap}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(150deg,var(--green),var(--green-deep));font-size:16px}.nav-links{display:flex;gap:3px;margin-left:8px;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{padding:7px 12px;border-radius:9px;color:var(--text-dim);font-size:14px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--green-bright);background:#34d3991f}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:600;cursor:pointer;transition:transform .12s,background .15s,border-color .15s,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(150deg,var(--green),var(--green-deep));border-color:transparent;color:#04150e;font-weight:700}.btn-primary:hover:not(:disabled){background:linear-gradient(150deg,var(--green-bright),var(--green));border-color:transparent}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface)}.btn-danger{border-color:#f8717152;color:var(--red)}.btn-sm{padding:6px 11px;font-size:13px}.btn-lg{padding:13px 24px;font-size:15px}.btn-block{width:100%}.card{background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card-tight{padding:14px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.section-title{font-size:22px;font-weight:800}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:13px}.tiny{font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.03em;border:1px solid var(--line);background:var(--surface);white-space:nowrap}.badge-green{color:var(--green-bright);border-color:#34d3994d;background:#34d3991a}.badge-amber{color:var(--amber);border-color:#fbbf244d;background:#fbbf241a}.badge-red{color:var(--red);border-color:#f871714d;background:#f871711a}.badge-blue{color:var(--blue);border-color:#60a5fa4d;background:#60a5fa1a}.badge-violet{color:var(--violet);border-color:#a78bfa4d;background:#a78bfa1a}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.dot-live{animation:pulse 1.8s ease-in-out infinite;box-shadow:0 0 #34d39999}@keyframes pulse{50%{box-shadow:0 0 0 6px #34d39900}}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12.5px;font-weight:600;color:var(--text-dim);letter-spacing:.02em}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#00000052;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:#34d3998c;box-shadow:0 0 0 3px #34d39921}.textarea{min-height:74px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.select option{background:var(--bg-2)}.input-money{font-family:var(--mono);font-size:17px;font-weight:700}.error-note{padding:9px 12px;border-radius:var(--radius-sm);background:#f871711a;border:1px solid rgba(248,113,113,.28);color:#fca5a5;font-size:13px}.ok-note{padding:9px 12px;border-radius:var(--radius-sm);background:#34d3991a;border:1px solid rgba(52,211,153,.28);color:var(--green-bright);font-size:13px}.ticker{border-bottom:1px solid var(--line);background:#00000059;overflow:hidden;position:relative}.ticker-track{display:flex;gap:34px;padding:8px 0;width:max-content;animation:marquee 68s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.ticker-item{display:flex;align-items:baseline;gap:7px;font-size:13px;white-space:nowrap}.up{color:var(--green-bright)}.down{color:var(--red)}.flat{color:var(--text-faint)}.stat{padding:15px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.stat-label{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.stat-value{font-family:var(--mono);font-size:25px;font-weight:700;letter-spacing:-.03em;margin-top:3px}.stat-sub{font-size:12.5px;color:var(--text-dim);margin-top:2px}.lot-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0d,#ffffff04);transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.lot-card:hover{transform:translateY(-2px);border-color:#34d39957;box-shadow:0 20px 40px -26px #34d39980}.lot-card.closing{border-color:#fbbf2466}.lot-card.bumped{animation:bump .75s ease-out}@keyframes bump{0%{box-shadow:0 0 #34d3998c;border-color:var(--green)}to{box-shadow:0 0 0 14px #34d39900}}.lot-crop{display:flex;align-items:center;gap:10px}.crop-emoji{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--surface-2);font-size:20px;flex:none}.price-big{font-family:var(--mono);font-size:27px;font-weight:700;letter-spacing:-.035em;line-height:1}.price-unit{font-size:13px;color:var(--text-dim);font-weight:500;font-family:var(--sans);letter-spacing:0}.timer{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:-.02em}.timer.urgent{color:var(--amber)}.timer.critical{color:var(--red);animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:.45}}.meter{height:5px;border-radius:999px;background:#ffffff14;overflow:hidden}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green-deep),var(--green-bright));transition:width .5s ease}.meter-fill.amber{background:linear-gradient(90deg,#b45309,var(--amber))}.meter-fill.red{background:linear-gradient(90deg,#b91c1c,var(--red))}.bid-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .15s}.bid-row:nth-child(odd){background:#ffffff06}.bid-row.top{border-color:#34d39952;background:#34d39914}.bid-row.mine .bid-name:after{content:"you";margin-left:7px;font-size:10px;padding:1px 6px;border-radius:999px;background:#60a5fa2e;color:var(--blue);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--surface-2);border:1px solid var(--line);flex:none}.chain-bar{display:flex;height:34px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}.chain-seg{display:grid;place-items:center;font-size:11px;font-weight:700;color:#0b0f0d;min-width:0;overflow:hidden;transition:width .5s ease}.chain-legend{display:flex;flex-wrap:wrap;gap:10px 18px}.chain-key{display:flex;align-items:center;gap:7px;font-size:12.5px}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.table-scroll{overflow-x:auto;margin:0 -18px;padding:0 18px}table.data{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}table.data th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);font-weight:700;padding:0 12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.045);white-space:nowrap}table.data tbody tr{cursor:pointer;transition:background .14s}table.data tbody tr:hover{background:var(--surface)}.ta-right{text-align:right}.feed{display:flex;flex-direction:column;gap:2px;max-height:420px;overflow-y:auto}.feed-item{display:flex;gap:10px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;animation:slidein .35s ease}@keyframes slidein{0%{opacity:0;transform:translateY(-6px)}}.feed-icon{width:22px;flex:none;text-align:center}.toasts{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:min(370px,calc(100vw - 36px))}.toast{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:#111a16f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px -18px #000000f2;animation:toastin .28s cubic-bezier(.2,.9,.3,1.2);font-size:13.5px}@keyframes toastin{0%{opacity:0;transform:translate(24px)}}.toast-win{border-color:#34d39980}.toast-warn{border-color:#fbbf2480}.toast-err{border-color:#f8717180}.hero{padding:56px 0 34px;position:relative}.hero h1{font-size:clamp(34px,5.6vw,60px);font-weight:800;letter-spacing:-.04em;max-width:17ch}.hero-sub{margin-top:16px;font-size:clamp(15px,1.9vw,18px);color:var(--text-dim);max-width:58ch;line-height:1.6}.gradient-text{background:linear-gradient(100deg,var(--green-bright),var(--green),#34d399 70%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:999px;border:1px solid rgba(52,211,153,.3);background:#34d39917;font-size:12.5px;font-weight:600;color:var(--green-bright);margin-bottom:20px}.step{position:relative;padding-left:46px}.step-n{position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#34d39921;border:1px solid rgba(52,211,153,.3);color:var(--green-bright);font-family:var(--mono);font-weight:700;font-size:14px}.divider{height:1px;background:var(--line);border:0;margin:0}.empty{padding:46px 20px;text-align:center;color:var(--text-dim);border:1px dashed var(--line-strong);border-radius:var(--radius)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:220% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;cursor:pointer;transition:all .14s;white-space:nowrap}.chip:hover{border-color:var(--line-strong)}.chip.on{background:#34d39924;border-color:#34d3996b;color:var(--green-bright);font-weight:600}.link{color:var(--green-bright);font-weight:600;cursor:pointer}.link:hover{text-decoration:underline}.footer{border-top:1px solid var(--line);padding:26px 0;color:var(--text-faint);font-size:13px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff21;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}@media (max-width: 700px){.nav-inner{height:auto;padding:10px 0;flex-wrap:wrap}.nav-links{order:3;width:100%;margin-left:0}.hero{padding:34px 0 22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:10px 16px;background:var(--green);color:var(--bg);font-weight:700;border-radius:0 0 var(--radius-sm) 0;text-decoration:none}.skip-link:focus{left:0}main.page:focus{outline:none}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--green-bright);outline-offset:2px}
