:root{--sa-paper:#fff8ea;--sa-paper-deep:#f6ebdd;--sa-paper-card:#fffdf5;--sa-paper-highlight:#fffbe6;--sa-ink:#1f1f1f;--sa-muted:#70685e;--sa-line:#2b2b2b;--sa-orange:#ff7a3d;--sa-green:#c8ff5a;--sa-pink:#ffb7c5;--sa-blue:#9dd7ff;--sa-yellow:#ffe15a;--sa-purple:#c7a4ff;--sa-brown:#b7926b;--sa-shadow:#1f1f1f1f;--shadow-paper:6px 6px 0 var(--sa-shadow);--shadow-heavy:10px 10px 0 #1f1f1f29;--radius-card:28px;--radius-note:20px;--radius-pill:999px;--stroke:2px solid var(--sa-line);--font-main:-apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-weight-title:900;--font-weight-body:500;--font-weight-tag:800;--animal-power_cat:#5d7186;--animal-warm_dog:#ff7a3d;--animal-calm_capybara:#b7926b;--animal-corner_mouse:#8b7c9e;--animal-vibe_monkey:#ffe15a;--animal-prep_hamster:#d7bd82;--animal-border_collie:#6f9ed9;--animal-meme_fox:#e8793e;--animal-show_peacock:#32b6a6;--animal-empathy_otter:#59b7d8;--animal-border_hedgehog:#9b8068;--animal-recharge_panda:#98d36f;--animal-night_owl:#5d4b8c;--animal-lastminute_pigeon:#a9c4d8;--animal-bullet_alpaca:#d8b88e;--animal-social_butterfly:#c27cff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:var(--font-main);color:var(--sa-ink);background:radial-gradient(circle at 16px 16px, #1f1f1f0d 1.2px, transparent 1.4px) 0 0 / 22px 22px, linear-gradient(160deg, var(--sa-paper) 0%, var(--sa-paper-deep) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.6}button{font-family:inherit}#root{justify-content:center;display:flex}.app-shell{width:100%;max-width:430px;min-height:100vh;padding:24px 20px 40px;position:relative}@media (width<=360px){.app-shell{padding:20px 16px 32px}}.sticky-label{border:var(--stroke);border-radius:var(--radius-pill);background:var(--sa-green);min-height:26px;font-size:12px;font-weight:var(--font-weight-tag);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:4px 12px;display:inline-flex;box-shadow:3px 3px #1f1f1f2e}.sticky-label.pink{background:var(--sa-pink)}.sticky-label.blue{background:var(--sa-blue)}.sticky-label.yellow{background:var(--sa-yellow)}.sticky-label.orange{background:var(--sa-orange);color:#fff}.sticky-label.plain{background:#fff}.paper-card{border:var(--stroke);border-radius:var(--radius-card);background:var(--sa-paper-card);box-shadow:var(--shadow-paper);padding:20px}.paper-card+.paper-card{margin-top:16px}.big-btn{border:var(--stroke);border-radius:var(--radius-pill);background:var(--sa-ink);color:#fff8ea;letter-spacing:.05em;cursor:pointer;width:100%;box-shadow:4px 4px 0 var(--sa-line);justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:17px;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-flex}.big-btn:active{box-shadow:2px 2px 0 var(--sa-line);transform:translate(2px,2px)}.big-btn.secondary{color:var(--sa-ink);background:#fff}.intro-hero{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.intro-title{letter-spacing:-2px;margin:0;font-size:clamp(42px,12vw,54px);font-weight:950;line-height:.95}.intro-title .line2{background:var(--sa-orange);color:#fff;margin-top:4px;padding:0 6px;display:inline-block;transform:rotate(-1deg)}.intro-subtitle{color:var(--sa-muted);margin:16px 0 24px;font-size:16px;font-weight:600;line-height:1.7}.intro-subtitle strong{color:var(--sa-ink)}.intro-points{flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.intro-point{border:var(--stroke);border-radius:var(--radius-note);background:#fff;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.55;display:flex}.intro-point.is-highlight{background:var(--sa-green);box-shadow:3px 3px 0 var(--sa-line);font-size:15px;transform:rotate(-.6deg)}.intro-point.is-highlight strong{font-weight:900}.intro-point .num{background:var(--sa-ink);width:24px;height:24px;color:var(--sa-green);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.intro-disclaimer{color:var(--sa-muted);text-align:center;margin-top:20px;font-size:12px;line-height:1.6}.intro-footer-brand{text-align:center;color:var(--sa-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:32px;font-size:11px}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.quiz-progress-wrap{color:var(--sa-muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.quiz-progress-bar{border:var(--stroke);background:#fff;border-radius:999px;width:160px;height:10px;position:relative;overflow:hidden}.quiz-progress-fill{background:var(--sa-green);transform-origin:0;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.quiz-back-btn{color:var(--sa-ink);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;padding:6px 10px;font-size:13px;font-weight:800}.quiz-back-btn:disabled{color:var(--sa-muted);opacity:.5;cursor:default}.quiz-card{padding:24px 20px}.quiz-question-index{background:var(--sa-yellow);border:var(--stroke);border-radius:var(--radius-pill);letter-spacing:.1em;margin-bottom:14px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-block;transform:rotate(-1deg)}.quiz-question-title{letter-spacing:-.5px;margin:0 0 20px;font-size:20px;font-weight:900;line-height:1.45}.option-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.option-card{border:var(--stroke);color:var(--sa-ink);cursor:pointer;text-align:left;background:#ffffffd1;border-radius:20px;width:100%;padding:14px 14px 14px 46px;font-size:14.5px;font-weight:700;line-height:1.55;transition:background .15s,transform .15s;position:relative}.option-card .option-dot{border:var(--stroke);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.option-card.is-selected{background:var(--sa-green);transform:rotate(-.6deg)}.option-card.is-selected .option-dot{background:var(--sa-ink);color:var(--sa-green)}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:60vh;display:flex}.loading-mascot{font-size:64px;animation:1.3s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.loading-text{color:var(--sa-ink);font-size:16px;font-weight:800}.rarity-badge{border:var(--stroke);border-radius:var(--radius-pill);letter-spacing:.02em;align-items:baseline;gap:0;max-width:100%;padding:5px 10px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex;box-shadow:3px 3px #1f1f1f33}.rarity-badge strong{letter-spacing:.04em;flex-shrink:0;font-size:12px;font-weight:900}.rarity-badge .rarity-sep{color:#1f1f1f8c;flex-shrink:0;margin:0 1px}.rarity-badge .rarity-tagline{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.rarity-page{margin-bottom:14px;transform:rotate(-1deg)}.rarity-card{flex-shrink:0;padding:3px 8px;font-size:10px;transform:rotate(-1deg);box-shadow:2px 2px #1f1f1f33}.rarity-card strong{font-size:11px}.rarity-card .rarity-tagline{font-size:10px}.rarity-tier-legendary{box-shadow:0 0 0 3px #ff7a3d2e,3px 3px #1f1f1f33}.rarity-card.rarity-tier-legendary{box-shadow:0 0 0 2px #ff7a3d2e,2px 2px #1f1f1f33}.result-topline{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.result-animal-name{letter-spacing:-1.5px;margin:0 0 14px;font-size:40px;font-weight:950;line-height:1.05}.result-animal-name em{color:var(--sa-orange);font-style:normal}.result-hero-card{flex-direction:column;gap:14px;padding:22px 20px;display:flex}.result-hero-illus{justify-content:center;padding:8px 0;display:flex}.result-one-liner{letter-spacing:-.3px;margin:0;font-size:19px;font-weight:900;line-height:1.45}.result-keywords{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.keyword-pill{text-shadow:none;border-width:1.5px;box-shadow:0 1px #1f1f1f14}.friend-roast{border:2px dashed var(--sa-line);background:#fff;border-radius:18px;padding:14px 16px;font-size:14px;font-weight:800;line-height:1.55;position:relative}.friend-roast .roast-label{color:var(--sa-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900;display:inline-block}.self-recognition{border:var(--stroke);background:var(--sa-yellow);border-radius:18px;padding:14px 16px;font-size:14.5px;font-weight:900;line-height:1.55;position:relative;transform:rotate(-.5deg)}.self-recognition .self-label{color:var(--sa-ink);opacity:.7;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900;display:inline-block}.result-block-title{letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:900;display:flex}.result-block-title:before{content:"";border:var(--stroke);background:var(--sa-orange);width:22px;height:10px;box-shadow:2px 2px 0 var(--sa-line);border-radius:999px;flex-shrink:0}.result-body-text{color:var(--sa-ink);margin:0;font-size:14px;font-weight:600;line-height:1.7}.result-tips{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result-tip{border:var(--stroke);background:#fff;border-radius:14px;padding:10px 12px 10px 36px;font-size:13.5px;font-weight:700;line-height:1.55;position:relative}.result-tip:before{content:"✓";background:var(--sa-green);border:var(--stroke);border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.result-actions{flex-direction:column;gap:12px;margin-top:22px;display:flex}.result-footer{text-align:center;color:var(--sa-muted);letter-spacing:.12em;margin-top:20px;font-size:11px}.share-card-viewport{pointer-events:none;z-index:-1;position:fixed;top:-9999px;left:-9999px}.share-card{box-sizing:border-box;background:radial-gradient(circle at 10px 10px, #1f1f1f0d 1.1px, transparent 1.3px) 0 0 / 16px 16px, linear-gradient(160deg, var(--sa-paper) 0%, var(--sa-paper-deep) 100%);border:3px solid var(--sa-line);width:360px;height:480px;color:var(--sa-ink);font-family:var(--font-main);box-shadow:none;border-radius:0;flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.share-topline{letter-spacing:.2em;color:var(--sa-muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex}.share-title{letter-spacing:-1.2px;margin:0;font-size:28px;font-weight:950;line-height:1.04}.share-title em{color:var(--sa-orange);font-style:normal}.share-hero-row{align-items:center;gap:10px;display:flex}.share-illus{flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.share-oneliner{letter-spacing:-.3px;flex:1;font-size:15px;font-weight:900;line-height:1.4}.share-keywords{flex-wrap:wrap;gap:6px;display:flex}.share-keywords .sticky-label{min-height:20px;padding:3px 9px;font-size:11px}.share-roast{border:2px dashed var(--sa-line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.42}.share-roast-label{color:var(--sa-muted);letter-spacing:.15em;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.share-self{border:2px solid var(--sa-line);background:var(--sa-yellow);border-radius:12px;padding:8px 10px;font-size:12px;font-weight:900;line-height:1.42;transform:rotate(-.6deg)}.share-vibe{color:var(--sa-ink);font-size:11.5px;font-weight:700;line-height:1.42}.share-vibe-label{color:var(--sa-muted);letter-spacing:.15em;margin-bottom:2px;font-size:9px;font-weight:900;display:block}.share-footer{color:var(--sa-muted);letter-spacing:.08em;text-align:center;margin-top:auto;font-size:10px;font-weight:700}.share-preview{border:var(--stroke);border-radius:var(--radius-card);-webkit-user-select:none;user-select:none;-webkit-touch-callout:default;background:#fff;flex-direction:column;align-items:center;padding:14px;display:flex;overflow:hidden}.share-preview-primary{background:var(--sa-yellow);box-shadow:4px 4px 0 var(--sa-line);padding:18px 14px}.share-preview-title{letter-spacing:-.2px;text-align:center;color:var(--sa-ink);margin:0 0 12px;font-size:17px;font-weight:900}.share-preview-img{border:2px solid var(--sa-line);width:min(100%,320px);height:auto;box-shadow:var(--shadow-soft);-webkit-user-select:none;user-select:none;-webkit-touch-callout:default;border-radius:0;display:block}.share-preview-loading{aspect-ratio:3/4;border:2px dashed var(--sa-line);background:var(--sa-paper-deep);width:min(100%,320px);color:var(--sa-muted);text-align:center;border-radius:18px;justify-content:center;align-items:center;padding:18px;font-size:13px;font-weight:800;line-height:1.5;display:flex}.share-preview-hint{color:var(--sa-muted);text-align:center;margin-top:10px;font-size:12px;font-weight:700;line-height:1.5}.soft-cta-card{border:2px solid var(--sa-line);background:var(--sa-paper-card);border-radius:24px;margin-top:18px;padding:18px 16px 16px;position:relative;overflow:hidden;box-shadow:5px 5px #1f1f1f1f}.soft-cta-card:before{content:"";border:2px solid var(--sa-line);background:var(--sa-green);opacity:.95;pointer-events:none;border-radius:20px;width:74px;height:74px;position:absolute;inset:10px auto auto 62%;transform:rotate(4deg)}.soft-cta-note{z-index:1;border:2px solid var(--sa-line);background:var(--sa-yellow);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-flex;position:relative;transform:rotate(-3deg);box-shadow:2px 2px #1f1f1f29}.soft-cta-copy{z-index:1;position:relative}.soft-cta-copy h3{letter-spacing:-.8px;max-width:66%;margin:12px 0 10px;font-size:28px;font-weight:950;line-height:1.08}.soft-cta-copy p{color:var(--sa-muted);margin:0 0 14px;font-size:13px;font-weight:700;line-height:1.55}.soft-cta-search{z-index:1;border:2px solid var(--sa-line);background:#fff;border-radius:999px;align-items:center;gap:9px;min-height:46px;padding:0 14px;font-size:15px;font-weight:900;display:flex;position:relative}.soft-cta-search-icon{border:2px solid var(--sa-line);border-radius:999px;flex:none;width:18px;height:18px;position:relative}.soft-cta-search-icon:after{content:"";background:var(--sa-line);border-radius:999px;width:9px;height:2px;position:absolute;bottom:-4px;right:-7px;transform:rotate(45deg)}.soft-cta-brand{z-index:1;text-align:center;color:var(--sa-muted);letter-spacing:.04em;margin-top:12px;font-size:11px;font-weight:700;position:relative}