[hidden]{display:none!important}
:root{font-family:Inter,system-ui,sans-serif;color:#f6f4fb;background:#090910;--c1:#ff007f;--c2:#00ffff;--c3:#8a2be2;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 15%,#ff007f18,transparent 42%),radial-gradient(ellipse at 85% 45%,#00ffff11,transparent 42%),radial-gradient(ellipse at 50% 100%,#8a2be222,transparent 40%),#090910}.shell{max-width:850px;margin:auto;padding:34px 16px 60px}.brand{text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:.22em;font-size:13px;font-weight:600}.brand strong{background:linear-gradient(90deg,#fa69c5,#60effa,#ae82ef);color:transparent;background-clip:text}.gem{font-size:24px;color:#77e9f4;text-shadow:0 0 15px #77e9f4}.subtitle{text-align:center;font-size:12px;color:#9a95ae;letter-spacing:.13em;margin:12px 0 35px}h1{font-weight:500;font-size:20px;letter-spacing:.17em;text-align:center}h2{font-size:13px;letter-spacing:.18em;text-align:center;color:#dbd5e5}p{color:#a9a3b8}.small{text-align:center;font-size:12px}.glass{background:#151420db;border:1px solid #ffffff20;border-radius:18px;box-shadow:0 18px 60px #0007;backdrop-filter:blur(18px)}.access{max-width:410px;margin:40px auto;padding:30px}.access p{text-align:center;font-size:13px}.access form{display:grid;gap:10px}label{font-size:12px;letter-spacing:.04em;color:#bab4c6;display:block;margin:12px 0 6px}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea{width:100%;background:#ffffff0c;border:1px solid #ffffff24;color:#fff;padding:12px 13px;border-radius:9px;font:inherit;font-size:14px;outline:none}input:focus,textarea:focus{border-color:#71dce2!important}input[type=file]{width:100%;font-size:12px}.primary{display:block;width:100%;border:1px solid #a0cde0a0;background:linear-gradient(105deg,#b51681,#357db0,#6a2fba);padding:14px 18px;border-radius:10px;color:white;font:600 12px Inter,sans-serif;letter-spacing:.12em;cursor:pointer;text-align:center;text-decoration:none}.primary:hover{filter:brightness(1.2)}.plain{border:0;background:transparent;color:#8bdef2;cursor:pointer;font-size:13px;padding:12px}.access .plain{width:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;color:#a7a3b3;font-size:12px}.studio{max-width:650px;margin:auto}.card-stage{padding:35px 0;display:flex;justify-content:center;perspective:1100px}.flip-stage{position:relative;width:min(320px,85vw);aspect-ratio:9/14;border:0;background:none;color:inherit;padding:0;cursor:pointer;perspective:1200px;--border:linear-gradient(135deg,var(--c1),var(--c2),var(--c3))}.card-rotator{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.card-rotator.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:23px;padding:24px;background:linear-gradient(#191822f5,#101019f5) padding-box,var(--border) border-box;border:3px solid transparent;box-shadow:0 0 30px #ff007f35,0 0 55px #00ffff1c,0 25px 70px #000b;overflow:hidden}.card-face:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 15% 12%,#ffffff0c,transparent 40%)}.back{transform:rotateY(180deg);justify-content:flex-start;padding-top:40px;gap:18px}.portrait-wrap{width:150px;height:150px;border-radius:100%;background:linear-gradient(35deg,var(--c1),var(--c2));padding:4px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;box-shadow:0 0 30px #10d5dc37}.portrait-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#111}.portrait-wrap #portraitIcon,.portrait-wrap #sharedIcon{font-size:85px;color:#191525}.front-caption{font-size:17px;font-weight:600;letter-spacing:.12em;text-align:center}.tap-note{margin-top:12px;font-size:10px;letter-spacing:.22em;color:#aaa2ba}.type-emoji{font-size:48px}.type-label{font-size:11px;letter-spacing:.2em;color:#c7c0d3}.back-name{font-size:21px;font-weight:600;overflow-wrap:anywhere;max-width:100%;text-align:center}.back-bio{font-size:13px;line-height:1.55;color:#d4cfe0;overflow-wrap:anywhere;text-align:center;max-height:120px;overflow:auto}.card-link{margin-top:auto;display:block;max-width:100%;width:100%;background:#ffffff13;border:1px solid #ffffff25;border-radius:8px;padding:11px;text-align:center;font-size:12px;color:#f7f4fc;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-link+.card-link{margin-top:0}.editor{padding:25px}.type-switch{display:flex;gap:10px;justify-content:center}.type-switch label{padding:10px;background:#ffffff10;border-radius:8px;cursor:pointer}.colors{display:flex;align-items:center;gap:10px;margin:18px 0}.colors label{margin-right:auto}.colors input{width:44px;height:37px;background:transparent;border:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.publish{display:flex;align-items:center;gap:10px;margin:25px 0}.editor .primary{margin-top:20px}.share{display:flex;gap:8px}.share button{background:#3b2960;border:1px solid #9772bf;border-radius:9px;color:#fff;cursor:pointer}.notice{max-width:600px;margin:15px auto;padding:12px 16px;border:1px solid #48a8b9;border-radius:9px;background:#142c35;color:#c8f6f7;font-size:13px}.create-link{max-width:300px;margin:auto}footer{font-size:10px;text-align:center;margin-top:55px;letter-spacing:.14em;color:#777285}#shared .flip-stage{cursor:pointer}@media(max-width:550px){.two{grid-template-columns:1fr}.editor{padding:17px}.brand{letter-spacing:.11em;font-size:11px}}