:root{--bg: #060707;--text: #ededec;--muted: #9aa09e;--faint: #5e6462;--accent: #2fd98a;--accent-ink: #04140c;--line: rgba(255, 255, 255, .09);--display: "Inter Tight", "Inter", system-ui, sans-serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled{opacity:.55;cursor:not-allowed}::selection{background:#2fd98a38}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{position:relative;isolation:isolate;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:28px;padding:max(clamp(20px,3.4vw,34px),env(safe-area-inset-top)) max(clamp(20px,5vw,44px),env(safe-area-inset-right)) max(clamp(20px,3.4vw,34px),env(safe-area-inset-bottom)) max(clamp(20px,5vw,44px),env(safe-area-inset-left))}.page>*{position:relative;z-index:1;min-width:0}.bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.glow{position:absolute}.feed{position:absolute;top:76px;right:0;bottom:68px;left:0;opacity:.62}.spawn{position:absolute;width:268px;animation:spawn-life 9s ease-in-out both}.card{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#ffffff06;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card p{margin:0}.card .who{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:11.5px;font-weight:600}.card .hdl{font-size:11.5px;color:#6f7573;letter-spacing:-.005em}.card .ava{flex:none;width:26px;height:26px;border-radius:50%;background:#ffffff0d;object-fit:cover}.card .tok{width:16px;height:16px;border-radius:50%;object-fit:cover;vertical-align:-3px;background:#ffffff0f}.card.trade{display:flex;align-items:center;gap:10px;padding:11px 13px}.card.trade .what{min-width:0;flex:1}.card.trade p{white-space:nowrap}.card.trade .hdl .bought{color:#4fbe8c}.card.trade .hdl .sold{color:#b9836f}.card.trade .pos{display:flex;align-items:center;gap:6px;font-size:12.5px}.card.trade .pos .tok{vertical-align:0}.card.trade .pos b{font-weight:600;color:#b9bfbd}.card.trade .pos span{color:#6f7573}.card .chg{flex:none;font-size:11.5px;font-weight:550}.card .chg.up{color:#35a06d}.card .chg.dn{color:#a86152}.card.note{padding:11px 13px 12px}.card.note .hdl{display:flex;align-items:center;gap:7px;white-space:nowrap}.card.note .hdl i{font-style:normal;color:#565c5a}.card.note .hdl b{font-weight:600;color:#b9bfbd}.card.note .text{margin-top:7px;font-size:12.5px;line-height:1.45;color:#868c8a;text-wrap:pretty}.glow{top:-34%;left:50%;width:min(1100px,150vw);aspect-ratio:1;transform:translate(-50%) translate3d(var(--drift-x, 0px),var(--drift-y, 0px),0);background:radial-gradient(circle,rgba(47,217,138,.11) 0%,rgba(47,217,138,.055) 26%,rgba(47,217,138,.018) 46%,transparent 70%);filter:blur(46px)}.top,.bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand img{display:block;height:28px;width:auto}.x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;color:var(--muted);transition:color .18s ease,border-color .18s ease,background .18s ease}.x:hover{color:var(--text);border-color:#fff3;background:#ffffff0a}.bottom{color:var(--faint);font-size:12.5px;letter-spacing:0}.bottom a{padding:7px 0;margin:-7px 0;transition:color .18s ease}.bottom a:hover{color:var(--muted)}.core{--h1-size: clamp(28px, min(4.6vw, 5.2vh), 46px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:12px}.gem{--gem-size: clamp(100px, 20vh, 180px);margin-bottom:clamp(16px,2.8vh,30px);animation:fade .7s ease-out both}.gem .mark-wrap{width:var(--gem-size)!important;height:var(--gem-size)!important}.core h1{max-width:26ch;margin:0 0 16px;font-family:var(--display);font-size:var(--h1-size);font-weight:600;line-height:1.08;letter-spacing:-.036em;text-wrap:balance;animation:fade .7s ease-out .06s both}.sub{max-width:calc(var(--h1-size) * 13);margin:0 0 clamp(20px,3.2vh,34px);color:var(--muted);font-size:clamp(14.5px,1.2vw,16px);text-wrap:balance;animation:fade .7s ease-out .12s both}.sub span{display:block}.sub .mob{display:none}.slot{width:min(430px,100%);animation:fade .7s ease-out .18s both}.slot form{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:13px;background:#1a1c1b;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.slot form:hover{border-color:#ffffff29}.slot form:focus-within{border-color:#2fd98a73;background:#1e211f;box-shadow:0 0 0 3px #2fd98a1a}.slot input{flex:1;min-width:0;height:40px;padding:0 12px;border:0;background:none;outline:none}.slot input::placeholder{color:var(--faint)}.slot input:focus-visible{outline:none}.slot button{height:40px;padding:0 18px;border:0;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:14.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;box-shadow:inset 0 1px #fff3;transition:background .18s ease,transform .12s ease}.slot button:hover:not(:disabled){background:#45e79a}.slot button:active:not(:disabled){transform:translateY(1px)}.ok{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;animation:fade .45s ease-out both;margin:0;padding:11px 18px;border:1px solid rgba(47,217,138,.28);border-radius:13px;background:#2fd98a12;color:var(--accent);font-size:14.5px;font-weight:500;text-wrap:pretty}.ok svg{flex:none}.ok .tick path{stroke-dasharray:13;stroke-dashoffset:13;animation:tick .4s cubic-bezier(.65,0,.35,1) .14s forwards}.hint{margin:12px 0 0;color:var(--faint);font-size:12.5px;min-height:18px}.hint.bad{color:#ff8a72}.mark-wrap{position:relative;flex:none}.mark{display:block;position:relative;z-index:1;width:100%;height:100%;overflow:visible}.mark.gem{filter:drop-shadow(0 16px 26px rgba(0,0,0,.5)) drop-shadow(0 0 24px rgba(47,217,138,.09))}.mark-aura{position:absolute;top:-34%;right:-34%;bottom:-34%;left:-34%;background:radial-gradient(circle at 50% 45%,rgba(47,217,138,.1),transparent 62%);animation:breathe 5.5s ease-in-out infinite;pointer-events:none}.mark-shadow{position:absolute;left:30%;right:30%;bottom:4%;height:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 72%);filter:blur(7px);pointer-events:none}@media(pointer:fine)and (prefers-reduced-motion:no-preference){.glow,.feed,.gem .mark-wrap{transition:transform .62s cubic-bezier(.22,.61,.36,1);will-change:transform}.glow{--drift-x: calc(var(--px, 0) * 30px);--drift-y: calc(var(--py, 0) * 30px)}.gem .mark-wrap{transform:translate3d(calc(var(--px, 0) * -10px),calc(var(--py, 0) * -10px),0)}.feed{transform:translate3d(calc(var(--px, 0) * -5px),calc(var(--py, 0) * -5px),0)}}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spawn-life{0%{opacity:0;transform:translateY(10px) scale(.97)}9%{opacity:1;transform:none}88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px) scale(.99)}}@keyframes tick{to{stroke-dashoffset:0}}@keyframes breathe{0%,to{opacity:.62;transform:scale(.95)}50%{opacity:1;transform:scale(1.04)}}@media(max-width:1360px){.feed{opacity:.34}.spawn{width:236px}.spawn .card{overflow:hidden}.spawn.l .card{transform:translate(-42%)}.spawn.r .card{transform:translate(42%)}}@media(max-width:620px){.feed{opacity:.24}.spawn{width:210px}.spawn.l .card{transform:translate(-58%)}.spawn.r .card{transform:translate(58%)}}@media(max-width:520px){.page{gap:22px}.core{--h1-size: 6.5vw}.sub{max-width:none}.sub .mob{display:block}.slot input{padding:0 10px}.slot button{padding:0 14px}.bottom{font-size:12px}}@media(max-height:600px)and (orientation:portrait){.page{gap:16px}.gem{--gem-size: 76px;margin-bottom:10px}.core{--h1-size: 6.5vw}.core h1{margin-bottom:11px}.sub{margin-bottom:16px}}@media(max-height:520px)and (orientation:landscape){.page{gap:8px}.gem{--gem-size: 58px;margin-bottom:6px}.core{--h1-size: 33px}.core h1{max-width:none;margin-bottom:8px}.sub{font-size:13px;margin-bottom:9px}.slot input,.slot button{height:36px}.hint{margin-top:6px;min-height:14px;font-size:11.5px}}@media(prefers-reduced-motion:reduce){.gem,.core h1,.sub,.slot,.mark-aura,.spawn,.ok{animation:none}.ok .tick path{animation:none;stroke-dashoffset:0}}