*{box-sizing:border-box}html,body,#app{color:#382b2b;min-height:100%;margin:0;font-family:Noto Serif SC,serif}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}.page{min-height:100vh;padding:22px 18px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(#fff8f673,#fff0e7cc),url(/page-bg.png) 50%/cover fixed;flex-direction:column;display:flex;overflow-x:hidden}.screen{width:min(100%,430px);margin:auto}.intro{text-align:center;padding:48px 12px 30px}.eyebrow,.question-no,.poster-label{letter-spacing:2px;color:#a66357;font:600 11px/1.2 Arial,sans-serif}.spark{color:#de805e;margin:26px auto 14px;font-size:36px}.overline{color:#8f7069;margin:0 0 10px;font-size:13px}.intro h1{margin:0;font-size:42px;font-weight:600;line-height:1.24}.intro h1 em{color:#e06c52;font-family:DM Serif Display,Noto Serif SC,serif;font-style:italic}.intro-copy{color:#796863;max-width:300px;margin:27px auto 16px;font-size:14px;line-height:1.9}.intro-note{color:#9b8178;justify-content:center;align-items:center;gap:11px;font-size:12px;display:flex}.intro-note i{background:#c79c8e;border-radius:50%;width:3px;height:3px}.primary{color:#fff;background:linear-gradient(110deg,#db6c55,#ed9b72);border-radius:999px;height:54px;padding:0 25px;font-weight:700;box-shadow:0 10px 25px #d4755b45}.primary b{margin-left:6px;font-size:20px}.start{width:100%;margin-top:34px}.quiet{color:#9c8580;margin-top:16px;font-size:12px}.quiz-tip{color:#68433a;background:#fffaf6cc;border:1px solid #e7c9bc;border-radius:999px;margin:18px auto 0;padding:7px 14px;font-size:13px;font-weight:700;display:table}.quiz{padding:18px 4px 24px}.quiz header{color:#8c7169;justify-content:space-between;align-items:center;margin-bottom:13px;font:12px Arial;display:flex}.text-btn{color:#925f54;background:0 0;padding:4px}.progress{background:#ffffff8a;border-radius:20px;height:5px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#de7d62,#f0af7d);height:100%;transition:all .35s;display:block}.question-no{margin-top:44px}.quiz h2{margin:10px 0 28px;font-size:23px;line-height:1.55}.options{gap:12px;display:grid}.option{text-align:left;background:#fffcfbe0;border:1px solid #fff9;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:65px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 5px 16px #9d70640e}.option b{color:#ac6e5d;background:#f5e7e0;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font:700 12px Arial;display:grid}.option span{flex:1;font-size:13px;line-height:1.55}.option i{display:none}.option.selected{background:#fff3ee;border-color:#de765e;transform:scale(1.01)}.option.selected b{color:#fff;background:#df7258}.option.selected i{color:#dd735a;display:block}.result{padding:14px 0 30px}.result-hero{text-align:center;background:#fffaf8c9;border:1px solid #fff;border-radius:28px;padding:28px 20px 20px;box-shadow:0 14px 38px #8a5f551c}.result-title{letter-spacing:1px;color:#a54d3f;text-shadow:0 2px 12px #f2a78a66;margin:8px 0 14px;font:700 25px/1.2 Noto Serif SC,serif}.ring{--p:0deg;background:conic-gradient(#eb785e var(--p),#f3b483 var(--p),#f8e9e0 0);border-radius:50%;place-items:center;width:190px;height:190px;margin:14px auto;transition:all .2s;display:grid;position:relative}.ring:after{content:"";background:#fffaf8;border-radius:50%;position:absolute;inset:11px}.ring>div{z-index:1;align-items:baseline;display:flex}.ring strong{color:#dc705a;font:56px DM Serif Display,serif}.ring small{color:#a56a5d;margin-left:4px}.result-hero h2{margin:2px;font-size:28px}.verdict{color:#6f5b55;max-width:300px;margin:9px auto;font-size:14px;line-height:1.7}.brand{color:#ac9289;margin:16px 0 0;font:11px Arial}.detail-card,.training{background:#fffdfbe8;border:1px solid #fff;border-radius:22px;padding:22px 18px;box-shadow:0 10px 30px #8e635411}.section-gap{margin-top:14px}.detail-card h3,.training h3{margin:0 0 7px;font-size:21px}.detail-card>p:not(.poster-label),.training-intro{color:#917a73;margin:0;font-size:12px;line-height:1.7}.radar-wrap{justify-content:center;margin:9px 0;display:flex}.radar{width:220px;overflow:visible}.radar text{fill:#846b64;font:10px Noto Serif SC}.dimension-row{text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:7px 0;display:flex}.dimension-row span{width:74px;font-size:12px}.dimension-row i{background:#f2e6df;border-radius:9px;flex:1;height:7px;overflow:hidden}.dimension-row i b{border-radius:inherit;background:linear-gradient(90deg,#edaf80,#dd7159);height:100%;display:block}.dimension-row strong{color:#d96d57;font:15px DM Serif Display}.portrait{background:linear-gradient(140deg,#f8d8ccde,#eee0ecde);min-height:300px;position:relative;overflow:hidden}.portrait:after{content:"✦";color:#fff8;font-size:160px;position:absolute;bottom:-55px;right:-12px}.poster-label{margin:0 0 12px}.portrait h3{color:#c55f54;font:italic 38px DM Serif Display,Noto Serif SC}.portrait blockquote{z-index:1;max-width:290px;margin:28px 0;font-size:16px;line-height:2;position:relative}.mini-dots{align-items:end;gap:7px;height:45px;display:flex}.mini-dots span{opacity:.75;background:#dd7663;border-radius:50%}.training{background:linear-gradient(145deg,#fffaf5e8,#f9e8e1ee)}.training h3{font-size:23px}.training-card{background:#fffdfbd9;border:1px solid #f4ddd2;border-radius:17px;gap:12px;margin-top:12px;padding:15px 13px;display:flex}.training-icon{color:#d76d56;background:#f6ded2;border-radius:12px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.training-card small{color:#ba796b;font:11px Arial}.training-card h4{margin:4px 0;font-size:15px}.training-card p{color:#705d57;margin:0;font-size:12px;line-height:1.75}.actions{text-align:center;margin-top:18px}.actions>.primary{width:100%}.actions>div{gap:8px;margin-top:11px;display:flex}.secondary,.plain,.download,.restart{color:#a66357;background:#fffaf8dd;border-radius:999px;flex:1;padding:12px 10px;font-size:12px}.plain{color:#9a8580}.download{background:#fff8f4;border:1px solid #e7a892;width:100%;margin-top:15px}.restart{color:#693f36;background:#fffaf6e8;border:1px solid #bd7867;margin:13px auto 0;padding:10px 19px;font-weight:700;display:block;box-shadow:0 4px 12px #7b4c3420}footer{color:#a99187;text-align:center;max-width:380px;margin:22px auto 0;font:10px/1.5 Arial}.client-back{z-index:3;top:calc(12px + env(safe-area-inset-top));color:#a66759;background:#fffdfbe6;border-radius:50%;width:40px;height:40px;font-size:32px;line-height:32px;position:fixed;left:16px;box-shadow:0 4px 12px #6e4b4130}.has-client-back .screen{margin-top:48px}.toast{z-index:8;bottom:calc(28px + env(safe-area-inset-bottom));white-space:nowrap;color:#fff;background:#443632e8;border-radius:999px;padding:11px 16px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}@media (width>=600px){.page{padding-top:34px}.intro{padding-top:70px}}.attraction{background:linear-gradient(145deg,#fffaf5e8,#f9e8e1ee);border:1px solid #fff;border-radius:22px;padding:22px 18px;box-shadow:0 10px 30px #8e635411}.attraction h3{margin:0 0 17px;font-size:23px;line-height:1.4}.attraction-highlight{background:#fffdfbd9;border:1px solid #f4ddd2;border-radius:17px;gap:12px;padding:16px 13px;display:flex}.attraction-highlight>span{color:#d76d56;background:#f6ded2;border-radius:12px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.attraction-highlight h4{color:#a84e42;margin:1px 0 6px;font-size:18px}.attraction-highlight p,.attraction-note{color:#705d57;margin:0;font-size:12px;line-height:1.8}.meeting-scene{background:linear-gradient(135deg,#f7e3d9bf,#f2e6edcc);border-radius:16px;margin-top:12px;padding:18px 16px 17px;position:relative;overflow:hidden}.meeting-scene:after{content:"✦";color:#fff8;font-size:62px;position:absolute;top:-13px;right:10px}.meeting-scene p{z-index:1;color:#a84e42;letter-spacing:.2px;margin:0 0 9px;font:600 16px/1.5 Noto Serif SC,serif;position:relative}.meeting-scene blockquote{z-index:1;color:#694f48;margin:0;font-size:16px;line-height:1.82;position:relative}.attraction-note{color:#8a6e65;margin:14px 2px 0}.question-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:38px;display:flex}.question-no{margin:0}.quiz-tip{color:#80574d;white-space:nowrap;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:13px;font-weight:600;display:block}.quiz h2{color:#56342f;font-size:25px;line-height:1.52}.option span{color:#663d34;font-size:15px;line-height:1.6}.option b{color:#9a5f51}button,.primary,.download,.share,.restart{justify-content:center;align-items:center;display:inline-flex}.option,.dimension-row{justify-content:flex-start}.actions>.share{background:#fffaf8;border:1px solid #e7c9bc;width:100%;margin-top:11px}.actions>.download{margin-top:11px}.restart{display:inline-flex}.client-nav{width:min(100%,430px);margin:calc(14px + env(safe-area-inset-top)) auto 8px}.client-back{z-index:auto;color:#a66759;background:#fffdfbe6;border-radius:50%;width:48px;height:48px;padding:0;font:36px/1 Arial,sans-serif;position:static;box-shadow:0 4px 12px #6e4b4130}button{-webkit-tap-highlight-color:transparent}.option.selected{transform:none;box-shadow:0 6px 18px #d56e5630}.text-btn:active{opacity:.72;background:0 0}.actions>.share{color:#a65345;background:linear-gradient(110deg,#fff8f5,#fde9e1);border:1px solid #e3a18f;border-radius:999px;height:54px;font-size:14px;font-weight:700;box-shadow:0 8px 20px #d4755b20}