.app{position:relative;min-height:100vh;background:radial-gradient(900px 600px at 78% -5%,rgba(23,63,58,.32),transparent 60%),radial-gradient(700px 500px at 8% 12%,rgba(255,255,255,.04),transparent 55%),radial-gradient(1100px 900px at 50% 110%,rgba(23,63,58,.18),transparent 60%),var(--bg);overflow:hidden}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:grainShift 5s steps(6) infinite}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(4%,-5%)}60%{transform:translate(-3%,6%)}80%{transform:translate(5%,2%)}to{transform:translate(0)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 240px 60px #000000b3}.nav,.hero,.section,.footer,.marquee{position:relative;z-index:3}.route-wall:after,.route-dna:after,.route-whitelist:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:#0003}.route-wall .collection,.route-dna .dna,.route-whitelist .whitelist{min-height:calc(100vh - 146px)}.route-home .collection,.route-home .dna,.route-home .whitelist,.route-wall .hero,.route-wall .dna,.route-wall .about,.route-wall .whitelist,.route-wall .cta,.route-dna .hero,.route-dna .collection,.route-dna .about,.route-dna .whitelist,.route-dna .cta,.route-whitelist .hero,.route-whitelist .collection,.route-whitelist .dna,.route-whitelist .about,.route-whitelist .cta{display:none}.marquee{border-top:1px solid rgba(242,242,242,.14);border-bottom:1px solid rgba(242,242,242,.14);background:#00000040;overflow:hidden;white-space:nowrap}.marquee-track{display:inline-flex;font-family:var(--display);font-size:.95rem;letter-spacing:2px;color:var(--muted);padding:8px 0;animation:scrollX 26s linear infinite}.marquee-track span{display:inline-block}@keyframes scrollX{to{transform:translate(-50%)}}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(18px,5vw,64px);max-width:1280px;margin:0 auto;position:relative;z-index:20}.brand-logo{height:clamp(48px,7vw,74px);width:auto;object-fit:contain;display:block}.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);color:var(--ink-bright)}.nav-links{display:flex;align-items:center;gap:clamp(12px,2.4vw,30px);font-size:.92rem;letter-spacing:1px}.nav-links a{color:var(--muted);transition:color .2s ease}.nav-links a:hover{color:var(--ink-bright)}.social-icon-link{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-bright)}.social-icon-link img{display:block;width:28px;height:28px;object-fit:contain}.social-icon-link:hover img{transform:translateY(-2px) rotate(-2deg)}.social-icon-button{width:64px;height:56px;padding:12px 16px;border:2px solid var(--line);border-radius:255px 15px 225px/15px 225px 15px 255px}.social-icon-button img{width:30px;height:30px}.nav-cta{font-family:var(--display);color:var(--ink-bright)!important;border:1.5px solid var(--line);padding:6px 14px;border-radius:255px 14px 225px 16px/14px 222px 18px 244px;transition:background .2s ease,color .2s ease}.nav-cta:hover{background:var(--ink-bright);color:var(--bg)!important}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:34px;padding:6px;background:transparent;border:0}.nav-toggle span{display:block;width:26px;height:2.5px;border-radius:2px;background:var(--ink-bright);transition:transform .25s ease,opacity .2s ease}.nav-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.btn{font-family:var(--display);font-size:1.05rem;letter-spacing:1px;color:var(--ink-bright);background:transparent;border:2px solid var(--line);padding:12px 22px;border-radius:255px 15px 225px/15px 225px 15px 255px;transition:transform .15s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.btn:hover{background:var(--ink-bright);color:var(--bg);transform:translateY(-2px) rotate(-.6deg);box-shadow:4px 5px #0006}.btn-solid{background:var(--ink-bright);color:var(--bg)}.btn-solid:hover{background:transparent;color:var(--ink-bright)}.btn-lg{font-size:1.2rem;padding:14px 28px}.chip{font-family:var(--mono);font-size:.72rem;letter-spacing:1.5px;color:var(--muted);border:1px dashed rgba(242,242,242,.3);padding:5px 10px;border-radius:4px}.chip-live{color:var(--ink-bright);border-color:var(--line)}.hero{position:relative;display:grid;justify-items:center;align-content:center;gap:22px;max-width:1200px;margin:0 auto;padding:clamp(28px,6vh,64px) clamp(18px,5vw,56px) clamp(48px,8vh,90px);text-align:center;overflow:hidden}.scrawl{font-family:var(--display);color:var(--ink);margin:0;max-width:36ch}.scrawl-kicker{font-size:1.05rem;letter-spacing:1px;color:var(--muted);transform:rotate(-2deg)}.scrawl-sub{font-size:1.18rem;line-height:1.45}.muted-ink{color:var(--muted)}.hero-stack{position:relative;display:grid;place-items:center;width:100%}.hero-figure{grid-area:1 / 1;position:relative;z-index:2;width:clamp(220px,64vw,380px);aspect-ratio:4 / 5;background:var(--bg-soft);border:2.5px solid var(--line);border-radius:6px 14px 8px 16px;box-shadow:9px 12px #00000080;overflow:hidden;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) rotate(-1.6deg) scale(var(--sc, 1));transition:transform .18s ease}.hero-figure:hover{--sc: 1.03}.hero-figure.is-shuffling{animation:shuffle .42s ease}@keyframes shuffle{0%{transform:rotate(-1.6deg) scale(1);filter:blur(0)}40%{transform:rotate(2.6deg) scale(.96);filter:blur(2px)}to{transform:rotate(-1.6deg) scale(1);filter:blur(0)}}.hero-nft{width:100%;height:100%;object-fit:cover}.figure-tag{position:absolute;bottom:10px;left:12px;z-index:3;font-family:var(--display);font-size:1rem;letter-spacing:1px;color:var(--ink-bright);background:#0000008c;padding:1px 9px;border:1px solid rgba(242,242,242,.25)}@keyframes flicker{0%,to{opacity:.55}45%{opacity:.85}55%{opacity:.4}}.tape{position:absolute;width:64px;height:22px;background:#f2f2f221;border:1px dashed rgba(242,242,242,.3);z-index:4}.tape-tl{top:-10px;left:16px;transform:rotate(-8deg)}.tape-br{bottom:-10px;right:18px;transform:rotate(-6deg)}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tag{font-family:var(--mono);font-size:.66rem;letter-spacing:2px;color:var(--muted);background:#0000004d;border:1px dashed rgba(242,242,242,.28);padding:6px 10px;border-radius:3px}.tag b{font-family:var(--display);font-weight:400;color:var(--ink-bright);letter-spacing:1px;margin-left:4px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.doodle{position:absolute;color:var(--line);pointer-events:none;opacity:.7;z-index:1}.d-crown{width:90px;top:4%;left:8%;transform:rotate(-10deg);animation:bob 6s ease-in-out infinite}.d-x{width:52px;bottom:13%;left:6%;opacity:.5;animation:bob 7s ease-in-out infinite reverse}.d-circle{width:120px;top:16%;right:4%;opacity:.4}.d-arrow{width:96px;top:42%;right:6%;transform:rotate(152deg);opacity:.5}.d-star{width:44px;top:9%;right:27%;animation:spin 18s linear infinite;opacity:.5}.d-scratch{width:74px;bottom:22%;right:11%;opacity:.45}@keyframes bob{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (min-width: 901px){.hero{min-height:clamp(620px,88vh,900px);text-align:left}.hero-stack{width:auto}.hero-figure{width:clamp(340px,36vw,460px)}.scrawl-kicker{position:absolute;top:10%;left:4%;transform:rotate(-3deg);z-index:5}.scrawl-sub{position:absolute;left:3%;bottom:18%;max-width:24ch;text-align:left;transform:rotate(-1.5deg);z-index:5}.hero-tags{position:absolute;top:13%;right:3%;flex-direction:column;align-items:flex-end;gap:12px;z-index:5}.tag{box-shadow:3px 4px #0006}.t-1{transform:rotate(3deg)}.t-2{transform:rotate(-4deg);margin-right:20px}.t-3{transform:rotate(2deg)}.hero-actions{position:absolute;left:4%;bottom:6%;justify-content:flex-start;z-index:5}}@media (max-width: 600px){.d-circle,.d-arrow,.d-scratch{display:none}.d-crown{width:60px}.d-x{width:40px}}.section{max-width:1280px;margin:0 auto;padding:clamp(50px,9vh,110px) clamp(18px,5vw,64px)}.section-head{text-align:center;margin-bottom:44px}.section-head h2,.dna-content h2,.cta-title,.note h2{font-size:clamp(2.4rem,6vw,4rem);letter-spacing:2px}.section-note{color:var(--muted);font-size:.95rem;letter-spacing:.5px;margin-top:8px}.page-soon{display:inline-block;margin-top:8px;font-family:var(--display);font-size:clamp(1.25rem,3vw,2rem);letter-spacing:2px;color:var(--ink-bright)}.divider{width:220px;max-width:70%;height:26px;color:var(--line);opacity:.7;margin:0 auto 6px}.divider-left{margin:0 0 10px}.divider-center{display:block}.flip{transform:scaleX(-1) scaleY(-1)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.5vw,34px) clamp(14px,2vw,26px)}.poster{position:relative;background:var(--cardbg, var(--bg-soft));border:2px solid var(--line);border-radius:4px 12px 6px 14px;padding:12px 12px 14px;transform:rotate(var(--rot, 0deg));transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:5px 6px #0006}.poster:hover{transform:rotate(0) translateY(-8px) scale(1.02);box-shadow:0 0 0 2px #f2f2f266,8px 12px #00000080;border-color:var(--ink-bright);z-index:5}.pin{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:var(--ink-bright);box-shadow:0 2px 3px #0009}.route-wall .pin{display:none}.poster-img{display:grid;place-items:center;aspect-ratio:4 / 5;overflow:hidden;border:1px solid rgba(242,242,242,.18);background:#161616;transition:filter .25s ease}.poster-img img{width:86%;height:86%;object-fit:contain;transition:transform .4s ease}.poster-img img.poster-art{width:100%;height:100%;object-fit:cover}.poster:hover .poster-img img{transform:scale(1.06)}.poster-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px}.poster-name{font-family:var(--display);font-size:1.05rem;line-height:1.15;color:var(--ink-bright)}.poster-tag{flex-shrink:0;font-size:.62rem;letter-spacing:2px;color:var(--muted);border:1px dashed rgba(242,242,242,.25);padding:2px 6px;border-radius:3px}.poster-num{position:absolute;top:6px;right:10px;font-family:var(--display);font-size:.8rem;color:var(--muted)}.dna-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px);align-items:center}.dna-portrait{position:relative}.portrait-crop{display:grid;place-items:center;aspect-ratio:1 / 1;border:2.5px solid var(--line);border-radius:255px 18px 225px/18px 225px 18px 255px;overflow:hidden;background:var(--bg-soft);box-shadow:8px 10px #00000080;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) rotate(-2deg);transition:transform .18s ease}.crop-img{width:82%;height:82%;object-fit:contain;object-position:center;transform:none}.dna-arrow{position:absolute;width:110px;bottom:-34px;right:-10px;color:var(--line);transform:rotate(-160deg);opacity:.7}.dna-tag{position:absolute;bottom:-42px;right:90px;font-family:var(--display);color:var(--muted)}.trait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.trait{display:flex;flex-direction:column;gap:6px;padding:16px 14px;background:#0003;border:1.5px solid rgba(242,242,242,.22);border-radius:14px 6px 16px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.trait:hover{transform:translateY(-4px) rotate(-1deg);border-color:var(--ink-bright);background:#173f3a47}.trait-icon{width:38px;height:38px;color:var(--ink-bright)}.route-dna .trait-icon,.route-dna .dna-arrow,.route-dna .dna-tag,.route-dna .dna-content .divider{display:none}.trait-icon svg{width:100%;height:100%}.trait-label{font-family:var(--display);font-size:1.05rem;color:var(--ink-bright);letter-spacing:1px}.trait-value{font-size:.72rem;letter-spacing:1.5px;color:var(--muted)}.about{text-align:center}.note{position:relative;max-width:720px;margin:18px auto;padding:clamp(28px,5vw,50px);background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(242,242,242,.05) 33px 34px),var(--bg-soft);border:2px solid var(--line);border-radius:8px 22px 10px 24px;box-shadow:6px 8px #00000073;transform:rotate(-.6deg)}.note p{color:var(--ink);font-size:1.05rem;max-width:52ch;margin:14px auto 0}.note-small{color:var(--muted)!important;font-size:.85rem!important}.tape{position:absolute;top:-14px;width:90px;height:28px;background:#f2f2f224;border:1px dashed rgba(242,242,242,.3)}.tape-l{left:28px;transform:rotate(-6deg)}.tape-r{right:28px;transform:rotate(5deg)}.whitelist-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(26px,5vw,72px);align-items:start}.whitelist-copy{padding-top:clamp(8px,2vw,24px)}.whitelist-copy h2{margin-top:14px;font-size:clamp(2.4rem,6vw,4.2rem);letter-spacing:2px}.whitelist-card{position:relative;display:grid;gap:18px;padding:clamp(22px,4vw,34px);background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 12px,transparent 12px 24px),#0a0a0a9e;border:1.5px solid rgba(242,242,242,.22);border-radius:6px;box-shadow:8px 10px #0000006b}.whitelist-card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;border:1px dashed rgba(242,242,242,.12)}.wl-field{position:relative;z-index:1;display:grid;gap:7px}.wl-field span{font-family:var(--display);font-size:1.08rem;color:var(--ink-bright);letter-spacing:1px}.wl-field input{width:100%;min-height:46px;color:var(--ink-bright);background:#0000005c;border:1px solid rgba(242,242,242,.2);border-radius:4px;padding:12px 13px;font:inherit;letter-spacing:.3px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.wl-field input:focus{border-color:var(--ink-bright);box-shadow:0 0 0 2px #f2f2f21f;background:#0000008a}.wl-field input[aria-invalid=true]{border-color:#ff7777c7}.wl-field small,.wl-privacy{color:var(--muted);font-size:.76rem;line-height:1.5;letter-spacing:.4px}.wl-field em{color:#ff9b9b;font-size:.78rem;font-style:normal;letter-spacing:.4px}.wl-submit{position:relative;z-index:1;width:100%;margin-top:4px}.wl-submit:disabled{opacity:.62}.wl-status{margin-top:24px;padding:16px 18px;background:#0000003d;border:1px solid rgba(242,242,242,.18);border-left:3px solid rgba(242,242,242,.4)}.wl-status span{display:block;font-family:var(--display);color:var(--ink-bright);letter-spacing:1.5px}.wl-status p{margin:5px 0 0;color:var(--muted);font-size:.86rem}.wl-status-success,.wl-status-review{border-left-color:var(--ink-bright)}.wl-status-failed{border-left-color:#ff9b9b}.wl-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.cta{text-align:center}.cta-panel{position:relative;max-width:860px;margin:0 auto;padding:clamp(40px,7vw,80px) clamp(24px,5vw,60px);border:3px solid var(--line);border-radius:255px 22px 225px/22px 225px 22px 255px;background:radial-gradient(600px 300px at 50% -20%,rgba(23,63,58,.35),transparent 70%),#00000040;overflow:hidden}.cta-title{margin-bottom:8px}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px}.cta-x{width:80px;top:18px;left:24px;opacity:.4}.cta-star{width:60px;bottom:18px;right:30px;opacity:.45;animation:spin 22s linear infinite}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:1280px;margin:0 auto;padding:40px clamp(18px,5vw,64px) 60px;border-top:1px solid rgba(242,242,242,.14)}.foot-left{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:1.3rem;letter-spacing:2px;color:var(--ink-bright)}.foot-logo{width:auto;height:64px;object-fit:contain}.foot-mark{width:30px;height:20px;color:var(--ink-bright)}.foot-links{display:flex;gap:22px;font-size:.9rem;letter-spacing:1px}.foot-links a{color:var(--muted);transition:color .2s ease}.foot-links a:hover{color:var(--ink-bright)}.foot-copy{width:100%;text-align:center;color:var(--muted);font-size:.78rem;letter-spacing:1px;margin:6px 0 0}.nft-fallback{position:relative;width:100%;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(120px 80px at 50% 38%,rgba(23,63,58,.45),transparent 70%),repeating-linear-gradient(45deg,#1b1b1b 0,#1b1b1b 12px,#1f1f1f 12px,#1f1f1f 24px);overflow:hidden}.fallback-logo{width:82%;height:82%;object-fit:contain}@media (max-width: 980px){.card-grid{grid-template-columns:repeat(3,1fr)}.dna-grid,.whitelist-layout{grid-template-columns:1fr}.dna-portrait{max-width:360px;margin:0 auto 30px}.dna-arrow,.dna-tag{display:none}}@media (max-width: 640px){.brand-logo{height:48px}.nav-toggle{display:flex}.nav-links{position:absolute;top:calc(100% - 6px);right:clamp(18px,5vw,64px);flex-direction:column;align-items:flex-end;gap:16px;padding:20px 24px;background:#121212f7;border:2px solid var(--line);border-radius:8px 18px 10px;box-shadow:7px 9px #0000008c;opacity:0;transform:translateY(-10px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:25}.nav-links.open{opacity:1;transform:none;pointer-events:auto}.nav-links a{color:var(--ink);font-family:var(--display);font-size:1.15rem}.card-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;margin:0 -4px}.poster{flex:0 0 72%;scroll-snap-align:center;transform:rotate(0)}.whitelist-card{padding:20px 16px}.wl-field input{min-height:44px}.trait-grid{grid-template-columns:repeat(2,1fr)}.cta-actions .btn{width:100%;text-align:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1!important;translate:none!important}}.whitelist{display:none!important}.reveal{opacity:0;translate:0 22px;transition:opacity .6s ease,translate .6s cubic-bezier(.2,.8,.2,1);will-change:opacity,translate}.reveal.is-visible{opacity:1;translate:0 0}@keyframes riseIn{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}.scrawl-kicker{animation:riseIn .5s ease both .05s}.hero-stack{animation:riseIn .6s ease both .12s}.scrawl-sub{animation:riseIn .5s ease both .2s}.hero-tags{animation:riseIn .5s ease both .28s}.hero-actions{animation:riseIn .5s ease both .36s}.poster{cursor:var(--chalk-cursor)}:root{--bg: #202020;--bg-soft: #282828;--ink: #d9d9d9;--ink-bright: #f2f2f2;--muted: #777777;--green: #173f3a;--line: rgba(242, 242, 242, .75);--display: "Schoolbell", "Comic Sans MS", cursive;--mono: "Space Mono", ui-monospace, "Courier New", monospace;--chalk-cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3E%3Cg%20transform='rotate(-45%2016%2016)'%3E%3Crect%20x='13'%20y='3'%20width='6'%20height='22'%20rx='3'%20fill='%23f2f2f2'/%3E%3Crect%20x='13'%20y='3'%20width='6'%20height='6'%20rx='3'%20fill='%23ffffff'/%3E%3Crect%20x='13'%20y='19'%20width='6'%20height='6'%20rx='3'%20fill='%23b9b9b9'/%3E%3C/g%3E%3Ccircle%20cx='4.6'%20cy='4.6'%20r='1'%20fill='%23ffffff'/%3E%3Ccircle%20cx='3'%20cy='7'%20r='0.6'%20fill='%23ffffff'%20opacity='0.7'/%3E%3C/svg%3E") 6 6, auto;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;cursor:var(--chalk-cursor)}a,button,.btn,summary,[role=button],input,textarea,select{cursor:var(--chalk-cursor)}@media (hover: none),(pointer: coarse){body,a,button,.btn,summary,[role=button]{cursor:auto}}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.5px;margin:0;color:var(--ink-bright)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--ink-bright);color:var(--bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#3a3a3a;border:2px solid var(--bg);border-radius:10px}