@import url(https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap);*{box-sizing:border-box}#root,body,html{height:100%;margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3efe3;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;margin:0;overflow-x:hidden}img{display:block}.hero-section{background:#0000;height:100%;overflow:hidden;position:relative;width:100%}.hero-frame{left:0;object-fit:fill;pointer-events:none;top:0;-webkit-user-select:none;user-select:none;z-index:1}.hero-canvas,.hero-frame{height:100%;position:absolute;width:100%}.hero-canvas{inset:0;transform-origin:center center}.hero-top-bar{inset:0;z-index:40}.hero-logo,.hero-top-bar{pointer-events:none;position:absolute}.hero-logo{height:auto;-webkit-user-select:none;user-select:none;z-index:20}.hero-logo-button{background:#0000;border:0;cursor:pointer;padding:0;pointer-events:auto;position:absolute;z-index:20}.hero-logo-button:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.hero-logo-image{display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.hero-auth{align-items:center;display:flex;pointer-events:auto;position:absolute;z-index:40}.hero-top-bar--hero .hero-logo,.hero-top-bar--hero .hero-logo-button{left:12.17%;top:2.5%;width:9.33%}.hero-top-bar--hero .hero-auth{right:3.5%;top:2.5%}.hero-top-bar--compact .hero-logo,.hero-top-bar--compact .hero-logo-button{left:clamp(22px,5.6vw,86px);top:50%;transform:translateY(-50%);width:clamp(138px,11.1vw,198px)}.hero-top-bar--compact .hero-auth{right:clamp(16px,2.6vw,42px);top:50%;transform:translateY(-50%)}.hero-auth-logged-in{align-items:center;display:flex;gap:12px}.hero-streak-pill{align-items:center;background:#f7f5eef5;border:1px solid #1f1f1c2e;border-radius:999px;box-shadow:0 8px 18px #0000001f;display:flex;gap:10px;min-height:54px;padding:0 20px 0 14px}.hero-streak-icon{flex:0 0 auto;height:36px;width:36px}.hero-streak-text{color:#11110f;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(15px,1.5vw,20px);font-weight:800;letter-spacing:-.04em;line-height:1}.hero-login-trigger{background:#f6f4ebf0;border:1px solid #1f1f1c2e;border-radius:999px;box-shadow:0 2px 8px #00000014;color:#1f1f1c;cursor:pointer;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:14px;font-weight:600;height:38px;line-height:1;min-width:74px;padding:0 16px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;white-space:nowrap}.hero-login-trigger:hover{background:#fffcf5fa;box-shadow:0 6px 14px #0000001f;transform:translateY(-1px)}.hero-login-trigger:active{transform:translateY(0)}.hero-login-trigger:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.auth-tab:disabled,.hero-login-close:disabled,.hero-login-submit:disabled,.hero-login-trigger:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.hero-grade-wrap,.hero-profile-wrap{position:relative}.hero-grade-trigger{align-items:center;background:#0000;border:1px solid #1f1f1c47;border-radius:18px;box-shadow:none;cursor:pointer;display:flex;height:54px;justify-content:center;padding:0;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;width:58px}.hero-grade-trigger:hover{background:#0000;border-color:#1f1f1c70;box-shadow:none;transform:translateY(-1px)}.hero-grade-wrap.is-open .hero-grade-trigger{border-color:#1f1f1c85}.hero-grade-trigger-icon{display:block;height:40px;object-fit:contain;pointer-events:none;width:40px}.hero-grade-trigger:focus-visible,.hero-profile-menu-button:focus-visible,.hero-profile-trigger:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.hero-profile-trigger{align-items:center;background:#f7f5eef5;border:1px solid #1f1f1c2e;border-radius:18px;box-shadow:0 8px 18px #0000001f;cursor:pointer;display:flex;height:54px;justify-content:center;padding:0;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;width:58px}.hero-profile-trigger:hover{background:#fffcf5fa;box-shadow:0 12px 22px #00000029;transform:translateY(-1px)}.hero-profile-icon{display:block;height:40px;object-fit:contain;pointer-events:none;width:40px}.hero-profile-menu{background:#f7f5eefa;border:1px solid #1f1f1c1a;border-radius:18px;box-shadow:0 18px 30px #00000029;display:flex;flex-direction:column;gap:8px;min-width:188px;padding:14px;position:absolute;right:0;top:calc(100% + 12px)}.hero-profile-menu-header{border-bottom:1px solid #1f1f1c1a;display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px}.hero-profile-menu-name{color:#1f1f1c;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:14px;font-weight:700}.hero-profile-menu-rank{color:#1f1f1c9e;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:12px;font-weight:600}.hero-profile-menu-button{background:#2a2a2a;border:0;border-radius:12px;color:#fff;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:700;height:40px;transition:transform .18s ease,background-color .18s ease;width:100%}.hero-profile-menu-button--secondary{background:#5a829d1f;color:#4a6d84}.hero-profile-menu-button:hover{background:#1f1f1f;transform:translateY(-1px)}.hero-profile-menu-button--secondary:hover{background:#5a829d33}.hero-grade-panel{background:#e8e8e8fa;border:1px solid #1f1f1c24;border-radius:28px;box-shadow:0 22px 36px #0000002e;min-height:136px;padding:32px 28px 24px;position:absolute;right:-58px;top:calc(100% + 16px);width:min(72vw,720px)}.hero-grade-current-rank{align-items:center;background:#f7f5eefa;border:2px solid #1f1f1c59;border-radius:12px;color:#33312d;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:700;height:30px;justify-content:center;left:22px;min-width:74px;padding:0 14px;position:absolute;top:-14px}.hero-grade-track{min-height:84px;position:relative}.hero-grade-track-line{background:#1f1f1cc7;height:2px;left:32px;position:absolute;right:32px;top:44px}.hero-grade-track-dots{align-items:center;display:grid;grid-template-columns:repeat(9,1fr);left:36px;position:absolute;right:36px;top:37px}.hero-grade-track-dot{background:#9b9b9b;border-radius:999px;height:14px;justify-self:center;width:14px}.hero-grade-track-dot.is-active{background:#7d7d7d}.hero-grade-icons{justify-content:space-between;padding:0 18px}.hero-grade-icon-slot,.hero-grade-icons{align-items:center;display:flex;position:relative}.hero-grade-icon-slot{height:72px;justify-content:center;width:72px;z-index:1}.hero-grade-icon-slot.is-current{transform:scale(1.08)}.hero-grade-icon-slot.is-upcoming{filter:grayscale(1);opacity:.36}.hero-grade-icon{display:block;height:100%;object-fit:contain;width:100%}.hero-top-bar--compact .hero-auth-logged-in{gap:8px}.hero-top-bar--compact .hero-streak-pill{gap:8px;min-height:38px;padding:0 12px 0 10px}.hero-top-bar--compact .hero-streak-icon{height:24px;width:24px}.hero-top-bar--compact .hero-streak-text{font-size:12px}.hero-top-bar--compact .hero-grade-trigger{border-radius:12px;height:38px;width:42px}.hero-top-bar--compact .hero-grade-trigger-icon{height:28px;width:28px}.hero-top-bar--compact .hero-profile-trigger{border-radius:12px;height:38px;width:42px}.hero-top-bar--compact .hero-profile-icon{height:28px;width:28px}.hero-top-bar--compact .hero-login-trigger{font-size:13px;height:34px;min-width:68px;padding:0 14px}.hero-top-bar--compact .hero-profile-menu{min-width:164px}.hero-top-bar--compact .hero-grade-panel{padding:28px 16px 20px;right:-18px;top:calc(100% + 12px);width:min(72vw,520px)}.hero-top-bar--compact .hero-grade-current-rank{left:16px}.hero-top-bar--compact .hero-grade-track-line{left:24px;right:24px;top:32px}.hero-top-bar--compact .hero-grade-track-dots{left:26px;right:26px;top:25px}.hero-top-bar--compact .hero-grade-track-dot{height:10px;width:10px}.hero-top-bar--compact .hero-grade-icons{padding:0 10px}.hero-top-bar--compact .hero-grade-icon-slot{height:52px;width:52px}.hero-copy{left:14.58%;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:20}.hero-title{color:#11110f;font-family:Nanum Brush Script,cursive;font-size:clamp(32px,11.83vw,172px);font-weight:400;letter-spacing:-.045em;line-height:.88;margin:0}.hero-subtitle{color:#1f1f1c94;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:clamp(13px,3.5vw,50px);font-weight:400;letter-spacing:-.03em;line-height:1.45;margin:clamp(12px,2.5vh,40px) 0 0}.hero-character{bottom:0;height:min(82.23%,40vw);pointer-events:none;position:absolute;right:24.67%;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:auto;z-index:18}.hero-section.is-login-open .hero-character,.hero-section.is-login-open .hero-copy{opacity:0;pointer-events:none;visibility:hidden}.hero-section.is-login-open .hero-copy{transform:translateY(calc(-50% + 10px))}.hero-section.is-login-open .hero-character{transform:translateY(12px)}.hero-login-overlay{align-items:center;animation:hero-login-overlay-fade .18s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f1f1c14;display:flex;inset:0;justify-content:center;padding:32px;position:absolute;z-index:30}.hero-login-card{align-items:center;animation:hero-login-card-in .22s ease-out;background:#d9d9d9;border-radius:33px;box-shadow:0 20px 48px #00000029;display:grid;grid-template-columns:1fr 1px 1.15fr;min-height:min(62vh,440px);padding:clamp(28px,4vw,48px);position:relative;width:min(88vw,877px)}.hero-login-close{background:#1f1f1c14;border:0;border-radius:999px;color:#1f1f1c;cursor:pointer;font-size:22px;height:36px;line-height:1;position:absolute;right:18px;top:18px;transition:background-color .18s ease,transform .18s ease;width:36px}.hero-login-close:hover{background:#1f1f1c24;transform:scale(1.04)}.hero-login-close:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.hero-login-left{align-items:center;display:flex;justify-content:center;padding-right:clamp(20px,3vw,40px)}.hero-login-logo{display:block;height:auto;width:min(100%,240px)}.hero-login-divider{background:#1f1f1cd9;height:min(100%,220px);justify-self:center;width:1px}.hero-login-panel{display:flex;flex-direction:column;gap:18px;padding-left:clamp(20px,3vw,40px)}.auth-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;max-width:280px;width:100%}.auth-tab{background:#ffffff40;border:1px solid #1f1f1c2e;border-radius:999px;color:#1f1f1c9e;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:700;height:36px;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.auth-tab:hover{background:#ffffff73;transform:translateY(-1px)}.auth-tab.is-active{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.auth-tab:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.hero-login-form{display:flex;flex-direction:column;gap:14px}.hero-login-label{display:flex;flex-direction:column;gap:8px}.hero-login-label>span{font-size:15px;font-weight:600}.hero-login-label input,.hero-login-label>span{color:#1f1f1c;font-family:Pretendard,Noto Sans KR,sans-serif}.hero-login-label input{background:#ffffff59;border:1px solid #1f1f1c4d;border-radius:10px;font-size:14px;height:48px;padding:0 16px;width:100%}.hero-login-label input::placeholder{color:#1f1f1c73}.hero-login-label input:focus{border-color:#2a407199;box-shadow:0 0 0 3px #2a40711f;outline:none}.hero-login-submit{align-self:center;background:#2a2a2a;border:0;border-radius:12px;box-shadow:0 8px 18px #00000029;color:#fff;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:14px;font-weight:700;height:44px;letter-spacing:-.02em;margin-top:4px;min-width:120px;padding:0 24px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.hero-login-submit:hover{background:#1f1f1f;box-shadow:0 12px 22px #0003;transform:translateY(-1px)}.hero-login-submit:active{transform:translateY(0)}.hero-login-submit:focus-visible{outline:2px solid #2a4071bf;outline-offset:2px}.auth-message{color:#2a4071eb;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:600;line-height:1.4;margin:0;min-height:18px}@keyframes hero-login-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes hero-login-card-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.hero-top-bar--hero .hero-logo,.hero-top-bar--hero .hero-logo-button{left:7%;top:3.5%;width:22%}.hero-top-bar--hero .hero-auth{right:5%;top:3.5%}.hero-top-bar--compact .hero-auth-logged-in,.hero-top-bar--hero .hero-auth-logged-in{gap:8px}.hero-top-bar--compact .hero-streak-pill,.hero-top-bar--hero .hero-streak-pill{gap:8px;min-height:42px;padding:0 14px 0 10px}.hero-top-bar--compact .hero-streak-icon,.hero-top-bar--hero .hero-streak-icon{height:28px;width:28px}.hero-top-bar--compact .hero-streak-text,.hero-top-bar--hero .hero-streak-text{font-size:13px}.hero-top-bar--compact .hero-grade-trigger,.hero-top-bar--hero .hero-grade-trigger{border-radius:14px;height:42px;width:46px}.hero-top-bar--compact .hero-grade-trigger-icon,.hero-top-bar--hero .hero-grade-trigger-icon{height:30px;width:30px}.hero-top-bar--compact .hero-profile-trigger,.hero-top-bar--hero .hero-profile-trigger{border-radius:14px;height:42px;width:46px}.hero-top-bar--compact .hero-profile-icon,.hero-top-bar--hero .hero-profile-icon{height:30px;width:30px}.hero-top-bar--compact .hero-profile-menu,.hero-top-bar--hero .hero-profile-menu{min-width:164px}.hero-top-bar--compact .hero-grade-panel,.hero-top-bar--hero .hero-grade-panel{padding:28px 16px 20px;right:-26px;width:min(88vw,460px)}.hero-top-bar--compact .hero-grade-current-rank,.hero-top-bar--hero .hero-grade-current-rank{left:16px}.hero-top-bar--compact .hero-grade-track-line,.hero-top-bar--hero .hero-grade-track-line{left:24px;right:24px;top:32px}.hero-top-bar--compact .hero-grade-track-dots,.hero-top-bar--hero .hero-grade-track-dots{left:26px;right:26px;top:25px}.hero-top-bar--compact .hero-grade-track-dot,.hero-top-bar--hero .hero-grade-track-dot{height:10px;width:10px}.hero-top-bar--compact .hero-grade-icons,.hero-top-bar--hero .hero-grade-icons{padding:0 10px}.hero-top-bar--compact .hero-grade-icon-slot,.hero-top-bar--hero .hero-grade-icon-slot{height:52px;width:52px}.hero-login-trigger{font-size:13px;height:36px;min-width:70px;padding:0 14px}.hero-copy{left:8%;top:48%}.hero-title{font-size:clamp(46px,18vw,108px)}.hero-subtitle{font-size:clamp(16px,5vw,28px)}.hero-character{height:64%;right:8%}.hero-top-bar--compact .hero-logo,.hero-top-bar--compact .hero-logo-button{left:16px;width:132px}.hero-top-bar--compact .hero-auth{right:12px}.hero-login-overlay{padding:20px}.hero-login-card{gap:24px;grid-template-columns:1fr;max-height:86vh;min-height:auto;overflow-y:auto;padding:28px 24px;width:min(92vw,520px)}.hero-login-left{padding-right:0}.hero-login-divider{display:none}.hero-login-panel{padding-left:0}.auth-tabs{max-width:none}.hero-login-logo{width:180px}.hero-login-close{right:14px;top:14px}}.history-page{background-color:#f3efe3;background-position:top;background-repeat:repeat-y;background-size:100% auto;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.history-header{flex:0 0 clamp(72px,6.4vw,108px);height:clamp(72px,6.4vw,108px);overflow:hidden;position:relative;width:100%}.history-header-image{display:block;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.history-header-overlay{inset:0;position:absolute}.history-stage{flex:1 1 auto;overflow:hidden;padding:clamp(24px,3.5vw,48px) clamp(20px,5vw,56px) clamp(32px,4vw,48px);position:relative}.history-shell{grid-gap:clamp(20px,3vw,36px);display:grid;gap:clamp(20px,3vw,36px);grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr);margin:0 auto;max-width:1440px;min-height:calc(100vh - clamp(72px, 6.4vw, 108px) - clamp(72px, 8vw, 120px));position:relative;z-index:1}.history-aside,.history-board{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,#fbf8f1f7,#f1eadcf2);border:1px solid #22221d1a;border-radius:32px;box-shadow:0 24px 50px #1e19111f;position:relative}.history-aside{display:flex;flex-direction:column;gap:22px;padding:clamp(26px,3vw,38px)}.history-title-block{position:relative}.history-eyebrow{align-items:center;background:#7194ad24;border-radius:999px;color:#56788d;display:inline-flex;font-size:13px;font-weight:700;letter-spacing:.02em;min-height:34px;padding:0 16px}.history-eyebrow,.history-title{font-family:Pretendard,Noto Sans KR,sans-serif}.history-title{color:#151511;font-size:clamp(32px,4vw,54px);letter-spacing:-.05em;line-height:1.04;margin:18px 0 8px}.history-subtitle{color:#1e1c18bd;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:16px;line-height:1.7;margin:0;max-width:420px}.history-factor{display:block;margin-top:18px;opacity:.85;width:min(240px,72%)}.history-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.history-summary-card{background:#fffdf8d1;border:1px solid #1f1f1c14;border-radius:24px;box-shadow:inset 0 1px 0 #ffffffc7;display:flex;flex-direction:column;justify-content:space-between;min-height:138px;padding:18px 20px}.history-summary-card--wide{grid-column:1/-1}.history-record-label,.history-record-reading,.history-record-time,.history-summary-foot,.history-summary-label{font-family:Pretendard,Noto Sans KR,sans-serif}.history-summary-label{color:#56788df0;font-size:13px;font-weight:700}.history-summary-value{color:#1f1f1a;font-family:MaruBuri,"Noto Serif KR",serif;font-size:clamp(36px,3.8vw,58px);font-weight:700;letter-spacing:-.05em}.history-summary-value--small{font-size:clamp(18px,2.2vw,30px);line-height:1.3}.history-summary-foot{color:#1f1f1c9e;font-size:13px;line-height:1.5}.history-character-card{background:linear-gradient(180deg,#5e91b01f,#5e91b008);border-radius:28px;min-height:320px;overflow:hidden;padding:26px 20px 10px;position:relative}.history-character{bottom:-8px;height:auto;left:-18px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:min(260px,56%)}.history-character-bubble{background:#fffcf5f0;border:1px solid #1f1f1c1a;border-radius:26px 26px 8px 26px;box-shadow:0 20px 28px #1c160f14;margin-left:auto;min-height:180px;padding:22px 24px;position:relative;width:min(320px,62%)}.history-character-bubble:after{background:#fffcf5f0;bottom:26px;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";height:24px;left:-16px;position:absolute;width:30px}.history-character-bubble p{color:#2d2b26;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;line-height:1.8;margin:0}.history-board{overflow:hidden;padding:clamp(18px,2.3vw,28px)}.history-card-list{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding-right:4px}.history-card-list::-webkit-scrollbar{width:10px}.history-card-list::-webkit-scrollbar-thumb{background:#56788d57;border-radius:999px}.history-empty-card,.history-record-card{background:#fffdf8eb;border:1px solid #1f1f1c14;border-radius:28px;box-shadow:0 16px 28px #1a160e14;position:relative}.history-record-card{padding:22px}.history-record-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.history-record-badges{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.history-record-chip,.history-record-result{align-items:center;border-radius:999px;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:12px;font-weight:700;min-height:34px;padding:0 14px}.history-record-chip{background:#22221d0f;color:#1f1f1cb3}.history-record-result.is-correct{background:#4781581f;color:#3b6d48}.history-record-result.is-incorrect{background:#9f5c481f;color:#8f4f3d}.history-record-time{color:#1f1f1c8f;flex:0 0 auto;font-size:13px;font-weight:600}.history-record-main{display:flex;flex-direction:column;gap:18px}.history-record-headline{align-items:flex-start;display:flex;gap:16px}.history-record-order{color:#56788dd1;flex:0 0 auto;font-family:MaruBuri,"Noto Serif KR",serif;font-size:clamp(32px,2.7vw,48px);font-weight:700;line-height:1}.history-record-texts{min-width:0}.history-record-original{color:#171713;font-family:MaruBuri,"Noto Serif KR",serif;font-size:clamp(28px,3.1vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.2;margin:0;word-break:keep-all}.history-record-reading{color:#6588a1;font-size:14px;font-weight:700;margin:8px 0 0}.history-record-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.history-record-explanation,.history-record-panel{background:#f5efe4c2;border:1px solid #1f1f1c0f;border-radius:22px;padding:18px 18px 16px}.history-record-panel--answer{background:#eef4f7d1}.history-record-label{color:#1f1f1c8f;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:10px}.history-record-body{color:#20201c;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;line-height:1.8;margin:0;word-break:keep-all}.history-empty-card{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:320px;padding:30px}.history-empty-title{color:#171713;font-family:MaruBuri,"Noto Serif KR",serif;font-size:clamp(24px,2.6vw,34px);font-weight:700;margin:0}.history-empty-text{color:#1f1f1cad;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:15px;line-height:1.8;margin:0;max-width:540px}.history-empty-actions{display:flex;gap:10px;margin-top:8px}.history-action-button{background:#1f1f1a;border:0;border-radius:999px;color:#fff;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:14px;font-weight:700;height:46px;min-width:180px;padding:0 18px;transition:transform .18s ease,background-color .18s ease}.history-action-button:hover{background:#161612;transform:translateY(-1px)}.history-stone,.history-wave{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.history-wave{opacity:.28}.history-wave--top{right:-9%;top:4%;transform:rotate(-5deg);width:min(820px,54vw)}.history-wave--bottom{bottom:-8%;left:-11%;transform:rotate(7deg) scaleX(-1);width:min(920px,62vw)}.history-stone--left{left:2.2%;top:11%;width:84px}.history-stone--right{bottom:7%;right:3%;width:120px}@media (max-width:1180px){.history-shell{grid-template-columns:1fr;min-height:auto}.history-aside{order:1}.history-board{min-height:620px;order:2}.history-character-card{min-height:260px}.history-character{width:220px}}@media (max-width:760px){.history-stage{padding:18px 14px 24px}.history-aside,.history-board,.history-empty-card,.history-record-card{border-radius:24px}.history-aside,.history-board{padding:18px}.history-record-grid,.history-summary-grid{grid-template-columns:1fr}.history-record-headline,.history-record-top{flex-direction:column}.history-record-order{font-size:28px}.history-record-original{font-size:24px}.history-character{bottom:auto;left:auto;margin-top:10px;position:relative;width:170px}.history-character-bubble{min-height:auto;width:100%}.history-character-bubble:after{display:none}.history-wave--top{right:-34vw;width:110vw}.history-wave--bottom{left:-42vw;width:120vw}.history-stone--left,.history-stone--right{width:72px}}.journey-page{background-color:#f3efe3;background-position:top;background-repeat:repeat-y;background-size:100% auto;height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;width:100%}.journey-panel{height:100vh;overflow:hidden;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.hero-panel .hero-section{height:100%;width:100%}.map-panel{background:#0000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.map-panel,.map-panel-inner{align-items:center;width:100%}.map-panel-inner{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;justify-items:center;padding-bottom:clamp(12px,2.2vh,28px);padding-top:clamp(12px,2.2vh,28px)}.map-page-factor{-webkit-user-drag:none;display:block;filter:drop-shadow(0 14px 20px rgba(31,31,28,.08));height:auto;margin-bottom:clamp(4px,1vh,12px);pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(96px,10vw,168px)}.team-panel{background:#0000}.team-panel,.team-panel-inner{align-items:center;display:flex;justify-content:center}.team-panel-inner{width:100%}.team-card{aspect-ratio:960/133;background:#d2d2d2db;border:2px solid #1f1f1c38;border-radius:clamp(14px,1.8vw,24px);box-sizing:border-box;color:#1f1f1c9e;display:flex;flex-direction:column;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;gap:clamp(12px,1.4vw,22px);justify-content:center;padding:0 clamp(28px,4vw,70px);width:min(80vw,960px)}.team-card-row{align-items:center;display:grid;font-size:clamp(13px,1.15vw,17px);grid-template-columns:1fr 1fr 1fr;letter-spacing:-.03em}.team-card-support{grid-column:2/4;justify-self:end}@media (prefers-reduced-motion:reduce){.journey-page{scroll-behavior:auto}}@media (max-width:768px){.map-panel-inner{padding-bottom:20px;padding-top:16px}.map-page-factor{margin-bottom:8px;width:104px}.team-card{border-radius:16px;padding:0 24px;width:86vw}.team-card-row{font-size:12px}}.map-section{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.map-nav-button{background:#faf6edf0;border:1px solid #1f1f1c24;border-radius:999px;box-shadow:0 16px 24px #1b150d1a;color:#171713;cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,2.6vw,40px);height:clamp(44px,4vw,64px);line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;width:clamp(44px,4vw,64px);z-index:3}.map-nav-button:hover{background:#fffcf4fa;box-shadow:0 18px 28px #1b150d24;transform:translateY(-50%) scale(1.04)}.map-nav-button:focus-visible{outline:2px solid #2a4071cc;outline-offset:4px}.map-nav-button--prev{left:clamp(4px,1.2vw,18px)}.map-nav-button--next{right:clamp(4px,1.2vw,18px)}.map-stage{background:#0000;height:min(72vh,46.4vw);margin:0 auto;overflow:visible;position:relative;width:80vw}.map-page-indicator{align-items:center;background:#f8f4ece6;border:1px solid #1f1f1c1f;border-radius:999px;color:#1f1f1cb3;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:13px;font-weight:700;height:34px;justify-content:center;min-width:74px;padding:0 14px;position:absolute;right:clamp(10px,1.6vw,22px);top:clamp(10px,1.3vw,18px);z-index:2}.map-wave-image{-webkit-user-drag:none;display:block;height:100%;object-fit:fill;object-position:center center;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.map-step-list,.map-wave-image{inset:0;pointer-events:none;position:absolute}.map-step-list{z-index:2}.map-step-marker{align-items:center;aspect-ratio:1/1;background:#0000;border:0;cursor:pointer;display:flex;justify-content:center;left:var(--x);margin:0;max-width:76px;min-width:36px;padding:0;pointer-events:auto;position:absolute;top:var(--y);transform:translate(-50%,-50%);transition:transform .18s ease;width:6.34%}.map-step-marker:before{background:#0000;border-radius:999px;box-shadow:none;content:"";inset:12%;position:absolute;transition:background .18s ease,box-shadow .18s ease;z-index:0}.map-step-marker.is-solved:before{background:radial-gradient(circle at 30% 30%,#b5dca9f2,#6c9f70e0);box-shadow:0 8px 18px #496e4a47,inset 0 1px 0 #ffffffb8}.map-step-marker.is-current:before{background:radial-gradient(circle at 30% 30%,#ffedb5f5,#d5ad52e6);box-shadow:0 8px 18px #7a591d3d,inset 0 1px 0 #ffffffb8}.map-step-icon{display:block;height:100%;inset:0;object-fit:contain;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.map-step-solved-badge{background:#1c4d2eeb;border-radius:999px;box-shadow:0 8px 16px #1c4d2e33;color:#fff;display:inline-flex;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(9px,.72vw,11px);font-weight:800;height:22px;letter-spacing:-.04em;min-width:22px;padding:0 6px;position:absolute;right:-6%;top:-8%;z-index:3}.map-step-label,.map-step-solved-badge{align-items:center;justify-content:center}.map-step-label{font-feature-settings:"tnum";color:#11110f;display:flex;font-family:NanumGothic,Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:clamp(14px,1.55vw,24px);font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.06em;line-height:1;max-width:78%;pointer-events:none;position:relative;text-align:center;text-shadow:0 1px 0 #ffffffbf,0 -1px 0 #ffffffa6,1px 0 0 #ffffffa6,-1px 0 0 #ffffffa6,0 2px 4px #00000029;white-space:nowrap;z-index:2}.map-step-marker.is-solved .map-step-label{color:#14311d;text-shadow:0 1px 0 #ffffffd1,0 2px 6px #203d202e}.map-step-marker.is-current .map-step-label{color:#5b3e10}.map-step-label.is-two-digits{font-size:clamp(12px,1.35vw,20px);letter-spacing:-.08em}.map-step-label.is-three-digits{font-size:clamp(10px,1.05vw,16px);letter-spacing:-.1em}.map-step-marker:hover{transform:translate(-50%,-50%) scale(1.06)}.map-step-marker:focus-visible{border-radius:999px;outline:2px solid #2a4071cc;outline-offset:4px}@media (max-width:1599px){.map-stage{height:min(72vh,48vw);width:80vw}}@media (min-width:1600px){.map-stage{height:min(68vh,41.6vw);width:80vw}}@media (min-width:2000px){.map-stage{height:min(66vh,38.4vw);width:80vw}}@media (max-width:768px){.map-nav-button{font-size:28px;height:42px;width:42px}.map-nav-button--prev{left:0}.map-nav-button--next{right:0}.map-stage{height:min(68vh,67.5vw);width:90vw}.map-page-indicator{font-size:12px;height:30px;min-width:66px;padding:0 12px;right:8px;top:8px}.map-step-solved-badge{font-size:8px;height:18px;min-width:18px;padding:0 5px}.map-step-label{font-size:clamp(12px,3.5vw,18px)}}.problem-page{background-color:#f3efe3;background-position:top;background-repeat:repeat-y;background-size:100% auto;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:hidden}.problem-header{flex:0 0 clamp(72px,6.4vw,108px);height:clamp(72px,6.4vw,108px);overflow:hidden;position:relative;width:100%}.problem-header-image{display:block;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.problem-header-overlay{inset:0;position:absolute}.problem-stage{box-sizing:border-box;flex:1 1 auto;gap:clamp(10px,1.8vh,18px);min-height:0;overflow:hidden;padding:clamp(14px,2.2vh,26px) clamp(24px,7.2vw,92px) clamp(16px,2.8vh,28px)}.problem-copy-block,.problem-stage{display:flex;flex-direction:column;position:relative}.problem-copy-block{align-items:center;flex:0 0 auto;gap:8px;margin-bottom:0;z-index:1}.problem-step-chip{align-items:center;background:#f7f5eeb8;border:1px solid #1f1f1c2e;border-radius:999px;color:#1f1f1cb8;display:inline-flex;font-size:14px;font-weight:700;height:34px;justify-content:center;min-width:88px;padding:0 16px}.problem-heading,.problem-step-chip{font-family:Pretendard,Noto Sans KR,sans-serif}.problem-heading{color:#11110f;font-size:clamp(22px,3.4vw,42px);font-weight:600;letter-spacing:-.045em;line-height:1.2;margin:0;text-align:center}.problem-scene{grid-gap:clamp(18px,4vw,48px);align-items:end;display:grid;flex:0 0 auto;gap:clamp(18px,4vw,48px);grid-template-columns:minmax(200px,270px) minmax(360px,1fr);margin:0 auto;position:relative;width:min(100%,1020px);z-index:1}.problem-scene.is-arrange-phase{align-items:center;margin-bottom:0}.problem-character-column{align-items:flex-end;display:flex;justify-content:center}.problem-character{display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.14));height:auto;pointer-events:none;transform-origin:center bottom;transition:transform .26s ease,filter .26s ease,opacity .26s ease;-webkit-user-select:none;user-select:none;width:min(100%,220px)}.problem-character.is-uncorrect{filter:drop-shadow(0 14px 20px rgba(0,0,0,.18));transform:translateY(-4px) scale(1.02)}.problem-character.is-angry{filter:drop-shadow(0 16px 24px rgba(0,0,0,.2));transform:translateY(-6px) scale(1.035)}.problem-character.is-relax{filter:drop-shadow(0 12px 18px rgba(0,0,0,.14));transform:translateY(-2px) scale(1.015)}.problem-dialogue-stack{display:flex;flex-direction:column;gap:14px;padding-bottom:0}.problem-dialogue-stack--single{justify-content:center;padding-bottom:0}.problem-dialogue-bubble{align-items:center;background:#d6d6d6db;border:1px solid #1f1f1c2e;border-radius:22px;box-shadow:0 16px 28px #00000014;display:flex;min-height:88px;padding:20px 24px;position:relative;transition:opacity .24s ease,transform .24s ease}.problem-dialogue-bubble--1{max-width:640px}.problem-dialogue-bubble--1:before{background:#d6d6d6db;border-bottom:1px solid #1f1f1c2e;border-left:1px solid #1f1f1c2e;bottom:28px;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";height:28px;left:-22px;position:absolute;width:28px}.problem-dialogue-bubble--2{margin-left:clamp(12px,2vw,28px);max-width:600px}.problem-dialogue-bubble--3{margin-left:clamp(28px,5vw,72px);max-width:500px}.problem-dialogue-bubble--arrange{max-width:min(100%,680px);min-height:92px}.problem-dialogue-bubble--typing{min-height:104px}.problem-dialogue-bubble--arrange:before{background:inherit;border-bottom:1px solid #1f1f1c2e;border-left:1px solid #1f1f1c2e;bottom:28px;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";height:28px;left:-22px;position:absolute;width:28px}.problem-dialogue-bubble--arrange.is-warning{background:#ded6d2f0;border-color:#71422a3d}.problem-dialogue-bubble--arrange.is-positive{background:#dce2d6f0;border-color:#45623e3d}.problem-dialogue-bubble.is-hidden{opacity:.34;transform:translateY(10px)}.problem-dialogue-bubble.is-visible{opacity:1;transform:translateY(0)}.problem-dialogue-text{color:#1b1a18;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(16px,1.85vw,28px);font-weight:500;letter-spacing:-.045em;line-height:1.5;margin:0}.problem-dialogue-bubble--1 .problem-dialogue-text{font-size:clamp(18px,2.3vw,34px);font-weight:600}.problem-dialogue-text--arrange{font-size:clamp(20px,2.25vw,32px);font-weight:600;line-height:1.45}.problem-dialogue-text--typing{white-space:pre-line}.problem-dialogue-cursor{animation:problem-dialogue-cursor-blink .9s steps(1) infinite;background:currentColor;display:inline-block;height:1em;margin-left:.08em;vertical-align:-.12em;width:.08em}.problem-arrange-panel{flex:0 0 auto;margin:0 auto;position:relative;width:min(100%,940px);z-index:1}.problem-arrange-caption{color:#1f1f1cb8;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(14px,1.2vw,18px);font-weight:500;letter-spacing:-.03em;line-height:1.45;margin:0 0 12px;text-align:center}.problem-arrange-sentence{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;width:min(100%,820px)}.problem-arrange-fill,.problem-arrange-fixed{color:#11110f;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(24px,2.8vw,42px);font-weight:500;letter-spacing:-.055em;line-height:1.2}.problem-arrange-fill{border-bottom:2px solid #1f1f1ce0;min-height:1.4em;min-width:clamp(240px,30vw,480px);padding:0 6px 6px;text-align:left}.problem-arrange-fill--full{width:min(100%,780px)}.problem-arrange-fill.is-empty{color:#1f1f1c57}.problem-arrange-fill.has-content{color:#11110f}.problem-arrange-bank{display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:center;margin:16px auto 0;width:min(100%,720px)}.problem-reset-button,.problem-word-button{background:#fff3;border:1px solid #1f1f1c42;border-radius:12px;color:#11110f;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(18px,1.45vw,24px);font-weight:500;height:48px;letter-spacing:-.045em;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease}.problem-word-button{cursor:pointer;min-width:98px;padding:0 18px}.problem-reset-button:hover:not(:disabled),.problem-word-button:hover:not(:disabled){background:#ffffff4d;border-color:#1f1f1c6b;transform:translateY(-1px)}.problem-reset-button:disabled,.problem-word-button.is-used,.problem-word-button:disabled{cursor:not-allowed;opacity:.28;transform:none}.problem-arrange-actions{display:flex;justify-content:center;margin-top:12px}.problem-reset-button{cursor:pointer;min-width:120px;padding:0 18px}.problem-reset-button:focus-visible,.problem-word-button:focus-visible{outline:2px solid #2a4071b8;outline-offset:3px}.problem-typing-panel{flex:0 0 auto;margin:0 auto;position:relative;width:min(100%,940px);z-index:1}.problem-typing-caption{color:#1f1f1cb8;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(14px,1.15vw,18px);font-weight:500;letter-spacing:-.03em;line-height:1.45;margin:0 0 10px;text-align:center}.problem-typing-field{display:flex;flex-direction:column;gap:8px;margin:0 auto;width:min(100%,800px)}.problem-typing-label{color:#1f1f1cc7;font-size:15px;font-weight:700}.problem-typing-input,.problem-typing-label{font-family:Pretendard,Noto Sans KR,sans-serif}.problem-typing-input{background:#ffffff42;border:1px solid #1f1f1c3d;border-radius:18px;box-sizing:border-box;color:#11110f;font-size:clamp(18px,1.6vw,24px);font-weight:500;letter-spacing:-.045em;line-height:1.55;min-height:128px;padding:16px 18px;resize:vertical;width:100%}.problem-typing-input::placeholder{color:#1f1f1c5c}.problem-typing-input:focus{border-color:#2a407173;box-shadow:0 0 0 4px #2a407114;outline:none}.problem-typing-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:10px auto 0;width:min(100%,800px)}.problem-typing-status{color:#1f1f1cad;flex:1 1;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(14px,1.1vw,17px);font-weight:500;letter-spacing:-.03em;line-height:1.55;margin:0}.problem-typing-status.is-correct{color:#336330eb}.problem-reset-button--typing{flex:0 0 auto}.problem-reset-button--typing:focus-visible,.problem-typing-input:focus-visible{outline:2px solid #2a4071b8;outline-offset:3px}.problem-next-button{align-self:flex-end;background:#ffffff2e;border:1px solid #1f1f1c5c;border-radius:18px;color:#11110f;cursor:pointer;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:clamp(22px,2.1vw,32px);font-weight:500;height:68px;letter-spacing:-.05em;margin-top:auto;min-width:180px;position:static;transition:opacity .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease}.problem-next-button:hover:not(:disabled){background:#ffffff4d;border-color:#1f1f1c7a;transform:translateY(-2px)}.problem-next-button:disabled{cursor:not-allowed;opacity:.35}.problem-next-button:focus-visible{outline:2px solid #2a4071b8;outline-offset:4px}.problem-stone{filter:drop-shadow(0 10px 18px rgba(0,0,0,.12));pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.problem-stone--top-right{right:clamp(24px,8vw,88px);top:clamp(86px,16vh,134px);width:clamp(46px,4vw,72px)}.problem-stone--mid-right{right:clamp(34px,7vw,96px);top:42%;width:clamp(44px,4vw,64px)}.problem-stone--bottom-left{bottom:clamp(78px,12vh,140px);left:clamp(10px,1.4vw,22px);width:clamp(68px,6vw,118px)}.problem-stone--bottom-right{bottom:clamp(8px,1.5vh,18px);right:clamp(12px,1.8vw,24px);width:clamp(84px,7vw,132px)}@keyframes problem-dialogue-cursor-blink{0%,48%{opacity:1}52%,to{opacity:0}}@media (max-width:1024px){.problem-stage{padding-bottom:16px;padding-top:14px}.problem-scene{gap:18px;grid-template-columns:minmax(180px,220px) minmax(320px,1fr)}.problem-scene.is-arrange-phase{gap:14px}.problem-dialogue-bubble{min-height:80px;padding:18px 20px}.problem-arrange-fill{min-width:clamp(220px,26vw,400px)}.problem-reset-button,.problem-word-button{font-size:18px;height:44px}.problem-next-button{height:60px;min-width:166px}}@media (max-width:768px){.problem-stage{gap:10px;padding:12px 16px 14px}.problem-copy-block{gap:6px}.problem-step-chip{font-size:12px;height:30px;min-width:72px}.problem-heading{font-size:24px}.problem-scene{gap:12px;grid-template-columns:1fr}.problem-scene.is-arrange-phase{gap:10px}.problem-character-column{justify-content:flex-start;padding-left:14px}.problem-character{width:min(38vw,150px)}.problem-dialogue-stack{gap:10px}.problem-dialogue-bubble{border-radius:18px;min-height:0;padding:14px 16px 14px 18px}.problem-dialogue-bubble--1:before{bottom:22px;height:22px;left:-18px;width:22px}.problem-dialogue-bubble--1,.problem-dialogue-bubble--2,.problem-dialogue-bubble--3,.problem-dialogue-bubble--arrange,.problem-dialogue-bubble--typing{margin-left:0;max-width:none}.problem-dialogue-bubble--arrange:before{bottom:22px;height:22px;left:-18px;width:22px}.problem-dialogue-bubble--1 .problem-dialogue-text,.problem-dialogue-text,.problem-dialogue-text--arrange{font-size:16px;line-height:1.4}.problem-arrange-caption{font-size:13px;margin-bottom:10px}.problem-arrange-sentence{gap:8px;justify-content:flex-start}.problem-arrange-fill,.problem-arrange-fixed{font-size:22px}.problem-arrange-fill{border-bottom-width:2px;min-width:calc(100% - 72px);padding-bottom:4px}.problem-arrange-bank{gap:8px 10px;justify-content:flex-start;margin-top:12px}.problem-reset-button,.problem-word-button{border-radius:12px;font-size:16px;height:40px;min-width:90px;padding:0 14px}.problem-arrange-actions{justify-content:flex-start;margin-top:10px}.problem-typing-caption{font-size:13px;margin-bottom:8px;text-align:left}.problem-typing-field{gap:8px}.problem-typing-label{font-size:13px}.problem-typing-input{border-radius:16px;font-size:15px;line-height:1.5;min-height:104px;padding:12px 14px 14px}.problem-typing-actions{align-items:flex-start;flex-direction:column;gap:8px;margin-top:8px}.problem-typing-status{font-size:13px}.problem-next-button{font-size:20px;height:54px;margin-top:auto;min-width:0;width:100%}.problem-stone--top-right{right:18px;top:76px;width:48px}.problem-stone--mid-right{right:8px;top:41%;width:42px}.problem-stone--bottom-left{bottom:96px;left:4px;width:72px}.problem-stone--bottom-right{bottom:14px;right:4px;width:92px}}
/*# sourceMappingURL=main.e4d1ba97.css.map*/