:root{font-family:Outfit,Onest,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4fff1;background:#050805;-webkit-text-size-adjust:100%;font-synthesis:none;--jpeg-green: #39ff14;--jpeg-green-soft: #9cff58;--jpeg-black: #050805;--app-height: 100dvh}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-width:320px}body{margin:0;height:var(--app-height);min-height:100svh;overflow:hidden;overscroll-behavior:none;background:#050805}button{font:inherit;-webkit-tap-highlight-color:transparent}.jpeg-app{position:relative;isolation:isolate;height:var(--app-height);min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% -12%,rgb(57 255 20 / .14),transparent 38%),radial-gradient(circle at 108% 58%,rgb(57 255 20 / .07),transparent 35%),linear-gradient(180deg,#070c07,#030503)}.jpeg-app:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0 / .4),transparent 20% 80%,rgb(0 0 0 / .4))}.jpeg-grid{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.12;background-image:linear-gradient(rgb(57 255 20 / .12) 1px,transparent 1px),linear-gradient(90deg,rgb(57 255 20 / .12) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}.profile-screen{width:min(100%,430px);height:100%;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;--theme-base: #61d8d4;--theme-ring: #3ba9a7;--ink: #123b35;--muted: rgb(18 59 53 / .56);--water-top: #61d8d4;--water-mid: #55cfd0;--water-bottom: #48c3cb;--accent: #d9ff73;--accent-2: #ff78c7;--accent-3: #8f7cff;--shadow-rgb: 5 82 86;--glass-fill-strong: rgb(5 82 86 / .2);--glass-fill-soft: rgb(5 82 86 / .09);--glass-edge: rgb(255 255 255 / .3);--glass-glint: rgb(255 255 255 / .08)}.profile-screen::-webkit-scrollbar{display:none}.profile-bar{height:42px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.jpeg-wordmark{color:var(--jpeg-green);font-size:13px;font-weight:900;letter-spacing:.16em;line-height:32px;text-shadow:0 0 18px rgb(57 255 20 / .35)}.edit-toggle{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgb(57 255 20 / .3);border-radius:11px;background:#39ff1412;color:var(--jpeg-green);box-shadow:inset 0 1px #ffffff0f,0 0 20px #39ff140f}.edit-toggle.is-active{background:#39ff1426}.edit-toggle:active{transform:scale(.94)}.edit-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.edit-toggle svg circle{fill:currentColor;stroke:none}.glass{border:0;box-shadow:0 20px 44px rgb(var(--shadow-rgb) / .16),inset 0 1px 0 var(--glass-edge),inset 0 -1px rgb(var(--shadow-rgb) / .08);backdrop-filter:blur(15px) saturate(1.42) contrast(1.04);-webkit-backdrop-filter:blur(15px) saturate(1.42) contrast(1.04)}.identity{position:relative;container-type:inline-size;aspect-ratio:394 / 256;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,3.55vw,14px);overflow:hidden;padding:clamp(22px,7.62vw,30px);border-radius:clamp(44px,15.63vw,62px);text-align:center;background:radial-gradient(circle at 86% 15%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 27%),radial-gradient(circle at 9% 86%,color-mix(in srgb,var(--accent-3) 13%,transparent),transparent 30%),radial-gradient(ellipse at 50% 0%,var(--glass-glint),transparent 34%),linear-gradient(165deg,var(--glass-fill-soft),var(--glass-fill-strong)),linear-gradient(180deg,var(--water-top),var(--water-bottom))}.identity:before{position:absolute;top:-60%;right:-80%;bottom:-60%;left:-80%;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 43%,rgb(255 255 255 / .16) 49%,transparent 55%);transform:translate(-30%) rotate(8deg);animation:hologram-sweep 10s ease-in-out infinite}.identity:after{position:absolute;top:1px;right:1px;bottom:1px;left:1px;content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--glass-edge),inset 18px 0 28px #ffffff09,inset -18px 0 30px rgb(var(--shadow-rgb) / .05)}.identity>:not(.profile-stickers){position:relative;z-index:2}.island-item{transform:translate(var(--item-x, 0px),var(--item-y, 0px)) scale(var(--item-scale, 1)) rotate(var(--item-rotate, 0deg));transform-origin:center}.identity.is-editing .island-item{outline:1px dashed rgb(255 255 255 / .38);outline-offset:clamp(3px,1vw,4px);cursor:grab;touch-action:none}.identity.is-editing .island-item.is-selected{outline-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.identity.is-editing .island-item.is-dragging{cursor:grabbing;transition:none}.avatar-stage{position:relative;width:30.96cqw;height:30.96cqw;display:grid;place-items:center}.avatar{position:relative;width:28.43cqw;aspect-ratio:1;object-fit:cover;border:max(3px,1.27cqw) solid color-mix(in srgb,var(--theme-ring) 86%,white);border-radius:50%;box-shadow:0 15px 30px rgb(var(--shadow-rgb) / .24)}.profile-name{position:relative;z-index:2}.identity h1{margin:0;color:var(--ink);font-family:Onest,sans-serif;font-size:clamp(20px,7.36cqw,29px);font-weight:760;line-height:1;letter-spacing:-.065em}.username{margin:1.78cqw 0 0;color:var(--muted);font-family:Onest,sans-serif;font-size:clamp(9px,3.05cqw,12px);font-weight:500}.profile-stickers{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.profile-sticker{position:absolute;width:11.68cqw;height:11.68cqw;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:grab;pointer-events:auto;touch-action:none;filter:drop-shadow(0 10px 11px rgb(var(--shadow-rgb) / .23));transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .18s ease}.profile-sticker img{width:100%;height:100%;object-fit:contain}.profile-sticker-vote{top:21.09%;left:6.35%}.profile-sticker-proposals{top:21.09%;right:6.35%}.profile-sticker-streak{bottom:9.77%;left:6.85%}.island-editor{margin-top:14px;padding:10px;border:1px solid rgb(57 255 20 / .14);border-radius:22px 22px 26px 26px;background:linear-gradient(145deg,#0d160df0,#060c06f5);box-shadow:inset 0 1px #ffffff0d,0 18px 38px #0000004d}.island-toolbar{display:flex;gap:4px}.island-toolbar button,.save-button{min-height:36px;border:1px solid rgb(57 255 20 / .16);border-radius:12px;background:#39ff140d;color:#f4fff1bf;font-size:9px;font-weight:750}.island-toolbar button{flex:1;padding:0 8px}.island-toolbar button.is-active{background:#39ff1429;color:var(--jpeg-green)}.range-popover{margin-top:9px;padding:10px 11px 11px;border-radius:15px;background:#39ff140a}.range-popover>div{display:flex;justify-content:space-between;margin-bottom:7px}.range-popover b,.range-popover span{font-size:9px}.range-popover span{color:#f4fff185;font-weight:700}.range-popover input{width:100%;margin:0;accent-color:var(--jpeg-green)}.save-button{width:100%;margin-top:9px;background:var(--jpeg-green);color:#071006;font-weight:850;box-shadow:0 0 24px #39ff1429}.save-button:disabled{opacity:.62}.frog-splash{margin-top:14px}.frog-creation,.frog-collection{margin-top:10px}.splash-toggle{background:linear-gradient(135deg,#39ff143d,#39ff1414);box-shadow:inset 0 1px #ffffff1a,0 0 34px #39ff1417}.splash-panel{padding:13px 12px 14px;border:1px solid rgb(57 255 20 / .22);border-top:0;border-radius:0 0 22px 22px;background:#050c05f0}.splash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.splash-head>div{display:grid;gap:3px}.splash-head small{color:#f4fff17a;font-size:9px;font-weight:700}.splash-head strong{color:var(--jpeg-green);font-size:19px;font-weight:850;letter-spacing:-.03em}.splash-head .splash-balance{text-align:right}.splash-head .splash-balance strong{color:#f4fff1;font-size:13px}.splash-rule,.splash-empty,.splash-queued,.splash-own,.splash-bid-status{margin:10px 0 0;color:#f4fff180;font:600 10px/1.4 Onest,sans-serif}.splash-lots{display:grid;gap:9px;margin-top:12px}.splash-lot{display:grid;grid-template-columns:68px 1fr;gap:8px 11px;padding:9px;border:1px solid rgb(57 255 20 / .16);border-radius:15px;background:#39ff1409}.splash-art{grid-row:1 / span 3;width:68px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid rgb(57 255 20 / .15);border-radius:11px;background:linear-gradient(45deg,rgb(57 255 20 / .025) 25%,transparent 25% 75%,rgb(57 255 20 / .025) 75%),linear-gradient(45deg,rgb(57 255 20 / .025) 25%,transparent 25% 75%,rgb(57 255 20 / .025) 75%);background-position:0 0,6px 6px;background-size:12px 12px}.splash-art img{width:100%;height:100%;object-fit:contain}.splash-lot-copy{min-width:0;align-self:center}.splash-lot-copy b,.splash-lot-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.splash-lot-copy b{color:#f4fff1;font-size:12px}.splash-lot-copy small{margin-top:3px;color:#f4fff17a;font-size:9px}.splash-bid-form{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:7px;align-items:end}.splash-bid-form label{display:grid;gap:4px}.splash-bid-form label span{color:#f4fff17a;font-size:8px;font-weight:750}.splash-bid-form input{width:100%;height:38px;min-width:0;padding:0 10px;border:1px solid rgb(57 255 20 / .25);border-radius:10px;outline:0;background:#39ff140f;color:#f4fff1;font:700 16px Onest,sans-serif}.splash-bid-form input:focus{border-color:#39ff14ad;box-shadow:0 0 0 3px #39ff1414}.splash-bid-form button{height:38px;border:0;border-radius:10px;background:var(--jpeg-green);color:#071006;font:850 10px Outfit,sans-serif}.splash-bid-form button:disabled{opacity:.6}.splash-own{margin-top:2px;color:var(--jpeg-green-soft)}.splash-bid-status{grid-column:2;margin:0;color:var(--jpeg-green-soft)}.splash-queued{padding-top:10px;border-top:1px solid rgb(57 255 20 / .12);color:var(--jpeg-green-soft)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid rgb(57 255 20 / .22);border-top:0;border-radius:0 0 20px 20px;background:#071007}.collection-grid article{min-width:0;padding:8px;border:1px solid rgb(57 255 20 / .14);border-radius:13px}.frog-art{position:relative;display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:9px;background:transparent}.frog-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--frog-background,transparent)}.collection-grid img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:transparent}.collection-grid article.is-upgraded{border-color:color-mix(in srgb,var(--frog-background) 65%,#7aff39);box-shadow:0 0 16px color-mix(in srgb,var(--frog-background) 38%,transparent)}.frog-upgrade{width:100%;margin-top:7px;padding:6px 8px;border:1px solid rgb(57 255 20 / .42);border-radius:8px;background:#173a15;color:#aaff78;font:800 10px/1 inherit}.frog-upgrade:disabled{opacity:.6}.collection-grid b,.collection-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-grid b{margin-top:7px;color:#f4fff1;font-size:11px}.collection-grid small,.collection-grid p{color:#f4fff185;font-size:9px}.create-frog-toggle{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border:1px solid rgb(57 255 20 / .32);border-radius:18px;background:linear-gradient(135deg,#39ff1429,#39ff140f);color:var(--jpeg-green);font-size:14px;font-weight:800;letter-spacing:-.02em;box-shadow:inset 0 1px #ffffff14,0 0 30px #39ff140f;transition:background .2s ease,transform .2s ease}.create-frog-toggle:active{transform:scale(.985)}.create-frog-toggle.is-open{border-radius:18px 18px 12px 12px;background:#39ff1424}.create-frog-toggle i{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgb(57 255 20 / .38);border-radius:50%;font-size:20px;font-style:normal;font-weight:400;line-height:1}.frog-creation-form{display:grid;gap:10px;padding:14px 12px 12px;border:1px solid rgb(57 255 20 / .22);border-top:0;border-radius:0 0 22px 22px;background:#050c05eb;animation:form-in .22s ease-out both}.photo-field{min-height:78px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:10px;border:1px dashed rgb(57 255 20 / .38);border-radius:15px;cursor:pointer}.photo-field input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-preview{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border:1px solid rgb(57 255 20 / .28);border-radius:13px;background:#39ff1414 center / cover no-repeat;color:var(--jpeg-green)}.photo-preview i{font-size:26px;font-style:normal;font-weight:300}.photo-field b,.photo-field small{display:block}.photo-field b{color:#f4fff1;font-size:12px;font-weight:750}.photo-field small{margin-top:4px;color:#f4fff17a;font-size:9px;font-weight:600}.frog-field{display:grid;gap:6px}.frog-field>span{color:#f4fff18f;font-size:9px;font-weight:750}.frog-field input{width:100%;height:44px;padding:0 13px;border:1px solid rgb(57 255 20 / .18);border-radius:13px;outline:0;background:#39ff140d;color:#f4fff1;font:600 16px Onest,sans-serif}.frog-field input::placeholder{color:#f4fff152}.frog-field input:focus{border-color:#39ff1499;box-shadow:0 0 0 3px #39ff1414}.frog-form-status{margin:0;color:var(--jpeg-green-soft);font:600 10px/1.35 Onest,sans-serif}.frog-submit{min-height:46px;border:0;border-radius:14px;background:var(--jpeg-green);color:#071006;font:850 12px Outfit,sans-serif;box-shadow:0 0 28px #39ff1433}.frog-submit:disabled{opacity:.62}@keyframes hologram-sweep{0%,54%,to{transform:translate(-30%) rotate(8deg)}72%{transform:translate(34%) rotate(8deg)}}@keyframes form-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.identity:before{animation:none}}