:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#070609;color:#f7f1eb}*{box-sizing:border-box}body{margin:0;background:#070609}button,a{color:inherit;font:inherit}button{border:0}.preview-shell{position:relative;width:100%;min-height:100svh;overflow:hidden;isolation:isolate;background:#09070b}.scene{position:absolute;z-index:-3;inset:0;overflow:hidden}.scene img{width:100%;height:100%;object-fit:cover;object-position:53% center;filter:saturate(.8) contrast(1.08) brightness(.73);transform:scale(1.05);animation:camera 14s ease-in-out infinite alternate}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05040891 0%,transparent 30%,#08060b14 49%,#08060bd9 82%,#08060b 100%),linear-gradient(90deg,#08060b73,transparent 48%,#08060b2e)}.scene-glow{position:absolute;inset:20% -30% -30%;background:radial-gradient(circle at 62% 38%,#cf92ff38,transparent 21%),radial-gradient(circle at 35% 55%,#27bcd936,transparent 25%);mix-blend-mode:screen;animation:glow 6s ease-in-out infinite alternate}.scene-grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}.topbar{display:flex;align-items:center;justify-content:space-between;height:72px;padding:max(12px,env(safe-area-inset-top)) 18px 0}.back{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:#07070a66;font-size:30px;text-decoration:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:8px;letter-spacing:.18em;font-size:13px}.brand span{color:#e6c884;font-size:20px}.live{color:#ff5870;font-size:10px;letter-spacing:.1em}.live i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#ff3657;box-shadow:0 0 12px #ff3657;animation:pulse 1.5s infinite}.status{position:absolute;top:88px;left:20px;display:grid;gap:5px;text-shadow:0 2px 20px #000}.status span{font-size:13px}.status strong{color:#cbb6dd;font-size:9px;letter-spacing:.16em;font-weight:500}.character{min-height:47svh;display:flex;align-items:flex-end;padding:0 22px 28px;animation:breath 4.8s ease-in-out infinite;transform-origin:54% 70%}.focus-ring{position:absolute;top:31%;right:20%;width:76px;height:76px;border:1px solid #d9baff4d;border-radius:50%;box-shadow:0 0 40px #9e70cf21;opacity:.7;animation:scan 3s ease-in-out infinite}.identity{position:relative;padding-left:12px;border-left:1px solid #d3ad6e9c;text-shadow:0 3px 16px #000}.identity small{color:#cbaef2;font-size:9px;letter-spacing:.16em}.identity h1{margin:4px 0 0;font-size:30px;font-weight:450;letter-spacing:.1em}.identity p{margin:2px 0;color:#c5bdb8;font-size:11px}.dialogue{position:relative;margin:0 14px;padding:18px 16px 16px;border:1px solid #ffffff1c;border-radius:22px;background:linear-gradient(145deg,#16121bcc,#09080dcf);box-shadow:0 24px 70px #000a,inset 0 1px #ffffff13;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.speaker{display:flex;align-items:center;justify-content:space-between;color:#e9d5a8;font-size:12px}.speaker i{color:#dc83c7;font-style:normal;font-size:10px}.dialogue>p{min-height:58px;margin:11px 0 15px;font-family:Songti SC,STSong,serif;font-size:17px;line-height:1.7;letter-spacing:.025em}.speak{width:100%;min-height:55px;padding:10px 14px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;border:1px solid #d0ae6d52;border-radius:14px;background:linear-gradient(100deg,#b08a4b24,#9c65bc1c);cursor:pointer}.speak strong{align-self:end;font-size:13px;font-weight:500}.speak small{align-self:start;color:#9f969d;font-size:9px}.sound-bars{grid-row:1/3;display:flex;height:20px;align-items:center;gap:3px}.sound-bars i{display:block;width:2px;height:7px;border-radius:4px;background:#e9c77f}.sound-bars i:nth-child(2){height:14px}.sound-bars i:nth-child(3){height:19px}.sound-bars i:nth-child(4){height:10px}.is-speaking .sound-bars i{animation:sound .5s ease-in-out infinite alternate}.is-speaking .sound-bars i:nth-child(2){animation-delay:-.3s}.is-speaking .sound-bars i:nth-child(3){animation-delay:-.15s}.is-speaking .character{animation:talk 1s ease-in-out infinite alternate}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.choices button{min-height:46px;padding:7px 4px;border:1px solid #ffffff17;border-radius:12px;background:#ffffff08;color:#cfc6cd;font-size:11px;cursor:pointer}.choices span{display:block;margin-bottom:3px;color:#9571b6;font-size:8px}.choices button.selected{color:#160f0a;border-color:transparent;background:linear-gradient(135deg,#efd79e,#bd91e5)}.privacy{display:flex;justify-content:center;gap:18px;padding:14px 0 max(14px,env(safe-area-inset-bottom));color:#817980;font-size:9px;letter-spacing:.08em}.privacy span:before{content:"·";margin-right:7px;color:#b89965}.notice{position:fixed;z-index:5;left:50%;bottom:28px;width:max-content;max-width:calc(100vw - 40px);padding:10px 14px;transform:translate(-50%);border:1px solid #ffffff1b;border-radius:999px;background:#0e0b12e8;box-shadow:0 10px 40px #0009;color:#d6ccd4;font-size:11px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-view]{min-height:calc(100svh - 116px);display:flex;align-items:center;padding:28px 14px 18px}.flow-card{width:100%;max-height:calc(100svh - 132px);overflow:auto;padding:24px 20px;border:1px solid #ffffff1c;border-radius:26px;background:linear-gradient(145deg,#16121be8,#09080de8);box-shadow:0 28px 80px #000c,inset 0 1px #ffffff16;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.flow-card h1{margin:10px 0 14px;font-family:Songti SC,STSong,serif;font-size:clamp(25px,7vw,34px);line-height:1.25;font-weight:500}.eyebrow{margin:0;color:#d7b875;font-size:9px;letter-spacing:.18em}.lead{color:#b8afb6;font-size:13px;line-height:1.7}.primary{width:100%;min-height:54px;margin-top:18px;border:1px solid #f0d28a77;border-radius:15px;background:linear-gradient(135deg,#e5c47c,#9b6ac2);color:#170f12;font-weight:650;cursor:pointer;box-shadow:0 12px 35px #b37fd32d}.primary:disabled{opacity:.45}.privacy-copy{display:block;margin-top:13px;color:#817980;text-align:center;font-size:9px}.sync-orbit{width:124px;height:124px;margin:24px auto 10px;display:grid;place-content:center;text-align:center;border:1px solid #d2b07270;border-radius:50%;box-shadow:0 0 0 12px #ffffff05,0 0 55px #a875c640;animation:scan 3s ease-in-out infinite}.sync-orbit span{font-size:38px;font-weight:300}.sync-orbit small{color:#bfb1bd;font-size:9px;letter-spacing:.12em}.profile-form{display:grid;gap:14px}.profile-form label{display:grid;gap:7px;color:#cfc5cc;font-size:11px}.profile-form input:not([type=range]),.profile-form select{width:100%;min-height:46px;padding:0 13px;border:1px solid #ffffff17;border-radius:12px;outline:none;background:#ffffff08;color:#f5edf2}.profile-form select option{background:#171219}.profile-form output{justify-self:end;margin-top:-21px;color:#e7c77d}input[type=range]{accent-color:#c99edf}.sync-head,.confidence{display:flex;align-items:center;justify-content:space-between;font-size:11px}.sync-head strong,.confidence strong{color:#e8cc89}.progress-track{height:3px;margin:9px 0 11px;overflow:hidden;border-radius:8px;background:#ffffff10}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#8c5eb3,#e9ca83);box-shadow:0 0 16px #d9b07f;transition:width .35s ease}.scene-count{margin:0 0 17px;color:#8e848c;font-size:9px}.trait-feedback{margin-bottom:12px;padding:9px 11px;border:1px solid #bc8de032;border-radius:10px;background:#9a66b219;color:#d4b8e8;font-size:10px}.question-scene{min-height:176px;display:flex;flex-direction:column;justify-content:flex-end;margin:0 -4px 16px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#07060920,#070609d9),url(../images/secret-alliance.png) center/cover;box-shadow:inset 0 0 45px #0007}.calibration-card .question-scene{background-image:linear-gradient(180deg,#08050a20,#08050ae8),url(../images/relationship-conflict.png)}.question-scene small{color:#d7b875;font-size:9px}.question-scene h1{margin:7px 0 0;font-size:21px;text-shadow:0 2px 18px #000}.question-options{display:grid;gap:8px}.question-options button{min-height:50px;display:grid;grid-template-columns:28px 1fr;align-items:center;padding:8px 12px;border:1px solid #ffffff16;border-radius:13px;background:#ffffff08;color:#ddd4da;text-align:left;font-size:12px;cursor:pointer}.question-options button:active{transform:scale(.985);background:#b88bd529}.question-options span{color:#d1b572;font-size:9px}.text-button{display:block;margin:14px auto 0;padding:6px 10px;background:transparent;color:#7f777d;font-size:9px;cursor:pointer}.result-card{text-align:center}.result-avatar{width:86px;height:86px;margin:8px auto;display:grid;place-items:center;border:1px solid #e2c47b66;border-radius:50%;background:radial-gradient(circle,#b98bca,#27202c 65%);box-shadow:0 0 48px #9f71b73d;font-size:34px}.result-kicker{color:#a89ca5;font-size:10px}.result-title{color:#f0d691}.confidence{padding:10px 0 13px;border-bottom:1px solid #ffffff12}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;text-align:left}.metric-grid div{display:grid;grid-template-columns:1fr auto;gap:4px 8px}.metric-grid span{color:#a99fa7;font-size:10px}.metric-grid strong{color:#ead18f;font-size:11px}.metric-grid i{grid-column:1/3;height:3px;overflow:hidden;border-radius:3px;background:#ffffff0d}.metric-grid b{display:block;height:100%;background:linear-gradient(90deg,#79569b,#e0bd73)}.report-lines{display:grid;gap:7px;text-align:left}.report-lines p{display:flex;justify-content:space-between;margin:0;padding:8px 9px;border-radius:9px;background:#ffffff07;color:#d9ced6;font-size:10px}.report-lines span{color:#81777f}.result-summary{color:#bcb1b9;font-family:Songti SC,STSong,serif;font-size:13px;line-height:1.7}.villa-mode [data-view]{display:block;min-height:auto;padding:0}.villa-mode .character{min-height:47svh}.villa-mode .dialogue{display:block}@keyframes camera{to{transform:scale(1.11) translate3d(-1.4%,.5%,0)}}@keyframes glow{to{opacity:.55;transform:translateY(-2%)}}@keyframes pulse{50%{opacity:.35}}@keyframes breath{50%{transform:scale(1.004) translateY(-2px)}}@keyframes talk{to{transform:scale(1.008) translateY(-3px)}}@keyframes scan{50%{opacity:.25;transform:scale(.86)}}@keyframes sound{to{height:4px;opacity:.55}}@media(min-width:700px){.preview-shell{width:min(430px,100%);min-height:900px;margin:auto;box-shadow:0 0 100px #000}.scene img{object-position:55% center}body{background:radial-gradient(circle at 50% 30%,#261c2d,#060507 58%)}}@media(max-height:720px){.flow-card{max-height:calc(100svh - 98px);padding:18px}.topbar{height:62px}.question-scene{min-height:128px}.flow-card h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}