@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=DM+Mono:wght@400;500&family=Newsreader:ital,wght@0,300;0,400;1,300;1,400&display=swap');
:root{--mint:#b9efd6;--ink:#eef4ec;--muted:#99aaa2;--line:#d1efdf25;--mono:'DM Mono',monospace;--serif:'Newsreader',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:#06110f;color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0}::selection{background:var(--mint);color:#09241e}.ocean{position:fixed;inset:0;z-index:-3;background:url('/assets/tide-water.png') center 48%/cover no-repeat;animation:drift 24s ease-in-out infinite alternate}.ocean:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#020b0b45,transparent 35%,#03100d55 70%,#03100ed9)}.grain{position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.grid{position:fixed;inset:0;z-index:-1;pointer-events:none}.grid i{position:absolute;width:1px;height:100%;background:linear-gradient(var(--line) 50%,#d1efdf0c)}.grid i:nth-child(1){left:5%}.grid i:nth-child(2){left:33.33%}.grid i:nth-child(3){left:66.66%}.grid i:nth-child(4){left:95%}.grid b{position:absolute;left:5%;right:5%;height:1px;background:var(--line)}.grid b:nth-of-type(1){top:88px}.grid b:nth-of-type(2){top:21vh}.grid b:nth-of-type(3){top:49vh}.shell{width:90%;margin:auto}header{height:88px;display:grid;grid-template-columns:31.48% 37.03% 31.49%;align-items:center;background:#02120f3d;position:relative;z-index:5}.brand{padding-left:22px;display:flex;align-items:center;gap:8px}.brand svg{width:30px;fill:none;stroke:var(--mint);stroke-width:2.8}.brand>span{font-size:34px;letter-spacing:-2px;font-weight:500}.brand small{font:8px var(--mono);letter-spacing:1px;max-width:90px;line-height:1.7;margin-left:17px;color:var(--muted)}nav{display:flex;justify-content:space-evenly;gap:10px;padding:0 14px}nav a{font-size:13px;color:#bccbc3;transition:color .2s}nav a:hover,nav a.active{color:var(--mint)}nav span{font-size:10px}.header-actions{display:flex;gap:22px;align-items:center;justify-content:flex-end;padding-right:18px}.network{font:10px var(--mono);color:var(--muted);white-space:nowrap}.network i,footer i,.status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:7px;box-shadow:0 0 9px #b9efd65a}.framed{background:linear-gradient(#cdf4df,#8cc5ac);border:1px solid #d6f8e7;box-shadow:0 0 0 4px #0b201c,0 0 0 5px #afcfc344;color:#11291f;font:11px var(--mono);padding:11px 18px;transition:filter .2s,transform .2s}.framed:hover,.primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.framed span{margin-left:15px}.menu{display:none;background:transparent;font-size:22px}.home{min-height:calc(100svh - 136px);position:relative;display:grid;grid-template-columns:31.48% 37.03% 31.49%;grid-template-rows:calc(21vh - 88px) 28vh 1fr auto}.live-card{grid-column:2;grid-row:2;border:1px solid #d3f3e135;border-radius:20px;background:linear-gradient(115deg,#5c82764a,#283d3552);backdrop-filter:blur(24px);padding:26px 30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;animation:rise 1s both}.card-top{display:flex;align-items:center;gap:15px;font:14px var(--mono)}.cross{font-size:23px;font-weight:400;color:var(--mint)}.card-divider{height:16px;width:1px;background:#d1efdf45}.round{margin-left:auto;border:1px solid #d1efdf55;background:#08231a55;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:19px sans-serif}.card-middle{display:flex;align-items:baseline;gap:8px;color:var(--mint);margin:15px 0}.card-middle strong{font:38px var(--serif);letter-spacing:-1px}.card-middle span{font:9px var(--mono);color:#b7c9c0;line-height:1.7;max-width:120px}.pills{display:flex;flex-wrap:wrap;gap:7px}.pill{font:10px var(--mono);border:1px solid #d1efdf33;border-radius:30px;padding:8px 12px;background:#a5d0bd08;transition:background .2s}.pill:hover{background:#a5d0bd22}.pill b{font-weight:400;color:var(--mint)}.identity{grid-column:2;grid-row:3;align-self:center;justify-self:center;font:10px var(--mono);letter-spacing:4px;text-transform:uppercase;display:flex;align-items:center;gap:16px;padding:12px 18px;background:#03141055;backdrop-filter:blur(8px);border-radius:25px}.identity svg{width:24px;height:20px;fill:none;stroke:var(--mint);stroke-width:2}.hero{grid-column:1/3;grid-row:4;padding:15px 24px 38px}.eyebrow{font:9px var(--mono);letter-spacing:2.4px;color:var(--mint)}h1{font:300 clamp(42px,4.1vw,72px)/1.02 var(--serif);letter-spacing:-1.5px;margin:20px 0 25px}h1 em{color:var(--mint);font-weight:300}.hero .framed{display:inline-block;padding:16px 23px;font-size:12px}.description{grid-column:3;grid-row:4;align-self:end;padding:0 24px 40px;font:12px/1.8 var(--mono);color:#a2b7ac}.description .tiny-line{display:block;width:28px;height:1px;background:var(--mint);margin-bottom:20px}.description p{margin:0 0 18px;max-width:300px}.text-link{color:var(--mint);font:10px var(--mono);border-bottom:1px solid #accfbc66;padding-bottom:6px}.text-link span{margin-left:22px}footer{height:48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:#92a79c;font:8px var(--mono);letter-spacing:1.4px}footer b{font:12px sans-serif;margin-left:12px}footer button{background:none;color:var(--mint);border:1px solid var(--line);width:24px;height:24px;letter-spacing:0}body.paused .ocean{animation-play-state:paused}.inner{min-height:calc(100svh - 136px);padding:65px 24px;display:grid;grid-template-columns:31% 1fr;gap:9%}.intro h1{font-size:60px}.intro p{font:12px/1.9 var(--mono);color:var(--muted);max-width:300px}.intro .back{display:inline-block;margin-top:30px}.panel{align-self:start;max-width:560px;padding:30px;background:#0a211dde;backdrop-filter:blur(30px);border:1px solid #b9e6d333;border-radius:20px}.panel h2{font:32px var(--serif);margin:0 0 25px}.panel-label{font:9px var(--mono);letter-spacing:1.5px;color:var(--mint)}label{display:block;color:#a5bfb1;font:11px var(--mono);margin:22px 0 9px}input,select{width:100%;background:#071713;border:1px solid #b9e6d32c;color:var(--ink);padding:15px;border-radius:6px;outline:none}input:focus{border-color:var(--mint)}input::placeholder{color:#5b7869}.input-row{display:grid;grid-template-columns:1fr 110px;gap:10px}.primary{background:var(--mint);color:#15382a;padding:16px 20px;border-radius:3px;font:12px var(--mono);display:flex;justify-content:space-between;transition:.2s}.wide{width:100%;margin-top:25px}.form-note{font:10px/1.7 var(--mono);color:var(--muted);margin-top:18px}.swap-direction{display:block;margin:14px auto -4px;background:#16362b;border:1px solid var(--line);width:36px;height:36px;border-radius:50%;font-size:20px}.quote{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);margin-top:22px;gap:20px}.balance{color:var(--mint);font:11px var(--mono);margin-top:15px}.position{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.position strong{font-weight:500}.position small{display:block;color:var(--muted);margin-top:7px;font:10px var(--mono)}.position button{background:transparent;border:1px solid var(--line);padding:9px 12px;font:10px var(--mono)}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:14px}details p{color:var(--muted);font-size:13px;line-height:1.8}.empty{font:14px/1.9 var(--mono);color:var(--muted);padding:20px 0}dialog{background:#0d241e;color:var(--ink);border:1px solid #afdbbf55;border-radius:20px;padding:40px;max-width:430px;width:calc(100% - 32px)}dialog::backdrop{background:#0009;backdrop-filter:blur(10px)}dialog h2{font:46px/1 var(--serif);margin:25px 0}dialog em{color:var(--mint)}dialog p{color:var(--muted);font-size:13px;line-height:1.8}dialog small{display:block;text-align:center;margin-top:20px;font:10px var(--mono);color:var(--muted)}.close{position:absolute;right:20px;top:14px;background:none;font-size:26px}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#c4f1d9;color:#133827;padding:15px 22px;border-radius:6px;font:12px var(--mono);transition:.25s;max-width:90%;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.06) translate(-.7%,.5%)}}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.live-card{padding:32px 40px}.card-top{font-size:18px}.pill{font-size:12px}.description{font-size:14px}.hero{padding-bottom:55px}}@media(max-width:1100px){.brand small{display:none}.header-actions{gap:12px}.network{display:none}.live-card{padding:20px}.pills{gap:5px}.pill{padding:7px 9px;font-size:9px}.card-top{font-size:12px}.description{padding-left:18px;font-size:11px}.identity{letter-spacing:2px;font-size:9px}nav{gap:12px;padding:0 10px}nav a{font-size:12px}}@media(max-width:760px){.shell{width:calc(100% - 36px)}.grid i:nth-child(1){left:18px}.grid i:nth-child(4){left:auto;right:18px}.grid i:nth-child(2),.grid i:nth-child(3){display:none}.grid b{left:18px;right:18px}.grid b:nth-of-type(1){top:76px}.grid b:nth-of-type(2){top:130px}.grid b:nth-of-type(3){top:360px}header{height:76px;display:flex;justify-content:space-between}.brand{padding-left:14px}.brand>span{font-size:30px}.header-actions{padding-right:12px;gap:16px}.framed{padding:9px 12px;font-size:10px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:#092019f5;border:1px solid var(--line);flex-direction:column;gap:25px}nav.open{display:flex}nav a{font-size:16px}.home{min-height:calc(100svh - 124px);grid-template-columns:1fr;grid-template-rows:54px 230px 85px auto auto}.live-card{grid-column:1;grid-row:2;margin:0 16px;padding:24px;border-radius:17px}.card-top{font-size:14px}.pill{font-size:10px}.identity{grid-column:1;grid-row:3;font-size:9px}.hero{grid-column:1;grid-row:4;padding:10px 20px 35px}.hero h1{font-size:46px}.description{grid-column:1;grid-row:5;padding:0 20px 28px;font-size:11px}.description p{max-width:100%}.description .tiny-line{display:none}footer{padding:0 14px;font-size:7px;letter-spacing:.6px}footer>span:nth-child(2){display:none}.ocean{background-position:59% center}.inner{padding:38px 16px;display:block}.intro h1{font-size:48px}.intro p{max-width:100%}.intro .back{margin-top:12px;margin-bottom:30px}.panel{padding:24px 20px;max-width:none}.quote{font-size:9px}.input-row{grid-template-columns:1fr 90px}.input-row select{padding:12px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}