:root{--paper:#fff8ef;--ink:#29233d;--pink:#ff4d9d;--blue:#44aef4;--green:#35c66b;--yellow:#ffd23f;--purple:#8f67ff;--orange:#ff8a3d;--body:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;--pop:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;--hand:"Yusei Magic","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif}
html,body{overflow-x:clip}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--ink);font-family:var(--body);background:var(--paper);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit}.app{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(42% 28% at 10% 0%,rgba(255,77,157,.16),transparent 64%),radial-gradient(42% 26% at 90% 6%,rgba(68,174,244,.16),transparent 62%),linear-gradient(180deg,#fff8ef 0%,#fff2f8 58%,#f4fbff 100%)}.app:before{content:"♪  ✧  ♡  ?  ☆  ♫  ✦";position:fixed;inset:0;z-index:0;pointer-events:none;color:rgba(255,77,157,.34);font:900 42px/1 var(--hand);letter-spacing:44px;word-spacing:38px;opacity:.38;transform:rotate(-8deg) translate(-80px,90px);white-space:pre-wrap}.wrap{position:relative;z-index:1;width:min(100% - 30px,760px);min-height:100dvh;margin:0 auto;padding:24px 0 34px;display:flex;flex-direction:column}.center{justify-content:flex-start}.toplinks{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;margin:0 auto 24px;width:min(100%,620px);font-size:13px;font-weight:900;color:rgba(41,35,61,.78);text-align:center}.toplinks a{position:relative;display:grid;gap:3px;text-decoration:none}.toplinks a:before{font-size:24px;line-height:1}.toplinks a:nth-child(1):before{content:"♬"}.toplinks a:nth-child(2):before{content:"⌂"}.toplinks a:nth-child(3):before{content:"☆"}.toplinks a:nth-child(4):before{content:"♪"}.toplinks a:first-child:after{content:"";display:block;width:68px;height:5px;margin:4px auto 0;border-radius:999px;background:var(--pink)}.screen{display:none}.screen.active{display:block}.sticker,.soft{position:relative;background:#fff;border:3px solid var(--ink);border-radius:28px;box-shadow:7px 8px 0 rgba(41,35,61,.22)}.tape{display:inline-block;padding:.22rem .82rem;background:#fff;border:2px dashed rgba(41,35,61,.7);border-radius:10px;font-family:var(--hand);font-size:.8rem;letter-spacing:.04em;transform:rotate(-2deg)}.title{font-family:var(--pop);font-weight:900;line-height:1.12}.marker{background:linear-gradient(transparent 58%,#ffe27d 0);padding:0 .08em}.marker.pink{color:var(--pink);background:none}.home-hero{position:relative;padding:28px 0 18px}.home-card{width:min(100% - 96px,560px);margin:26px auto 0;padding:62px 34px 36px;text-align:center;background:rgba(255,255,255,.86);border-radius:34px}.home-card:before{content:"";position:absolute;inset:10px;border:2px solid rgba(41,35,61,.12);border-radius:24px;pointer-events:none}.home-card .tape{position:absolute;top:-20px;left:44px;font-size:1.05rem}.icons{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:22px}.doodle{width:48px;height:48px;color:var(--purple)}.doodle path,.doodle rect,.doodle ellipse{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.eq{display:flex;align-items:flex-end;gap:5px;height:36px}.eq span{width:8px;border:3px solid var(--ink);border-radius:99px;animation:eq 1.05s ease-in-out infinite}.eq span:nth-child(1){height:45%;background:var(--pink)}.eq span:nth-child(2){height:85%;background:var(--blue);animation-delay:.12s}.eq span:nth-child(3){height:60%;background:var(--yellow);animation-delay:.24s}.eq span:nth-child(4){height:100%;background:var(--green);animation-delay:.36s}.eq span:nth-child(5){height:70%;background:var(--purple);animation-delay:.48s}@keyframes eq{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}.sub{margin:0;color:var(--pink);font-family:var(--hand);font-size:clamp(20px,4vw,31px);font-weight:900;letter-spacing:.06em}.home-title{margin:16px 0;font-size:clamp(48px,9vw,76px);letter-spacing:.03em}.home-title .line{display:block}.home-title .music{color:var(--pink);text-shadow:0 4px 0 rgba(143,103,255,.22)}.home-title .type{color:#5f58c8}.home-question{display:inline-flex;justify-content:center;margin:4px auto 20px;padding:8px 22px;border:2px solid rgba(41,35,61,.18);border-radius:999px;background:#fff;font-size:clamp(18px,3vw,24px);font-weight:900}.home-question em{color:var(--pink);font-style:normal}.lead{max-width:430px;margin:0 auto 26px;color:rgba(41,35,61,.76);font-size:16px;font-weight:800;line-height:1.9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:64px;padding:14px 24px;border:3px solid var(--ink);border-radius:999px;text-decoration:none;font-family:var(--pop);font-size:18px;font-weight:900;cursor:pointer;transition:.14s ease}.btn-main{max-width:410px;color:#fff;background:linear-gradient(180deg,#ff67ad,#f52c91);box-shadow:7px 8px 0 rgba(86,63,133,.78)}.btn-dark{color:#fff;background:linear-gradient(180deg,#3b335c,#171424);box-shadow:5px 6px 0 rgba(41,35,61,.22)}.btn-soft{color:var(--ink);background:#fff;box-shadow:4px 5px 0 rgba(41,35,61,.18)}.btn:hover{transform:translate(-1px,-1px)}.btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 rgba(41,35,61,.4)}.note{margin-top:18px;text-align:center;font-family:var(--hand);font-size:13px;color:rgba(41,35,61,.52)}.side-sprite{position:absolute;z-index:1;width:104px;aspect-ratio:1;background:#fff url("type-illustrations.png") no-repeat;background-size:400% 400%;border:0;filter:drop-shadow(0 8px 0 rgba(41,35,61,.12))}.side-sprite.s1{left:0;top:108px;background-position:0 0}.side-sprite.s2{right:0;top:144px;background-position:100% 0}.side-sprite.s3{left:10px;top:330px;background-position:66.666% 50%}.side-sprite.s4{right:8px;top:376px;background-position:100% 75%}.preview-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px auto 0;width:min(100%,650px)}.preview-card{padding:8px;border:2px solid rgba(255,77,157,.3);border-radius:18px;background:rgba(255,255,255,.74);text-align:center;box-shadow:0 8px 20px rgba(41,35,61,.08)}.preview-img{width:100%;aspect-ratio:1;border-radius:13px;background:#fff url("type-illustrations.png") no-repeat;background-size:400% 400%}.preview-card b{display:block;margin-top:6px;font-size:13px;line-height:1.35}.q-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.back{width:44px;height:44px;border:3px solid var(--ink);border-radius:50%;background:#fff;box-shadow:3px 4px 0 rgba(41,35,61,.25);font-size:26px;line-height:1;cursor:pointer}.progress{flex:1;height:14px;border:3px solid var(--ink);border-radius:99px;overflow:hidden;background:#fff}.bar{height:100%;width:0;background:repeating-linear-gradient(45deg,#ff2e93,#ff2e93 10px,#ff8ec4 10px,#ff8ec4 20px);transition:.32s ease}.q-card{padding:28px 20px 22px;margin:34px 0 22px}.q-card .tape{position:absolute;top:-16px;left:22px}.q-title{margin:0;font-size:23px}.choice-list{display:grid;gap:12px}.choice{width:100%;text-align:left;border:3px solid var(--ink);border-radius:18px;background:#fff;box-shadow:4px 5px 0 rgba(41,35,61,.18);padding:15px 16px;font:800 15px/1.55 var(--body);cursor:pointer}.choice:hover{background:#fff7ef;transform:translate(-1px,-1px)}.badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:12px;border:2.5px solid var(--ink);border-radius:50%;color:#fff;font-family:var(--pop);font-size:13px}.result-shell{position:relative;width:min(100%,680px);margin:8px auto 0;padding:34px 22px 22px;border:4px solid var(--ink);border-radius:34px;background:rgba(255,255,255,.9);box-shadow:8px 10px 0 rgba(41,35,61,.16);overflow:hidden}.result-shell:before{content:"♪ ♡ ☆ ♫ ✧";position:absolute;inset:0;z-index:0;color:rgba(255,77,157,.26);font:900 32px/1 var(--hand);letter-spacing:38px;word-spacing:24px;transform:rotate(-10deg) translate(-30px,80px);pointer-events:none}.result-label{position:relative;z-index:2;display:block;width:max-content;margin:-55px auto 12px;padding:.3rem 1.1rem;background:#fff;border:2px dashed var(--ink);border-radius:10px;font-family:var(--hand);font-weight:900}.result-card{position:relative;z-index:1;overflow:hidden;border-radius:28px;background:#fff}.result-band{position:relative;padding:38px 24px 24px;text-align:center;color:#fff;background:linear-gradient(135deg,#ff5aa7,#ff8a3d)!important}.result-band:before{content:"♕";display:block;margin-bottom:4px;color:#fff;font-size:30px;text-shadow:0 3px 0 rgba(41,35,61,.2)}.result-band .type-prefix{display:none}.result-name{margin:0;font-size:clamp(42px,9vw,72px);color:var(--ink);-webkit-text-stroke:8px #fff;paint-order:stroke fill;filter:drop-shadow(4px 5px 0 rgba(41,35,61,.65))}.result-body{padding:22px 22px 8px;text-align:center}.type-visual{width:min(460px,96%);aspect-ratio:1.54;margin:-6px auto 22px;border:4px solid var(--ink);border-radius:26px;background:#fff url("type-illustrations.png") no-repeat;background-size:400% 400%;box-shadow:none}.catch{display:inline;margin:0 auto;font-size:clamp(24px,5vw,38px);line-height:1.35;background:linear-gradient(transparent 58%,#ffd8e8 0)}.desc{max-width:520px;margin:16px auto 0;color:rgba(41,35,61,.78);font-size:16px;font-weight:800;line-height:1.9}.section-mini{margin-top:24px;text-align:left}.section-mini h2{margin:0 0 12px}.section-mini .tape{font-size:.95rem}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0 0}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:108px;padding:8px 14px;border:3px solid var(--ink);border-radius:999px;background:#fff;font-size:15px;font-weight:900;box-shadow:3px 4px 0 rgba(41,35,61,.14)}.genre{color:#fff}.quote-box{padding:12px 16px;border:3px solid var(--ink);border-radius:16px;background:#fff;text-align:center}.compat{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.compat-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;padding:10px;border:2.5px solid rgba(41,35,61,.75);border-radius:18px;background:#fff;box-shadow:3px 4px 0 rgba(41,35,61,.14)}.compat-img{width:92px;aspect-ratio:1;background:#fff url("type-illustrations.png") no-repeat;background-size:400% 400%;border-radius:14px}.compat b{display:block;font-size:17px;line-height:1.35}.compat span{display:block;margin-top:5px;font-size:13px;color:rgba(41,35,61,.66);line-height:1.55}.actions{position:relative;z-index:1;display:grid;gap:12px;margin-top:22px}.hidden{display:none!important}@keyframes pop{0%{opacity:0;transform:scale(.92) rotate(-2deg)}70%{opacity:1;transform:scale(1.03)}100%{transform:scale(1)}}.popin{animation:pop .38s cubic-bezier(.34,1.56,.64,1) both}footer{position:relative;z-index:1;width:min(100% - 36px,680px);margin:0 auto;padding:12px 0 30px;text-align:center;font-size:12px;color:rgba(41,35,61,.5)}footer a{font-weight:800}@media(max-width:640px){.wrap{width:min(100% - 22px,760px);padding-top:16px}.toplinks{font-size:12px}.toplinks a:before{font-size:20px}.home-card{width:calc(100% - 38px);padding:52px 22px 30px}.home-title{font-size:44px}.side-sprite{width:62px}.side-sprite.s1{left:-2px;top:116px}.side-sprite.s2{right:-2px;top:150px}.side-sprite.s3{left:0;top:360px}.side-sprite.s4{right:0;top:390px}.preview-rail{grid-template-columns:repeat(2,1fr)}.result-shell{padding:30px 12px 18px}.result-body{padding:18px 12px 6px}.compat{grid-template-columns:1fr}.compat-row{grid-template-columns:78px 1fr}.compat-img{width:78px}.chip{min-width:auto;flex:1 1 42%;font-size:13px}.type-visual{border-width:3px}.desc{font-size:14.5px}}
.toplinks{display:none!important}.home-hero{padding:0 0 18px!important}.toplinks a:first-child:after{display:none}.toplinks a:nth-child(2):after{content:"";display:block;width:68px;height:5px;margin:4px auto 0;border-radius:999px;background:var(--pink)}
.result-shell{width:min(100% - 30px,700px)!important;margin:46px auto 0!important;padding:34px 24px 26px!important;border:4px solid var(--ink)!important;border-radius:34px!important;background:linear-gradient(180deg,#fffaf1 0%,#fff7fb 55%,#fff 100%)!important;box-shadow:10px 12px 0 rgba(41,35,61,.14)!important;overflow:visible!important}
.result-shell:before{content:"♪  ♡  ☆  ♫  ✧  ♪  ♡"!important;position:absolute!important;inset:0!important;z-index:0!important;color:rgba(255,77,157,.28)!important;font:900 30px/1 var(--hand)!important;letter-spacing:34px!important;word-spacing:18px!important;transform:rotate(-9deg) translate(-26px,72px)!important;pointer-events:none!important}
.result-label{position:relative!important;z-index:3!important;margin:-58px auto 18px!important;padding:8px 22px!important;border:2px dashed var(--ink)!important;border-radius:12px!important;background:#fff!important;color:var(--ink)!important;font-size:17px!important;box-shadow:0 8px 0 rgba(41,35,61,.08)!important}
.result-card{position:relative!important;z-index:2!important;overflow:hidden!important;border:0!important;border-radius:28px!important;background:transparent!important;box-shadow:none!important}
.result-band{position:relative!important;overflow:hidden!important;padding:42px 22px 24px!important;border:3px solid var(--ink)!important;border-radius:28px!important;background:linear-gradient(135deg,#ff4d9d 0%,#ff6f78 52%,#ffb94d 100%)!important;text-align:center!important}
.result-band:before{content:"♕"!important;display:block!important;margin-bottom:8px!important;color:#fff!important;font-size:34px!important;text-shadow:0 3px 0 rgba(41,35,61,.22)!important}
.result-band:after{content:"♡  ☆  ♪  ✧  ♫"!important;position:absolute!important;inset:20px 18px auto!important;color:rgba(255,255,255,.78)!important;font:900 26px/1 var(--hand)!important;letter-spacing:26px!important;pointer-events:none!important}
.result-name{position:relative!important;z-index:1!important;margin:0 auto 20px!important;color:var(--ink)!important;font-size:clamp(48px,8vw,76px)!important;line-height:1.03!important;-webkit-text-stroke:8px #fff!important;paint-order:stroke fill!important;filter:drop-shadow(5px 6px 0 rgba(41,35,61,.5))!important;letter-spacing:.03em!important}
.type-visual{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:min(520px,96%)!important;aspect-ratio:1.72!important;margin:0 auto!important;border:4px solid var(--ink)!important;border-radius:26px!important;background:#fff!important;box-shadow:0 7px 0 rgba(41,35,61,.13)!important;overflow:hidden!important}
.type-visual-img{display:block!important;width:min(78%,400px)!important;height:auto!important;max-height:94%!important;object-fit:contain!important}
.result-body{position:relative!important;z-index:2!important;padding:24px 12px 0!important;text-align:center!important}
.catch{display:inline!important;margin:0 auto!important;padding:0 8px!important;color:var(--ink)!important;font-size:clamp(24px,5vw,36px)!important;line-height:1.35!important;background:linear-gradient(transparent 58%,#ffd6e8 0)!important}
.desc{max-width:560px!important;margin:18px auto 0!important;color:rgba(41,35,61,.82)!important;font-size:16px!important;font-weight:800!important;line-height:1.95!important}
.section-mini{position:relative!important;z-index:2!important;margin-top:26px!important;text-align:left!important}
.section-mini h2{margin:0 0 12px!important}.section-mini .tape{padding:7px 16px!important;border:2px dashed var(--ink)!important;border-radius:10px!important;background:#fff!important;font-size:16px!important;transform:none!important}
.chips{justify-content:center!important;gap:12px!important;margin-top:14px!important}.chip{min-width:118px!important;padding:8px 16px!important;border:3px solid var(--ink)!important;border-radius:999px!important;background:#fff!important;color:var(--ink)!important;font-size:16px!important;font-weight:900!important;box-shadow:3px 4px 0 rgba(41,35,61,.12)!important}.genre{color:#fff!important}
.quote-box{padding:13px 18px!important;border:3px solid var(--ink)!important;border-radius:17px!important;background:#fff!important;text-align:center!important;box-shadow:3px 4px 0 rgba(41,35,61,.1)!important}
.compat{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.compat-row{grid-template-columns:96px minmax(0,1fr)!important;padding:10px!important;border:3px solid rgba(41,35,61,.85)!important;border-radius:18px!important;background:#fff!important;box-shadow:3px 4px 0 rgba(41,35,61,.12)!important}.compat-img{display:block!important;width:96px!important;height:auto!important;aspect-ratio:1.28!important;object-fit:cover!important;border-radius:14px!important;background:#fff!important}.compat b{font-size:18px!important}.compat span{font-size:13px!important;line-height:1.55!important}
.chip.genre{background:var(--genre-bg,#ff4d9d)!important;color:#fff!important}.actions{position:relative!important;z-index:2!important;margin-top:24px!important}.btn-dark{background:linear-gradient(180deg,#3c315d,#171323)!important}.btn-soft{background:#fff!important}
@media(max-width:640px){.wrap{width:100%!important;padding:0 0 28px!important}.top-visual-card{width:100%}.top-visual-card img{border-radius:0;box-shadow:none}.visual-start{left:19%;top:64.2%;width:62%;height:8.2%}.result-shell{width:min(100% - 18px,700px)!important;margin-top:40px!important;padding:30px 12px 18px!important;border-radius:30px!important}.result-label{margin-top:-52px!important;font-size:15px!important}.result-band{padding:34px 12px 18px!important;border-radius:24px!important}.result-name{font-size:clamp(42px,12vw,64px)!important;-webkit-text-stroke:7px #fff!important}.type-visual{width:96%!important;aspect-ratio:1.5!important;border-width:3px!important}.type-visual-img{width:92%!important}.result-body{padding:20px 6px 0!important}.desc{font-size:14.5px!important}.chip{min-width:auto!important;flex:1 1 42%!important;font-size:14px!important;padding:7px 11px!important}.compat{grid-template-columns:1fr!important}.compat-row{grid-template-columns:82px minmax(0,1fr)!important}.compat-img{width:82px!important}.actions{gap:10px!important}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.seo-panel{position:relative;z-index:1;width:min(100% - 30px,700px);margin:22px auto 0;padding:22px;border:3px solid rgba(41,35,61,.16);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 14px 34px rgba(41,35,61,.08);color:rgba(41,35,61,.86)}.seo-panel h2,.seo-panel h3{margin:0 0 10px;color:var(--ink);font-family:var(--pop);line-height:1.35}.seo-panel h2{font-size:22px}.seo-panel h3{margin-top:18px;font-size:17px}.seo-panel p{margin:0 0 12px;font-size:14.5px;line-height:1.9}.type-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.type-summary li{list-style:none;padding:10px 12px;border:2px solid rgba(41,35,61,.14);border-radius:14px;background:#fff;font-size:13px;font-weight:800}.type-summary b{display:block;color:var(--ink);font-size:14px}.faq-list details{border-top:1px dashed rgba(41,35,61,.24);padding:12px 0}.faq-list summary{cursor:pointer;font-weight:900;color:var(--ink)}.faq-list p{margin:8px 0 0}.home-card.sticker{overflow:hidden;width:min(100% - 24px,620px);padding:76px 26px 36px}.home-card .tape{top:18px!important;left:50%!important;max-width:calc(100% - 44px);transform:translateX(-50%) rotate(-2deg)!important;white-space:nowrap}.home-card.sticker:after{content:"♪ ♡ ☆ ♫ ✧";position:absolute;inset:auto 16px 18px;color:rgba(255,77,157,.22);font:900 24px/1 var(--hand);letter-spacing:18px;pointer-events:none}.home-card .btn{position:relative;z-index:2}.home-card .lead,.home-card .home-question,.home-card .home-title,.home-card .sub,.home-card .icons{position:relative;z-index:2}.home-title{overflow-wrap:anywhere}.about-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 4px}.about-point{padding:12px 10px;border:2px dashed rgba(255,77,157,.36);border-radius:16px;background:#fff;text-align:center;font-size:13px;font-weight:900}.about-point b{display:block;color:var(--pink);font-size:15px}.preview-rail{width:min(100% - 24px,650px)}.preview-card{min-width:0}.preview-img{display:flex!important;align-items:center;justify-content:center;overflow:hidden;background:#fff!important}.preview-img img{display:block;width:92%;height:92%;object-fit:contain}.preview-card b{overflow-wrap:anywhere}@media(max-width:640px){.seo-panel{width:min(100% - 22px,700px);padding:18px}.type-summary{grid-template-columns:1fr}.about-points{grid-template-columns:1fr}.home-card.sticker{width:calc(100% - 28px)!important;margin-top:18px!important;padding:70px 18px 30px!important}.home-card .tape{left:50%!important}.preview-rail{width:calc(100% - 22px)}}
.type-showcase-head{text-align:center;margin:28px 0 16px}.type-showcase-bubble{display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;padding:7px 16px;border:2px dashed #ff4d9d;border-radius:999px;background:#fff;color:#ff4d9d;font-family:var(--hand);font-size:14px;font-weight:900;transform:rotate(-1deg)}.type-showcase-title{margin:0!important;font-size:clamp(28px,6vw,46px)!important;line-height:1.16!important;letter-spacing:.02em;text-align:center}.type-showcase-title em{color:#ff4d9d;font-style:normal;text-shadow:0 4px 0 rgba(143,103,255,.18)}.type-showcase-lead{max-width:none!important;margin:10px auto 0!important;text-align:center;font-weight:800;color:rgba(41,35,61,.72)!important}.type-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 8px;padding:0}.type-card{position:relative;list-style:none;min-width:0;padding:12px;border:2px solid rgba(255,77,157,.18);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fff9fc 100%);box-shadow:0 10px 22px rgba(41,35,61,.08);overflow:hidden}.type-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(255,77,157,.12),transparent 34%),radial-gradient(circle at 86% 8%,rgba(68,174,244,.12),transparent 32%);pointer-events:none}.type-card-num{position:absolute;z-index:2;top:10px;left:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent,#ff4d9d),#8f67ff);color:#fff;font-family:var(--pop);font-weight:900;font-size:14px;box-shadow:0 5px 0 rgba(41,35,61,.14)}.type-card-img{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.05;margin:2px auto 10px;border-radius:16px;background:#fff;overflow:hidden}.type-card-img img{display:block;width:94%;height:94%;object-fit:contain}.type-card h4{position:relative;z-index:1;margin:0;color:var(--ink);font-family:var(--pop);font-size:18px;line-height:1.35;text-align:center}.type-card p{position:relative;z-index:1;margin:6px auto 10px!important;color:rgba(41,35,61,.78)!important;font-size:13px!important;font-weight:800;line-height:1.65!important;text-align:center}.type-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.type-tags span{display:inline-flex;padding:3px 7px;border:1px solid color-mix(in srgb,var(--accent,#ff4d9d) 64%,#fff);border-radius:999px;color:var(--accent,#ff4d9d);background:#fff;font-size:10.5px;font-weight:900;line-height:1.2;white-space:nowrap}@media(max-width:640px){.type-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.type-card{padding:9px;border-radius:16px}.type-card-num{width:28px;height:28px;font-size:12px}.type-card-img{aspect-ratio:1;margin-bottom:8px;border-radius:13px}.type-card h4{font-size:14px}.type-card p{font-size:11.5px!important;line-height:1.55!important}.type-tags span{font-size:9.5px;padding:2px 5px}.type-showcase-title{font-size:clamp(25px,8vw,34px)!important}.type-showcase-lead{font-size:13px!important}}
.hero-mini-band{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:min(100%,520px);margin:12px auto 18px;padding:6px}.hero-mini{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid rgba(255,77,157,.2);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fff7fc 100%);box-shadow:0 8px 18px rgba(41,35,61,.08);overflow:hidden}.hero-mini:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(41,35,61,.08);border-radius:13px}.hero-mini img{position:relative;z-index:1;display:block;width:102%;height:102%;object-fit:contain}.hero-mini:nth-child(1){transform:rotate(-3deg)}.hero-mini:nth-child(2){transform:translateY(8px) rotate(2deg)}.hero-mini:nth-child(3){transform:translateY(-5px) rotate(-1deg)}.hero-mini:nth-child(4){transform:translateY(7px) rotate(3deg)}.hero-mini:nth-child(5){transform:rotate(-2deg)}.hero-mini:nth-child(2),.hero-mini:nth-child(4){background:linear-gradient(180deg,#fff 0%,#f4fbff 100%)}@media(max-width:640px){.hero-mini-band{gap:5px;margin:8px auto 16px;padding:3px}.hero-mini{border-radius:13px}.hero-mini:before{inset:5px;border-radius:9px}.hero-mini img{width:112%;height:112%}.home-question{font-size:17px!important}.lead{font-size:14.5px!important;line-height:1.8!important}}