:root{color:#292a28;background:#f7f5ef;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;line-height:1.6;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f5ef}button{font:inherit}.page-shell{width:min(100%,680px);min-height:100vh;margin:0 auto;padding:28px 22px 34px}.home-page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.home-card{width:100%;max-width:560px}.eyebrow,.question-kicker,.section-label{margin:0;color:#72736e;font-size:12px;font-weight:700;letter-spacing:.16em}.home-page h1,.matching-page h1{max-width:560px;margin:20px auto 14px;color:#20211f;font-size:clamp(36px,10vw,58px);font-weight:750;letter-spacing:-.06em;line-height:1.14}.home-subtitle{margin:0;color:#4c4d48;font-size:17px}.home-disclaimer{margin:28px 0 32px;color:#555650;font-size:15px;white-space:pre-line}.primary-button,.secondary-button{min-height:48px;padding:11px 22px;border-radius:14px;cursor:pointer;font-weight:700;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.primary-button{border:1px solid #20211f;color:#fff;background:#20211f}.primary-button:hover{background:#454640}.secondary-button{border:1px solid #d1d0c9;color:#343531;background:transparent}.secondary-button:hover{border-color:#91918a;background:#efede6}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.start-button{min-width:164px}.home-note{margin:24px auto 0;color:#898a83;font-size:12px;line-height:1.7;white-space:pre-line}.name-strip{max-width:500px;margin:auto 0 0;color:#a8a89f;font-size:12px;letter-spacing:.04em}.dorm-decor{display:flex;gap:12px;color:#aaa99f;font-size:21px;opacity:.7}.home-decor{margin-bottom:18px}.quiz-page{padding-top:36px}.progress-block{margin-bottom:52px}.progress-labels{display:flex;justify-content:space-between;align-items:center;color:#656660;font-size:13px;font-weight:700}.progress-track{width:100%;height:4px;margin-top:12px;overflow:hidden;border-radius:99px;background:#e3e1d9}.progress-value{height:100%;border-radius:inherit;background:#5e6c5a;transition:width .25s ease}.question-card{padding-bottom:28px}.question-kicker{margin-bottom:15px;color:#9a9a92}.question-card h1{margin:0 0 30px;color:#242522;font-size:clamp(24px,6.2vw,30px);font-weight:720;letter-spacing:-.03em;line-height:1.45;white-space:pre-line}.question-note{margin:-16px 0 27px;color:#85867f;font-size:14px;font-weight:400;line-height:1.7}.option-list{display:grid;gap:11px}.quiz-option{display:grid;grid-template-columns:30px 1fr 22px;gap:10px;align-items:center;width:100%;padding:15px 16px;border:1px solid #deddd5;border-radius:14px;color:#3f403b;background:#ffffff7a;text-align:left;cursor:pointer;font-size:16px;line-height:1.55;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.quiz-option:hover:not(:disabled){border-color:#9fa69a;background:#fffefa}.quiz-option.is-selected{border-color:#5e6c5a;background:#edf1ea}.quiz-option:disabled{cursor:default}.option-letter{color:#9b9b93;font-size:13px;font-weight:800}.selected-mark{color:#50634e;font-size:19px;font-weight:800;text-align:right}.previous-button{margin-top:6px;padding:8px 0;border:0;color:#74756e;background:transparent;cursor:pointer;font-size:14px}.previous-button:hover:not(:disabled){color:#292a28}.matching-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center}.matching-orbit{margin-bottom:14px;color:#7a8b75;font-size:48px;line-height:1}.matching-page h1{margin:18px auto 22px;font-size:clamp(27px,7vw,42px)}.matching-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;max-width:340px;color:#85867f;font-size:14px}.matching-words span{padding:4px 8px;border:1px solid #e1dfd6;border-radius:99px}.matching-complete{min-height:26px;margin:30px 0 0;color:#5e6c5a;font-size:14px;opacity:0;transition:opacity .25s ease}.matching-complete.is-visible{opacity:1}.result-page{padding-top:46px}.result-hero{padding-bottom:34px;border-bottom:1px solid #e2e0d8}.result-intro{margin:34px 0 0;color:#666760;font-size:16px}.result-hero h1{margin:4px 0 14px;color:#20211f;font-size:clamp(44px,13vw,76px);font-weight:780;letter-spacing:-.08em;line-height:1.1}.result-system{max-width:580px;margin:0;color:#5e6c5a;font-size:16px;font-weight:700}.result-section{padding:31px 0 4px}.result-section h2,.secondary-card h2{margin:0 0 15px;color:#2d2e2a;font-size:20px;letter-spacing:-.03em}.result-section p{margin:0 0 15px;color:#555650;font-size:15px;line-height:1.9}.traits-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}.traits-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;color:#555650;font-size:15px;line-height:1.75}.traits-list li span{color:#9b9b93;font-size:12px;font-weight:800;letter-spacing:.04em}.secondary-card{margin-top:30px;padding:22px;border:1px solid #deddd5;border-radius:16px;background:#ffffff73}.secondary-card h2{margin-top:6px;font-size:27px}.secondary-card p:last-child{margin:0;color:#5b5c56;font-size:15px;line-height:1.85}.summary-card{margin:26px 0 0;padding:20px 22px;border-left:3px solid #8d9b87;color:#41433d;background:#edf1ea;font-size:16px;font-weight:650;line-height:1.8}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}.section-label{letter-spacing:.1em}.toast{position:fixed;right:22px;bottom:24px;left:22px;width:fit-content;max-width:calc(100% - 44px);margin:auto;padding:10px 16px;border-radius:99px;color:#fff;background:#30332e;box-shadow:0 8px 24px #1f221d24;font-size:14px;text-align:center}button:focus-visible{outline:3px solid #91a58d;outline-offset:3px}button:disabled{opacity:.72}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:700px){.page-shell{padding-right:30px;padding-left:30px}.home-page{padding-top:50px;padding-bottom:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}