._shell_nwnpo_1{padding:35px 6% 70px;max-width:1050px;margin:auto}._heading_nwnpo_6{padding:25px 0 30px;margin-bottom:30px;border-bottom:1px solid #e9e7ef}._heading_nwnpo_6 h1{font-size:40px;line-height:1.3;margin:14px 0}._heading_nwnpo_6>p:last-child{color:#777586;line-height:1.9;font-size:14px}._eyebrow_nwnpo_21{font-size:10px;letter-spacing:1.8px;color:#5340d9;font-weight:650}._returnLink_nwnpo_27{background:none;color:#777586;padding:8px 0;font-size:12px}._activity_nwnpo_33{max-width:780px;margin:auto}._panel_nwnpo_37,._introPanel_nwnpo_38,._playPanel_nwnpo_39,._resultPanel_nwnpo_40,._interludePanel_nwnpo_41{background:#fff;border:1px solid #e9e7ef;border-radius:12px;padding:35px;color:#252338}._introPanel_nwnpo_38,._resultPanel_nwnpo_40,._interludePanel_nwnpo_41{text-align:center}._introPanel_nwnpo_38>p{color:#777586;line-height:1.9;font-size:14px}._primary_nwnpo_58{background:#5340d9;color:#fff;border-radius:7px;padding:14px 24px;min-height:44px;font-size:13px;font-weight:600;margin-top:22px}._primary_nwnpo_58:hover{background:#4533c0}._primary_nwnpo_58:disabled{opacity:.4}._resultLabel_nwnpo_74{font-size:11px;letter-spacing:1px;color:#928aab}._score_nwnpo_79{font-size:64px;font-weight:650;line-height:1.2;color:#5340d9;margin:20px 0}._score_nwnpo_79 small{font-size:17px;font-weight:500;letter-spacing:0}._resultActions_nwnpo_91{display:flex;justify-content:center;gap:12px;margin-top:20px}._status_nwnpo_97{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#777586;margin-bottom:22px}._accentLabel_nwnpo_107{color:#5340d9}._directionButton_nwnpo_110{background:#f0edff;color:#5340d9;border:1px solid #ded7f5;border-radius:7px;min-height:44px}._muted_nwnpo_117{font-size:12px;color:#777586;line-height:1.9;margin:17px 0}._passage_nwnpo_123{max-height:260px;overflow:auto;font-size:19px;line-height:2;padding:20px;border:1px solid #e9e7ef;border-radius:8px;background:#fcfbfe;word-break:keep-all;color:#aaa4b5;white-space:pre-wrap}._correct_nwnpo_136{color:#252338}._wrong_nwnpo_139{color:#b33737;background:#fff0f0}._caret_nwnpo_143{background:#eee8ff;color:#5340d9}._inputLabel_nwnpo_147{display:block;font-size:12px;color:#777586;margin:22px 0 10px}._typingInput_nwnpo_153{display:block;width:100%;resize:vertical;border:1px solid #ded7ee;border-radius:8px;padding:15px;background:#fff;font:inherit;color:#252338;line-height:1.8}._metrics_nwnpo_165{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0}._metrics_nwnpo_165>div{background:#f8f7fc;border:1px solid #e9e7ef;border-radius:8px;padding:18px 8px}._metrics_nwnpo_165 b,._metrics_nwnpo_165 span{display:block}._metrics_nwnpo_165 b{font-size:20px}._metrics_nwnpo_165 span{font-size:11px;color:#777586;margin-top:9px}._shell_nwnpo_1 button:focus-visible,._shell_nwnpo_1 textarea:focus-visible{outline:3px solid #a69aef;outline-offset:5px}@media(max-width:600px){._heading_nwnpo_6 h1{font-size:31px}._panel_nwnpo_37,._introPanel_nwnpo_38,._playPanel_nwnpo_39,._resultPanel_nwnpo_40,._interludePanel_nwnpo_41{padding:26px 20px}._score_nwnpo_79{font-size:50px}._passage_nwnpo_123{padding:15px;font-size:17px}._metrics_nwnpo_165{grid-template-columns:1fr}._metrics_nwnpo_165>div{padding:15px}._shell_nwnpo_1{padding:25px 6% 55px}}@media(prefers-reduced-motion:reduce){._shell_nwnpo_1 *{transition:none;animation:none}}._padGrid_nwnpo_229{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:150px;margin:20px auto}._boardSvg_nwnpo_236{width:100%;border-radius:10px;background:#f0fdfa;display:block}._introPanel_nwnpo_38 p,._resultPanel_nwnpo_40 p,._interludePanel_nwnpo_41 p{line-height:1.9;margin:15px 0}._resultPanel_nwnpo_40 ._score_nwnpo_79,._interludePanel_nwnpo_41 ._score_nwnpo_79{line-height:1.2}@media(min-width:640px){._padGrid_nwnpo_229{display:none}}._board_8mcss_1{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;outline-offset:5px}._board_8mcss_1:active{cursor:grabbing}._board_8mcss_1:focus-visible{outline:3px solid #a69aef}._padButton_8mcss_13{touch-action:none;min-height:44px;min-width:44px}._help_8mcss_18{margin-top:16px;text-align:center;font-size:11px;line-height:1.8;color:#777586}._board_8mcss_1{max-width:448px;margin:auto;width:100%}:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;color:#252338;background:#fff;font-synthesis:none;--purple: #5340d9;--ink: #252338;--muted: #777586;--line: #e9e7ef;--soft: #f7f6fc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a69aef}button{transition:background .16s,transform .16s;border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.05em}button:hover:not(:disabled){filter:brightness(.97)}header{height:86px;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line);padding:0 max(5%,calc((100vw - 1200px)/2));background:#fff}header nav{display:flex;gap:26px;flex:1}nav button{background:none;color:#6e6b7a;font-size:14px;padding:8px 0}.brand{font-size:24px;display:flex;align-items:center;gap:7px;letter-spacing:-1.2px;font-weight:800;background:none;color:var(--ink);white-space:nowrap}.brand>span:last-child{color:var(--purple);margin-left:-5px}.logo{font-size:35px;color:var(--purple);line-height:1}.header-cta{background:#f0edff;color:var(--purple);font-size:13px;padding:13px 19px;border-radius:7px;font-weight:700;white-space:nowrap}.header-cta span{padding-left:15px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:var(--purple)}.hero{background:linear-gradient(#f8f9fb,#fafafd 70%,#fff);padding:66px 24px 55px;text-align:center;position:relative;overflow:hidden}.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;background:#eeebfb;border-radius:30px;padding:10px 15px;font-size:10px;letter-spacing:1.5px}.eyebrow>span{width:5px;height:5px;background:var(--purple);border-radius:50%}.hero h1{font-size:58px;line-height:1.28;font-weight:780;margin:25px 0 19px}.hero h1 em{font-style:normal;color:var(--purple)}.hero>p{font-size:17px;line-height:1.85;color:#777585;letter-spacing:-.35px}.primary{background:var(--purple);color:#fff;border-radius:7px;padding:17px 26px;font-weight:650;font-size:14px;box-shadow:0 5px 12px #5340d91a}.primary span{padding-left:20px}.hero-button{margin-top:12px;min-width:235px}.hero-facts{display:flex;justify-content:center;gap:24px;color:#8b8899;font-size:12px;margin:20px 0 38px}.hero-puzzle{position:relative;margin:auto;width:320px;padding:18px 28px 23px;border:1px solid #e8e5f1;border-radius:13px;background:#fff;box-shadow:0 18px 55px #3f2b8110;transform:rotate(-2deg)}.puzzle-caption{text-align:left;font-size:8px;color:#9a94b4;letter-spacing:1.6px;margin-bottom:12px}.puzzle-caption span{display:block;font-size:10px;letter-spacing:0;color:#6b647f;margin-top:5px}.matrix{display:grid;grid-template-columns:repeat(3,1fr);width:240px;max-width:100%;margin:25px auto;gap:8px}.matrix-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:5px;border:1px solid #e5e0f1;color:#625181;background:#fdfcfe}.symbol{width:100%;height:100%;max-width:110px;max-height:110px;color:inherit;fill:currentColor}.unknown{color:var(--purple);background:#f0ecff;font-size:35px;font-weight:500;border-style:dashed}.hero-puzzle .matrix{margin:0;width:215px;gap:6px}.floating-note{position:absolute;right:-124px;bottom:43px;display:flex;gap:12px;text-align:left;align-items:center;transform:rotate(2deg);font-size:11px;color:#837991}.floating-note i{font-size:35px;color:#b1a1e6;font-style:normal}.floating-note span{line-height:1.8}.floating-note b{font-weight:500;color:#665681}.how{max-width:1100px;margin:auto;padding:85px 25px}.section-heading{text-align:center}.section-heading h2{font-size:34px;line-height:1.4;margin:16px 0}.section-heading p{font-size:14px;color:var(--muted);line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin:50px 0}.step-number{font-size:13px;display:inline-flex;border-radius:50%;width:36px;height:36px;align-items:center;justify-content:center;color:var(--purple);background:#f0edff;margin-bottom:18px}.steps h3{font-size:19px;margin-bottom:12px}.steps p{font-size:13px;color:var(--muted);line-height:1.85}.types{display:flex;justify-content:center;gap:45px;border-top:1px solid var(--line);padding-top:33px;font-size:12px;color:#80788e}.types i{font-style:normal;display:block;text-align:center;font-size:23px;color:#8e7bbb;margin-bottom:9px}.faq{max-width:750px;margin:auto;padding:20px 24px 90px}.faq .section-heading{margin-bottom:35px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 0;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary>span:last-child{color:#8d87a4}.faq details p{color:var(--muted);font-size:13px;line-height:1.9;padding-right:30px}.bottom-cta{text-align:center;background:#f5f3fc;padding:55px 20px}.bottom-cta h2{font-size:27px;margin-bottom:12px}.bottom-cta p{font-size:14px;color:var(--muted);margin-bottom:25px}footer{max-width:1200px;margin:auto;padding:35px 25px;display:flex;align-items:center;gap:30px}footer .brand{font-size:20px}footer .logo{font-size:28px}footer p{color:#8f8a9d;font-size:12px;margin:0;flex:1}footer>span,footer>button{color:#aaa5b6;font-size:11px}footer button{background:none}.quiz-page{background:#f8f8fb;padding:38px max(25px,calc((100vw - 1140px)/2)) 25px;min-height:calc(100vh - 180px)}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.quiz-top h1{font-size:25px;margin:9px 0 0}.timer{background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:23px;padding:14px 22px}.timer span{font-size:11px;color:#858093}.timer b{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--purple)}.timer.urgent b{color:#bb4f54}.quiz-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:23px}.question-nav{border:1px solid var(--line);border-radius:10px;background:#fff;padding:23px 20px;align-self:start}.nav-heading{display:flex;justify-content:space-between;font-size:12px}.nav-heading span{color:var(--purple)}.progress{height:3px;background:#eeeaf8;border-radius:3px;margin:17px 0 22px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--purple)}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.number-grid button{border:1px solid #ece9f3;background:#fff;color:#8d869b;border-radius:5px;aspect-ratio:1;font-size:11px}.number-grid button.answered{background:#ede9fb;color:#6652b8;border-color:#ede9fb}.number-grid button.current{background:var(--purple);color:#fff;border-color:var(--purple)}.nav-legend{display:flex;gap:10px;font-size:9px;color:#8a8297;margin:19px 0}.nav-legend i{display:inline-block;width:6px;height:6px;background:#ded6f4;margin-right:4px}.nav-legend span:last-child i{background:var(--purple)}.question-nav p{font-size:11px;color:#918a9e;line-height:1.8;padding-top:15px;border-top:1px solid var(--line)}.secondary{border:1px solid #ded8ef;border-radius:6px;color:#665486;background:#fff;padding:15px 20px;font-size:13px;font-weight:600}.full{width:100%}.question-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:28px 35px 0}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:1.5px;color:var(--purple);font-weight:700}.question-meta small{color:#b0a9bd;font-size:10px;letter-spacing:0;margin-left:5px}.tag{font-size:10px;padding:6px 10px;background:#f4f1fc;color:#8874ae;letter-spacing:0;border-radius:4px;font-weight:500}.question-card h2{font-size:19px;line-height:1.65;margin:20px 0;text-align:center;font-weight:650;letter-spacing:-.4px}.question-card .matrix{width:258px;margin:23px auto 30px}.options{padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 25px}.option{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:110px;border:1px solid #e7e2f0;border-radius:7px;cursor:pointer;color:#766689}.option:hover{background:#f9f7ff;border-color:#bfb1e3}.option input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer;margin:0}.option:focus-within{outline:3px solid #a69aef;outline-offset:3px}.option.selected{border:2px solid var(--purple);background:#f5f1ff}.option-id{position:absolute;top:10px;left:11px;font-size:10px;color:#a69caf}.option strong{font-size:25px;font-weight:500}.option .symbol{width:74px;height:74px}.selected-tick{position:absolute;right:9px;top:8px;color:var(--purple);font-size:11px;display:none}.selected .selected-tick{display:block}.question-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid var(--line)}.question-controls>span{font-size:10px;color:#aaa1b6}.text-button{background:none;color:#7a6c92;padding:10px 0;font-size:12px}.quiz-footnote{text-align:center;color:#a49aaf;font-size:11px;margin-top:25px}.quiz-footnote button{background:none;color:#847697;font-size:11px;margin-left:20px}.sequence{display:flex;align-items:center;justify-content:center;gap:18px;min-height:260px;flex-wrap:wrap;font-size:32px;font-weight:500;color:#625181}.sequence span:last-child{border:1px dashed #c8bdf1;padding:10px 20px;border-radius:8px}.diagram{display:block;width:300px;height:240px;max-width:100%;margin:20px auto 30px;color:#6b5b88}.narrow{max-width:610px;margin:65px auto;text-align:center;padding:0 24px}.profile h1{font-size:36px;margin:15px 0}.profile>p{font-size:14px;color:var(--muted);line-height:1.9}.profile-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:35px;margin:30px 0 20px}.profile-progress{display:flex;gap:7px;margin-bottom:30px}.profile-progress span{height:3px;background:#eeeaf7;flex:1}.profile-progress .active{background:var(--purple)}.profile-card h2{font-size:22px;margin-bottom:28px}.profile-card label{display:block;font-size:12px;color:#776d87;margin:20px 0}.profile-card input,.profile-card select{display:block;width:100%;padding:15px;border:1px solid #ded8e9;border-radius:6px;margin-top:10px;background:#fff;color:var(--ink)}.micro{font-size:11px;color:#9991a5;line-height:1.8}.profile-card .primary{margin-top:20px}.center{text-align:center}.result-page,.report-page{max-width:800px;margin:60px auto;padding:0 25px}.section-heading h1{font-size:36px;margin:15px 0}.result-card{border:1px solid var(--line);border-radius:13px;padding:35px;background:#fff;margin:30px 0;text-align:center}.score-circle{width:165px;height:165px;position:relative;border-radius:50%;display:flex;flex-direction:column;justify-content:center;margin:0 auto 30px}.score-circle strong{font-size:53px;color:var(--purple);font-weight:700;line-height:1.15;letter-spacing:-2px}.score-circle span{font-size:10px;color:#93879f;margin-top:9px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 0 20px}.stat-row>div{display:flex;flex-direction:column;border-right:1px solid var(--line);gap:7px}.stat-row>div:last-child{border:0}.stat-row b{font-size:23px;font-weight:600}.stat-row span{font-size:11px;color:#9e93aa}.score-note{background:#f8f6fc;padding:18px;border-radius:6px;margin:10px 0 0;font-size:11px;color:#91859f;line-height:1.9}.score-note b{color:#796a89;font-weight:500}.score-note p{margin:6px 0 0}.category-card{border:1px solid var(--line);border-radius:12px;padding:30px;margin:25px 0}.category-card h2{font-size:21px;margin-bottom:10px}.category-card>p{font-size:12px;color:var(--muted);margin-bottom:25px}.category-row{display:grid;grid-template-columns:100px 1fr 42px 40px;gap:20px;align-items:center;margin:22px 0;font-size:12px}.category-row>span{color:#7e718d}.category-row b{font-size:11px;font-weight:500;text-align:right;color:#6b5c82}.category-row small{font-size:10px;color:#aa9db6;text-align:right}.bar{height:6px;background:#f0ebf7;border-radius:20px;overflow:hidden}.bar span{height:100%;display:block;background:#9474dc;border-radius:20px}.result-actions{display:flex;gap:13px;justify-content:center;margin:30px 0 15px}.plans-page{max-width:1100px;margin:60px auto;padding:0 25px}.demo-label{display:inline-block;background:#f5f2fc;color:#9887b0;border:1px solid #eee8f5;border-radius:4px;padding:7px 10px;font-size:10px;margin-top:10px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:50px 0 25px}.plan-card{position:relative;border:1px solid var(--line);border-radius:12px;padding:35px 28px;background:#fff}.plan-card.recommended{border:2px solid #8062db;padding:34px 27px}.recommend-badge{position:absolute;left:50%;transform:translate(-50%);top:-14px;color:#fff;background:#8062db;padding:7px 17px;font-size:10px;border-radius:20px;white-space:nowrap}.plan-card h2{font-size:23px;margin-bottom:9px;letter-spacing:-.5px}.plan-card>p{font-size:12px;color:#9a8da6}.price{font-size:34px;letter-spacing:-1px;font-weight:650;margin:30px 0}.price small{font-size:10px;color:#aba0b5;display:block;margin-top:7px;letter-spacing:0;font-weight:400}.plan-card ul{list-style:none;padding:20px 0;margin:0 0 20px;border-top:1px solid var(--line);min-height:125px}.plan-card li{font-size:12px;color:#8a7c97;margin:12px 0}.report-heading{display:flex;align-items:center;justify-content:space-between}.report-heading h1{font-size:32px;margin:12px 0}.report-heading p{font-size:13px;color:var(--muted)}.answer-review{margin:40px 0}.answer-review>h2{font-size:25px}.answer-review>p{color:var(--muted);font-size:12px}.answer-review summary b{display:inline-block;color:#a390b4;width:35px;font-size:12px}.answer-review summary .correct{color:#6c916b;font-size:11px}.answer-review summary .wrong{color:#b48487;font-size:11px}.answer-review summary i{font-style:normal;color:#b3a6c0;margin-left:15px}.review-body{background:#faf8fc;border-radius:8px;padding:25px;margin-bottom:18px;font-size:12px;color:#796986}.review-body h3{font-size:15px;line-height:1.7}.review-body .matrix{width:180px}.review-body .diagram{width:220px;height:180px}.review-body .sequence{min-height:130px;font-size:22px}.explanation{line-height:1.9;border-top:1px solid var(--line);padding-top:15px;margin-bottom:0}.upgrade{text-align:center;background:#f8f6fc;padding:35px;border-radius:12px}.upgrade h2{font-size:23px}.upgrade p{font-size:13px;color:var(--muted)}.designs-page{max-width:1100px;margin:60px auto;padding:0 25px;text-align:center}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.design-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left}.design-card.chosen{border:2px solid var(--purple)}.layout-preview{height:210px;background:#f4f2fa;padding:25px;display:flex;gap:12px}.mini-nav{width:60px;background:#fff;border-radius:5px;display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:5px;padding:10px}.mini-nav i{height:10px;background:#e8e2f6;border-radius:2px}.mini-question{background:#fff;border-radius:5px;flex:1;padding:15px}.mini-question div{width:60px;height:60px;background:#ede8fa;margin:5px auto 15px;display:grid;place-items:center;color:#9a87c8;font-size:24px;border-radius:3px}.mini-question span{height:18px;width:28%;display:inline-block;border:1px solid #e2dced;margin-right:5%;border-radius:3px}.preview-B{flex-direction:column}.preview-B .mini-nav{width:100%;height:33px;display:flex}.preview-B .mini-nav i{width:12px}.preview-B .mini-question div{height:35px;margin:0 auto 8px}.preview-C .mini-nav{width:40px;padding:6px;gap:3px}.preview-C .mini-question span{height:12px}.design-copy{padding:25px}.design-copy h2{font-size:21px;margin:15px 0 10px}.design-copy p{font-size:12px;color:var(--muted);min-height:35px;line-height:1.8}.layout-B .quiz-layout{grid-template-columns:1fr}.layout-B .question-nav{display:grid;grid-template-columns:170px 1fr 180px;gap:15px;align-items:center}.layout-B .number-grid{grid-template-columns:repeat(15,1fr);grid-column:2;grid-row:1/4}.layout-B .question-nav .progress{margin:0}.layout-B .nav-legend,.layout-B .question-nav p{display:none}.layout-B .question-nav>.secondary{grid-column:3;grid-row:1/3}.layout-B .question-card{max-width:820px;width:100%;margin:auto}.layout-C .quiz-layout{grid-template-columns:180px minmax(0,1fr)}.layout-C .question-nav{padding:16px 12px}.layout-C .number-grid{gap:5px}.layout-C .question-card .matrix{width:215px}.layout-C .options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.layout-C .option{min-height:95px}.layout-C .option .symbol{width:53px;height:53px}.modal-backdrop{position:fixed;inset:0;background:#29213660;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;width:500px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:38px;box-shadow:0 30px 120px #1d123b30}.close{position:absolute;top:13px;right:17px;background:none;font-size:23px;color:#b0a5bf}.modal h2{font-size:25px;margin:15px 0 20px;line-height:1.4}.modal p{font-size:13px;color:#8d7e9d;line-height:1.9}.modal .primary{margin-top:20px}.review-stats{display:flex;background:#f7f4fd;padding:22px;border-radius:8px;gap:50px;margin:25px 0}.review-stats b{font-size:28px;color:var(--purple)}.review-stats span{display:block;font-size:10px;color:#a091b1;font-weight:400;margin-top:8px}.unanswered-grid{display:flex;gap:7px;flex-wrap:wrap}.unanswered-grid button{background:#f3edf9;color:#a18caf;width:30px;height:30px;border-radius:4px;font-size:11px}.demo-summary{font-size:11px;background:#f8f5fc;color:#9a87ab;padding:15px;border-radius:6px}.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}.storage-warning{background:#fff7e9;color:#967449;padding:12px 20px;text-align:center;font-size:12px;margin:0}@media(max-width:800px){header{height:72px;padding:0 22px;gap:20px}header nav{gap:14px}header nav button{font-size:11px}header nav button:first-child{display:none}.header-cta{margin-left:auto;padding:11px 13px;font-size:11px}.brand{font-size:21px}.logo{font-size:30px}.hero h1{font-size:45px}.hero{padding-top:55px}.hero>p{font-size:15px}.steps,.types{gap:25px}.quiz-layout{grid-template-columns:1fr}.question-nav{padding:16px}.number-grid{grid-template-columns:repeat(15,1fr)}.number-grid button{min-height:25px}.question-nav .nav-legend,.question-nav>p{display:none}.question-nav>.secondary{margin-top:14px;padding:10px}.progress{margin:10px 0}.quiz-top h1{font-size:22px}.timer{gap:12px;padding:12px}.timer b{font-size:21px}.question-card{padding:23px 25px 0}.layout-B .question-nav{display:block}.layout-B .number-grid{grid-template-columns:repeat(15,1fr)}.layout-C .quiz-layout{grid-template-columns:1fr}.layout-C .options{grid-template-columns:repeat(3,1fr)}.plan-grid,.design-grid{gap:12px}.plan-card{padding:25px 18px}.plan-card.recommended{padding:24px 17px}.price{font-size:28px}.layout-preview{padding:14px;height:170px}.design-copy{padding:18px}footer{gap:15px}footer p{display:none}footer>span{flex:1;font-size:10px}}@media(max-width:560px){header{padding:0 17px;gap:15px}header nav{gap:12px}header nav button{font-size:10px}header nav button:last-child{display:none}.header-cta span{padding-left:6px}.hero{padding:42px 18px 35px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:37px;margin:24px 0 18px}.hero>p{font-size:13px}.hero-facts{gap:18px;font-size:10px;margin-bottom:30px}.hero-button{font-size:12px;padding:16px 21px}.hero-puzzle{width:275px;padding:17px 25px}.hero-puzzle .matrix{width:190px}.floating-note{display:none}.how{padding:60px 25px 40px}.section-heading h2{font-size:27px}.section-heading p{font-size:12px}.steps{grid-template-columns:1fr;gap:25px;margin:35px 0}.steps article{padding-left:52px;position:relative}.step-number{position:absolute;left:0;top:0;width:32px;height:32px}.steps h3{font-size:16px;margin-bottom:8px}.steps p{font-size:12px}.types{gap:14px;justify-content:space-between;font-size:9px}.types i{font-size:20px}.faq{padding-bottom:55px}.faq summary{font-size:12px}.faq details p{font-size:12px}.bottom-cta h2{font-size:22px}.bottom-cta p,.bottom-cta .primary{font-size:12px}footer{padding:25px 18px;gap:12px}footer .brand{font-size:17px}footer>button{font-size:10px}footer>span{font-size:8px;line-height:1.6}.quiz-page{padding:27px 15px 20px}.quiz-top{align-items:flex-start}.quiz-top .eyebrow{font-size:8px;letter-spacing:1px}.quiz-top h1{font-size:18px;margin-top:8px}.timer{display:block;text-align:center;padding:8px 12px;border-radius:7px}.timer span{display:block;font-size:9px;margin-bottom:4px}.timer b{font-size:19px}.quiz-layout{gap:15px}.question-nav{padding:14px}.number-grid,.layout-B .number-grid{grid-template-columns:repeat(10,1fr);gap:5px}.number-grid button{font-size:10px;min-height:23px;aspect-ratio:1.05}.question-nav>.secondary{font-size:10px;padding:9px;margin-top:10px}.question-card{padding:20px 17px 0}.question-meta{font-size:9px}.tag{font-size:8px;padding:5px 8px}.question-card h2{font-size:15px;margin-top:18px}.question-card .matrix{width:222px;margin:23px auto}.options{gap:8px;margin-bottom:18px}.option{min-height:88px}.option .symbol{width:62px;height:62px}.option strong{font-size:22px}.option-id{top:6px;left:8px;font-size:9px}.question-controls{padding:12px 0;gap:6px}.question-controls>span{display:none}.question-controls .text-button{font-size:10px}.quiz-footnote{font-size:9px;line-height:1.7}.quiz-footnote button{display:block;margin:8px auto 0;font-size:10px}.sequence{min-height:230px;font-size:25px;gap:11px}.sequence span:last-child{padding:9px 15px}.diagram{height:215px}.narrow{margin:45px auto;padding:0 20px}.profile h1{font-size:29px}.profile>p{font-size:12px}.profile-card{padding:25px 20px}.profile-card h2{font-size:19px}.result-page,.report-page{margin:40px auto;padding:0 20px}.section-heading h1{font-size:29px}.result-card{padding:27px 17px}.score-circle{width:145px;height:145px;border-width:8px}.score-circle strong{font-size:46px}.stat-row b{font-size:20px}.stat-row span{font-size:9px}.score-note{font-size:10px;padding:14px}.category-card{padding:23px 18px}.category-card h2{font-size:19px}.category-row{grid-template-columns:76px 1fr 30px 29px;gap:9px;font-size:10px}.category-row b,.category-row small{font-size:9px}.result-actions{gap:9px;flex-wrap:wrap}.result-actions .primary,.result-actions .secondary{font-size:12px;padding:14px 18px}.plans-page,.designs-page{margin:40px auto;padding:0 20px}.plan-grid,.design-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.plan-card,.plan-card.recommended{padding:27px}.plan-card ul{min-height:0;padding:10px 0}.price{margin:22px 0}.plan-card>p{margin-bottom:0}.report-heading h1{font-size:24px}.report-heading .demo-label{font-size:8px}.answer-review>h2{font-size:22px}.review-body{padding:20px 15px}.review-body h3{font-size:13px}.review-body p{line-height:1.8}.answer-review summary{font-size:12px}.upgrade h2{font-size:20px}.modal{padding:30px 23px}.modal h2{font-size:22px}.modal p{font-size:12px}.modal .primary{font-size:11px;padding:16px 13px}.layout-preview{height:210px;padding:25px}.design-copy{padding:25px}.layout-C .question-card .matrix{width:200px}.layout-C .option{min-height:80px}.layout-C .option .symbol{width:55px;height:55px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{header,footer,.no-print,.modal-backdrop,.result-actions{display:none!important}.report-page{margin:0;max-width:none;padding:10px}.result-card,.category-card{break-inside:avoid}.answer-review details{break-inside:avoid}.answer-review details:not([open])>.review-body{display:block}.answer-review summary{padding:14px 0}.review-body .matrix,.review-body .diagram,.review-body .sequence{display:none}.report-page .score-note{background:#fff}.app{color:#222}body{background:#fff}.demo-label{border-color:#bbb}button{display:none!important}}.field-error{font-size:12px;color:#b4535c;line-height:1.7}.profile-summary{text-align:center;font-size:12px;line-height:1.8;color:#84758f;overflow-wrap:anywhere}.profile-summary span{display:block;font-size:10px;color:#a498af;margin-top:4px}.question-card h2:focus-visible{outline:2px solid #c9bfef;outline-offset:7px;border-radius:3px}.score-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.score-circle strong,.score-circle span{position:relative}.challenge-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:38px;min-height:365px;padding:22px 0 28px}.challenge-content>.matrix{width:285px;margin:0 auto;gap:18px}.matrix-cell{border:1.3px solid #30353b;border-radius:0;background:#fff;color:#20252c}.matrix-cell.unknown{border:0;background:#fff;font-size:59px;color:#15181c}.matrix-cell.number-cell{border-radius:50%;border-color:#1e415b;color:#1e415b}.symbol{fill:none;color:#20252c}.challenge-content>.options{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 23px;margin:0;padding:0}.challenge-content .option{min-height:92px;border:1.2px solid #30353b;border-radius:0;background:#fff;color:#20252c}.challenge-content .option .symbol{width:86px;height:86px;max-width:100%;max-height:100%}.challenge-content .option-id{left:-15px;top:50%;transform:translateY(-50%);font-size:12px;color:#20252c;font-weight:600}.challenge-content .option.selected{border:2px solid var(--purple);background:#f6f3ff}.challenge-content .option:hover{background:#faf9fd;border-color:var(--purple)}.challenge-content .diagram{margin:0 auto;color:#20252c;height:285px;width:300px}.challenge-content .net-diagram{width:240px}.challenge-content .sequence{font-size:26px;gap:13px;min-height:270px;color:#20252c}.layout-C .challenge-content>.matrix,.layout-B .challenge-content>.matrix{width:270px}.layout-C .challenge-content>.options{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-C .challenge-content .option{min-height:92px}.layout-C .challenge-content .option .symbol{width:86px;height:86px}.hero-puzzle .matrix-cell{border-radius:0;background:#fff;color:#20252c}.hero-puzzle .matrix-cell.unknown{font-size:35px}.correct-art{width:115px;margin:20px auto;text-align:center;color:#20252c}.correct-art>span{font-size:10px;display:block;margin-bottom:8px}.correct-art>.symbol{width:100px;height:100px;border:1px solid #8a8590}.count-review{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.count-review>p{display:flex;justify-content:space-between;font-size:11px;gap:15px}.count-review .diagram{height:220px;width:260px;margin:10px auto}.count-review>div{display:flex;align-items:center;justify-content:center;gap:12px}.count-review button{background:#fff;border:1px solid #ddd4ea;border-radius:4px;padding:8px;color:#84718f;font-size:10px;white-space:nowrap}.count-review input{max-width:150px;min-width:30px;accent-color:var(--purple)}@media(max-width:900px){.challenge-content{gap:30px}.challenge-content>.matrix,.layout-B .challenge-content>.matrix,.layout-C .challenge-content>.matrix{width:260px;gap:16px}.challenge-content .option{min-height:85px}.challenge-content .option .symbol,.layout-C .challenge-content .option .symbol{width:80px;height:80px}}@media(max-width:560px){.challenge-content{grid-template-columns:1fr;gap:34px;padding:15px 0 25px;min-height:0}.challenge-content>.matrix,.layout-B .challenge-content>.matrix,.layout-C .challenge-content>.matrix{width:270px;margin:0 auto;gap:19px}.challenge-content>.options{width:270px;max-width:100%;margin:0 auto;gap:25px 23px}.challenge-content .option,.layout-C .challenge-content .option{min-height:78px}.challenge-content .option .symbol,.layout-C .challenge-content .option .symbol{width:76px;height:76px}.challenge-content .option-id{font-size:11px;left:-14px}.challenge-content .diagram{height:260px;width:285px}.challenge-content .net-diagram{width:235px}.challenge-content .sequence{min-height:190px;font-size:24px;gap:12px}.question-card h2{margin-bottom:18px}.count-review input{max-width:100px}}@media print{.count-review>div{display:none}.count-review .diagram{display:none}.correct-art>.symbol{width:75px;height:75px}.count-review{display:none}}.challenge-content>.options{width:100%;max-width:340px;justify-self:center}.challenge-content .option,.layout-C .challenge-content .option{aspect-ratio:1;min-height:0}@media(max-width:560px){.challenge-content>.options{width:270px;max-width:100%}}.mode-picker{padding:0;margin:25px auto 7px;border:0;max-width:380px;text-align:left}.mode-picker legend{font-size:11px;color:#8e849c;padding:0;text-align:center;width:100%;margin-bottom:12px}.mode-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-choice{position:relative;border:1px solid #e1dce9;border-radius:8px;background:#fff;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.mode-choice.selected{border-color:#7963d9;background:#f7f4ff;box-shadow:0 0 0 1px #7963d91a}.mode-choice:focus-within{outline:3px solid #a69aef;outline-offset:3px}.mode-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.mode-choice b{display:block;font-size:14px;font-weight:650;color:#453954}.mode-choice small{display:block;font-size:10px;color:#9a8ea7;margin-top:7px}.mode-choice i{font-style:normal;font-size:12px;border:1px solid #e1dbea;width:18px;height:18px;border-radius:50%;color:var(--purple);display:grid;place-items:center}.mode-choice.selected i{border-color:#b5a6e4;background:#eee8ff}.hero .mode-picker+.hero-button{margin-top:14px}@media(max-width:560px){.mode-picker{max-width:330px;margin-top:22px}.mode-picker>div{gap:10px}.mode-choice{padding:13px}.mode-choice b{font-size:13px}.mode-choice small{font-size:9px}.mode-picker legend{font-size:10px}}.share-controls{margin:28px auto 15px;text-align:center}.share-controls>div:first-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.share-controls .secondary{font-size:12px;padding:13px 18px}.share-controls>p{font-size:11px;color:#93879f;line-height:1.8;min-height:20px;margin:13px 0}.manual-share{max-width:540px;margin:15px auto;text-align:left;background:#faf8fd;border:1px solid #e7e0ef;border-radius:8px;padding:20px}.manual-share label{display:block;font-size:11px;color:#877493;margin-bottom:10px}.manual-share textarea{resize:vertical;width:100%;min-height:170px;border:1px solid #ded4e9;border-radius:5px;background:#fff;font:12px/1.8 inherit;color:#675775;padding:13px;overflow-wrap:anywhere}.manual-share>span{display:block;font-size:10px;color:#9c8daa;margin-top:4px}@media(max-width:560px){.share-controls .secondary{font-size:11px;padding:12px 14px}.share-controls>div:first-child{gap:8px}.manual-share{padding:15px}.manual-share textarea{font-size:11px}}html[data-client-route] #root{visibility:hidden}.error-page .primary,.error-page a{display:inline-block;margin:12px 6px;text-decoration:none}.error-page p{font-size:14px;color:#908399;line-height:1.8}main h1:focus-visible{outline:2px solid #c9bfef;outline-offset:8px}.game-recommendations{margin:55px 0 20px}.game-recommendations h2{font-size:28px;margin:14px 0 25px}.game-recommendations>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-recommendations a{display:block;color:inherit;text-decoration:none;padding:25px;border:1px solid #e9e7ef;border-radius:10px;background:#fff}.game-recommendations a>span{font-size:25px;color:#5340d9}.game-recommendations h3{font-size:18px;margin:17px 0 10px}.game-recommendations p{font-size:13px;color:#777586;line-height:1.8}.game-recommendations a>b{font-size:12px;color:#5340d9}.game-recommendations a:hover{border-color:#b9afeb}@media(max-width:560px){.game-recommendations>div{grid-template-columns:1fr}}
