:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--pink: #ff6aa0;--pink-2: #ff99c2;--pink-3: #ffe3ee;--ink: #111;--muted: #6b6b6b;--card-border: #ffe6ef}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:"M PLUS Rounded 1c",system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:radial-gradient(circle at 20% 10%,#fff5f7 0%,transparent 40%),radial-gradient(circle at 80% 0%,#f3f8ff 0%,transparent 35%),linear-gradient(180deg,#fff,#fff9fb)}#root{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem}.hero-card{max-width:760px;margin:40px auto 24px;padding:28px 24px;border:1px solid var(--card-border);background:#fff;border-radius:20px;box-shadow:0 10px 24px #ff69b41f;position:relative;overflow:hidden}.hero-card:after{content:"✨";position:absolute;right:14px;top:10px;font-size:20px;opacity:.8}.app-title{font-size:32px;font-weight:800;letter-spacing:.02em;color:var(--pink);margin:0 0 10px;display:flex;align-items:center;gap:10px}.panda-emoji{font-size:28px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.04))}.app-title .pill{font-size:12px;background:var(--pink-3);color:#ff2f7a;padding:4px 8px;border-radius:999px;border:1px solid #ffc6da}.app-lead{color:var(--muted);margin:0 0 16px;line-height:1.7}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;justify-content:center}.badge{font-size:11px;padding:4px 8px;background:#f4f7ff;color:#5a6fff;border:1px solid #dfe6ff;border-radius:999px}button{font-family:inherit}.btn-start{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid var(--pink);background:linear-gradient(180deg,var(--pink-2),var(--pink));color:#fff;font-weight:700;letter-spacing:.04em;box-shadow:0 6px 14px #ff4d8259;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease}.btn-start:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn-start:active{transform:translateY(0);box-shadow:0 3px 8px #ff4d8247}.btn-choice{text-align:left;padding:.75rem 1rem;border-radius:12px;border:1px solid #eee;background:#fff;cursor:pointer;transition:box-shadow .15s ease,transform .05s ease,border-color .15s ease}.btn-choice:hover{border-color:#ffc6da;box-shadow:0 6px 16px #ff69b41f}.btn-choice:active{transform:translateY(1px)}.section-card{border:1px solid #eee;border-radius:16px;padding:20px;background:#fff}.feature-box{margin-top:8px;padding:10px 12px;border-radius:12px;background:#fff7ec;color:#5a3d19;text-align:left;display:inline-block;max-width:680px}ul{list-style:none;padding-left:0;margin:0}ul li::marker{content:none}ul li{position:relative;padding-left:0}.spot-why{color:#555;font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.panda-photo{width:300px;max-width:90%;border-radius:16px;margin:0 auto 14px;display:block;box-shadow:0 6px 20px #00000026;object-fit:cover}.panda-name{font-size:28px;font-weight:800;color:#d35400;margin-bottom:8px}footer{text-align:center;font-size:12px;color:#666;margin-top:40px}.grid-gap-8{display:grid;gap:8px}.grid-gap-12{display:grid;gap:12px}.grid-gap-16{display:grid;gap:16px}.max-w-640{max-width:640px;margin:0 auto}.max-w-900{max-width:900px;margin:0 auto}