:root{color:#30264a;background:#f6f1ff;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:#f6f1ff}button{font:inherit}.app{min-height:100vh;max-width:660px;margin:auto;overflow:hidden;background:radial-gradient(circle at 100% 0,#d8f7ff 0 12%,transparent 37%),radial-gradient(circle at 0 26%,#ffe1cb 0 9%,transparent 29%),#f6f1ff}.topbar{height:66px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand,.top-close{border:0;background:none;cursor:pointer}.brand{color:#30264a;font-size:20px;font-weight:900;letter-spacing:-.07em}.brand span{margin-left:2px;color:#7059f5}.top-close{color:#7059f5;font-size:12px;font-weight:800}.screen{min-height:calc(100vh - 66px)}.home-copy{padding:17px 21px 20px}.home-copy p,.page-kicker{margin:0 0 8px;color:#8a80a7;font-size:10px;font-weight:900;letter-spacing:.13em}.home-copy h1,.explore-screen h1,.surprise-screen h1{margin:0;color:#30264a;font-size:clamp(43px,12vw,67px);line-height:.88;letter-spacing:-.09em}.home-copy i{color:#7059f5;font-style:normal}.hero-card{width:100%;height:min(67vw,420px);min-height:255px;margin:0;padding:0;position:relative;overflow:hidden;border:0;border-radius:0;color:#fff;text-align:left;cursor:pointer;background:#7059f5;box-shadow:none}.hero-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#7059f50a 14%,#40318fde 93%)}.hero-copy{position:absolute;right:0;bottom:0;left:0;padding:23px}.hero-copy span,.draw-result>div>span{color:#e8ff66;font-size:10px;font-weight:900;letter-spacing:.1em}.hero-copy h2{margin:7px 0 3px;color:#fff;font-size:36px;line-height:.94;letter-spacing:-.075em}.hero-copy p{margin:0;color:#f8f6ff;font-size:13px}.hero-copy b{width:38px;height:38px;display:grid;place-items:center;position:absolute;right:21px;bottom:23px;overflow:hidden;border-radius:50%;color:#5543c4;background:#e8ff66;font-size:0}.hero-copy b em{font-size:22px;font-style:normal}.collection-section{padding:29px 16px 0}.section-label{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;color:#8a80a7;font-size:10px;font-weight:900;letter-spacing:.13em}.section-label button{padding:0;border:0;color:#7059f5;background:none;font-size:11px;font-weight:800;cursor:pointer}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-menu{display:grid;gap:10px}.category-band{min-height:78px;padding:0 14px 0 11px;display:flex;align-items:center;gap:12px;border:0;border-radius:21px;color:#fff;background:var(--category);text-align:left;cursor:pointer;box-shadow:0 8px 16px color-mix(in srgb,var(--category) 25%,transparent)}.category-band b{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;border-radius:17px;background:#ffffff36;font-size:26px}.category-band span{flex:1}.category-band small{display:block;margin-bottom:2px;color:#ffffffb8;font-size:9px;font-weight:800;letter-spacing:.06em}.category-band strong{display:block;font-size:21px;letter-spacing:-.055em}.category-band em{font-size:22px;font-style:normal}.image-card{min-width:0;padding:0;overflow:hidden;border:0;border-radius:18px;color:#30264a;text-align:left;background:#fff;cursor:pointer;box-shadow:0 8px 18px #4d3d7c14}.card-image{width:100%;aspect-ratio:.84;display:block;object-fit:cover}.image-card span{min-height:64px;padding:9px;display:block}.image-card small{display:block;overflow:hidden;color:#948ba9;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.image-card strong{margin-top:4px;display:block;overflow:hidden;font-size:12px;line-height:1.08;text-overflow:ellipsis}.recent-strip{padding:30px 16px 42px;color:#8a80a7;font-size:11px}.recent-strip button{margin-left:6px;padding:5px 8px;border:1px solid #d9d1ea;border-radius:20px;color:#665b7d;background:#fff;font-size:10px;cursor:pointer}.explore-screen,.surprise-screen{padding:23px 16px 46px}.explore-screen h1,.surprise-screen h1{max-width:400px;margin-bottom:24px;font-size:clamp(37px,10vw,58px)}.filter-strip{margin:0 0 24px;padding:13px;border:1px solid #e5def2;border-radius:18px;background:#fff;box-shadow:0 8px 17px #4d3d7c0b}.filter-row{display:flex;gap:7px;align-items:center;overflow-x:auto}.filter-row+.filter-row{margin-top:9px}.filter-row span{flex:0 0 40px;color:#968ba8;font-size:9px;font-weight:900;text-transform:uppercase}.filter-row button{flex:0 0 auto;min-width:31px;padding:7px 9px;border:1px solid #e4deee;border-radius:99px;color:#655a7a;background:#faf9fd;font-size:10px;cursor:pointer}.filter-row button.on{border-color:#7059f5;color:#fff;background:#7059f5}.full-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.full-grid .image-card{border-radius:21px}.full-grid .card-image{aspect-ratio:.93}.surprise-screen{text-align:center}.surprise-screen h1{margin-right:auto;margin-left:auto}.surprise-intro{margin:-14px 0 20px;color:#857a99;font-size:14px}.surprise-screen .filter-strip{text-align:left}.surprise-deck{width:min(82vw,330px);height:min(84vw,342px);margin:17px auto 23px;position:relative}.deck-card{width:100%;height:100%;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:3px solid white;border-radius:29px;background:#ddd6ef;box-shadow:0 8px 17px #65528025;transform:translate(calc(var(--index) * -5px),calc(var(--index) * 7px)) rotate(calc(var(--index) * -2deg));transform-origin:50% 95%;transition:transform .32s ease}.deck-card:nth-child(1){z-index:3}.deck-card:nth-child(2){z-index:2;opacity:.94}.deck-card:nth-child(3){z-index:1;opacity:.88}.deck-image{width:100%;height:100%;display:block;object-fit:cover}.deck-card div{position:absolute;right:0;bottom:0;left:0;padding:52px 18px 18px;text-align:left;background:linear-gradient(transparent,#2a2046df)}.deck-card span{display:block;color:#e8ff66;font-size:9px;font-weight:900;letter-spacing:.1em}.deck-card strong{margin-top:4px;display:block;color:#fff;font-size:25px;letter-spacing:-.065em}.is-shuffling .deck-card:nth-child(1){animation:toss-one 1.1s cubic-bezier(.2,.8,.2,1)}.is-shuffling .deck-card:nth-child(2){animation:toss-two 1.1s cubic-bezier(.2,.8,.2,1)}.is-shuffling .deck-card:nth-child(3){animation:toss-three 1.1s cubic-bezier(.2,.8,.2,1)}@keyframes toss-one{25%{transform:translate(36px,-26px) rotate(9deg)}58%{transform:translate(-32px,-11px) rotate(-9deg)}to{transform:translate(0) rotate(0)}}@keyframes toss-two{28%{transform:translate(-40px,2px) rotate(-11deg)}66%{transform:translate(23px,-18px) rotate(6deg)}to{transform:translate(-5px,7px) rotate(-2deg)}}@keyframes toss-three{35%{transform:translate(24px,23px) rotate(8deg)}70%{transform:translate(-16px,16px) rotate(-5deg)}to{transform:translate(-10px,14px) rotate(-4deg)}}.draw-button,.again-button{width:min(100%,360px);padding:17px;border:0;border-radius:16px;color:#fff;background:#7059f5;box-shadow:0 7px #4f3dc7;font-size:16px;font-weight:900;cursor:pointer}.draw-button:disabled{opacity:.7}.again-button{margin-top:15px;color:#7059f5;background:#fff;box-shadow:0 0 0 1px #d8d0e9}.draw-result{overflow:hidden;border-radius:26px;text-align:left;background:#fff;color:#30264a;box-shadow:0 15px 30px #65528024;animation:reveal .35s ease}.draw-image{width:100%;aspect-ratio:1.35;display:block;object-fit:cover}.draw-result>div{padding:19px}.draw-result>div>span{color:#7059f5}.draw-result h2{margin:7px 0;font-size:32px;line-height:.94;letter-spacing:-.075em}.draw-result p{margin:0;color:#625a6e;font-size:13px;line-height:1.4}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.action-row{margin-top:17px;display:flex;gap:7px;flex-wrap:wrap}.action-row button{padding:10px 11px;border:1px solid #ddd6e8;border-radius:11px;color:#625a6e;background:#fff;font-size:11px;font-weight:800;cursor:pointer}.action-row .primary-action{border-color:#7059f5;color:#fff;background:#7059f5}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#32264a7d}.activity-sheet{width:100%;max-width:660px;max-height:93vh;overflow:auto;border-radius:29px 29px 0 0;background:#fff;color:#30264a}.sheet-image{width:100%;max-height:42vh;display:block;object-fit:cover}.sheet-body{padding:22px 20px 39px}.close-sheet{width:35px;height:35px;float:right;border:0;border-radius:50%;color:#564d67;background:#f0edf6;font-size:21px;cursor:pointer}.sheet-kicker{margin:0;color:#7059f5;font-size:10px;font-weight:900;letter-spacing:.09em}.sheet-body h2{max-width:88%;margin:9px 0 10px;font-size:38px;line-height:.91;letter-spacing:-.08em}.sheet-description{color:#625a6e;font-size:14px;line-height:1.48}.sheet-details,.tip-box{margin-top:14px;padding:13px;border-radius:13px;color:#5f576c;background:#f3f0f8;font-size:12px;line-height:1.5}.tip-button{width:100%;margin-top:14px;padding:13px;border:1px solid #d9d1e5;border-radius:13px;color:#574d69;background:transparent;text-align:left;font-size:12px;font-weight:800;cursor:pointer}.image-fallback{display:grid;place-items:center;background:#b0a5d2;font-size:36px}@media (min-width: 600px){.home-copy{padding-left:28px}.collection-section{padding-right:28px;padding-left:28px}.hero-card{width:calc(100% - 56px);margin-right:28px;margin-left:28px}.explore-screen,.surprise-screen{padding-right:28px;padding-left:28px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}