:root{--bg:#fbf8f3;--white:#fff;--text:#1a1a1a;--text-dim:#4a4a4a;--text-muted:#767676;--accent:#1a1a1a;--border:#e4e0d8;--serif:"Noto Serif SC", serif;--sans:"Outfit", -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--serif);min-height:100vh;line-height:1.7}.lang-bar{z-index:10;align-items:center;gap:.4rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lang-btn{font-family:var(--sans);letter-spacing:.05em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .3rem;font-size:.72rem;font-weight:400;transition:color .2s}.lang-btn:hover,.lang-btn.active{color:var(--text)}.lang-btn.active{font-weight:500}.lang-dot{color:var(--text-muted);font-size:.72rem}.root{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.card{background:var(--white);border:1px solid var(--border);text-align:center;width:100%;max-width:480px;padding:3rem 2.5rem}.divider{background:var(--accent);border:none;width:2.5rem;height:2px;margin:0 auto 1.25rem}.brand{font-family:var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:.6rem;font-weight:400}.title{letter-spacing:.02em;white-space:nowrap;margin-bottom:1rem;font-size:clamp(1.75rem,7.2vw,3rem);font-weight:700;line-height:1.15}.sub{color:var(--text-dim);margin-bottom:.75rem;font-size:1rem;line-height:1.7}.desc{color:var(--text-dim);font-size:.82rem;line-height:1.8;font-family:var(--sans);margin-bottom:2.5rem;font-weight:300}.footnote{color:var(--text-muted);font-size:.68rem;font-family:var(--sans);margin-top:1rem}.btn{background:var(--accent);color:var(--white);font-family:var(--serif);letter-spacing:.05em;border:1px solid var(--accent);cursor:pointer;padding:.9rem 3rem;font-size:.88rem;line-height:1;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.btn:hover{color:var(--accent);background:0 0}.btn-link{color:var(--text-dim);font-size:.82rem;font-family:var(--sans);border-bottom:1px solid #0000;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.btn-link:hover{color:var(--text);border-bottom-color:var(--text)}.quiz-card{max-width:500px}.progress-line{background:var(--border);width:100%;height:1px;margin-bottom:.5rem}.progress-fill{background:var(--accent);width:0%;height:1px;transition:width .4s}.step{font-family:var(--sans);letter-spacing:.1em;color:var(--text-muted);margin-bottom:2rem;font-size:.68rem}.q-text{min-height:3.2rem;margin-bottom:2rem;font-size:1.2rem;font-weight:600;line-height:1.6}.opts{flex-direction:column;gap:.75rem;display:flex}.opt{background:var(--white);border:1px solid var(--border);width:100%;font-family:var(--serif);text-align:left;color:var(--text);cursor:pointer;padding:1rem 1.25rem;font-size:.88rem;line-height:1.4;transition:background .2s,border-color .2s;display:block}.opt:hover,.opt:active{background:#f2eee6;border-color:#b9b3a6}.result-card{text-align:left;max-width:520px}.r-photo{aspect-ratio:1;object-fit:cover;object-position:50% 50%;background:var(--white);border:1px solid var(--border);width:min(100%,300px);margin:0 auto 1.5rem;display:block}.r-mood{color:var(--text-dim);margin-bottom:1.25rem;font-size:.88rem;font-style:italic;line-height:1.8}.r-name{letter-spacing:.08em;white-space:nowrap;margin-bottom:.25rem;font-size:2rem;font-weight:700;overflow:visible}.r-tagline{color:var(--text-dim);font-size:.82rem;font-family:var(--sans);margin-bottom:1.25rem}.r-section{margin-bottom:1rem}.r-label{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.r-body{color:var(--text-dim);font-size:.85rem;line-height:1.7}.r-actions{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.eve-logo,.eve-icon,.eve-logo.result.eve-icon{opacity:.85;width:80px;height:auto;margin:0 auto 1.15rem;display:block}.eve-logo.result{opacity:.7;width:92px;margin:22px auto 16px}.ig-follow{letter-spacing:.02em;color:var(--text);border:1px solid var(--border);background:var(--white);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;max-width:100%;margin-top:1.25rem;padding:.55rem 1rem;font-size:.78rem;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.ig-follow svg{flex:none}.ig-follow span{text-overflow:ellipsis;flex:0 auto;overflow:hidden}.ig-follow:hover,.ig-follow:active{background:#f2eee6;border-color:#b9b3a6}@media (max-width:600px){.root{padding:1rem}.card{padding:2rem 1.5rem}.lang-bar{top:1rem;right:1rem}.r-actions{flex-direction:column;gap:1rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}:root{--text-dim:#262626;--text-muted:#262626;--bg-grad:linear-gradient(150deg, #faf6f1 0%, #eee2cf 28%, #dde8f0 62%, #e4e7e8 74%, #f3e4d5 100%);--glass:#ffffff80;--glass-edge:#fffc;--control:#ffffffb3;--control-edge:#ffffffe6;--control-shadow:0 3px 14px #0000000f}body{background:#ede6dc}body:before{content:"";z-index:-2;background:var(--bg-grad);pointer-events:none;position:fixed;inset:0}.particles{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fffffff2 0%,#ffffff8c 45%,#fff0 72%);border-radius:50%;animation-name:particle-rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-24px}@keyframes particle-rise{0%{opacity:0;transform:translate(0,0)}8%{opacity:var(--p-o,.6)}86%{opacity:var(--p-o,.6)}to{transform:translate3d(var(--p-dx,0px), calc(-100vh - 48px), 0);opacity:0}}.card{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 24px #0000000d,0 16px 48px #0000000f}.title{letter-spacing:0}.footnote{color:var(--text-dim);font-weight:400}.btn,.btn:hover{color:var(--text);border:1px solid var(--control-edge);box-shadow:var(--control-shadow);background:#fff9}.opt,.opt:hover,.opt:active{background:var(--control);border:1px solid var(--control-edge);box-shadow:var(--control-shadow)}.opt.selected{background:var(--text);border-color:var(--text);color:var(--white)}.r-photo{background:var(--control);border:1px solid var(--control-edge)}.ig-follow,.ig-follow:hover,.ig-follow:active{background:var(--control);border:1px solid var(--control-edge);box-shadow:var(--control-shadow)}@keyframes card-in{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.anim-card{animation:.6s cubic-bezier(.22,.61,.36,1) both card-in}.anim-q{animation:.4s ease-out .1s both fade-up}.anim-opt{animation:.3s ease-out both fade-up}@media (prefers-reduced-motion:reduce){.anim-card,.anim-q,.anim-opt,.particle{animation:none!important}.particle{display:none}}
