:root{--paper:#f5f1eb;--paper-deep:#ece5dc;--ink:#201f1d;--muted:#77716b;--line:#201f1d3d;--wine:#6f0f1d;--wine-dark:#520914;--sage:#859080;--blush:#d9b6ad;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;--sans:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;--page:min(1440px, calc(100% - 64px))}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--wine);outline-offset:4px}body:before{content:"";pointer-events:none;opacity:.15;z-index:20;mix-blend-mode:multiply;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='.12'/%3E%3C/svg%3E");position:fixed;inset:0}.page-enter{animation:.55s cubic-bezier(.22,1,.36,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.site-header{width:var(--page);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;margin:0 auto;display:flex}.wordmark{letter-spacing:.38em;cursor:pointer;background:0 0;border:0;padding:0;font-family:Georgia,serif;font-size:25px}.header-actions{align-items:center;gap:18px;display:flex}.text-link,.plain-button,.back-button,.analysis-topbar button{cursor:pointer;text-underline-offset:6px;text-decoration:underline;-webkit-text-decoration-color:var(--wine);text-decoration-color:var(--wine);background:0 0;border:0;padding:5px 0}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s;display:grid}.icon-button:hover{background:#6f0f1d14}.welcome{flex-direction:column;min-height:100svh;display:flex}.welcome-grid{width:var(--page);border-bottom:1px solid var(--line);flex:1;grid-template-columns:.94fr 1.06fr;min-height:650px;margin:40px auto;display:grid}.welcome-copy{flex-direction:column;align-items:flex-start;padding:clamp(40px,7vw,105px) 7vw 50px 2.8vw;display:flex}.welcome h1{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(58px,6.8vw,106px);font-weight:400;line-height:1.07}.accent-rule{background:var(--wine);width:64px;height:2px;margin:40px 0}.welcome-copy>p{font-family:var(--serif);margin:0 0 38px;font-size:clamp(20px,1.8vw,27px);line-height:1.65}.primary-button{border:1px solid var(--wine);background:var(--wine);color:#fffaf5;cursor:pointer;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:0 28px;transition:background .2s,transform .2s;display:inline-flex}.primary-button:hover{background:var(--wine-dark);transform:translateY(-1px)}.quiet-meta{color:var(--muted);letter-spacing:.05em;margin-top:20px;font-size:14px}.hero-frame{background-image:url(/assets/mira-hero.jpg.png);background-position:50%;background-size:cover;min-height:650px}.welcome-footer{width:var(--page);min-height:70px;color:var(--muted);font-family:var(--serif);justify-content:space-between;align-items:center;margin:0 auto;font-size:14px;display:flex}.quiz{min-height:100svh;position:relative;overflow:hidden}.quiz-progress-wrap{width:var(--page);margin:44px auto 0}.progress-count{color:var(--muted);align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.progress-count strong{color:var(--wine);letter-spacing:.12em;font-family:Georgia,serif;font-size:22px;font-weight:400}.progress-track{background:var(--line);width:68%;height:1px;position:relative}.progress-track span{background:var(--wine);height:3px;transition:width .4s;position:absolute;inset:-1px auto auto 0}.question-layout{width:var(--page);grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:72px;margin:54px auto 0;display:grid}.question-content{max-width:980px}.question-number,.section-label,.result-index{text-transform:uppercase;letter-spacing:.25em;margin:0 0 24px;font-size:12px;font-weight:600}.question-content h2{max-width:930px;min-height:152px;font-family:var(--serif);letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(38px,4.6vw,68px);font-weight:400;line-height:1.25}.options{border-top:1px solid var(--line)}.option{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:56px 1fr 34px;align-items:center;gap:18px;width:100%;min-height:72px;padding:14px 8px;font-size:17px;transition:color .18s,padding .18s,background .18s;display:grid}.option:hover{background:#ffffff52;padding-left:14px}.option.selected{color:var(--wine);border-bottom:2px solid var(--wine);font-weight:600}.option-letter{border-right:1px solid var(--line);font-family:Georgia,serif;font-size:22px}.option-arrow{opacity:0;transition:all .18s;transform:translate(-8px)}.option:hover .option-arrow,.option.selected .option-arrow{opacity:1;transform:none}.back-button{align-items:center;gap:9px;margin-top:30px;display:inline-flex}.back-button:disabled{opacity:.3;cursor:default}.quiz-art{object-fit:cover;object-position:53% center;filter:saturate(.78)contrast(.92);align-self:end;width:100%;height:610px}.quiz-hint{width:var(--page);border-top:1px solid var(--line);letter-spacing:.22em;color:var(--muted);margin:36px auto 0;padding:20px 0 26px;font-size:11px}.result-page{min-height:100svh}.portrait-hero{width:var(--page);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.35fr) .65fr;align-items:center;gap:72px;margin:42px auto 0;padding:34px 1.3vw 58px;display:grid}.portrait-copy h1{font-family:var(--serif);letter-spacing:-.05em;margin:0 0 8px;font-size:clamp(54px,6vw,90px);font-weight:400;line-height:1.08}.english-name{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-family:Georgia,serif;font-size:13px}.ornament-rule{background:var(--line);max-width:590px;height:1px;margin:28px 0;position:relative}.ornament-rule span{background:var(--paper);color:var(--wine);padding:0 12px;position:absolute;top:50%;left:44%;transform:translate(-50%,-50%)}.portrait-copy h2{max-width:720px;font-family:var(--serif);margin:0 0 22px;font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.5}.portrait-copy>p:last-child{color:#514d48;max-width:660px;font-family:var(--serif);margin:0;font-size:18px;line-height:1.9}.personality-seal{aspect-ratio:.78;border:1px solid var(--wine);width:min(310px,27vw);color:var(--wine);border-radius:50%;flex-direction:column;justify-content:space-around;justify-self:center;align-items:center;padding:50px 16px;display:flex;position:relative}.personality-seal:before,.personality-seal:after{content:"✦";font-size:13px;position:absolute;top:50%}.personality-seal:before{left:-7px}.personality-seal:after{right:-7px}.personality-seal span,.personality-seal small{letter-spacing:.25em;font-size:11px}.personality-seal b{font-family:Georgia,serif;font-size:92px;font-weight:400}.traits-row{width:var(--page);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.trait{text-align:center;border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:12px;min-height:220px;padding:46px 5vw;display:flex}.trait:last-child{border-right:0}.trait-mark{color:var(--wine);font-family:Georgia,serif;font-size:28px}.trait strong{font-family:var(--serif);font-size:23px;font-weight:400}.trait>span:last-child{color:var(--muted);font-family:var(--serif);font-size:14px}.expanded-portrait{width:var(--page);border-bottom:1px solid var(--line);background:#fff3;grid-template-columns:.5fr 1.5fr;margin:0 auto;padding:56px 8vw;display:grid}.expanded-portrait>div{max-width:760px;font-family:var(--serif);font-size:18px;line-height:1.9}.result-actions{width:var(--page);justify-content:center;align-items:center;gap:16px;margin:0 auto;padding:42px 0 54px;display:flex}.outline-button{border:1px solid var(--wine);min-height:52px;color:var(--wine);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;padding:0 24px;transition:background .2s;display:inline-flex}.outline-button:hover{background:#6f0f1d0f}.plain-button{-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);align-items:center;gap:8px;margin-left:12px;display:inline-flex}.result-footer{width:var(--page);border-top:1px solid var(--line);letter-spacing:.35em;justify-content:space-between;align-items:center;min-height:76px;margin:0 auto;font-family:Georgia,serif;display:flex}.result-footer button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#201f1d8a;place-items:center;padding:24px;animation:.2s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.owner-gate,.about-modal{background:var(--paper);width:min(510px,100%);padding:54px;position:relative;box-shadow:0 28px 80px #00000038}.owner-gate h2,.about-modal h2{font-family:var(--serif);margin:18px 0 12px;font-size:36px;font-weight:400}.owner-gate p,.about-modal p{color:var(--muted);line-height:1.75}.owner-gate label{letter-spacing:.15em;margin:26px 0 8px;font-size:12px;display:block}.owner-gate input{border:1px solid var(--line);background:#fff6;width:100%;height:52px;margin-bottom:14px;padding:0 14px}.owner-gate .primary-button{width:100%;margin-top:10px}.form-error{color:var(--wine);margin-bottom:8px;font-size:12px;display:block}.modal-close{cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:18px;right:18px}.about-modal .primary-button{margin-top:18px}.analysis-page{min-height:100svh;padding-bottom:54px}.analysis-topbar{background:var(--ink);height:68px;color:var(--paper);justify-content:space-between;align-items:center;padding:0 4vw;display:flex}.analysis-topbar button{color:inherit;-webkit-text-decoration-color:var(--blush);text-decoration-color:var(--blush);align-items:center;gap:8px;display:flex}.analysis-topbar span{letter-spacing:.12em;align-items:center;gap:8px;font-size:12px;display:flex}.analysis-heading{width:var(--page);border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:28px;margin:0 auto;padding:52px 0 38px;display:flex}.analysis-heading h1{font-family:var(--serif);margin:0 0 10px;font-size:55px;font-weight:400}.analysis-heading p:last-child{color:var(--muted);margin:0}.analysis-grid{width:var(--page);grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.analysis-section{border-bottom:1px solid var(--line);padding:42px 3.2vw 48px}.analysis-section:nth-child(odd){border-right:1px solid var(--line);padding-left:0}.analysis-section:nth-child(2n){padding-right:0}.analysis-section h2{font-family:var(--serif);margin:0 0 8px;font-size:29px;font-weight:400}.panel-note{color:var(--muted);margin:0 0 28px;font-size:12px;line-height:1.6}.dimension-row{margin-bottom:24px}.dimension-labels{font-family:var(--serif);justify-content:space-between;margin-bottom:9px;font-size:14px;display:flex}.dimension-track{background:linear-gradient(90deg, var(--sage), #ddd7cf 50%, var(--blush));height:5px;margin:0 8px;position:relative}.dimension-track i{background:var(--muted);width:1px;height:15px;position:absolute;top:-5px;left:50%}.dimension-track span{border:2px solid var(--paper);background:var(--wine);width:12px;height:12px;box-shadow:0 0 0 1px var(--wine);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dimension-row p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.5}.affinity-row{margin-bottom:19px}.affinity-row>div:first-child{font-family:var(--serif);justify-content:space-between;margin-bottom:7px;font-size:14px;display:flex}.affinity-row strong{color:var(--wine);font-family:Georgia,serif;font-weight:400}.affinity-track{background:#201f1d17;height:3px}.affinity-track span{background:var(--wine);height:100%;display:block}.direction-row{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr 48px;align-items:center;gap:12px;min-height:82px;display:grid}.direction-row>b{color:var(--wine);font-family:Georgia,serif;font-size:24px;font-weight:400}.direction-row strong{font-family:var(--serif);font-size:17px;font-weight:400}.direction-row p{color:var(--muted);margin:6px 0 0;font-size:12px}.direction-row>span{color:var(--muted);font-family:Georgia,serif}.influence-row{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr auto;align-items:center;gap:14px;min-height:95px;display:grid}.influence-row>b{color:var(--wine);font-family:Georgia,serif;font-size:22px;font-weight:400}.influence-row p{font-family:var(--serif);margin:0 0 6px;line-height:1.5}.influence-row span{color:var(--muted);font-size:11px}.influence-row em{color:var(--wine);letter-spacing:.08em;font-size:10px;font-style:normal}.analysis-disclaimer{width:var(--page);color:var(--muted);text-align:right;margin:26px auto 0;font-size:11px}@media (width<=900px){:root{--page:min(100% - 38px, 720px)}.site-header{height:70px}.welcome-grid{grid-template-columns:1fr;margin-top:20px}.welcome-copy{padding:48px 8px 56px}.welcome h1{font-size:clamp(52px,15vw,78px)}.hero-frame{order:2;min-height:72svh}.question-layout{grid-template-columns:minmax(0,1fr);margin-top:38px}.quiz-art{display:none}.progress-track{width:100%}.question-content h2{min-height:0;margin-bottom:34px}.portrait-hero{grid-template-columns:1fr;gap:42px}.personality-seal{justify-self:start;width:240px}.analysis-grid{grid-template-columns:1fr}.analysis-section,.analysis-section:nth-child(odd),.analysis-section:nth-child(2n){border-right:0;padding:34px 0}}@media (width<=620px){:root{--page:calc(100% - 32px)}.wordmark{font-size:20px}.text-link{font-size:12px}.welcome-grid{min-height:auto}.welcome-copy{justify-content:center;min-height:575px}.welcome h1{font-size:52px}.welcome-copy>p{font-size:20px}.hero-frame{background-position:48%;min-height:560px}.welcome-footer{font-size:12px}.quiz-progress-wrap{margin-top:28px}.question-layout{margin-top:34px}.question-number{margin-bottom:16px}.question-content h2{font-size:34px;line-height:1.35}.option{grid-template-columns:38px 1fr;gap:11px;min-height:76px;padding:12px 2px;font-size:15px}.option-arrow{display:none}.option-letter{font-size:18px}.quiz-hint{margin-top:24px}.portrait-hero{margin-top:20px;padding:28px 0 46px}.portrait-copy h1{font-size:52px}.portrait-copy h2{font-size:21px}.portrait-copy>p:last-child{font-size:16px}.personality-seal{justify-self:center;width:210px}.personality-seal b{font-size:68px}.traits-row{grid-template-columns:1fr}.trait{border-right:0;border-bottom:1px solid var(--line);min-height:170px}.trait:last-child{border-bottom:0}.expanded-portrait{grid-template-columns:1fr;padding:40px 20px}.result-actions{flex-direction:column;align-items:stretch}.result-actions .plain-button{justify-content:center;margin:8px 0 0}.owner-gate,.about-modal{padding:44px 26px 32px}.analysis-topbar{padding:0 16px}.analysis-topbar span{font-size:10px}.analysis-heading{flex-direction:column;align-items:stretch;padding:36px 0 28px}.analysis-heading h1{font-size:43px}.analysis-heading .outline-button{width:100%}.influence-row{grid-template-columns:28px 1fr;padding:15px 0}.influence-row em{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}