:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#eaf3ff 0%,#f8fbff 100%);font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{min-height:100vh}button,input{font:inherit}button{font-family:inherit}:root{--cream:#fdfcf5;--blue:#2097ee;--navy:#0c4384;--pink:#f26e8a;--light-pink:#ffd7e9;--mint:#a6ebd4;--yellow:#fedf7c}.app-shell{background:#e8eef5;justify-content:center;min-height:100svh;display:flex}.page-container{background-color:var(--cream);width:min(100%,402px);min-height:100svh;color:var(--navy);background-image:url(/assets/figma-bg-DjCz-VyL.png);background-position:top;background-repeat:no-repeat;background-size:100% 100%;position:relative;overflow:hidden}.brand-header{z-index:3;background:linear-gradient(to bottom,var(--cream) 0 118px,transparent 118px);text-align:center;height:126px;padding-top:21px;position:relative}.museum-title{color:#2362ae;letter-spacing:-1px;white-space:nowrap;width:max-content;max-width:calc(100% - 28px);margin:0 0 8px 14px;font-family:Arial Black,Pretendard,sans-serif;font-size:15px;font-weight:900}.museum-line{background:#2362ae;width:calc(100% - 33px);height:2px}.brand-pill{color:#fff;letter-spacing:-1.3px;background:#f98cb5;border-radius:100px;width:221px;height:40px;margin:19px auto 0;font-family:Arial Black,Pretendard,sans-serif;font-size:22px;font-weight:900;line-height:40px}.back-button{z-index:2;color:#fff;cursor:pointer;background:#f98cb5;border:0;border-radius:50%;width:38px;height:38px;padding:0 0 4px;font-size:28px;font-weight:900;line-height:34px;position:absolute;top:70px;left:13px}.landing-content h1,.screen-title,.result-title{color:var(--blue);letter-spacing:-3.5px;text-align:center;text-shadow:1px 2px 3px #00000026;flex-direction:column;margin:15px 0 0;font-family:Arial Black,Pretendard,sans-serif;font-size:49px;font-weight:900;line-height:1.2;display:flex}.sub-copy{color:var(--pink);letter-spacing:-1px;text-align:center;margin:100px 20px 0;font-family:Arial Black,Pretendard,sans-serif;font-size:16px;font-weight:900;line-height:1.55}.primary-button{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:100px;font-family:Arial Black,Pretendard,sans-serif;font-size:31px;font-weight:900;box-shadow:0 4px 4px #00000040}.primary-button:disabled{opacity:.55;cursor:wait}.landing-button{width:315px;height:66px;margin:clamp(42px,18vw,72px) auto 36px;display:block}.screen-title{margin-top:92px;font-size:49px}.difficulty-grid{gap:56px;padding:0 45px;display:grid}.difficulty-card{width:100%;height:89px;color:var(--navy);letter-spacing:-2px;cursor:pointer;border:5px solid #fff;border-radius:100px;font-family:Arial Black,Pretendard,sans-serif;font-size:34px;font-weight:900;box-shadow:inset 4px 4px 2px #ffffff80,0 4px 4px #00000040}.children-card{background:var(--yellow)}.general-card{background:var(--mint)}.quiz-card{z-index:2;padding-bottom:clamp(28px,10vw,40px);position:relative}.quiz-heading{text-align:center;height:126px}.quiz-index{padding-top:7px;font-family:Arial Black,sans-serif;font-size:18px;font-weight:900}.difficulty-tag{border-radius:100px;width:160px;height:36px;margin:1px auto 0;font-size:24px;font-weight:900;line-height:36px;display:block}.difficulty-tag.children{background:var(--yellow)}.difficulty-tag.general{background:var(--mint)}.question-card{width:339px;min-height:200px;color:var(--blue);text-align:center;background:#fff;border:3px solid #a6def7;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;margin:9px auto 0;padding:14px 16px;display:flex}.question-card strong{font-family:Arial Black,sans-serif;font-size:27px;line-height:1}.question-card h2{letter-spacing:-.9px;word-break:keep-all;margin:9px 0 0;font-size:19px;font-weight:900;line-height:1.42}.answer-list{gap:18px;margin-top:64px;padding:0 16px;display:grid}.answer-button{min-height:96px;color:var(--navy);letter-spacing:-1.5px;text-align:center;word-break:keep-all;cursor:pointer;border:3px solid #fff;border-radius:15px;padding:13px 30px;font-family:Arial Black,Pretendard,sans-serif;font-size:22px;font-weight:900;line-height:1.25;box-shadow:0 2px 2px #00000040}.answer-button.option-1{background:var(--mint)}.answer-button.option-2{background:var(--light-pink)}.feedback-layer{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d;width:min(100%,402px);min-height:100svh;margin:auto;position:fixed;inset:0}.result-feedback{color:#fff;letter-spacing:-1px;text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:222px;padding:25px 35px 30px;font-family:Arial Black,Pretendard,sans-serif;font-size:22px;font-weight:900;line-height:1.25;display:flex;position:absolute;bottom:130px;left:10px;right:10px}.result-feedback:after{content:"";border-top:28px solid;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;bottom:-27px;left:calc(50% - 18px)}.result-feedback.success{background:#36b3f4}.result-feedback.success:after{border-top-color:#36b3f4}.result-feedback.error{background:#ff4949}.result-feedback.error:after{border-top-color:#ff4949}.result-feedback strong{display:block}.result-feedback p{margin:0}.next-button{width:268px;height:53px;position:absolute;bottom:18px;left:65px}.save-error{z-index:20;color:#b42318;text-align:center;background:#fff;margin:0;padding:8px;position:absolute;bottom:95px;left:20px;right:20px}.landing-error{color:#b42318;text-align:center;background:#fff;border-radius:10px;margin:0;padding:8px 12px;font-size:13px;font-weight:700;position:absolute;bottom:55px;left:30px;right:30px}.result-title{letter-spacing:-2px;margin-top:23px;font-size:30px;line-height:1.08}.result-card{text-align:center;background:#fff;border:5px solid #a6def7;border-radius:15px;width:367px;height:436px;margin:42px auto 0;padding:17px 19px}.result-card h2{color:#fff;background:#36b3f4;border-radius:100px;width:209px;height:46px;margin:0 auto;font-size:25px;line-height:46px}.level-card{flex-direction:column;align-items:center;display:flex}.level-value{color:var(--blue);margin-top:33px;font-family:Arial Black,sans-serif;font-size:52px;font-weight:900;line-height:1}.level-text strong{max-width:280px;color:var(--blue);word-break:keep-all;margin-top:12px;font-family:Arial Black,sans-serif;font-size:38px;line-height:1.42;display:block}.level-text p{color:#36b3f4;word-break:keep-all;margin:27px 15px 0;font-size:15px;font-weight:900;line-height:1.55}.result-note{color:#c8c8c8;margin-top:28px;font-size:14px;font-weight:900}.result-section>.primary-button{width:268px;height:53px;margin:clamp(28px,10vw,40px) auto 37px;display:block}.page-container{height:auto;min-height:100svh;overflow:hidden auto}.brand-header{height:clamp(108px,31.35vw,126px);padding-top:clamp(15px,5.2vw,21px)}.brand-pill{margin-top:clamp(14px,4.7vw,19px)}.museum-title{font-size:clamp(12px,3.75vw,15px)}.brand-pill{width:min(221px,66vw);font-size:clamp(19px,5.5vw,22px)}.landing-brand{height:clamp(170px,50vw,201px)}.landing-brand .brand-pill{margin-top:clamp(60px,24.9vw,100px)}.landing-content h1,.screen-title{font-size:clamp(38px,12.2vw,49px)}.sub-copy{margin-top:clamp(48px,24.8vw,100px)}.landing-button{width:min(315px,100% - 44px)}.screen-title{margin-top:clamp(42px,22.9vw,92px)}.difficulty-wrap{margin-top:clamp(46px,25.1vw,101px)}.difficulty-grid{gap:clamp(32px,13.9vw,56px);padding-inline:clamp(20px,11.2vw,45px)}.difficulty-card{height:clamp(74px,22.1vw,89px);font-size:clamp(27px,8.5vw,34px)}.quiz-heading{height:clamp(96px,31.35vw,126px)}.question-card{width:calc(100% - 64px);min-height:clamp(168px,49.75vw,200px);margin-top:clamp(0px,2.2vw,9px)}.question-card h2{font-size:clamp(17px,4.75vw,19px)}.answer-list{gap:clamp(10px,4.5vw,18px);margin-top:clamp(30px,15.9vw,64px)}.answer-button{min-height:clamp(76px,23.9vw,96px);font-size:clamp(19px,5.5vw,22px)}.next-button{width:min(268px,100% - 64px);left:50%;transform:translate(-50%)}.result-feedback{padding-inline:clamp(20px,8.7vw,35px);font-size:clamp(19px,5.5vw,22px)}.result-page{background-size:100% 100%;min-height:100svh}.result-title{margin-top:clamp(16px,5.7vw,23px)}.result-page .result-card{width:calc(100% - 36px);height:auto;min-height:clamp(390px,108.5vw,436px);margin-top:clamp(24px,10.4vw,42px)}.level-value{margin-top:clamp(22px,8.2vw,33px)}.level-text p{margin-top:clamp(16px,6.7vw,27px)}.result-note{margin-top:clamp(15px,6.9vw,28px)}.result-section>.primary-button{width:min(268px,100% - 64px)}.level-text strong{font-size:clamp(31px,9.5vw,38px)}@media (width<=350px){.question-card{width:calc(100% - 32px)}.answer-list{padding-inline:8px}.answer-button{padding-inline:18px}.result-card{padding-inline:12px}}.log-page{width:min(1600px,100% - 40px);margin:0 auto;padding:40px 0 64px}.log-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.log-header p{color:#52657d;margin:0 0 4px;font-weight:700}.log-header h1{margin:0;font-size:clamp(28px,4vw,42px)}.log-actions{gap:10px;display:flex}.log-actions button,.excel-button{color:#172033;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:11px 16px;font-weight:700;text-decoration:none}.excel-button{color:#fff;background:#16834b;border-color:#16834b}.log-actions button:disabled{opacity:.55;cursor:wait}.log-status,.log-section{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px #324b6914}.log-status.error{color:#b42318}.log-section+.log-section{margin-top:24px}.log-section h2{margin:0 0 18px;font-size:22px}.summary-section{grid-template-columns:240px minmax(300px,.7fr) minmax(520px,1.3fr);align-items:start;gap:20px;display:grid}.total-card{background:#eef5ff;border-radius:14px;gap:10px;padding:20px;display:grid}.total-card span{color:#52657d;font-weight:700}.total-card strong{color:#1769d2;font-size:32px}.table-wrap{border:1px solid #dde5ef;border-radius:12px;overflow:auto}.table-wrap table{border-collapse:collapse;white-space:nowrap;background:#fff;width:100%}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid #e7edf4;padding:11px 13px}.table-wrap th{z-index:1;color:#34445a;background:#f4f7fb;font-size:14px;position:sticky;top:0}.table-wrap tbody tr:last-child td{border-bottom:0}.detail-table{max-height:620px}.detail-table td:nth-child(2n+3){white-space:normal;min-width:210px;max-width:320px}.correct-text{color:#087443;font-weight:700}.wrong-text{color:#c4322c;font-weight:700}.empty-cell{color:#6b778c;text-align:center!important;padding:40px!important}@media (width<=1050px){.summary-section{grid-template-columns:1fr}}@media (width<=640px){.log-page{width:min(100% - 24px,1600px);padding-top:24px}.log-header{flex-direction:column;align-items:stretch}.log-actions>*{text-align:center;flex:1}.log-section,.log-status{border-radius:14px;padding:16px}}