.kl-page{background:#f6f8f8;color:#163744}.kl-main{padding-top:32px;padding-bottom:70px}.kl-main section{scroll-margin-top:24px;margin-bottom:44px}.kl-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px;border-radius:24px;background:#e4f0ed;border:1px solid #d0e3dd;overflow:hidden}.kl-welcome h1{font-size:clamp(28px,4vw,44px);line-height:1.45;margin:12px 0}.kl-welcome p{max-width:540px;margin-bottom:25px}.kl-seal{display:grid;place-items:center;flex-shrink:0;width:180px;height:180px;border-radius:50%;background:#f8fcf9;border:1px solid #bfd4cc;transform:rotate(-8deg);color:#087d71}.kl-seal span{font-size:80px;line-height:1}.kl-seal small{font-size:14px}.kl-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #dce6e5;border-radius:18px;margin:-18px 24px 36px;position:relative;padding:24px}.kl-stats div{display:grid;gap:6px;padding:0 24px;border-right:1px solid #e0e7e7}.kl-stats div:last-child{border:0}.kl-stats strong{font-size:27px;color:#07695f}.kl-stats span{font-size:14px;color:#51676d}.kl-schedule{padding:24px 30px;background:white;border-left:4px solid #0c8073;border-radius:6px 16px 16px 6px}.kl-section-title{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:24px 0}.kl-section-title h2{font-size:28px;margin:6px 0}.kl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kl-book-card{border-radius:16px;overflow:hidden;background:white;border:1px solid #dce6e5;transition:transform .2s,box-shadow .2s}.kl-book-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #133d4210}.kl-cover{min-height:230px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 28px 24px 34px;background:#165950;color:#fff;border-left:10px solid #10443d;box-shadow:inset 5px 0 10px #0002}.kl-cover h3{font-size:27px;line-height:1.45;margin:24px 0;color:inherit}.kl-cover small{font-size:10px;letter-spacing:1.5px}.kl-cover>span{font-size:30px;letter-spacing:14px;opacity:.6}.kl-color-1{background:#264b72;border-color:#173b60}.kl-color-2{background:#775d42;border-color:#59432c}.kl-card-body{padding:22px}.kl-card-body p{min-height:30px}.kl-card-body small{display:block;margin-bottom:18px;color:#526970}.kl-card-body .kc-button{width:100%}.kl-tag{font-size:11px;letter-spacing:1px;background:#e8f3ef;color:#17695b;padding:7px 10px;border-radius:6px}.kl-empty{grid-column:1/-1;border:1px dashed #b9ceca;border-radius:16px;text-align:center;padding:40px;background:#fff}.kl-empty h3{font-size:21px}.kl-result-row{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:12px;background:#fff;border:1px solid #d9e5e2;border-radius:12px;color:#16594f;text-decoration:none}.kl-reader{perspective:1800px;background:#dce4e1;border-radius:20px;padding:35px;margin:24px auto 0;max-width:950px;box-shadow:inset 0 2px 15px #16352a0a}.kl-paper{position:relative;background:#fffef8;min-height:650px;padding:42px 42px 65px 55px;transform-origin:left center;box-shadow:inset 12px 0 18px #a5987314,4px 5px 0 #efeee5,8px 9px 0 #e7e6de,12px 16px 25px #20362b26;border-left:1px solid #cbc7b6;transition:transform .23s ease,opacity .23s}.kl-paper.kl-turn{transform:rotateY(-55deg);opacity:.25}.kl-page-text{white-space:pre-wrap;font-size:21px;line-height:2;color:#293b3c;overflow-wrap:anywhere}.kl-paper img{display:block;width:100%;height:auto;max-height:1000px;object-fit:contain;user-select:none}.kl-watermark{position:absolute;bottom:20px;left:24px;right:24px;text-align:center;font-size:10px;color:#647a76;overflow-wrap:anywhere}.kl-reader-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin:25px 0}.kl-reader-controls button{border:1px solid #b4cbc3;border-radius:9px;background:#fff;color:#155e52;padding:13px 20px;font:inherit;cursor:pointer;min-height:48px}.kl-reader-controls button:disabled{opacity:.4;cursor:default}.kl-question{margin:25px 0;padding:24px;min-width:0}.kl-question legend{font-weight:bold;color:#08766a;padding:0 10px}.kl-question h2{font-size:22px}.kl-option{display:flex!important;gap:12px;align-items:start;border:1px solid #d5e1de;border-radius:10px;padding:15px;margin:12px 0;cursor:pointer}.kl-option input{width:auto!important;margin-top:6px;accent-color:#08776b}.kl-option:has(input:checked),.kl-correct{background:#e4f4eb;border-color:#4d9373}.kl-option:hover{border-color:#409a89}#kl-timer{position:sticky;top:10px;font-size:24px;background:#163e39;color:#fff;padding:12px 20px;border-radius:12px;z-index:2}#kl-save-status{min-height:25px}.kl-edit-question{padding:20px;margin:20px 0;border:1px solid #b9cdca;border-radius:12px}.kl-edit-question label{display:block;margin:12px 0}.kl-page :focus-visible{outline:3px solid #cb9136;outline-offset:4px}.kl-page button,.kl-page a{touch-action:manipulation}@media(max-width:800px){.kl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-welcome{padding:30px}.kl-seal{width:130px;height:130px}.kl-seal span{font-size:55px}.kl-stats{margin:16px 0 28px;padding:18px 8px}.kl-stats div{padding:0 12px}.kl-paper{min-height:500px;padding:25px 22px 60px 30px}.kl-reader{padding:20px}.kl-page-text{font-size:19px}}@media(max-width:540px){.kl-grid{grid-template-columns:1fr}.kl-seal{display:none}.kl-welcome{padding:26px}.kl-stats{grid-template-columns:1fr;gap:15px}.kl-stats div{border:0;grid-template-columns:90px 1fr;align-items:center}.kl-stats strong{font-size:21px}.kl-reader{padding:12px}.kl-paper{padding:20px 14px 55px 22px;min-height:450px}.kl-reader-controls{gap:10px}.kl-reader-controls button{padding:10px;font-size:14px}.kl-section-title h1{font-size:27px}.kl-page .kc-header{align-items:center}.kl-page .kc-header nav{gap:12px;flex-wrap:wrap;font-size:12px}.kl-schedule{padding:20px}.kl-main{padding-top:20px}}@media(prefers-reduced-motion:reduce){.kl-paper,.kl-book-card{transition:none}.kl-paper.kl-turn{transform:none}}@media print{.kl-reader,.kl-question,.kl-main{display:none!important}}