*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#f4f6fb;font-family:Inter,Arial,sans-serif;height:100%}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:#0000}.custom-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a5b4fc,#6366f1);border-radius:999px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#4f46e5}.custom-scroll{scrollbar-color:#6366f1 #0000;scrollbar-width:thin}.sidebar-menu-scroll{scrollbar-color:#475569e0 #0000;scrollbar-width:thin}.sidebar-menu-scroll::-webkit-scrollbar{width:6px}.sidebar-menu-scroll::-webkit-scrollbar-track{background:#0000}.sidebar-menu-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569f5,#334155eb);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.sidebar-menu-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748bf5,#475569f0);background-clip:padding-box}a{color:inherit;text-decoration:none}button{font-family:inherit}body{overflow:auto}canvas,iframe,img,video{max-width:100%}@media (max-width:767px){input,select,textarea{font-size:16px}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.comic-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08142e8f;display:flex;inset:0;justify-content:center;padding:8px;position:fixed;z-index:120}.comic-shell{--comic-scale:1;--speech-scale:1;background:#1b4276;border:2px solid #10366a;border-radius:18px;box-shadow:0 16px 44px #00000052;display:grid;font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;grid-template-rows:70px minmax(0,1fr) 56px;height:calc(100dvh - 16px);overflow:hidden;width:min(1536px,calc(100vw - 16px))}.comic-shell-desktop-compact{--comic-scale:0.67;--speech-scale:0.74626866}.comic-shell-content{display:grid;grid-row:1/-1;grid-template-rows:inherit;height:calc(100%/var(--comic-scale));min-height:0;transform:scale(var(--comic-scale));transform-origin:top left;width:calc(100%/var(--comic-scale))}.comic-header{background:#1b4276;border-bottom:2px solid #ffffff1f;justify-content:space-between;padding:0 14px}.comic-header,.comic-header-left{align-items:center;display:flex;gap:12px}.comic-header-left{min-width:0}.comic-brand{align-items:center;color:#f8fafc;display:inline-flex;justify-content:center}.comic-header-separator{color:#ffffff80;font-size:14px}.comic-title{color:#f8fafc;font-size:clamp(24px,2.1vw,42px);font-weight:900;letter-spacing:.01em;line-height:1;margin:0;white-space:nowrap}.comic-header-star{color:#ffd84d}.comic-window-controls{gap:6px}.comic-window-controls,.window-btn{align-items:center;display:inline-flex}.window-btn{background:#091b3ad9;border:1px solid #fff3;border-radius:8px;color:#f8fafc;height:32px;justify-content:center;width:32px}.comic-main{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(0,2fr) 390px;min-height:0;padding:0 4px 3px}.comic-left-column{grid-gap:6px;display:grid;gap:6px;grid-template-rows:minmax(0,1fr) 156px;min-height:0;min-width:0}.comic-left-card{background:#f0ead6;border:2px solid #0f3363;border-radius:12px;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.scene-chip-row{align-items:stretch;border-bottom:2px solid #111827;display:flex;height:56px}.scene-number-chip{background:#ffd72e;border-right:2px solid #111827;justify-content:center;width:72px}.scene-number-chip,.scene-title-chip{align-items:center;color:#111827;display:inline-flex;font-size:44px;font-weight:900}.scene-title-chip{background:#f7f2e1;letter-spacing:.01em;min-width:176px;padding:0 18px}.comic-image-stage{background:#e8dec3;flex:1 1;min-height:0;position:relative}.scene-layer{inset:0;position:absolute}.scene-background{z-index:1}.comic-dialog-area{inset:0;position:absolute}.scene-characters{pointer-events:none;z-index:2}.scene-dialog-layer{pointer-events:none;z-index:3}.comic-scene-image{height:100%;object-fit:cover;width:100%}.speech-bubble{align-items:center;animation:bubblePop .3s ease;background:#f2f4f8;border:3px solid #1b2434;border-radius:28px;box-shadow:0 8px 16px #0f172a24;display:flex;flex-direction:column;justify-content:center;min-height:188px;padding:20px 24px 18px;pointer-events:auto;position:absolute;transform:scale(var(--speech-scale));transform-origin:top left;width:min(496px,30%);z-index:3}.bubble-main{color:#111827;font-size:clamp(33px,2.53vw,56.1px);font-weight:900;line-height:1.12;margin:0;text-align:center}.bubble-sub{color:#1f2937;font-size:clamp(27.83px,1.96075vw,43.01px);line-height:1.14;margin:8px 0 0;text-align:center}.bubble-avatar{border:2px solid #bfdbfe;border-radius:10px;height:34px;object-fit:cover;position:absolute;top:14px;width:34px}.bubble-avatar-left{left:14px}.bubble-avatar-right{right:14px}.speech-bubble-right{left:0;top:11.5%}.speech-bubble-right:after{border-bottom:10px solid #0000;border-left:16px solid #f2f4f8;border-top:10px solid #0000;content:"";filter:drop-shadow(2px 0 0 #1b2434);position:absolute;right:-16px;top:57%;transform:translateY(-50%)}.speech-bubble-left{left:2%;top:57.2%}.speech-bubble-left:after{border-bottom:10px solid #0000;border-right:16px solid #f2f4f8;border-top:10px solid #0000;content:"";filter:drop-shadow(-2px 0 0 #1b2434);left:-16px;position:absolute;top:57%;transform:translateY(-50%)}.user-mini-bubble{background:#f1f5f9;border:2px solid #1b2434;border-radius:18px;bottom:3.2%;box-shadow:0 6px 14px #0206172e;left:50%;min-width:56px;padding:7px 13px;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:4}@media (min-width:1700px){.speech-bubble{min-height:196px}}@media (max-width:1367px){.speech-bubble{min-height:130px}.user-mini-bubble{bottom:2.4%}}.user-mini-bubble p{color:#0ea54f;font-size:25.3px;font-weight:900;margin:0;text-align:center}.comic-sidebar{display:flex;flex-direction:column;gap:6px;min-height:0}.sidebar-card{background:#f7f4eb;border:2px solid #d6b552;border-radius:16px;box-shadow:0 6px 16px #0f172a14;padding:10px 12px}.sidebar-title{color:#111827;font-size:clamp(18px,1.25vw,28px);font-weight:900;line-height:1.1;margin:0 0 8px}.sidebar-title.center{text-align:center}.dialogue-head{align-items:center;display:flex;gap:10px;margin-bottom:2px}.dialogue-head .sidebar-title{margin-bottom:0}.dialogue-icon{color:#356ab8}.hint-icon{color:#f1bf2e}.score-star{color:#f7c83c}.sidebar-text{color:#1f2937;font-size:clamp(15.18px,1.20175vw,24.035px);font-weight:700;line-height:1.24;margin:0}.sidebar-highlight{color:#1ea650;font-weight:900;margin-top:4px}.sidebar-progress-track{background:#d6d6d6;border-radius:999px;height:20px;overflow:hidden;width:100%}.sidebar-progress-fill{background:linear-gradient(90deg,#289e49,#38b35b);border-radius:999px;height:100%}.voice-card{display:flex;flex-direction:column;gap:2px}.mic-primary-btn{align-items:center;animation:micPulse 1.8s ease-in-out infinite;background:linear-gradient(180deg,#3568b7,#2a5ca8);border:6px solid #7ab9ff;border-radius:50%;box-shadow:0 14px 26px #2563eb47;color:#fff;display:flex;height:116px;justify-content:center;margin:8px auto 6px;width:116px}.answer-form{display:flex;flex-direction:column;gap:6px}.answer-input{border:2px solid #cbd5e1;border-radius:12px;font-size:12px;padding:8px 10px;width:100%}.answer-submit-btn{align-items:center;background:#2f9e44;border:none;border-radius:12px;color:#f8fafc;display:inline-flex;font-size:12px;font-weight:800;gap:8px;justify-content:center;padding:8px 10px}.answer-submit-btn:disabled{opacity:.55}.status-text{color:#1f2937;font-size:clamp(13.915px,1.20175vw,21.505px);font-weight:700;margin:6px 0 3px;text-align:center}.dots-row{display:flex;gap:6px;justify-content:center;margin-bottom:2px}.dot{background:#d1d5db;border-radius:50%;height:8px;width:8px}.dot-active{background:#1ca84f}.score-text{color:#111827;font-size:clamp(22.77px,1.518vw,32.89px);font-weight:900;margin:0}.comic-feedback-panel{background:#f7f4eb;border:2px solid #d6b552;border-radius:16px;box-shadow:0 10px 20px #0f172a14;padding:10px 14px}.feedback-head{align-items:center;color:#111827;display:inline-flex;font-size:clamp(14px,1vw,20px);font-weight:900;gap:10px;margin-bottom:6px}.feedback-head-icon{color:#f4c63d;height:18px;width:18px}.feedback-body{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.feedback-title{color:#1f9f48;font-size:clamp(30px,2.1vw,42px);font-weight:900;line-height:1;margin:0}.feedback-title-error{color:#b91c1c}.feedback-detail{color:#111827;font-size:clamp(17.71px,1.265vw,25.3px);font-weight:900;line-height:1.2;margin:6px 0 0}.next-scene-btn{background:linear-gradient(180deg,#3dac52,#289c44);border:none;border-radius:16px;color:#f8fafc;font-size:clamp(20px,1.4vw,28px);font-weight:900;padding:10px 16px;white-space:nowrap}.next-scene-btn-disabled{opacity:.6}.comic-footer{align-items:center;background:#1b4276;border-top:2px solid #ffffff1a;display:flex;gap:10px;padding:0 10px}.footer-btn{background:#2f5f9e;border:none;border-radius:12px;color:#f8fafc;font-size:clamp(14px,.95vw,18px);font-weight:900;padding:8px 14px}.footer-motivation{color:#f8fafc;flex:1 1;font-size:clamp(17.71px,1.20175vw,25.3px);font-weight:800;text-align:center}.footer-sound-pill{align-items:center;background:#2f5f9e;border-radius:12px;color:#f8fafc;display:inline-flex;font-size:clamp(14px,.95vw,18px);font-weight:900;gap:8px;padding:8px 12px}@keyframes micPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes bubblePop{0%{opacity:.88;transform:scale(calc(var(--speech-scale)*.96))}to{opacity:1;transform:scale(var(--speech-scale))}}@media (max-width:1280px){.comic-shell{grid-template-rows:66px minmax(0,1fr) 56px;height:calc(100dvh - 10px)}.comic-main{gap:6px;grid-template-columns:minmax(0,1fr) 320px;padding:0 4px 4px}.comic-left-column{gap:6px;grid-template-rows:minmax(0,1fr) 144px}.scene-number-chip{font-size:38px}.scene-title-chip{font-size:36px}.feedback-title{font-size:clamp(34px,2.2vw,46px)}.next-scene-btn{font-size:clamp(24px,1.5vw,32px);padding:12px 18px}}@media (max-width:980px){.comic-shell{grid-template-rows:66px minmax(0,1fr) 70px}.comic-main{gap:8px;grid-template-columns:1fr;padding:6px}.comic-left-column{grid-template-rows:minmax(0,1fr) 148px}.comic-sidebar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-card{padding:12px}.comic-footer{flex-wrap:wrap;height:auto;justify-content:center;padding:8px}.footer-motivation{order:3;width:100%}}
/*# sourceMappingURL=main.8c1a5d39.css.map*/