:root{--ink:#101522;--night:#161d2d;--panel:rgba(30,38,58,.58);--line:rgba(225,222,255,.14);--muted:#a8afc5;--mist:#e7e1ff;--violet:#9c8cff;--lilac:#d6b6ff;--pink:#eea6d4}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--ink);color:#f8f6ff;font-family:"Noto Sans SC","PingFang SC",system-ui,sans-serif;overflow-x:hidden}.app-shell{max-width:760px;margin:auto;min-height:100vh;position:relative}.aurora{position:fixed;pointer-events:none;border-radius:50%;filter:blur(10px);opacity:.3;z-index:-2}.aurora-a{width:65vw;height:65vw;background:#5750b8;top:-20vw;left:-30vw}.aurora-b{width:55vw;height:60vw;background:#8a417f;right:-35vw;top:48vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:4;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.page{padding:28px 24px 48px;animation:fade .45s both}.home-page{padding-top:max(36px,env(safe-area-inset-top))}.eyebrow,.issue,.section-no,.question-tag{font-size:10px;letter-spacing:.14em;color:var(--lilac);text-transform:uppercase}.eyebrow{border:1px solid rgba(214,182,255,.26);padding:8px 11px;border-radius:99px;letter-spacing:.06em}.issue{margin:44px 0 13px;color:#a69ec9}.hero h1,.result-hero h1,.home-detail h2,.section-heading h2,.intimate-card h2{font-family:"Noto Serif SC",serif;font-weight:500;letter-spacing:.02em}.hero h1{font-size:clamp(49px,14vw,76px);line-height:1.12;margin:0}.hero h1 em{font-style:normal;background:linear-gradient(105deg,#d3d0ff,#c587ea 65%,#eda8d1);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-family:"Noto Serif SC",serif;font-size:18px;margin:18px 0}.intro{font-size:14px;line-height:2;color:var(--muted);margin:0 0 31px}.primary-btn,.secondary-btn{border:0;font:600 16px "Noto Sans SC",sans-serif;min-height:54px;border-radius:16px;cursor:pointer}.primary-btn{color:#171326;background:linear-gradient(100deg,#d8d4ff,#cba9ff 60%,#ecadd4);width:100%;box-shadow:0 12px 38px rgba(171,128,246,.2);transition:transform .2s}.primary-btn:active{transform:scale(.985)}.primary-btn span{font-size:22px;line-height:0;float:right;margin-right:2px}.text-btn{display:block;margin:18px auto 0;background:none;border:0;color:#cfc8ec;font:14px "Noto Sans SC";padding:12px;cursor:pointer}.privacy-strip{display:flex;gap:10px;justify-content:center;align-items:center;color:#8c95ad;font-size:11px;margin:47px -4px 74px}.privacy-strip i{height:3px;width:3px;background:#766e9e;border-radius:50%}.home-detail{scroll-margin-top:12px}.section-no{margin:0 0 13px}.home-detail h2{font-size:28px;line-height:1.45;margin:0 0 28px}.dimension-list{border-top:1px solid var(--line)}.dimension-list>div{display:grid;grid-template-columns:28px 1fr;gap:0 10px;padding:17px 0;border-bottom:1px solid var(--line)}.dimension-list b{font:11px "Noto Serif SC";color:var(--violet)}.dimension-list span{font-size:15px}.dimension-list small{grid-column:2;color:var(--muted);font-size:11px;margin-top:3px}.note-card{margin-top:31px;padding:21px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,rgba(144,129,219,.13),rgba(255,255,255,.025));backdrop-filter:blur(10px)}.note-card span{font-size:12px;color:var(--lilac)}.note-card p{color:#c6c7d1;font-size:13px;line-height:1.85;margin:10px 0 0}.disclaimer{font-size:11px;line-height:1.7;color:#798198;text-align:center;margin:48px 12px 0}.quiz-page{min-height:100vh;display:flex;flex-direction:column;padding-top:max(23px,env(safe-area-inset-top))}.quiz-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;color:#b9b5d5}.quiz-header span:last-child{text-align:right;color:var(--lilac)}.back-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;font-size:19px;cursor:pointer}.back-btn:disabled{opacity:.2}.progress{height:3px;background:rgba(255,255,255,.08);border-radius:5px;margin:21px 0}.progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#a495ff,#edafd3);transition:width .42s}.question-wrap{margin:auto 0}.question-tag{color:#9c95bf;margin-bottom:18px}.question-wrap h2{font:500 25px/1.65 "Noto Serif SC";margin:0 0 36px;letter-spacing:.015em}.answer-list{display:flex;flex-direction:column;gap:10px}.answer-btn{min-height:54px;width:100%;border:1px solid var(--line);border-radius:13px;background:var(--panel);backdrop-filter:blur(9px);color:#e8e7f1;text-align:left;padding:0 16px;font:14px "Noto Sans SC";display:flex;align-items:center;transition:border-color .18s,background .18s,transform .18s;cursor:pointer}.answer-btn span{font:11px "Noto Serif SC";color:#9e97bf;width:34px}.answer-btn i{margin-left:auto;width:14px;height:14px;border:1px solid #777e98;border-radius:50%}.answer-btn.selected{border-color:#c5a8f2;background:rgba(157,131,219,.22);transform:translateX(3px)}.answer-btn.selected i{border:4px solid #d7b2ef}.quiz-note{text-align:center;color:#838ba3;font-size:11px;margin:36px 0 0}.result-page{padding-top:max(30px,env(safe-area-inset-top))}.result-hero{text-align:center;padding:5px 7px 36px}.result-hero .issue{margin:0 0 34px}.result-caption{color:#bdc0d2;font-size:13px;margin:0}.index-number{font:500 102px/.95 "Noto Serif SC";letter-spacing:-.08em;margin:11px 0;color:#fbf7ff;text-shadow:0 0 35px rgba(210,176,255,.23)}.index-number span{font-size:32px;letter-spacing:0;margin-left:7px;color:#d7c0ff}.level-pill{display:inline-block;margin:14px 0 20px;padding:7px 12px;border-radius:999px;background:rgba(172,136,230,.13);border:1px solid rgba(212,181,255,.27);font-size:12px;color:#dec8ff}.result-hero h1{font-size:31px;margin:0 0 15px}.type-line{margin:0 auto;color:#c6c5d4;font:15px/1.8 "Noto Serif SC";max-width:350px}.result-disclaimer{font-size:10px;color:#777f96;margin:24px 0 0}.report-section{margin:41px 0}.section-heading p,.intimate-card>p{font-size:10px;letter-spacing:.12em;color:#a69fc6;margin:0 0 10px}.section-heading h2{margin:0;font-size:25px}.radar-card{margin:26px auto 16px;max-width:340px;background:radial-gradient(circle at center,rgba(141,116,204,.14),transparent 65%)}svg{display:block;width:100%;overflow:visible}.radar-grid polygon{fill:rgba(159,140,218,.025);stroke:rgba(212,205,248,.17);stroke-width:1}.radar-grid line{stroke:rgba(212,205,248,.14);stroke-width:1}.radar-shape{fill:rgba(201,158,240,.28);stroke:#d7b7f3;stroke-width:2;filter:drop-shadow(0 0 8px rgba(208,174,245,.35));animation:radar .9s ease both;transform-origin:150px 150px}.radar-label{font:10px "Noto Sans SC";fill:#c4c6dc;text-anchor:middle;dominant-baseline:middle}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-grid>div{padding:12px;border-top:1px solid var(--line);position:relative}.score-grid>div:last-child{grid-column:1/-1}.score-grid span{font-size:12px;color:#c1c2d0}.score-grid b{float:right;font:18px "Noto Serif SC";color:#e4cffc}.score-grid i{display:block;height:2px;background:#343b51;margin-top:11px}.score-grid em{display:block;height:100%;background:linear-gradient(90deg,#9589eb,#e5abd4)}.insight-list{margin-top:19px;border-top:1px solid var(--line)}.insight-list article{display:grid;grid-template-columns:35px 1fr;border-bottom:1px solid var(--line);padding:18px 0}.insight-list b{font:11px "Noto Serif SC";color:#a892db}.insight-list p{font-size:14px;line-height:1.85;margin:0;color:#d4d2dd}.intimate-card{padding:28px 22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,rgba(150,122,215,.17),rgba(239,166,207,.07));box-shadow:0 16px 46px rgba(0,0,0,.12)}.intimate-card h2{font-size:25px;margin:0}.intimate-card blockquote{font:18px/1.8 "Noto Serif SC";margin:21px 0;color:#eee8fa}.intimate-card span{font-size:12px;line-height:1.7;color:#aeb0c2}.result-actions{display:grid;gap:10px;margin-top:36px}.secondary-btn{background:rgba(255,255,255,.03);border:1px solid var(--line);color:#d7d5e4}.page-swap{animation:fade .35s both}.question-enter{animation:question .38s both}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes question{from{opacity:0;transform:translateX(13px)}to{opacity:1;transform:none}}@keyframes radar{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@media(min-width:700px){body{background:radial-gradient(circle at 50% 30%,#202944 0,#101522 55%)}.app-shell{background:rgba(15,20,33,.38);box-shadow:0 0 70px rgba(0,0,0,.25)}.page{padding-left:58px;padding-right:58px}.home-page{padding-top:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
:root{} .access-page{min-height:100vh;padding:max(104px,18vh) 28px 42px;text-align:center;color:#fff}.access-mark{width:58px;height:58px;margin:0 auto 27px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(229,215,255,.5);background:linear-gradient(145deg,rgba(202,179,255,.21),rgba(255,255,255,.04));box-shadow:0 0 40px rgba(186,145,246,.2);font-size:25px;color:#ecd0ff}.access-page h1{margin:15px 0 13px;font:500 34px/1.27 "Noto Serif SC";letter-spacing:.02em}.access-page h1 em{font-style:normal;background:linear-gradient(100deg,#dfdcff,#e9abd3);-webkit-background-clip:text;background-clip:text;color:transparent}.access-page>p:not(.eyebrow){font-size:14px;color:#b7bdd1;margin:0}.access-page form{margin:30px 0 14px;padding:20px 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.access-input{width:100%;height:58px;border:1px solid rgba(228,220,255,.3);border-radius:15px;background:rgba(255,255,255,.07);color:#fff;text-align:center;letter-spacing:.35em;font:600 19px "Noto Serif SC";outline:none}.access-input::placeholder{font:14px "Noto Sans SC";letter-spacing:0;color:#929bb3}.access-input:focus{border-color:#d4b9fa;background:rgba(198,175,241,.12)}.access-page form .primary-btn{margin-top:13px}.access-error{min-height:20px;margin:7px 0 -1px;text-align:left;color:#ffc4df;font-size:12px}.access-page small{font-size:11px;color:#858da5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}