*{box-sizing:border-box}:root{color-scheme:light;font:14px Poppins,system-ui,sans-serif;color:#38245d;background:#f7f3fc}body{margin:0;background:radial-gradient(ellipse at 10% 5%,#fff5ab99,transparent 37%),radial-gradient(ellipse at 100% 30%,#8cece344,transparent 45%),linear-gradient(145deg,#faf7ff,#eee7fa);min-height:100vh}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;width:430px;height:430px;opacity:.045;background:url('https://home.pops.mobi/favicon.svg') center/contain no-repeat;transform:rotate(-18deg);top:10%;left:-170px}body:after{top:auto;bottom:-120px;left:auto;right:-110px;transform:rotate(20deg);width:600px;height:600px}.keys-page{position:relative;z-index:1;max-width:1220px;margin:auto;padding:20px 28px 80px}.keys-hero{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:40px;min-height:280px;padding:10px 28px}.keys-hero h1{margin:0;max-width:480px}.keys-hero h1 img{width:100%;height:auto;display:block}.keys-hero>div>p{margin:5px 0 18px}.eyebrow{letter-spacing:.2em;font-size:10px;font-weight:700;color:#8d6ca7}.hero-key{width:100%;height:270px;object-fit:contain;filter:drop-shadow(0 22px 20px #9b7bc228);animation:float-key 8s ease-in-out infinite}.hero-links{display:flex;gap:12px}.hero-links a{border:1px solid #cdbbe8;border-radius:99px;padding:8px 15px;background:#ffffffb0;font-size:11px;font-weight:600}a{color:#6942a0;text-decoration:none}button,input,select{font:inherit}button{border:1px solid #d0bfe5;background:#f0e8fc;color:#53327f;padding:10px 15px;border-radius:13px;cursor:pointer;font-size:12px;font-weight:600}button:hover{filter:brightness(.98);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:default;transform:none}.primary{background:linear-gradient(120deg,#8853cf,#6d3eba);color:#fff;border-color:#8250be;box-shadow:0 6px 18px #8853cf25}.quiet{background:#fff8}.layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px;align-items:start}.panel{padding:25px;background:#ffffffc9;border:1px solid #fff;border-radius:27px;box-shadow:0 14px 48px #7952a50a;min-width:0;backdrop-filter:blur(15px)}.create-panel{border-top:4px solid #e8cd56}.collection-panel{border-top:4px solid #6ad8d0}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:20px}h2{font-size:19px;margin:0}.number{display:grid;place-items:center;background:#fff4b1;border:1px solid #eedd8a;border-radius:12px;width:34px;height:34px;font-size:11px;font-weight:700;color:#8a6a22}.number.cyan{background:#d8faf5;border-color:#b3e7de;color:#357c79}label{display:block;font-size:11px;font-weight:600;margin:15px 0}small{font-weight:400;color:#927ca6;font-size:10px}input,select{display:block;width:100%;min-width:0;margin-top:6px;padding:11px 12px;border:1px solid #dfd3eb;border-radius:12px;background:#fcfaff;color:#44305c;font-size:12px}input:focus,select:focus{outline:2px solid #c3a2e8;outline-offset:1px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.currency{float:right;color:#8b6ca6}#review{background:#f2edfb;border-left:3px solid #b898df;padding:11px 13px;font-size:11px;line-height:1.6;border-radius:0 10px 10px 0;color:#70558d}#issue{width:100%;margin-top:16px}.footer-note{font-size:10px;line-height:1.6;color:#9985ab;margin-bottom:0}#status{font-size:12px;color:#7b6595;min-height:20px;margin:0 0 18px 8px}#gate{padding:35px;border-radius:28px;background:#fff9;text-align:center}#gate p{color:#7b6595}#key-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.key{background:linear-gradient(150deg,#fff,#faf5ff);border:1px solid #e8ddf1;border-radius:20px;padding:17px;overflow-wrap:anywhere}.key-art{height:90px;width:100%;object-fit:contain;background:radial-gradient(ellipse,#f2e7ff,transparent 70%)}.key h3{font-size:13px;margin:10px 0 6px}.key p{font-size:10px;color:#887098;line-height:1.6;margin:6px 0}.badge{display:inline-block;border:1px solid #cde9e2;background:#ecfbf6;color:#48857a;font-size:9px;padding:4px 8px;border-radius:99px}.key .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:11px}.key .actions button{padding:7px 10px;font-size:10px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tabs [aria-pressed=true]{background:#7447b5;color:#fff;border-color:#7447b5}#list-search{margin-bottom:18px}.floor-note{margin-top:24px;padding:20px;border-radius:18px;background:linear-gradient(120deg,#fff8d8,#edfcf7);font-size:11px;line-height:1.7;color:#82714a}.floor-note p{margin:8px 0 0}.floor-note b{color:#705438}[hidden]{display:none!important}@keyframes float-key{50%{transform:translateY(-8px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.hero-key{animation:none}}@media(max-width:850px){.layout{grid-template-columns:1fr}.keys-hero{grid-template-columns:1fr 200px;gap:10px;padding:10px 0}.hero-key{height:190px}.keys-page{padding:18px 16px 70px}}@media(max-width:480px){.keys-hero{grid-template-columns:1fr 105px;min-height:180px}.hero-key{height:140px}.eyebrow{font-size:7px;letter-spacing:.1em}.keys-hero>div>p{font-size:11px}.hero-links{gap:6px;flex-wrap:wrap}.hero-links a{padding:7px 9px;font-size:10px}.panel{padding:19px}#key-list{grid-template-columns:1fr 1fr;gap:9px}.key{padding:12px}.tabs button{font-size:10px;padding:9px}.field-pair{grid-template-columns:1fr}}

#resource-count{font-size:12px;color:#72548d;margin:4px 0}.resource-results{display:grid;gap:6px;max-height:270px;overflow:auto;padding:4px;border:1px solid #ded0ee;border-radius:14px}.resource-results button{text-align:left;white-space:normal;overflow-wrap:anywhere;background:#fff;color:#563379;border:1px solid #e1d2ef;border-radius:10px;padding:11px;font:inherit;font-size:12px;cursor:pointer}.resource-results button:hover,.resource-results button[aria-pressed="true"]{background:#eee4ff;border-color:#8d60ba}.resource-results button:focus-visible{outline:3px solid #b58bdb;outline-offset:1px}