:root{--q-blue:#245cf6;--q-blue-dark:#1743b8;--q-blue-soft:#eef4ff;--q-orange:#ff7a00;--q-orange-dark:#e76600;--q-border:#dbe4f5;--q-text:#18233a;--q-muted:#7d8aa5;--q-bg:#f6f8fd}*{box-sizing:border-box}html,body,#app,#game-container{min-height:100%;color:var(--q-text);background:#fff;margin:0;font-family:NanumBarunGothicBold,Malgun Gothic,Apple SD Gothic Neo,Arial,sans-serif}button,input,select{font-family:inherit}button{cursor:pointer;background:0 0;border:0}.kt-site{background:#fff;min-width:1120px;min-height:100vh}.kt-shell{width:1180px;margin:0 auto}.kt-header{background:#fff;border-bottom:1px solid #e8edf8;height:78px}.kt-header-inner{align-items:center;height:78px;display:flex}.kt-logo-link{align-items:center;text-decoration:none;display:inline-flex}.kt-logo-img{object-fit:contain;width:210px;max-height:52px;display:block}.kt-topnav{background:var(--q-blue);border-bottom:1px solid #ffffff38;height:50px}.kt-topnav-inner{align-items:center;gap:28px;height:50px;display:flex}.kt-topnav button[data-page]{color:#fff;transform-origin:50%;height:50px;padding:0 18px;font-size:18px;font-weight:900;transition:color .16s,transform .16s;position:relative}.kt-topnav button[data-page]:hover{color:var(--q-orange);transform:scale(1.08)}.kt-topnav button[data-page].active{color:var(--q-orange)}.kt-topnav button[data-page].active:after{content:none;display:none}.kt-body{background:#fff}.kt-shortcuts{border-left:1px solid var(--q-border);border-right:1px solid var(--q-border);border-bottom:1px solid var(--q-border);background:#fbfcff;height:88px;display:flex}.kt-shortcut-title{background:var(--q-blue-dark);color:#fff;justify-content:center;align-items:center;gap:10px;width:150px;font-size:20px;font-weight:900;display:flex}.kt-gear{color:#fff;background:#ffffff29;border-radius:50%;width:28px;height:28px;font-size:15px}.kt-shortcut-list{height:88px;display:flex}.kt-shortcut{border-right:1px solid var(--q-border);width:140px;height:88px;color:var(--q-text);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.kt-shortcut:hover{background:var(--q-blue-soft)}.kt-shortcut-icon{background:var(--q-orange);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;font-weight:900;display:flex;overflow:hidden}.kt-shortcut-icon img{object-fit:contain;width:26px;height:26px}.kt-shortcut strong{font-size:15px}.kt-shortcut small{color:var(--q-muted);font-size:12px}.kt-main{border-left:1px solid var(--q-border);border-right:1px solid var(--q-border);background:linear-gradient(#fff 0%,#f7f9ff 100%);min-height:calc(100vh - 216px);display:flex}.kt-side{border-right:1px solid var(--q-border);background:#fff;flex-shrink:0;width:190px;padding:34px 20px 40px 10px}.kt-side-title{text-align:right;color:var(--q-blue);margin-bottom:18px;font-size:21px;font-weight:900}.kt-line{background:linear-gradient(90deg, var(--q-orange), var(--q-blue));height:3px;margin:0 0 24px}.kt-filter-title{text-align:right;color:#5f6c84;margin:22px 0 9px;font-size:14px;font-weight:900}.kt-grade-row{justify-content:flex-end;gap:5px;display:flex}.kt-grade-row button{color:#8795ae;background:#eaf0fb;border-radius:50%;width:24px;height:24px;font-weight:900}.kt-grade-row button.active{background:var(--q-orange);color:#fff}.kt-semester-row{justify-content:flex-end;gap:7px;display:flex}.kt-semester-row button{color:#78869f;background:#eaf0fb;border-radius:14px;padding:6px 13px;font-weight:900}.kt-semester-row button.active{background:var(--q-orange);color:#fff}.kt-subject-list{border-top:2px solid var(--q-orange);border-bottom:2px solid var(--q-blue);margin-top:26px;padding:12px 0}.kt-subject-list button{text-align:right;color:#4b5870;width:100%;padding:9px 0;font-size:16px;font-weight:900;display:block}.kt-subject-list button.active{color:var(--q-blue)}.kt-subject-list button.active:before{content:"Q";background:var(--q-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;margin-right:9px;font-size:10px;display:inline-flex}.kt-content{flex:1;max-width:960px;padding:46px 48px 80px 46px}.kt-page-head{align-items:center;gap:13px;margin-bottom:24px;display:flex}.kt-page-head h1{letter-spacing:-1px;margin:0;font-size:34px;font-weight:900}.kt-badge{background:var(--q-orange);color:#fff;border-radius:999px;margin-left:auto;padding:7px 14px;font-size:12px;font-weight:900}.kt-term-tabs{width:100%;max-width:840px;height:46px;margin-bottom:22px;display:flex}.kt-term-tabs button{border:1px solid var(--q-border);color:var(--q-blue);background:#fff;flex:1;font-weight:900}.kt-term-tabs button.active{border-top:3px solid var(--q-blue);color:var(--q-blue);border-bottom:0}.kt-term-tabs button:disabled{color:#9aa7bd;background:#f7f9fd}.kt-unit-list{width:100%;max-width:840px}.kt-unit{border:1px solid var(--q-border);background:#fff;border-radius:12px;align-items:center;min-height:62px;margin-bottom:12px;transition:all .15s;display:flex;box-shadow:0 2px 6px #245cf608}.kt-unit:not(.disabled):hover{border-color:var(--q-blue);background:#f9fbff;transform:translateY(-1px)}.kt-unit.disabled{color:#99a5ba;cursor:default;background:#f1f4f9}.kt-unit-no{color:#fff;background:#c8d0de;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:14px;font-size:13px;font-weight:900;display:flex}.kt-unit:not(.disabled) .kt-unit-no{background:var(--q-blue)}.kt-unit-info{flex:1;padding-left:16px}.kt-unit-info strong{margin-bottom:5px;font-size:18px;display:block}.kt-unit-info span{color:#8b97ad;font-size:13px}.kt-unit-actions{align-items:center;gap:8px;padding-right:14px;display:flex}.kt-unit-actions em{color:#8794aa;font-size:14px;font-style:normal;font-weight:900}.kt-link-open{background:var(--q-blue);color:#fff;border-radius:8px;padding:9px 15px;font-weight:900}.kt-plus{color:#fff;background:#c7d0e1;border-radius:50%;width:26px;height:26px;font-size:17px;font-weight:900}.kt-unit:not(.disabled) .kt-plus{background:var(--q-orange)}.kt-card-grid{flex-wrap:wrap;gap:18px;display:flex}.kt-card,.kt-about-box{border:1px solid var(--q-border);background:#fff;border-radius:16px;width:260px;min-height:140px;padding:22px;box-shadow:0 4px 14px #245cf60f}.kt-card h3,.kt-about-box h2{color:var(--q-blue);margin:0 0 12px}.kt-card p,.kt-about-box p{color:#66738b;line-height:1.6}.kt-card.disabled{opacity:.55}.kt-about-layout{flex-wrap:wrap;gap:18px;display:flex}.kt-modal-backdrop{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kt-modal{border:4px solid var(--q-blue);background:#fff;border-radius:18px;width:680px;padding:32px;position:relative;box-shadow:0 20px 60px #00000040}.kt-modal.small{width:480px}.kt-modal-close{color:#555;font-size:34px;position:absolute;top:8px;right:14px}.kt-modal h2{margin:0 34px 10px 0;font-size:26px}.kt-modal p{color:#777;margin:0 0 22px}.kt-game-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.kt-game-select button{border:2px solid var(--q-border);text-align:center;background:#fff;border-radius:18px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden;box-shadow:0 4px 14px #245cf60f}.kt-game-select button:hover{border-color:var(--q-orange);transform:translateY(-2px);box-shadow:0 8px 22px #ff7a0024}.kt-game-select button.active{border-color:var(--q-orange);color:var(--q-orange);background:#fffaf5}.kt-game-thumb{aspect-ratio:1;object-fit:cover;background:#eef4ff;border-radius:14px;width:100%;margin-bottom:12px;display:block}.kt-game-select strong{font-size:20px;line-height:1.2;display:block}.kt-game-subtitle{color:#6b7280;text-align:center;min-height:38px;margin-top:8px;padding:0 10px;font-size:13px;font-weight:700;line-height:1.45}.kt-game-select button.active .kt-game-subtitle{color:#5d6472}.kt-link-box input{border:1px solid var(--q-border);color:#555;border-radius:10px;width:100%;padding:12px;font-size:14px}.kt-modal-actions{gap:12px;margin-top:18px;display:flex}.kt-primary,.kt-dark{color:#fff;border-radius:10px;height:44px;padding:0 24px;font-size:16px;font-weight:900}.kt-primary{background:var(--q-orange)}.kt-dark{background:var(--q-blue)}.kt-status{color:#008060;height:20px;margin-top:12px;font-weight:800}.kt-fav-form{gap:10px;margin-bottom:18px;display:grid}.kt-fav-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.kt-fav-row select{border:1px solid var(--q-border);border-radius:8px;height:38px;padding:0 8px}.kt-side-note{color:#7a8499;margin-top:12px;font-size:13px}.kt-empty-state{box-sizing:border-box;color:#41506a;background:#f8fbff;border:1px dashed #cfd8ea;border-radius:18px;width:100%;padding:34px 28px}.kt-empty-state strong{color:#1e5eff;margin-bottom:8px;font-size:20px;display:block}.kt-empty-state p{color:#71809b;margin:0;line-height:1.55}.kt-shortcut-empty{color:#5d6a85;background:#1e5eff0a;border:1px dashed #1e5eff47;border-radius:18px;align-items:center;gap:12px;min-height:78px;padding:14px 16px;display:flex}.kt-shortcut-empty strong{color:#1f2a44;font-size:15px;display:block}.kt-shortcut-empty small{color:#7c879d;margin-top:4px;font-size:12px;display:block}.kt-shortcut-icon.empty{opacity:.75}