.main-banner{position:relative;height:420px}.swiper{position:absolute;top:0;left:0;width:100%;height:100%}.cta-section{background-color:#f0fdf4;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border:1px solid #dcfce7}.cta-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;color:#166534}.cta-button{background-color:#5cb85c;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .2s;white-space:nowrap;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.cta-button:hover{background-color:#4cae4c;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.home-grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;align-items:start}.home-grid-left,.home-grid-right{display:flex;flex-direction:column;gap:2rem}.home-grid-left{height:100%;justify-content:space-between}body{font-family:Noto Sans KR,sans-serif;font-size:14px}#sidebar{top:0;z-index:10}#main-content{transition:margin-left .5s}.sidebar-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;color:#4b5563;transition:all .2s}.sidebar-item:hover{background-color:#f3f4f6;color:#111827}.sidebar-item.active{background-color:#5cb85c;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.stat-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:1.5rem;text-align:center}.stat-card .icon{font-size:2rem;color:#5cb85c;margin-bottom:.75rem}.stat-card .value{font-size:1.875rem;font-weight:700;color:#1f2937}.stat-card .label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.section-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem;border-bottom:2px solid #f1f5f9;padding-bottom:.5rem}.dashboard-section{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:1.5rem}.weakness-item{display:flex;align-items:center;justify-content:space-between;font-size:1rem;padding:.5rem 0}.weakness-item .char{font-family:monospace;font-weight:700}.weakness-item .expected{color:#6b7280}.weakness-item .typed{color:#ef4444}.weakness-item .count{color:#3b82f6}.main-tab-btn.active,.admin-tab-btn.active,.tab-btn.active{color:#5cb85c;font-weight:700;border-color:#5cb85c}.sub-tab-btn.active{background-color:#5cb85c;color:#fff}#sub-tabs-wrapper::-webkit-scrollbar{height:4px}#sub-tabs-wrapper::-webkit-scrollbar-thumb{background-color:#5cb85c;border-radius:2px}#sub-tabs-wrapper::-webkit-scrollbar-track{background-color:#f1f5f9}.popup-content textarea{width:100%;box-sizing:border-box;font-size:1em;font-family:Noto Sans KR,sans-serif;padding:12px;border:1px solid #dee2e6;border-radius:6px;resize:vertical}.popup-content .button-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.popup-content .button-group button{flex-grow:1;font-size:1.1em;font-weight:700;padding:14px 20px;cursor:pointer;border:none;border-radius:6px;transition:background-color .2s;display:flex;justify-content:center;align-items:center}#popup-download-button{background-color:#1d3557;color:#fff}#popup-result-stats{padding:12px;background-color:#f8f9fa;border-radius:6px;text-align:center;font-size:.95em;margin-top:25px;min-height:40px}#popup-result-display{border:1px solid #e9ecef;padding:15px;margin-top:15px;line-height:1.8;font-size:1.1em;border-radius:6px;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}#popup-result-display .correct{color:#000}#popup-result-display .error{color:#fff;background-color:#6f42c1}#popup-result-display .omission{color:#fff;background-color:#e63946;text-decoration:line-through}#popup-result-display .addition{color:#fff;background-color:#28a745}#popup-result-display .error .original-char{font-size:.8em;vertical-align:super;color:#e9d5ff;margin-left:1px}.spinner-border{display:none;width:1.2em;height:1.2em;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.sight-typing-display{font-family:Gulim,Courier New,monospace;letter-spacing:1px;border:2px solid #a1a1aa;padding:20px;border-radius:.5rem;background-color:#fefce8;margin-bottom:1rem;white-space:pre-wrap;-webkit-user-select:none;user-select:none;height:200px;overflow-y:auto}#practice-area .sight-typing-input,#sight-typing-content .sight-typing-input{font-family:Noto Sans KR,sans-serif;border:2px solid #a1a1aa;padding:20px;border-radius:.5rem;height:80px;resize:none;width:100%}#practice-area .sight-typing-input{height:16rem}.text-size-sm{font-size:1rem;line-height:1.8}.text-size-md{font-size:1.25rem;line-height:2}.text-size-lg{font-size:1.5rem;line-height:2.2}.sight-typing-display .line{transition:all .3s ease}.sight-typing-display .line.upcoming{color:#a1a1aa}.sight-typing-display .line.completed .correct{color:#6b7280}.sight-typing-display .line.completed .incorrect{color:#ef4444;background-color:transparent}.sight-typing-display .line.active{font-weight:700}.sight-typing-display .char{position:relative}.sight-typing-display .char.correct{color:#1d4ed8}.sight-typing-display .char.incorrect{color:#dc2626;background-color:#fecaca}.sight-typing-display .char.current{background-color:#5cb85c;color:#fff;border-radius:2px}.sight-menu-item{display:block;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;color:#4b5563;border-radius:.5rem;transition:all .2s}.sight-menu-item:hover{background-color:#f3f4f6;color:#111827}.sight-menu-item.active{background-color:#5cb85c;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.rank-table{width:100%;border-collapse:collapse}.rank-table th,.rank-table td{padding:12px 15px;text-align:center;border-bottom:1px solid #e5e7eb}.rank-table th{background-color:#f9fafb;font-weight:600}.rank-table tr.my-rank{background-color:#fee2e2;font-weight:700}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:50}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;z-index:100}.typing-popup{width:100%;max-width:700px;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;max-height:90vh}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef}.popup-header h2{font-size:20px;font-weight:700;margin:0}.popup-header .close-button{font-size:24px;color:#adb5bd;cursor:pointer;background:none;border:none}.popup-header .close-button:hover{color:#495057}.popup-content{padding:25px;overflow-y:auto}#admin-edit-panel .edit-major-tab-btn.active{color:#5cb85c;border-color:#5cb85c}#admin-edit-panel .edit-mid-tab-btn.active{color:#5cb85c;border-bottom:2px solid #5cb85c}#admin-edit-panel .edit-minor-tab-btn.active{background-color:#5cb85c;color:#fff;border-color:#5cb85c}#announcement-content p{margin-bottom:1rem}#edit-review-modal,#edit-announcement-modal,#edit-content-modal,#edit-banner-modal{z-index:60}#cropper-modal{z-index:70}