:root{--q-bg:#fffaf5;--q-ink:#393340;--q-muted:#655c6c;--q-line:#d8cddd;--q-mint:#e8f5ee;--q-teal:#22624f;--q-lilac:#eee5fb;--q-purple:#65458b;--q-rose:#fff0ec;--q-shadow:#c9b6ce}
.quiz-page{margin:0;background:var(--q-bg);color:var(--q-ink);font-family:"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
.quiz-page *{box-sizing:border-box}.quiz-page [hidden]{display:none!important}.quiz-page a{color:var(--q-purple);text-underline-offset:4px}.quiz-page button,.quiz-page select{font:inherit}.quiz-page button,.quiz-page summary,.quiz-page a{touch-action:manipulation}.quiz-page :focus-visible{outline:3px solid #823da0;outline-offset:4px}.q-skip{position:absolute;left:12px;top:-100px;z-index:100}.q-skip:focus{top:8px;background:white;padding:12px}.q-header{max-width:1000px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 24px}.q-brand{font-size:1.25rem;font-weight:850;text-decoration:none;letter-spacing:-.05em;display:flex;gap:10px;align-items:center;min-height:48px}.q-brand img{width:42px;height:42px}.q-header>a:last-child{font-size:.9rem;padding:12px}.quiz-page .site-navigation{max-width:936px;margin:0 auto 16px;background:transparent;border:0;box-shadow:none}.quiz-page .site-navigation>.site-nav-grid{display:none}.quiz-page .site-nav-more{margin:0}.quiz-page .site-nav-more summary{min-height:48px}.quiz-page #site-nav-content{height:0}.q-main{max-width:936px;margin:auto;padding:0 24px 60px}.q-hero{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:24px;padding:30px 34px;background:var(--q-mint);border:1px solid #cfdfd5;border-radius:30px;margin-bottom:24px}.q-mbti .q-hero{background:var(--q-lilac);border-color:#d7c6e8}.q-eyebrow{color:var(--q-teal);font-size:.85rem;font-weight:800;letter-spacing:.07em;margin:0 0 8px}.q-mbti .q-eyebrow{color:var(--q-purple)}.q-hero h1{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.25;margin:0 0 14px;letter-spacing:-.055em}.q-hero p{margin:8px 0}.q-hero-art{width:100%;height:auto;max-height:210px}.q-tag{display:inline-block;background:#fff9;padding:3px 10px;border-radius:8px;font-size:.82rem;font-weight:700;margin:6px 4px 0 0}.q-panel{background:white;border:1px solid var(--q-line);border-radius:24px;padding:26px;margin:20px 0;box-shadow:0 4px 0 #f1e8ef}.q-panel h2{font-size:1.4rem;line-height:1.4;margin:0 0 12px;letter-spacing:-.03em}.q-panel h3{font-size:1.1rem;line-height:1.5;margin:12px 0 6px}.q-panel p{margin:8px 0}.q-small{font-size:.9rem;color:var(--q-muted)}.q-note{border-left:3px solid #a389b2;padding:8px 14px;background:#faf6fc;margin:16px 0;font-size:.9rem}.q-btn,.quiz-page .qt-review button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #614178;border-radius:14px;background:var(--q-purple);color:white;text-decoration:none;font-weight:750;cursor:pointer;box-shadow:0 3px 0 #47315c,inset 0 1px 0 #ffffff35;transition:transform .12s,box-shadow .12s;text-align:center;line-height:1.5}.q-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #47315c}.q-btn.secondary,.quiz-page .qt-review button{background:white;color:var(--q-purple);box-shadow:0 2px 0 #e3d7e9;border-color:#92789f}.q-btn:disabled{background:#e7e0e9;color:#655c6c;border-color:#9f8faa;box-shadow:none;cursor:not-allowed}.q-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 6px}.q-age{width:100%;min-height:52px;background:white;border:1px solid #8d7b96;border-radius:12px;padding:10px;margin:8px 0}.q-age-label{font-weight:700}.q-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.q-tile{padding:20px;border:1px solid var(--q-line);border-radius:18px;background:#fdfafd}.q-tile h3{margin-top:0}.q-tile a{display:inline-flex;min-height:48px;align-items:center}.q-question-head{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--q-muted)}.q-progress{display:block;width:100%;height:8px;accent-color:var(--q-purple);margin:12px 0 24px}.q-question{font-size:1.4rem!important;margin:0 0 12px!important}.q-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:13px 16px;border:1px solid #9b8aa3;border-radius:14px;background:white;color:var(--q-ink);text-align:left;cursor:pointer;margin:10px 0;line-height:1.55}.q-choice:hover{background:#fbf6ff}.q-choice[aria-pressed="true"]{background:var(--q-lilac);border:2px solid var(--q-purple);padding:12px 15px;font-weight:750}.q-choice-mark{width:26px;height:26px;border:1px solid #8e7c99;border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-size:.8rem}.q-choice[aria-pressed="true"] .q-choice-mark{background:var(--q-purple);color:white}.q-save-status{min-height:1.7em;color:var(--q-teal)}.q-result-top{display:flex;gap:24px;align-items:center}.q-result-top img{width:150px;height:150px;flex-shrink:0}.q-result-code{font-weight:800;font-size:1rem;letter-spacing:.18em;color:var(--q-purple)}.q-bar{height:12px;background:#ece4f2;border-radius:12px;position:relative;margin:16px 9px 10px}.q-dot{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--q-purple);border:3px solid white;box-shadow:0 0 0 1px var(--q-purple);top:-4px;transform:translateX(-50%)}.q-ends{display:flex;justify-content:space-between;gap:16px;font-size:.82rem;color:var(--q-muted)}.q-counts{font-size:.9rem;color:var(--q-muted)}.q-details{border-top:1px solid var(--q-line);padding:12px 0}.q-details summary{cursor:pointer;font-weight:700;min-height:48px;display:list-item;padding:10px 4px}.q-details p{padding:0 4px}.q-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.q-library button{font:inherit;cursor:pointer;background:#fffaf6;border:1px solid #baa5c9;border-radius:16px;padding:8px;color:var(--q-ink);min-height:48px}.q-library button:hover{background:var(--q-lilac)}.q-library img{width:100%;height:auto;max-height:130px}.q-library strong,.q-library span{display:block}.q-library span{font-size:.85rem}.q-week{padding-left:24px}.q-week li{padding:8px 0}.q-week strong{display:block}.qt-review{margin-top:20px}.qt-review summary{cursor:pointer;font-weight:750;padding:12px 0;min-height:48px}.qt-review ol{padding-left:24px}.qt-review li{border-top:1px solid var(--q-line);padding:12px 0}.qt-review li span{display:block;color:var(--q-muted);margin:8px 0}.q-footer{text-align:center;border-top:1px solid var(--q-line);padding:24px;font-size:.9rem}.q-footer a{display:inline-flex;padding:8px;min-height:48px;align-items:center}.q-resource-links{padding-left:20px}.q-resource-links li{margin:10px 0}.q-scene-list{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.q-scene-list button{border-radius:24px;padding:8px 14px;min-height:48px}.q-edit-banner{padding:10px 16px;background:#fff0dc;border-radius:12px}.q-back-intro{font:inherit;border:0;background:transparent;color:var(--q-purple);min-height:48px;cursor:pointer;text-decoration:underline}.q-article{max-width:760px}.q-article h2{margin-top:26px}.q-article li{margin:12px 0}.q-article .q-hero{grid-template-columns:1fr}.q-article article{font-size:1.05rem}.q-link-input{width:100%;padding:12px;border:1px solid #9b8aa3;border-radius:10px;font:inherit}
@media(max-width:600px){.q-header{padding:10px 16px}.q-main{padding:0 16px 40px}.quiz-page .site-navigation{margin:0 16px 10px;width:calc(100% - 32px)}.q-hero{padding:22px;grid-template-columns:1fr 88px;gap:8px;border-radius:24px}.q-hero-art{width:88px}.q-hero h1{font-size:1.8rem}.q-hero .q-hero-copy{grid-column:1/-1}.q-panel{padding:20px;border-radius:20px}.q-grid{grid-template-columns:1fr}.q-library{grid-template-columns:repeat(2,minmax(0,1fr))}.q-result-top{gap:12px;align-items:flex-start}.q-result-top img{width:94px;height:94px}.q-result-top h2{font-size:1.3rem}.q-actions .q-btn{flex:1 1 140px}.q-hero p{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.quiz-page *{scroll-behavior:auto!important;transition:none!important}.q-btn:active{transform:none}}
@media print{.q-header,.site-navigation,.q-actions,.q-footer,.q-back-intro{display:none}.q-panel{box-shadow:none;break-inside:avoid}}
.is-answering .q-main>section:not(#question-panel){display:none}
.q-export-file{display:inline-flex;min-height:48px;align-items:center;padding:8px 0}