:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-max:30rem;--page-padding:1.5rem;--bg-deep:#171d36;--bg-card:#282848;--text-main:#fff8ea;--text-soft:#fff8ead1;--text-muted:#fff8ea94;--text-weak:#fff8ea6b;--card:#ffffff14;--card-soft:#fff8ea0e;--card-border:#ffffff24;--card-border-soft:#fff8ea17;--button:#f4d3a3;--button-text:#262238;--moon:#f7ddaa;--tag-border:#f4d3a38c;--tag-bg:#f4d3a324;--selected-border:#f4d3a3bf;--selected-bg:#f4d3a324;--radius-card:20px;--radius-small:12px;--control-height:56px;--chip-height:32px}*{box-sizing:border-box}html,body{min-height:100dvh;margin:0}html{background:var(--bg-deep)}body{background:linear-gradient(180deg, var(--bg-deep) 0%, #282848 100%);color:var(--text-main);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.home-shell{background:radial-gradient(circle at 78% 14%, #f4d3a32e, transparent 24%), radial-gradient(circle at 12% 80%, #8093b824, transparent 18rem), linear-gradient(180deg, var(--bg-deep) 0%, #282848 100%);min-height:100dvh;overflow-x:hidden}.hero{width:min(100%, var(--page-max));padding:max(2.2rem, env(safe-area-inset-top)) var(--page-padding) 30px;flex-direction:column;justify-content:flex-start;margin:0 auto;display:flex;position:relative}.night-sky{pointer-events:none;position:absolute;inset:0}.star{background:#fff8ea52;border-radius:999px;animation:3.4s ease-in-out infinite star-twinkle;position:absolute;box-shadow:0 0 .3rem #fff8ea26}.star:first-child{animation-delay:0s}.star:nth-child(2){animation-duration:3.6s;animation-delay:1.1s}.star:nth-child(3){animation-duration:2.8s;animation-delay:2s}@keyframes star-twinkle{0%,to{opacity:.22}50%{opacity:.5}}.star-one{aspect-ratio:1;width:.22rem;top:7rem;left:3rem}.star-two{aspect-ratio:1;width:.16rem;top:14rem;right:5rem}.star-three{aspect-ratio:1;width:.14rem;top:21rem;left:5rem}.night-sky:after{content:"";pointer-events:none;background:radial-gradient(55% 45% at 65% 25%,#f7ddaa14 0%,#f7ddaa08 35%,#0000 72%);border-radius:999px;width:12rem;height:12rem;position:absolute;top:-2rem;right:0}.hero-content{z-index:1;flex-direction:column;justify-content:center;padding-top:.4rem;display:flex;position:relative}.eyebrow{color:var(--text-muted);letter-spacing:.04em;margin:0 0 16px;font-size:.9rem;line-height:1.4}h1{color:var(--text-main);margin:0;font-size:clamp(3rem,13vw,3.5rem);font-weight:700;line-height:1.06}.subtitle{color:var(--text-soft);margin:20px 0 0;font-size:1.05rem;line-height:1.55}.subtitle-em{color:var(--text-main);font-weight:600}.intro{border:1px solid var(--card-border-soft);border-radius:var(--radius-small);max-width:21.5rem;color:var(--text-soft);background:#fff8ea0b;margin:20px 0 0;padding:.8rem .95rem;font-size:.9rem;line-height:1.7;box-shadow:inset 0 1px #fff8ea0d}.primary-button,.secondary-button{width:100%;min-height:var(--control-height);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 1.4rem;font-size:1rem;font-weight:600;line-height:1;transition:transform .12s,box-shadow .2s;display:inline-flex}.primary-button{background:var(--button);color:var(--button-text);box-shadow:0 .6rem 1.8rem #100e1c52}.secondary-button{border-color:var(--card-border);color:#fff8eac2;box-shadow:none;background:#fff8ea0b}.hero .primary-button{margin-top:24px;animation:2.8s ease-in-out infinite btn-breathe;position:relative;overflow:hidden}.hero .primary-button:after{content:"";pointer-events:none;background:linear-gradient(22deg,#0000 34%,#ffffff2e 43%,#ffffff59 50%,#ffffff2e 57%,#0000 66%);width:140%;height:140%;animation:3s ease-in-out infinite btn-shine;position:absolute;top:-20%;left:-20%;transform:translate(-100%)rotate(0)}.hero .primary-button:hover{transform:translateY(-1px)}@keyframes btn-breathe{0%,to{box-shadow:0 .6rem 1.8rem #100e1c52}50%{box-shadow:0 .6rem 2.8rem #f4d3a324,0 .6rem 1.8rem #100e1c52}}@keyframes btn-shine{0%{transform:translate(-100%)}45%{transform:translate(100%)}to{transform:translate(100%)}}.hero-disclaimer{color:var(--text-muted);text-align:center;margin:12px 0 0;font-size:.75rem;line-height:1.5}.primary-button:active,.secondary-button:active{transform:scale(.985)}.home-section{width:min(100%, var(--page-max));padding:0 var(--page-padding) 28px;margin:0 auto}.home-section-title{color:var(--text-soft);letter-spacing:.04em;align-items:center;gap:.55rem;margin:0 0 16px;font-size:.9375rem;font-weight:600;line-height:1.4;display:flex}.home-section-title:before{content:"";background:#f4d3a33d;border-radius:999px;flex-shrink:0;width:2px;height:14px;display:block}.home-get-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-get-item{border:1px solid var(--card-border-soft);border-radius:var(--radius-small);min-height:42px;color:var(--text-soft);background:#fff8ea09;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.82rem;line-height:1.4;display:flex}.home-get-emoji{flex-shrink:0;font-size:.9rem;line-height:1}.home-chips{flex-wrap:wrap;justify-content:flex-start;gap:12px 14px;display:flex}.home-chip{min-height:var(--chip-height);color:var(--text-muted);background:0 0;border:1px solid #fff8ea12;border-radius:999px;align-items:center;padding:0 .85rem;font-size:.82rem;line-height:1.35;display:inline-flex}.home-chip-accent{color:#f4d3a3d1;background:#f4d3a31a;border-color:#f4d3a361}.placeholder-panel h1{font-size:2.2rem;line-height:1.12}.placeholder-panel .result-description{color:var(--text-soft);margin:.9rem 0 0;line-height:1.8}.result-shell{background:radial-gradient(circle at 78% 12%, #f4d3a326, transparent 22%), radial-gradient(circle at 14% 82%, #8093b81f, transparent 16rem), linear-gradient(180deg, var(--bg-deep) 0%, #282848 100%);min-height:100dvh;overflow-x:hidden}.result-panel{width:min(100%, var(--page-max));padding:max(2.5rem, env(safe-area-inset-top)) var(--page-padding) max(2.5rem, env(safe-area-inset-bottom));margin:0 auto;position:relative}.result-moonlight{pointer-events:none;width:10rem;height:10rem;position:absolute;top:1rem;right:.5rem}.result-moonlight-glow{background:radial-gradient(60% 50% at 70% 30%,#f7ddaa1a 0%,#f7ddaa0a 35%,#0000 72%);border-radius:999px;width:100%;height:100%;position:absolute;top:0;right:0}.result-moonlight-star{aspect-ratio:1;background:#fff8ea47;border-radius:999px;width:.16rem;position:absolute}.result-moonlight-star-1{width:.14rem;top:28%;right:18%}.result-moonlight-star-2{top:46%;right:8%}.result-moonlight-star-3{width:.12rem;top:16%;right:28%}.result-type-name{margin:0;font-size:clamp(2.8rem,12vw,3.6rem);font-weight:700;line-height:1.06}.result-desc{max-width:22rem;color:var(--text-soft);margin:.65rem 0 0;font-size:.95rem;line-height:1.7}.result-keywords{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:.85rem;display:flex}.keyword-tag{min-height:var(--chip-height);color:#e8cc96db;background:#e8cc960d;border:1px solid #e8cc9673;border-radius:999px;align-items:center;padding:0 .7rem;font-size:.8rem;line-height:1.5;display:inline-flex}.result-secondary{color:var(--text-muted);margin:.7rem 0 0;font-size:.84rem;line-height:1.6}.result-divider{border:0;border-top:1px solid #fff8ea12;margin:1.8rem 0 0}.result-section{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;margin-top:1rem;padding:18px 20px}.result-section-title{color:#ffffff8c;letter-spacing:.04em;margin:0 0 12px;font-size:.82rem;font-weight:600;line-height:1.4}.result-section-text{color:#ffffffc7;margin:0;font-size:1rem;line-height:1.8}.result-section-text+.result-section-text{margin-top:.6rem}.result-actions-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.result-action-item{color:#ffffffc7;background:#ffffff09;border-radius:14px;align-items:flex-start;gap:.55rem;padding:10px 14px;font-size:.95rem;line-height:1.55;display:flex}.result-action-item:before{content:"·";color:#f4d3a399;flex-shrink:0;margin-top:-.05rem;font-size:1.2rem;font-weight:700;line-height:1}.result-comfort{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;margin:1rem 0 0;padding:18px 20px}.result-comfort p{color:#ffffffc7;margin:0;font-size:1rem;line-height:1.8}.result-buttons{gap:12px;margin-top:1.8rem;display:grid}.result-retake-button{color:#fff8ea73;cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:40px;font-size:.9rem;font-weight:400;transition:color .2s}.result-retake-button:active{color:#fff8eaa6}.result-toast{color:#fff8eae6;z-index:100;background:#282848f2;border-radius:999px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;animation:.3s toast-in;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);box-shadow:0 .25rem 1rem #100e1c66}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(.5rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.result-preview-overlay{z-index:90;background:#101426eb;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.result-preview-card{flex-direction:column;align-items:center;width:min(100%,24rem);display:flex}.result-preview-hint{color:#fff8eab8;text-align:center;margin:0 0 14px;font-size:.95rem;font-weight:500}.result-preview-image{border-radius:12px;width:100%;display:block;box-shadow:0 .5rem 2rem #100e1c66}.quiz-shell{min-height:100dvh;padding:max(2rem, env(safe-area-inset-top)) var(--page-padding) max(1.5rem, env(safe-area-inset-bottom));background:radial-gradient(circle at 78% 14%, #f4d3a31f, transparent 22%), radial-gradient(circle at 14% 82%, #8093b81f, transparent 16rem), linear-gradient(180deg, var(--bg-deep) 0%, #282848 100%);flex-direction:column;justify-content:safe center;align-items:center;display:flex;overflow-x:hidden}.quiz-panel{width:min(100%, var(--page-max));border:1px solid var(--card-border);border-radius:var(--radius-card);background:#282848e0;flex-direction:column;padding:1rem 1.25rem 1.85rem;display:flex}.quiz-top{gap:.45rem;display:grid}.quiz-step{color:var(--text-muted);margin:0;font-size:.9375rem;font-weight:500;line-height:1.4}.progress-track{background:#fff8ea14;border-radius:999px;height:.4rem;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--button);height:100%;transition:width .25s;display:block;box-shadow:0 0 .5rem #f4d3a34d}.quiz-remaining{color:var(--text-weak);margin:.2rem 0 0;font-size:.84rem;line-height:1.5}.question-block{margin-top:1.4rem}.slot-name{color:var(--text-muted);margin:0 0 .45rem;font-size:.9375rem;line-height:1.4}.question-title{margin:0;font-size:2rem;font-weight:600;line-height:1.22}.option-list{gap:11px;margin-top:1.4rem;display:grid}.option-button{border:1px solid var(--card-border-soft);border-radius:var(--radius-small);width:100%;min-height:58px;color:var(--text-soft);font:inherit;text-align:left;cursor:pointer;background:#fff8ea0a;grid-template-columns:2.4rem 1fr;align-items:center;gap:.6rem;padding:.65rem .9rem;font-size:1.0625rem;line-height:1.4;transition:border-color .15s,background .15s;display:grid}.option-button:active{transform:scale(.99)}.option-button.is-selected{color:var(--text-main);background:#f4d3a31a;border-color:#f4d3a3a6}.option-id{aspect-ratio:1;width:2.25rem;height:2.25rem;color:var(--text-soft);background:#fff8ea14;border-radius:999px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:700;transition:background .15s,color .15s;display:inline-grid}.option-button.is-selected .option-id{color:#262238;background:#f4d3a3}.quiz-hint-wrap{max-height:0;margin-top:0;transition:max-height .25s,margin-top .25s;overflow:hidden}.quiz-hint-wrap.has-hint{max-height:1.6rem;margin-top:.75rem}.selection-hint{color:#f4d3a39e;opacity:0;margin:0;font-size:.8125rem;line-height:1.4;transition:opacity .2s 80ms}.selection-hint.is-visible{opacity:1}.quiz-actions{grid-template-columns:1fr 2fr;gap:12px;margin-top:2.1rem;display:grid}.quiz-actions-single{grid-template-columns:1fr}.quiz-actions-single .primary-button{justify-self:center;width:100%;max-width:24rem}.quiz-actions .primary-button,.quiz-actions .secondary-button{min-height:52px;font-size:.95rem}.primary-button.is-dimmed{opacity:.58;cursor:pointer}.primary-button.is-loading{opacity:.75;cursor:wait}.quiz-loading{color:var(--text-soft);margin:0;line-height:1.8}.loading-shell{background:radial-gradient(circle at 68% 18%, #f4d3a326, transparent 22%), radial-gradient(circle at 12% 80%, #8093b824, transparent 18rem), linear-gradient(180deg, var(--bg-deep) 0%, #282848 100%);place-items:center;min-height:100dvh;padding:1.25rem;display:grid;overflow-x:hidden}.loading-panel{width:min(100%, var(--page-max));border:1px solid var(--card-border);text-align:center;background:#282848e0;border-radius:12px;align-content:center;place-items:center;min-height:min(21rem,100dvh - 2.5rem);padding:1.2rem 1.5rem;display:grid}.loading-orbit{aspect-ratio:1;width:4.75rem;margin-bottom:1rem;position:relative}.loading-moon{opacity:.68;background:#f7ddaa8f;border-radius:999px;animation:3.4s ease-in-out infinite loading-moon-breathe;position:absolute;inset:1.18rem;box-shadow:0 0 1.1rem #f7ddaa3d,0 0 2.5rem #f7ddaa14,inset -.5rem -.18rem #ccad9338}@keyframes loading-moon-breathe{0%,to{box-shadow:0 0 1.1rem #f7ddaa3d,0 0 2.5rem #f7ddaa14,inset -.5rem -.18rem #ccad9338}50%{box-shadow:0 0 1.55rem #f7ddaa52,0 0 3.3rem #f7ddaa1f,inset -.5rem -.18rem #ccad9338}}.loading-ring{border:1px solid #fff8ea1f;border-top-color:#f4d3a375;border-radius:999px;animation:4.8s linear infinite loading-spin;position:absolute;inset:0}.loading-stars{pointer-events:none;position:absolute;inset:-2.5rem}.loading-star{aspect-ratio:1;background:#fff8ea85;border-radius:999px;width:.2rem;animation:3s ease-in-out infinite loading-star-twinkle;position:absolute}.loading-star:first-child{animation-delay:0s;top:15%;left:10%}.loading-star:nth-child(2){animation-delay:.4s;top:25%;right:12%}.loading-star:nth-child(3){animation-delay:.8s;bottom:20%;left:18%}.loading-star:nth-child(4){animation-delay:1.2s;bottom:28%;right:14%}.loading-star:nth-child(5){width:.14rem;animation-delay:1.6s;top:40%;left:5%}@keyframes loading-star-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.3)}}.loading-title{max-width:20rem;margin:0;font-size:clamp(1.75rem,7.4vw,2.25rem);font-weight:600;line-height:1.24}.loading-copy{min-height:1.6rem;color:var(--text-soft);margin:.75rem 0 0;font-size:.95rem;line-height:1.7;transition:opacity .3s}.loading-dots{justify-content:center;gap:.4rem;margin-top:1.1rem;display:flex}.loading-dots span{aspect-ratio:1;background:#f4d3a3cc;border-radius:999px;width:.36rem;animation:1.5s ease-in-out infinite loading-pulse}.loading-dots span:nth-child(2){animation-delay:.12s}.loading-dots span:nth-child(3){animation-delay:.24s}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-.28rem)}}.share-shell{background:radial-gradient(circle at 78% 14%, #f4d3a326, transparent 22%), radial-gradient(circle at 14% 82%, #8093b81f, transparent 16rem), linear-gradient(180deg, var(--bg-deep) 0%, #282848 100%);min-height:100dvh;overflow-x:hidden}.share-panel{width:min(100%,34rem);padding:max(1.5rem, env(safe-area-inset-top)) var(--page-padding) max(2rem, env(safe-area-inset-bottom));margin:0 auto}.share-panel .eyebrow{text-align:center;color:var(--text-muted);margin-bottom:0;font-size:.85rem}.share-card-wrapper{box-shadow:none;background:0 0;border:none;margin-top:16px;padding:0}.share-card{background:linear-gradient(170deg,#1b203cf0 0%,#161a32f5 100%);border:1px solid #ffffff0f;border-radius:28px;width:100%;position:relative;overflow:hidden}.share-card-bg{pointer-events:none;position:absolute;inset:0}.share-card-moon{aspect-ratio:.85;filter:blur(3px);background:radial-gradient(at 60% 40%,#f7e1b21a 0%,#f7ddaa0a 30%,#f7ddaa03 55%,#0000 72%);width:32%;position:absolute;top:-2%;right:-4%}.share-card-star{background:#fff8ea29;border-radius:999px;position:absolute}.share-card-star-1{aspect-ratio:1;width:.12rem;top:14%;left:12%}.share-card-star-2{aspect-ratio:1;width:.08rem;top:20%;left:26%}.share-card-star-3{display:none}.share-card-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:clamp(28px,7%,42px) clamp(24px,6%,36px) clamp(32px,7%,44px);display:flex;position:relative}.share-card-brand{color:#fff8ea8c;letter-spacing:.06em;margin:0;font-size:.72rem;font-weight:500}.share-card-label{color:#fff8ea61;margin:4px 0 0;font-size:.7rem;font-weight:400}.share-card-type-name{color:#f5f0e8;letter-spacing:.01em;margin:clamp(14px,3%,22px) 0 0;font-size:clamp(1.45rem,4.5vw,1.8rem);font-weight:700;line-height:1.1}.share-card-slogan{color:#fff8ea94;max-width:18rem;margin:8px 0 0;font-size:.88rem;font-weight:400;line-height:1.45}.share-card-tags{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;display:flex}.share-card-tag{color:#f4d3a38c;background:#f4d3a30a;border:1px solid #f4d3a32e;border-radius:999px;align-items:center;min-height:24px;padding:0 .6rem;font-size:.7rem;line-height:1.3;display:inline-flex}.share-card-section-label{color:#fff8ea4d;letter-spacing:.04em;margin:clamp(18px,4%,24px) 0 0;font-size:.68rem;font-weight:500}.share-card-comfort-text{color:#fff8eaa3;max-width:21rem;margin:6px 0 0;font-size:.82rem;line-height:1.65}.share-card-qr-area{flex-direction:column;align-items:center;margin-top:clamp(30px,6%,44px);display:flex}.share-card-qr-label{color:#ffffff52;letter-spacing:.02em;margin:0 0 10px;font-size:.72rem;font-weight:400;line-height:1.3}.share-card-qr-box{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:80px;height:80px;padding:6px;display:flex}.share-card-qr-img{width:100%;height:100%;display:block}.share-card-footer-brand{color:#ffffff42;letter-spacing:.03em;margin:10px 0 0;font-size:.68rem;font-weight:400;line-height:1.3}.share-image{width:100%;max-width:30rem;margin:16px auto 0;display:block;box-shadow:0 .5rem 2rem #100e1c59}.share-buttons{margin-inline:auto;justify-items:stretch;gap:12px;width:min(100%,30rem);margin-top:24px;display:grid}.share-buttons .primary-button{border-radius:999px;min-height:56px;font-size:1.05rem;font-weight:600}.share-retake-link{color:#fff8ea66;cursor:pointer;background:0 0;border:none;justify-self:center;margin-top:4px;padding:8px 12px;font-size:.88rem;font-weight:400;transition:color .2s;display:inline-block}.share-retake-link:active{color:#fff8ea99}.share-buttons .secondary-button{border-radius:999px;min-height:48px;font-size:.95rem;font-weight:500}@media (max-width:480px){.share-panel{padding-inline:1rem}.share-card-inner{padding:20px 16px 28px}.share-buttons{gap:14px;margin-top:20px}}@media (min-width:640px){.hero,.home-section{width:min(100%,30rem);padding-inline:2rem}.quiz-panel{padding:2rem 1.5rem}.loading-panel{min-height:min(25rem,100dvh - 2.5rem);padding:1.2rem 1.5rem}}