@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&family=Zen+Maru+Gothic:wght@500;700;900&display=swap";.slp{--slp-ink:#2a2118;--slp-muted:#6e5844;--slp-paper:#fff8ec;--slp-coin:#f7b731;--slp-deep:#e2911d;--slp-mint:#2a9d8f;--slp-display:"Outfit", "Zen Maru Gothic", system-ui, sans-serif;--slp-body:"Zen Maru Gothic", "Hiragino Sans", system-ui, sans-serif;min-height:100dvh;color:var(--slp-ink);background:var(--slp-paper);font-family:var(--slp-body);padding-bottom:96px;overflow-x:clip}.slp-top{z-index:50;pointer-events:none;background:linear-gradient(#fff8ecf0 0%,#fff8ec00 100%);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:fixed;inset:0 0 auto}.slp-top a{pointer-events:auto}.slp-brand{font-family:var(--slp-display);letter-spacing:-.02em;color:var(--slp-ink);font-size:.95rem;font-weight:800;text-decoration:none}.slp-top-cta{background:var(--slp-ink);color:#fffaf0;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700;text-decoration:none}.slp-hero{background:radial-gradient(70% 50% at 75% 25%,#f7b73180,#0000 55%),linear-gradient(165deg,#fff3d4 0%,#ffe8a8 48%,#f7b731 100%);align-content:end;gap:20px;min-height:100dvh;padding:96px 20px 72px;display:grid;position:relative;overflow:hidden}.slp-hero-guide{justify-items:center;gap:8px;width:min(42vw,280px);animation:3.2s ease-in-out infinite slp-float;display:grid;position:absolute;top:14%;right:max(2%,8px)}.slp-hero-coin{filter:drop-shadow(0 18px 30px #50320a38);width:min(100%,220px);height:auto}.slp-hero-bubble{background:#fffdf8;border:2px solid #2a21181f;border-radius:16px;padding:10px 14px;font-weight:800;animation:2.4s ease-in-out infinite slp-bubble;position:relative}.slp-hero-bubble:after{content:"";background:#fffdf8;border-top:2px solid #2a21181f;border-left:2px solid #2a21181f;width:14px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.slp-hero-bubble p{margin:0}.slp-hero-copy{z-index:2;gap:12px;width:min(100%,540px);animation:.85s cubic-bezier(.22,1,.36,1) both slp-copy-in;display:grid;position:relative}.slp-product{font-family:var(--slp-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,11vw,5rem);font-weight:800;line-height:.95}.slp-hero-copy h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:900;line-height:1.35}.slp-lead{color:var(--slp-muted);max-width:30ch;margin:0;line-height:1.65}.slp-hero-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.slp-btn{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex}.slp-btn:hover{transform:translateY(-1px)}.slp-btn-primary{background:var(--slp-ink);color:#fffaf0}.slp-btn-ghost{color:var(--slp-ink);background:#ffffff8c;border:1px solid #2a211829}.slp-btn-lg{min-height:54px;padding:0 28px;font-size:1.05rem}.slp-scroll-hint{font-family:var(--slp-display);letter-spacing:.18em;text-transform:uppercase;color:#2a211873;margin:0;font-size:.72rem;font-weight:700;animation:1.8s ease-in-out infinite slp-hint-bob;position:absolute;bottom:18px;left:20px}.slp-nav{z-index:45;pointer-events:none;grid-template-columns:auto minmax(0,220px);align-items:end;gap:10px;max-width:calc(100vw - 32px);display:grid;position:fixed;bottom:16px;left:16px}.slp-nav img{object-fit:contain;filter:drop-shadow(0 8px 16px #50320a3d);width:64px;height:64px;animation:2.8s ease-in-out infinite slp-float}.slp-nav-bubble{background:#fffdf8f5;border:2px solid #2a21181f;border-radius:16px;padding:12px 14px;box-shadow:0 12px 28px #50320a1f}.slp-nav-label{letter-spacing:.08em;color:var(--slp-deep);margin:0 0 4px;font-size:.7rem;font-weight:800}.slp-nav-bubble p:last-child{margin:0;font-size:.88rem;font-weight:700;line-height:1.45}.slp-story{display:grid}.slp-corner{background:var(--slp-paper);align-content:center;gap:22px;min-height:100dvh;padding:72px 20px 120px;display:grid}.slp-corner:nth-child(2n){background:#fff1cf}.slp-corner-head{gap:6px;width:min(100%,720px);margin-inline:auto;display:grid}.slp-corner-index{font-family:var(--slp-display);letter-spacing:.14em;color:var(--slp-deep);margin:0;font-size:.78rem;font-weight:800}.slp-corner-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,4vw,2rem);font-weight:900}.slp-yonkoma{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,720px);margin-inline:auto;display:grid}.slp-panel{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--p,0) * .11s + 80ms);gap:8px;display:grid;transform:translateY(18px)scale(.98)}.slp-corner.is-in .slp-panel{opacity:1;transform:none}.slp-panel-art{aspect-ratio:4/3;background:#24323c;border:2px solid #2a211824;overflow:hidden;box-shadow:0 10px 24px #50320a1a}.slp-panel-cap{align-items:baseline;gap:8px;margin:0;font-size:.92rem;font-weight:800;display:flex}.slp-panel-cap span{font-family:var(--slp-display);color:var(--slp-deep);font-size:.85rem}.slp-mini{place-items:center;width:100%;height:100%;display:grid;position:relative}.slp-mini-meet{background:linear-gradient(160deg,#fff8ec,#ffe08a)}.slp-mini-coin{width:58%;height:auto;animation:2.4s ease-in-out infinite slp-float}.slp-mini-word{font-family:var(--slp-display);letter-spacing:-.03em;color:var(--slp-ink);font-size:clamp(1rem,4vw,1.5rem);font-weight:800}.slp-mini-steps{gap:8px;display:flex}.slp-mini-steps i{background:var(--slp-coin);border-radius:50%;width:18px;height:18px;animation:1.4s ease-in-out infinite slp-dot}.slp-mini-steps i:nth-child(2){background:var(--slp-deep);animation-delay:.15s}.slp-mini-steps i:nth-child(3){background:var(--slp-mint);animation-delay:.3s}.slp-mini-ok{font-family:var(--slp-display);color:var(--slp-mint);font-size:1.8rem;font-weight:800}.slp-mini-cap{background:linear-gradient(135deg,#3a4d5c,#1e2a33)}.slp-mini-desk{background:#fffaf01f;border:1px solid #fffaf02e;border-radius:6px;position:absolute;inset:18% 14%}.slp-mini-frame{border:2px solid var(--slp-coin);position:absolute;box-shadow:0 0 0 999px #00000059}.slp-mini-cap-1 .slp-mini-frame{animation:2s ease-in-out infinite slp-frame-grow;inset:28% 24%}.slp-mini-cap-2 .slp-mini-frame{animation:2s ease-in-out infinite slp-frame-grow;inset:20% 16%}.slp-mini-cap-3 .slp-mini-frame{inset:16% 12%}.slp-mini-cap-3:after{content:"";opacity:0;background:#fff;animation:2s ease-in-out infinite slp-flash;position:absolute;inset:0}.slp-mini-cap-4 .slp-mini-frame{border-color:var(--slp-mint);inset:22% 18%}.slp-mini-cursor{background:#fff;border-radius:50% 50% 50% 0;width:10px;height:10px;animation:2s ease-in-out infinite slp-cursor;position:absolute;transform:rotate(-35deg)}.slp-mini-gal{background:linear-gradient(#fff8ec,#ffe8a8);padding:12%}.slp-mini-thumbs{grid-template-columns:repeat(3,1fr);align-self:end;gap:8px;width:100%;display:grid}.slp-mini-thumbs i{aspect-ratio:1;background:linear-gradient(145deg,#dfe8ef,#9aa8b5);border:2px solid #f0b429}.slp-mini-thumbs i.is-hot{border:3px solid var(--slp-mint);animation:1.8s ease-in-out infinite slp-glow}.slp-mini-gal-2 .slp-mini-thumbs{animation:2.2s ease-in-out infinite slp-scroll-thumbs;transform:translateY(10%)}.slp-mini-edit{background:#fffdf8;padding:10%}.slp-mini-canvas{background:linear-gradient(160deg,#e8eef3,#c5d0d9);border:1px solid #2a21181f;width:100%;height:100%;position:relative}.slp-mini-arrow{opacity:0;width:75%;position:absolute;top:20%;left:10%}.slp-mini-edit-2 .slp-mini-arrow,.slp-mini-edit-3 .slp-mini-arrow,.slp-mini-edit-4 .slp-mini-arrow{opacity:1;animation:1.6s both slp-draw-in}.slp-mini-tag{border:2px solid var(--slp-deep);color:var(--slp-deep);opacity:0;background:#fff;padding:2px 8px;font-size:.72rem;font-weight:800;position:absolute;top:10%;right:10%}.slp-mini-edit-3 .slp-mini-tag,.slp-mini-edit-4 .slp-mini-tag{opacity:1;animation:1.2s both slp-pop}.slp-mini-drag{background:linear-gradient(#d8e4ec,#b7c6d2)}.slp-mini-src{aspect-ratio:1;border:3px solid var(--slp-mint);background:linear-gradient(145deg,#f4f7fa,#aeb9c4);width:28%;position:absolute;top:24%;left:12%}.slp-mini-ghost{aspect-ratio:1;opacity:0;background:#ffffffbf;border:2px solid #2a211833;width:22%;position:absolute;top:24%;left:12%}.slp-mini-drag-2 .slp-mini-ghost,.slp-mini-drag-3 .slp-mini-ghost{opacity:1;animation:2s ease-in-out infinite slp-drag}.slp-mini-target{background:#2f3d48;border-radius:8px;width:40%;height:36%;position:absolute;bottom:14%;right:10%}.slp-mini-drag-4 .slp-mini-src{width:24%;inset:auto 18% 22% auto}.slp-cta{text-align:center;color:#fffaf0;background:linear-gradient(165deg,#2a2118 0%,#3d2c1d 45%,#5c3a14 100%);align-content:center;justify-items:center;gap:12px;min-height:92dvh;padding:72px 20px 120px;display:grid}.slp-cta-coin{filter:drop-shadow(0 10px 20px #00000059);width:110px;height:auto;animation:2.8s ease-in-out infinite slp-float}.slp-cta-brand{font-family:var(--slp-display);letter-spacing:-.04em;color:var(--slp-coin);margin:0;font-size:clamp(2.4rem,10vw,4rem);font-weight:800}.slp-cta h2{margin:0;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:900}.slp-cta-lead{color:#fffaf0c7;max-width:28ch;margin:0 0 8px;line-height:1.65}.slp-cta .slp-btn-primary{background:var(--slp-coin);color:var(--slp-ink)}.slp-cta-foot{color:#fffaf08c;margin:16px 0 0;font-size:.85rem}.slp-cta-foot a{color:#fffaf0c7}@keyframes slp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slp-bubble{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes slp-copy-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes slp-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes slp-dot{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes slp-frame-grow{0%,to{inset:30% 26%}50%{inset:16% 12%}}@keyframes slp-cursor{0%{top:68%;left:70%}55%{top:74%;left:78%}to{top:68%;left:70%}}@keyframes slp-flash{0%,70%,to{opacity:0}78%{opacity:.5}}@keyframes slp-glow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes slp-scroll-thumbs{0%,to{transform:translateY(12%)}50%{transform:translateY(0)}}@keyframes slp-draw-in{0%{opacity:0;stroke-dashoffset:80px}to{opacity:1}}@keyframes slp-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes slp-drag{0%,15%{top:24%;left:12%}75%{top:42%;left:55%}to{top:46%;left:58%}}@media (width<=720px){.slp-hero-guide{width:min(46vw,160px);top:10%;right:4%}.slp-nav{grid-template-columns:auto minmax(0,1fr);bottom:10px;left:10px;right:10px}.slp-nav img{width:52px;height:52px}.slp-yonkoma{gap:10px}.slp-panel-cap{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.slp *,.slp :before,.slp :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.slp-panel{opacity:1;transform:none}}body{overflow:auto}