[data-kcea-loader] .kcea-stage { min-height: 476px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 24px 14px 18px; box-sizing: border-box; }
[data-kcea-loader] .kcea-surface { --kcea-navy: #1d344d; --kcea-teal: #00aaa7; --kcea-green: #80bd20; --kcea-orange: #f47708; --kcea-paper: #faf8f1; --kcea-cycle: 2s; --kcea-type: 18px; color-scheme: light; width: min(100%, 430px); min-height: 365px; border: 1px solid #e4e7df; border-radius: 24px; background: var(--kcea-paper); color: var(--kcea-navy); box-sizing: border-box; font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; overflow: hidden; }
[data-kcea-loader] .kcea-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 23px 16px; border-bottom: 1px solid #e9e9de; gap: 14px; }
[data-kcea-loader] .kcea-header span { font-size: 13px; line-height: 1.5; font-weight: 500; }
[data-kcea-loader] .kcea-header small { font-size: 12px; line-height: 1.5; color: #61717a; }
[data-kcea-loader] .kcea-content { display: flex; min-height: 300px; flex-direction: column; align-items: center; justify-content: center; padding: 20px 20px 28px; box-sizing: border-box; }
[data-kcea-loader] .kcea-status { text-align: center; font-size: var(--kcea-type); font-weight: 500; line-height: 1.65; margin: 24px 0 0; word-break: keep-all; }
[data-kcea-loader] .kcea-book-scene { width: 190px; height: 158px; position: relative; perspective: 650px; }
[data-kcea-loader] .kcea-book { position: absolute; left: 20px; top: 36px; width: 150px; height: 100px; transform: rotate(-5deg); transform-style: preserve-3d; }
[data-kcea-loader] .kcea-book-cover { position: absolute; inset: 0; border-radius: 7px 7px 12px 12px; background: var(--kcea-navy); box-shadow: 0 8px 0 -3px #e4e9e4; }
[data-kcea-loader] .kcea-book-left, [data-kcea-loader] .kcea-book-right { position: absolute; top: 6px; bottom: 7px; width: 68px; background: #fffdf7; }
[data-kcea-loader] .kcea-book-left { left: 6px; border-radius: 4px 11px 0 5px; }
[data-kcea-loader] .kcea-book-right { right: 6px; border-radius: 11px 4px 5px 0; }
[data-kcea-loader] .kcea-book-left::before, [data-kcea-loader] .kcea-book-right::before { content: ''; position: absolute; inset: 22px 12px auto; height: 3px; background: #c9d9d5; border-radius: 2px; box-shadow: 0 12px #c9d9d5, 0 24px #c9d9d5; }
[data-kcea-loader] .kcea-turn-page { position: absolute; left: 75px; top: 7px; width: 67px; height: 85px; background: var(--kcea-teal); border-radius: 2px 5px 6px 0; transform-origin: 0 50%; transform: rotateY(-25deg); transform-style: preserve-3d; box-shadow: 1px 0 2px #1d344d20; }
[data-kcea-loader] .kcea-turn-page::before { content: ''; position: absolute; top: 22px; left: 12px; right: 12px; height: 3px; border-radius: 2px; background: #ffffff80; box-shadow: 0 12px #ffffff80, 0 24px #ffffff80; }
[data-kcea-loader] .kcea-book-shadow { position: absolute; bottom: 0; left: 29px; width: 140px; height: 11px; border-radius: 50%; background: #1d344d0c; }
[data-kcea-loader] .kcea-check { width: 36px; height: 36px; border-radius: 50%; background: var(--kcea-orange); display: flex; align-items: center; justify-content: center; }
[data-kcea-loader] .kcea-check::after { content: ''; width: 9px; height: 16px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; transform: translateY(-2px) rotate(45deg); }
[data-kcea-loader] .kcea-book-check { position: absolute; right: 3px; top: 11px; opacity: 0; transform: scale(.6); }
[data-kcea-loader] .kcea-surface[data-state='done'] .kcea-book-check { opacity: 1; transform: scale(1); transition: opacity .15s, transform .15s; }
[data-kcea-loader] .kcea-surface[data-state='running'] .kcea-turn-page { animation: kcea-page-turn var(--kcea-cycle) ease-in-out infinite; }
[data-kcea-loader] .kcea-surface[data-state='running'] .kcea-book { animation: kcea-book-drift calc(var(--kcea-cycle) * 2) ease-in-out infinite; }
[data-kcea-loader] .kcea-logo-scene { width: min(100%, 294px); height: 180px; position: relative; display: flex; align-items: center; justify-content: center; }
[data-kcea-loader] .kcea-original-logo { display: block; width: 252px; max-width: calc(100% - 32px); height: auto; background: #fff; border-radius: 9px; }
[data-kcea-loader] .kcea-logo-dot { position: absolute; width: 8px; height: 8px; border-radius: 50%; }
[data-kcea-loader] .kcea-logo-dot:nth-of-type(1) { left: 0; top: 48px; background: var(--kcea-teal); }
[data-kcea-loader] .kcea-logo-dot:nth-of-type(2) { right: 0; top: 32px; background: var(--kcea-green); }
[data-kcea-loader] .kcea-logo-dot:nth-of-type(3) { right: 7px; bottom: 20px; background: var(--kcea-orange); }
[data-kcea-loader] .kcea-surface[data-state='running'] .kcea-logo-dot { animation: kcea-logo-float var(--kcea-cycle) ease-in-out infinite; }
[data-kcea-loader] .kcea-surface[data-state='running'] .kcea-logo-dot:nth-of-type(2) { animation-delay: -.65s; }
[data-kcea-loader] .kcea-surface[data-state='running'] .kcea-logo-dot:nth-of-type(3) { animation-delay: -1.3s; }
[data-kcea-loader] .kcea-journey { display: flex; width: 100%; align-items: center; justify-content: center; gap: 8px; margin: 14px 0 8px; }
[data-kcea-loader] .kcea-step { flex: 1 1 0; min-width: 0; height: 114px; border: 1px solid #dce6e1; border-radius: 15px; background: #fffdf8; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; transform: translateY(0); }
[data-kcea-loader] .kcea-step-symbol { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: #eaf1ed; color: var(--kcea-navy); font-size: 24px; line-height: 1; }
[data-kcea-loader] .kcea-step span:last-child { font-size: 14px; line-height: 1.5; white-space: nowrap; }
[data-kcea-loader] .kcea-arrow { flex: 0 0 12px; font-size: 16px; color: #84988e; }
[data-kcea-loader] .kcea-surface[data-state='running'] .kcea-step { animation: kcea-card-highlight 6s linear infinite; }
[data-kcea-loader] .kcea-surface[data-state='running'] .kcea-step.kcea-step-two { animation-delay: -4s; }
[data-kcea-loader] .kcea-surface[data-state='running'] .kcea-step.kcea-step-three { animation-delay: -2s; }
[data-kcea-loader] .kcea-surface[data-state='done'] .kcea-step { border-color: #b4dccc; background: #edf7ef; }
[data-kcea-loader] .kcea-surface[data-reduced='true'] * { animation: none !important; transition: none !important; }
[data-kcea-loader] [hidden] { display: none !important; }
@keyframes kcea-page-turn { 0%, 10% { transform: rotateY(0deg); opacity: 1; } 72%, 92% { transform: rotateY(-180deg); opacity: 1; } 100% { transform: rotateY(-180deg); opacity: 0; } }
@keyframes kcea-book-drift { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-4px) rotate(-2deg); } }
@keyframes kcea-logo-float { 0%, 100% { transform: translateY(0) scale(.85); opacity: .7; } 50% { transform: translateY(-9px) scale(1.1); opacity: 1; } }
@keyframes kcea-card-highlight { 0%, 2% { transform: translateY(0); background: #fffdf8; border-color: #dce6e1; } 8%, 29% { transform: translateY(-7px); background: #e0f5ee; border-color: #00aaa7; } 33.333%, 100% { transform: translateY(0); background: #fffdf8; border-color: #dce6e1; } }
@media (prefers-reduced-motion: reduce) { [data-kcea-loader] .kcea-surface * { animation: none !important; transition: none !important; } }
@media (max-width: 410px) { [data-kcea-loader] .kcea-stage { min-height: 476px; padding: 20px 9px 16px; } [data-kcea-loader] .kcea-header { padding: 17px 15px 14px; } [data-kcea-loader] .kcea-header small { display: none; } [data-kcea-loader] .kcea-content { padding: 20px 14px 26px; } [data-kcea-loader] .kcea-journey { gap: 4px; } [data-kcea-loader] .kcea-step { height: 106px; border-radius: 12px; } [data-kcea-loader] .kcea-step span:last-child { font-size: 12px; } [data-kcea-loader] .kcea-arrow { flex-basis: 9px; font-size: 12px; } }

[data-kcea-loader][hidden] { display: none !important; }



[data-kcea-loader] .refined-stage { min-height: 504px; padding: 22px 12px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; box-sizing: border-box; }
[data-kcea-loader] .kcea-surface.kcea-refined { --refined-cycle: 2.8s; --deck-cycle: 6.6s; --deck-offset: 55px; min-height: 398px; background: #fcfbf6; border-color: #e5e9df; border-radius: 24px; }
[data-kcea-loader] .kcea-refined .kcea-header { border-bottom: none; padding: 22px 24px 0; color: #50645d; }
[data-kcea-loader] .kcea-refined .kcea-header span { font-size: 12px; letter-spacing: .02em; }
[data-kcea-loader] .kcea-refined .kcea-header small { font-size: 11px; color: #66786e; }
[data-kcea-loader] .kcea-refined .kcea-content { min-height: 353px; padding: 12px 16px 26px; }
[data-kcea-loader] .kcea-refined .kcea-status { margin-top: 17px; font-size: 19px; line-height: 1.6; letter-spacing: -.03em; color: #263e39; }
[data-kcea-loader] .v2-book-scene { width: 286px; max-width: 100%; height: 226px; position: relative; perspective: 1100px; }
[data-kcea-loader] .v2-book-halo { position: absolute; width: 202px; height: 173px; left: 42px; top: 16px; border-radius: 50%; background: radial-gradient(ellipse at 45% 40%,#e6f2e8 0%,#f1f5e9 62%,#f1f5e900 73%); }
[data-kcea-loader] .v2-book-shadow { position: absolute; left: 53px; bottom: 23px; width: 181px; height: 19px; border-radius: 50%; background: radial-gradient(ellipse,#183e3625 0%,#183e3600 72%); }
[data-kcea-loader] .v2-book-float { position: absolute; inset: 0; transform-style: preserve-3d; }
[data-kcea-loader] .v2-book { position: absolute; width: 226px; height: 148px; left: 30px; top: 43px; transform: rotateX(28deg) rotateZ(-10deg); transform-style: preserve-3d; }
[data-kcea-loader] .v2-cover { position: absolute; inset: 3px 0 -5px; border-radius: 9px 10px 12px 10px; background: #254f5b; box-shadow: 0 5px 0 #15343e,0 7px 1px #15343e18; }
[data-kcea-loader] .v2-cover::after { content: ''; position: absolute; left: 111px; top: 4px; bottom: 0; width: 4px; background: #163b43; }
[data-kcea-loader] .v2-paper { position: absolute; top: 6px; width: 104px; height: 130px; box-sizing: border-box; }
[data-kcea-loader] .v2-paper-left { left: 8px; border-radius: 5px 14px 0 5px; background: linear-gradient(90deg,#fffef8 0%,#faf8ed 83%,#e2e3d8 100%); box-shadow: 0 2px 0 #dcddcf,0 4px 0 #fffef6,0 6px 0 #cdd4c7; }
[data-kcea-loader] .v2-paper-right { left: 113px; border-radius: 14px 5px 5px 0; background: linear-gradient(90deg,#d8ddce 0%,#f9f8ef 13%,#fffef8 85%); box-shadow: 0 2px 0 #dcddcf,0 4px 0 #fffef6,0 6px 0 #cdd4c7; }
[data-kcea-loader] .v2-page-content { position: absolute; top: 23px; left: 17px; right: 16px; display: flex; flex-direction: column; gap: 8px; }
[data-kcea-loader] .v2-page-content span { display: block; height: 3px; border-radius: 2px; background: #c9d7cb; width: 100%; }
[data-kcea-loader] .v2-page-content span:nth-child(2) { width: 82%; }
[data-kcea-loader] .v2-page-content span:nth-child(4) { width: 67%; }
[data-kcea-loader] .v2-page-content .v2-chapter-line { width: 38%; height: 5px; margin-bottom: 8px; background: #4e9e87; }
[data-kcea-loader] .v2-page-content .v2-page-block { width: 64%; height: 27px; margin: 0 0 4px; background: #dcece1; border-radius: 4px; }
[data-kcea-loader] .v2-book-spine { position: absolute; left: 110px; top: 13px; width: 4px; height: 128px; background: linear-gradient(90deg,#829b8540,#ffffff60); border-radius: 50%; }
[data-kcea-loader] .v2-ribbon { position: absolute; width: 13px; height: 46px; top: 112px; left: 179px; background: linear-gradient(90deg,#d98a39,#eda250); clip-path: polygon(0 0,100% 0,100% 100%,50% 85%,0 100%); transform: translateZ(1px); }
[data-kcea-loader] .v2-turn { position: absolute; left: 113px; top: 6px; width: 104px; height: 130px; transform-origin: left center; transform-style: preserve-3d; transform: rotateY(-18deg); }
[data-kcea-loader] .v2-turn-front, [data-kcea-loader] .v2-turn-back { position: absolute; inset: 0; border-radius: 3px 5px 5px 0; backface-visibility: hidden; box-sizing: border-box; }
[data-kcea-loader] .v2-turn-front { background: linear-gradient(90deg,#dcebe0 0%,#f8fcf4 18%,#fffef8 90%,#e2e9da 100%); box-shadow: 3px 2px 5px #1f4d3520; }
[data-kcea-loader] .v2-turn-back { transform: rotateY(180deg); background: linear-gradient(90deg,#fdfcf4 0%,#f7faef 80%,#dfe7d5 100%); box-shadow: -2px 2px 3px #2b4c3112; }
[data-kcea-loader] .v2-turn-front .v2-page-content { left: 18px; right: 15px; }
[data-kcea-loader] .v2-complete-badge { --icon-size: 22px; position: absolute; right: 14px; top: 22px; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #e99945; color: #fff; box-shadow: 0 4px 9px #b57b3021; opacity: 0; transform: scale(.8); }
[data-kcea-loader] .v2-complete-badge svg { width: 22px; height: 22px; stroke-width: 2.5; }
[data-kcea-loader] .kcea-refined[data-state='done'] .v2-complete-badge { opacity: 1; transform: scale(1); }
[data-kcea-loader] .kcea-refined[data-state='running'] .v2-turn { animation: kcea-v2-page-turn var(--refined-cycle) cubic-bezier(.45,0,.28,1) infinite; }
[data-kcea-loader] .kcea-refined[data-state='running'] .v2-book-float { animation: kcea-v2-book-float calc(var(--refined-cycle) * 2) ease-in-out infinite; }
[data-kcea-loader] .v2-deck-scene { width: 294px; max-width: 100%; height: 218px; position: relative; isolation: isolate; }
[data-kcea-loader] .v2-deck-glow { position: absolute; inset: 21px 20px 8px; background: radial-gradient(ellipse,#e9f1e4 0%,#eef3e800 70%); }
[data-kcea-loader] .v2-study-card { position: absolute; left: 50%; top: 13px; width: 150px; height: 185px; padding: 16px 18px 14px; box-sizing: border-box; border: 1px solid #d4e4d8; border-radius: 18px; background: #ffffff; box-shadow: 0 12px 21px -11px #244b3c47,0 3px 7px -4px #244b3c20; display: flex; flex-direction: column; align-items: center; transform-origin: 50% 92%; transform: translateX(-50%); z-index: 3; }
[data-kcea-loader] .v2-study-card[data-step='2'] { transform: translateX(calc(-50% + var(--deck-offset))) translateY(14px) rotate(11deg) scale(.91); opacity: .63; z-index: 1; }
[data-kcea-loader] .v2-study-card[data-step='3'] { transform: translateX(calc(-50% - var(--deck-offset))) translateY(14px) rotate(-11deg) scale(.91); opacity: .63; z-index: 1; }
[data-kcea-loader] .v2-card-heading { width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 11px; line-height: 1.5; font-weight: 500; letter-spacing: .07em; color: #71877a; }
[data-kcea-loader] .v2-card-heading small { width: 21px; height: 3px; background: #7cae94; border-radius: 2px; }
[data-kcea-loader] .v2-card-art { width: 90px; height: 90px; margin-top: 9px; position: relative; }
[data-kcea-loader] .v2-note { position: absolute; left: 12px; top: 5px; width: 58px; height: 73px; border: 1px solid #d6e5dc; border-radius: 7px; background: #f5faf6; box-shadow: 3px 4px 0 #e8f0e9; padding: 13px 9px; box-sizing: border-box; }
[data-kcea-loader] .v2-note-line { display: block; height: 3px; background: #acc6b7; border-radius: 2px; margin-bottom: 6px; width: 100%; }
[data-kcea-loader] .v2-note-line.short { width: 65%; }
[data-kcea-loader] .v2-choice { display: flex; align-items: center; gap: 5px; margin-top: 7px; }
[data-kcea-loader] .v2-choice::before { content: ''; width: 7px; height: 7px; box-sizing: border-box; border: 1px solid #8ab29b; border-radius: 50%; }
[data-kcea-loader] .v2-choice::after { content: ''; width: 23px; height: 3px; background: #c5d8cb; border-radius: 2px; }
[data-kcea-loader] .v2-choice.marked::before { background: #4e9c80; border-color: #4e9c80; }
[data-kcea-loader] .v2-art-icon { --icon-size: 23px; position: absolute; right: 0; bottom: 3px; width: 38px; height: 38px; display: grid; place-items: center; color: #28795e; background: #e4f1e6; border: 3px solid #fff; border-radius: 13px; }
[data-kcea-loader] .v2-art-icon svg { width: 23px; height: 23px; stroke-width: 1.8; }
[data-kcea-loader] .v2-review .v2-note { background: #fff9ef; border-color: #e9dcc7; box-shadow: 3px 4px 0 #f4eadc; }
[data-kcea-loader] .v2-review .v2-note-line { background: #d2c4aa; }
[data-kcea-loader] .v2-review .v2-highlight { height: 11px; background: #f3d6af; border-radius: 3px; margin: 8px -3px; }
[data-kcea-loader] .v2-review .v2-art-icon { background: #fff0da; color: #ab742b; }
[data-kcea-loader] .v2-relearn .v2-note { transform: rotate(-6deg); background: #f2f8f9; border-color: #c8dfe0; box-shadow: 4px 4px 0 #e0eeed; }
[data-kcea-loader] .v2-relearn .v2-art-icon { background: #e1f0ed; color: #217f78; }
[data-kcea-loader] .v2-card-label { margin-top: 10px; font-size: 17px; line-height: 1.4; font-weight: 500; letter-spacing: -.03em; white-space: nowrap; color: #2c473c; }
[data-kcea-loader] .v2-deck-markers { display: flex; gap: 7px; height: 5px; justify-content: center; margin: 0 0 1px; }
[data-kcea-loader] .v2-deck-markers span { width: 15px; height: 4px; background: #dce7dc; border-radius: 3px; }
[data-kcea-loader] .v2-deck-markers span:first-child { background: #5f9c80; }
[data-kcea-loader] .kcea-refined[data-state='running'] .v2-study-card { animation: kcea-v2-card-cycle var(--deck-cycle) cubic-bezier(.42,0,.22,1) infinite; }
[data-kcea-loader] .kcea-refined[data-state='running'] .v2-study-card[data-step='2'] { animation-delay: calc(var(--deck-cycle) * -.6666667); }
[data-kcea-loader] .kcea-refined[data-state='running'] .v2-study-card[data-step='3'] { animation-delay: calc(var(--deck-cycle) * -.3333333); }
[data-kcea-loader] .kcea-refined[data-state='running'] .v2-deck-markers span { animation: kcea-v2-marker var(--deck-cycle) linear infinite; }
[data-kcea-loader] .kcea-refined[data-state='running'] .v2-deck-markers span:nth-child(2) { animation-delay: calc(var(--deck-cycle) * -.6666667); }
[data-kcea-loader] .kcea-refined[data-state='running'] .v2-deck-markers span:nth-child(3) { animation-delay: calc(var(--deck-cycle) * -.3333333); }
[data-kcea-loader] .kcea-surface[data-paused='true'] * { animation-play-state: paused !important; }
[data-kcea-loader] .kcea-surface[data-reduced='true'] * { animation: none !important; }
[data-kcea-loader] [hidden] { display: none !important; }
@keyframes kcea-v2-page-turn { 0%,12% { transform: rotateY(0deg); opacity: 1; } 66%,90% { transform: rotateY(-180deg); opacity: 1; } 96%,100% { transform: rotateY(-180deg); opacity: 0; } }
@keyframes kcea-v2-book-float { 0%,100% { transform: translateY(1px); } 50% { transform: translateY(-3px); } }
@keyframes kcea-v2-card-cycle { 0%,26%,100% { transform: translateX(-50%) translateY(0) rotate(0) scale(1); z-index: 3; opacity: 1; } 33.333%,59.333% { transform: translateX(calc(-50% - var(--deck-offset))) translateY(14px) rotate(-11deg) scale(.91); z-index: 1; opacity: .63; } 66.667%,92.667% { transform: translateX(calc(-50% + var(--deck-offset))) translateY(14px) rotate(11deg) scale(.91); z-index: 1; opacity: .63; } }
@keyframes kcea-v2-marker { 0%,30%,100% { background: #5f9c80; } 33.333%,96% { background: #dce7dc; } }
@media(prefers-reduced-motion: reduce) { [data-kcea-loader] .kcea-refined * { animation: none !important; } }
@media(max-width:410px) { [data-kcea-loader] .refined-stage { min-height: 504px; padding: 20px 8px 16px; } [data-kcea-loader] .kcea-refined .kcea-header { padding: 21px 18px 0; } [data-kcea-loader] .kcea-refined .kcea-content { padding: 12px 10px 26px; } [data-kcea-loader] .kcea-refined .kcea-status { font-size: 17px; } [data-kcea-loader] .v2-book-scene { transform: scale(.92); transform-origin: center; } [data-kcea-loader] .v2-study-card { width: 144px; } [data-kcea-loader] .kcea-refined { --deck-offset: 42px; } }

[data-kcea-loader] .v2-book { left: 50%; margin-left: -113px; }
[data-kcea-loader] .v2-book-halo { left: 50%; margin-left: -101px; }
[data-kcea-loader] .v2-book-shadow { left: 50%; margin-left: -90.5px; }
@media(max-width:410px) { [data-kcea-loader] .kcea-surface.kcea-refined { --deck-offset: 32px; } }