.home-container{position:relative;min-height:100vh;width:100%;padding:40px 20px;box-sizing:border-box;background:var(--bg-main);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.header-section{text-align:center;margin-bottom:60px;position:relative;z-index:1}.logo-placeholder{width:120px;height:120px;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-weight:700;color:var(--text-sub);background:var(--bg-card)}.main-title{color:var(--text-main);font-size:34px;font-weight:900;line-height:1.2}.cards-wrapper{display:flex;gap:120px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.card{width:320px;height:380px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;text-align:center;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .25s ease}.card:hover{background:var(--accent);border:2px solid var(--primary);box-shadow:var(--shadow);transform:translateY(-6px)}.icon-placeholder{width:80px;height:80px;background:var(--secondary);border-radius:12px;margin-bottom:30px}.card-title{font-size:24px;font-weight:800;margin-bottom:15px;color:var(--text-main)}.card-desc{font-size:14px;color:var(--text-sub);line-height:1.5}.first-modal-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000047;z-index:20000}.first-modal{width:420px;padding:44px;box-sizing:border-box;background:#fff;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;box-shadow:0 20px 60px #00000038}.first-modal-title{font-size:26px;font-weight:900;text-align:center;color:#333}.first-modal-btns{display:flex;gap:20px}.first-modal-btn{width:120px;height:48px;border-radius:12px;border:none;font-weight:700;cursor:pointer;transition:all .2s ease}.first-modal-btn.yes{background:var(--primary);color:#fff}.first-modal-btn.no{background:#efefef;color:#222}.first-modal-btn:hover{transform:translateY(-1px)}.modal-open:before{content:"";position:fixed;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001a;z-index:15000;pointer-events:none}@media(max-width:1024px){.cards-wrapper{gap:40px}}@media(max-width:768px){.home-container{padding:32px 16px;justify-content:flex-start}.header-section{margin-top:20px;margin-bottom:36px}.main-title{font-size:28px}.cards-wrapper{gap:24px}.card{width:100%;max-width:320px;height:320px}.first-modal{width:min(420px,calc(100vw - 32px));padding:32px 24px}.first-modal-btns{width:100%;justify-content:center;flex-wrap:wrap}}.main-logo{width:340px;margin-bottom:20px;animation:floatLogo 3.5s ease-in-out infinite}@keyframes floatLogo{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.card-icon{width:120px;margin-bottom:16px;transition:.25s}.card:hover .card-icon{transform:scale(1.08) translateY(-4px)}.card{cursor:pointer;transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}.home-guide-wrap{position:fixed;right:40px;bottom:40px;z-index:5000}.home-guide-char{width:90px;cursor:pointer;animation:floatGuide 2.4s ease-in-out infinite}.home-guide-char img{width:100%}.home-guide-bubble{position:absolute;right:60px;bottom:70px;width:180px}.home-guide-bubble img{width:100%}.home-guide-bubble-text{position:absolute;top:28px;left:20px;right:20px;font-size:13px;font-weight:600;text-align:center;line-height:1.3;color:var(--text-main)}@keyframes floatGuide{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.layout-container{display:flex;flex-direction:column;max-width:1500px;margin:0 auto;min-height:100vh;background:var(--bg-card);border-left:1px solid var(--border);border-right:1px solid var(--border)}.header{height:100px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 80px}.logo-box{display:flex;align-items:center;cursor:pointer}.logo-img{height:80px;object-fit:contain}.logout-btn{cursor:pointer;font-size:14px;color:var(--text-sub)}.content-wrapper{display:flex;flex:1;width:100%}.sidebar{width:220px;min-width:220px;flex-shrink:0;border-right:1px solid var(--border);padding-top:20px;text-align:center;background:var(--bg-card)}.sidebar-menu{list-style:none}.sidebar-menu a{text-decoration:none;color:inherit;display:block;width:100%}.sidebar-menu li{padding:22px 20px;cursor:pointer;color:var(--text-main);white-space:nowrap;transition:background .2s ease}.sidebar-menu li:hover{background:var(--accent)}.sidebar-menu li.active{background:var(--accent);font-weight:600}.content-area{padding:30px;flex:1}.content-title{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text-main)}.schedule-box{background:var(--accent);border-radius:8px;padding:50px 0;text-align:center;color:var(--text-sub);display:flex;flex-direction:column;gap:10px}.footer{width:100%;background:var(--bg-card);border-top:1px solid var(--border);padding:20px 0}.footer-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13px;color:var(--text-sub);padding-bottom:10px}.footer-content div:first-child{font-weight:600;color:var(--text-main)}.navbar{background:var(--primary);color:#fff}.card-selected{background:var(--secondary);color:#fff}.btn{background:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;transition:background .2s ease}.btn:hover{background:var(--primary-hover)}.main-container{flex:1;width:100%}.c-login-wrap{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:var(--bg-main);box-sizing:border-box}.c-login-form{width:min(420px,100%);margin:0;background:var(--bg-card);padding:50px 40px;border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--border)}.c-login-form h2{margin:0 0 12px;text-align:center;font-weight:700;font-size:26px;color:var(--text-main)}.c-login-form p{margin-bottom:35px;text-align:center;color:var(--text-sub);font-size:15px}.c-login-form label{font-size:15px;margin-bottom:8px;font-weight:700;color:var(--text-main);text-align:left}.c-login-form input{height:48px;padding:0 15px;border-radius:10px;border:1px solid var(--border);margin-bottom:20px;font-size:15px;transition:all .25s ease;background:var(--bg-card)}.c-login-form input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #d9775733}.c-id-label,.c-pw-label{color:#e74c3c;font-size:13px;margin-top:-15px;margin-bottom:15px;font-weight:500;text-align:left}.c-login-form button{height:52px;margin-top:10px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .25s ease}.c-login-form button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #00000026}@media(max-width:480px){.c-login-form{padding:40px 25px}}.cinfoedit-container{width:100%}.cinfoedit-container .content-title{margin-bottom:100px;margin-left:70px}.cinfoedit-form{margin:40px auto 0;max-width:700px;width:100%}.form-row{display:flex;align-items:center;margin-bottom:30px}.form-row label{width:120px;font-size:18px;font-weight:600;color:var(--text-main)}.form-row input{flex:1;height:45px;padding:0 12px;font-size:16px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);transition:all .2s ease}.form-row input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #d9775733}.button-wrapper{margin-top:60px;text-align:center}.save-btn{width:150px;height:50px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:none}.guide-btn{position:fixed;right:40px;bottom:40px;z-index:8000;background:var(--primary);color:#fff;border:none;border-radius:50px;padding:14px 22px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 25px #00000040}.onboard-layer{position:fixed;inset:0;background:#0000006b;z-index:9000}.onboard-spot{position:fixed;border-radius:18px;background:#ffffff24;-webkit-backdrop-filter:brightness(1.22) saturate(1.08);backdrop-filter:brightness(1.22) saturate(1.08);box-shadow:0 0 0 9999px #0000006b,0 0 0 4px #21ffd0,0 0 120px #21ffd0f2,0 0 200px #21ffd08c;z-index:9001;pointer-events:none;transition:top .42s cubic-bezier(.22,.61,.36,1),left .42s cubic-bezier(.22,.61,.36,1),width .42s cubic-bezier(.22,.61,.36,1),height .42s cubic-bezier(.22,.61,.36,1)}.onboard-guide{position:fixed;z-index:9002;color:#fff;text-align:center;max-width:420px;transition:top .42s cubic-bezier(.22,.61,.36,1),left .42s cubic-bezier(.22,.61,.36,1)}.onboard-title{font-size:42px;font-weight:900;margin-bottom:16px;text-shadow:0 12px 40px rgba(0,0,0,.85)}.onboard-desc{font-size:20px;line-height:1.8;margin-bottom:30px;text-shadow:0 10px 30px rgba(0,0,0,.85)}.onboard-btn{border:none;cursor:pointer;height:58px;padding:0 36px;border-radius:18px;background:var(--primary);color:#fff;font-size:18px;font-weight:800;box-shadow:0 20px 50px #00000059;transition:.28s}.onboard-btn:hover{transform:translateY(-4px);background:var(--primary-hover)}.scheduler-container{display:flex;gap:30px;height:100%;align-items:flex-start}.calendar-section{width:40%;min-width:400px}.list-section{width:60%;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;min-height:500px;display:flex;flex-direction:column}.list-header{display:flex;justify-content:space-between;align-items:center}.add-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.empty-box{flex:1;display:flex;justify-content:center;align-items:center;color:var(--text-sub)}.fc{width:100%}.fc .fc-toolbar{margin-bottom:10px}.fc .fc-daygrid-day{transition:background-color .2s ease}.fc .fc-daygrid-day:hover{background:var(--accent);cursor:pointer}.fc .fc-daygrid-day.fc-day-today{background:none}.custom-dialog{width:700px;max-width:90%;border:none;border-radius:14px;padding:30px;background:var(--bg-card);box-shadow:0 20px 60px #00000040;margin:auto}.custom-dialog::backdrop{background:#0006}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-close{background:none;border:none;font-size:24px;cursor:pointer}.dialog-search{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:20px}.dialog-body{display:flex;flex-direction:column;gap:12px}.dialog-card{border:1px solid var(--border);padding:12px;border-radius:8px;background:var(--bg-card)}.selectable{cursor:pointer;transition:.2s}.selectable:hover{background:var(--accent)}.time-student-box{display:flex;align-items:center;gap:15px;margin-bottom:25px;font-size:18px}.student-badge{background:var(--secondary);padding:6px 12px;border-radius:12px;font-size:14px}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.time-btn{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);cursor:pointer;font-size:16px}.time-btn.active{border:2px solid var(--primary);font-weight:700}.time-footer{display:flex;justify-content:space-between}.back-btn{background:var(--border);padding:10px 20px;border:none;border-radius:8px;cursor:pointer}.submit-btn{background:var(--primary);color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer}.submit-btn:hover{background:var(--primary-hover)}.submit-btn:disabled{background:var(--border);cursor:not-allowed}.schedule-list{display:flex;flex-direction:column;gap:12px;margin-top:20px;overflow-y:auto;padding-right:5px}.schedule-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);transition:transform .2s ease,box-shadow .2s ease}.schedule-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.schedule-left{display:flex;align-items:center;gap:25px}.schedule-time{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-sub);font-size:14px;min-width:50px}.time-icon{font-size:16px;color:var(--text-sub)}.schedule-info{display:flex;flex-direction:column;gap:4px}.schedule-name{font-size:16px;font-weight:600;color:var(--text-main)}.schedule-type{font-size:14px;color:var(--text-sub)}.status-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.done{background:#e6f6eb;color:#279f53}.status-badge.planned{background:var(--accent);color:var(--primary)}.student-container{width:1100px;margin:0 auto}.student-top{display:flex;align-items:center;gap:30px;margin-bottom:30px;justify-content:space-between}.student-search{width:300px;padding:10px 15px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);outline:none}.student-list{display:flex;flex-direction:column;gap:30px;width:100%}.student-card{border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--bg-card);display:flex;justify-content:space-between;cursor:pointer;transition:all .2s ease}.student-card:hover{box-shadow:none;transform:translateY(-2px)}.name-row{display:flex;align-items:center;gap:15px;margin-bottom:12px}.student-name{font-weight:700;font-size:18px;color:var(--text-main)}.student-id{background:var(--primary);color:#fff;padding:4px 12px;border-radius:15px;font-size:13px}.info-row{display:flex;gap:40px;font-size:14px;margin-bottom:12px;color:var(--text-sub)}.student-tag{background:var(--accent);padding:8px 12px;border-radius:8px;width:260px;font-size:14px;color:var(--text-main)}.student-card:hover .student-tag{background:#4f8f85}.student-badge{background:var(--primary);color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.consult-dialog[open]{border:none;border-radius:18px;padding:0;width:760px;max-width:90vw;box-shadow:0 25px 60px #00000040;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.consult-dialog::backdrop{background:#0006}.consult-dialog-inner{background:var(--bg-card);border-radius:18px;padding:34px 34px 30px}.consult-dialog-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px}.consult-back{display:inline-flex;align-items:center;gap:10px;border:none;background:none;cursor:pointer;font-size:14px}.consult-back-circle{width:34px;height:34px;border-radius:50%;border:2px solid var(--text-main);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.consult-title-center{text-align:center;font-size:22px;margin-bottom:26px;color:var(--text-main)}.consult-list{display:flex;flex-direction:column;gap:16px}.consult-card{border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-card)}.consult-card-left{display:flex;flex-direction:column;gap:6px;min-width:0}.consult-card-right{display:flex;flex-direction:column;align-items:end;gap:6px;min-width:0}.consult-card-title-row{display:flex;align-items:center;gap:10px}.consult-card-title{font-weight:700;font-size:14px;color:var(--text-main)}.consult-card-desc{font-size:12px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:400px}.consult-card-date{font-size:13px;color:var(--text-sub);white-space:nowrap}.consult-badge{background:var(--primary);color:#fff;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.consult-empty{padding:20px;color:var(--text-sub)}.counselor-category-page{padding:40px;width:100%;background:var(--bg-main)}.page-title{font-size:26px;font-weight:700;margin-bottom:30px;color:var(--text-main)}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.category-card{background:var(--accent);border:1px solid var(--border);border-radius:12px;padding:30px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease;min-height:130px}.category-card:hover{background:var(--bg-card);border-color:var(--primary);transform:translateY(-3px);box-shadow:none}.category-icon{width:42px;height:42px;color:var(--primary);margin-bottom:10px}.page-header-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.back-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg-card);padding:8px 12px;border-radius:10px;cursor:pointer}.back-btn:hover{background:var(--accent)}.category-card-btn{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer}.category-card-btn:hover{border-color:var(--primary);background:var(--accent);transform:translateY(-2px)}.mid-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.mid-card{background:var(--accent);border:1px solid var(--border);border-radius:12px;width:200px;min-height:140px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text-main)}.mid-card:hover{background:var(--bg-card);border-color:var(--primary);transform:translateY(-2px);transition:all .2s ease;box-shadow:none}.small-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.video-card{background:var(--bg-card);border-radius:14px;border:1px solid var(--border);padding:20px;transition:.2s;cursor:pointer}.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-info h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-main)}.card-info p{font-size:14px;color:var(--text-sub)}.add-btn-wrapper{display:flex;justify-content:flex-end;margin-top:auto;padding-top:30px}.add-btn{padding:10px 24px;font-size:14px;border-radius:10px;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:.2s}.add-btn:hover{background:var(--primary-hover)}.content-fixed-box{background:var(--accent);padding:40px;border-radius:16px;min-height:600px;display:flex;flex-direction:column}.list-container{margin-top:20px;display:flex;flex-direction:column;gap:12px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.list-left h4{margin:0 0 4px;color:var(--text-main)}.list-right button{padding:6px 12px;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer}.list-right button:hover{background:var(--primary-hover)}.category-icon{width:42px;height:42px;color:var(--primary);transition:.2s}.category-card:hover .category-icon{color:var(--primary-hover);transform:scale(1.1)}.guide-btn{position:fixed;right:40px;bottom:40px;z-index:8000;background:var(--primary);color:#fff;border:none;border-radius:50px;padding:14px 22px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 25px #00000040;transition:all .2s ease}.guide-btn:hover{transform:translateY(-2px);background:var(--primary-hover)}.category-add-container{padding:50px 80px;width:100%}.category-add-container h2{font-size:28px;font-weight:700;margin-bottom:40px;color:var(--primary)}.form-row{display:flex;align-items:center;margin-bottom:30px;gap:20px}.form-row label{width:100px;font-weight:600;color:var(--text-main)}.wide-input{width:650px;height:45px;border-radius:8px;border:1px solid var(--border);padding:0 15px;background:var(--bg-card);transition:.2s}.wide-input:focus{outline:none;border:1px solid var(--primary);box-shadow:0 0 0 2px #d9775726}.question-scroll-area{margin-top:30px}.question-block{border:1px solid var(--border);padding:25px;border-radius:12px;margin-bottom:30px;background:var(--bg-card);transition:.2s}.question-block:hover{border-color:var(--primary);box-shadow:none}.question-header{font-weight:600;margin-bottom:15px;color:var(--primary)}.question-block textarea{width:100%;height:80px;margin-bottom:20px;border-radius:8px;border:1px solid var(--border);padding:10px;resize:none;transition:.2s}.question-block textarea:focus{outline:none;border:1px solid var(--primary);box-shadow:0 0 0 2px #d9775726}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 30px}.option-item label{display:block;font-weight:600;margin-bottom:5px;color:var(--text-main)}.option-item input{width:100%;height:38px;border-radius:6px;border:1px solid var(--border);padding:0 10px;background:var(--bg-card);transition:.2s}.option-item input:focus{outline:none;border:1px solid var(--primary);box-shadow:0 0 0 2px #d9775726}.add-question-btn{margin-top:20px;display:flex;justify-content:flex-end}.add-question-btn button{height:42px;padding:0 22px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:.2s}.add-question-btn button:hover{background:var(--primary)}.bottom-buttons{margin-top:50px;display:flex;justify-content:flex-end;gap:20px}.bottom-buttons button{width:110px;height:42px;border-radius:8px;font-weight:600;cursor:pointer}.bottom-buttons button:first-child{border:1px solid var(--border);background:var(--bg-card);color:var(--text-main)}.save-btn{background:var(--primary);color:#fff;border:none;transition:.2s}.save-btn:hover{background:var(--primary-hover)}.c-counseling-container{display:flex;padding:40px 0;max-width:1400px;margin:0 auto}.main-content{width:100%}.title-row{display:flex;align-items:center;gap:20px;margin-bottom:30px}.student-title{font-size:28px;font-weight:800;color:var(--text-main)}.record-control{display:flex;align-items:center;gap:10px}.record-box{display:flex;align-items:center;gap:12px;padding:12px 10px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.rec-text{font-weight:700;font-size:14px}.rec-dot{color:red;margin-left:4px;animation:blink 1s infinite}.input-group{margin-bottom:25px}.title-input{width:100%;padding:14px 20px;border:2px solid var(--border);border-radius:15px;font-size:18px;background:var(--bg-card)}.title-input:focus{border-color:var(--primary);outline:none}.content-textarea{width:100%;height:520px;padding:25px;border:2px solid var(--border);border-radius:20px;font-size:16px;line-height:1.6;resize:none;background:var(--bg-card)}.content-textarea:focus{border-color:var(--primary);outline:none}.form-footer{display:flex;justify-content:flex-end;margin-top:20px}.btn-submit{background:var(--primary);border:none;padding:12px 45px;border-radius:12px;font-size:20px;font-weight:800;cursor:pointer;color:#fff}.btn-record{background:var(--accent);border:1px solid var(--border);padding:8px 18px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer}.btn-record.small{padding:6px 10px;font-size:14px}.btn-record:hover{transform:translateY(-1px)}.record-timer{font-weight:700;font-size:14px;margin-left:6px;color:var(--text-main)}.report-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:30px;padding-top:20px}.left-btn-area{display:flex}.right-btn-area{display:flex;gap:15px}.btn-action-sub,.btn-action-main{border:1px solid var(--primary);padding:16px 20px;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;min-width:150px}.btn-action-sub{background:var(--bg-card);color:var(--primary)}.btn-action-main{background:var(--primary);color:#fff}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;width:100%}.left-btn-area,.right-btn-area{display:flex;gap:15px}.btn-back{background:#fff;border:1px solid var(--primary);color:var(--primary);padding:12px 35px;border-radius:12px;font-size:18px;font-weight:800;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-submit{background:var(--primary);border:1px solid var(--primary);color:#fff;padding:12px 45px;border-radius:12px;font-size:20px;font-weight:800;cursor:pointer;transition:all .2s ease}.btn-submit:hover{background:var(--primary-hover);transform:translateY(-2px)}@keyframes blink{50%{opacity:0}}._analysis-page-container_7h5g5_1{width:1200px;margin:0 auto;padding:30px 0 60px}._analysis-header_7h5g5_7{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}._student-info-title_7h5g5_14{font-size:26px;font-weight:800}._date-select_7h5g5_19{padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);font-weight:600;cursor:pointer}._btn-back_7h5g5_28{padding:10px 24px;border-radius:10px;border:1px solid var(--primary);background:#fff;color:var(--primary);font-weight:700;cursor:pointer;transition:.2s}._btn-back_7h5g5_28:hover{background:var(--primary);color:#fff}._video-wrap_7h5g5_44{width:100%}._report-card_7h5g5_48{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:var(--shadow)}._inner-graph-grid_7h5g5_55{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:32px}._chart-title_7h5g5_62{font-size:18px;font-weight:700;margin-bottom:12px}._analysis-summary-box_7h5g5_68{border-top:1px solid var(--border);padding-top:24px}._analysis-text_7h5g5_73{font-size:18px;line-height:1.8;margin-bottom:20px}._video-btn-wrap_7h5g5_79{display:flex;justify-content:flex-end}._btn-video-small_7h5g5_84{padding:12px 26px;border-radius:10px;border:1px solid var(--primary);background:#fff;color:var(--primary);font-weight:700;cursor:pointer;transition:.2s}._btn-video-small_7h5g5_84:hover{background:var(--primary);color:#fff}._video-modal_7h5g5_100{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}._video-modal-content_7h5g5_113{width:1100px;max-width:95%;background:var(--bg-card);border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:20px}._video-list_7h5g5_124{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}._video-select-btn_7h5g5_135{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:#fff;font-weight:600;cursor:pointer;text-align:left;transition:.2s}._video-select-btn_7h5g5_135:hover{background:var(--primary);color:#fff;border-color:var(--primary)}._video-player_7h5g5_153{width:100%;height:520px;background:#000;border-radius:14px}._video-close-btn_7h5g5_160{align-self:flex-end;padding:10px 22px;border-radius:10px;border:1px solid var(--border);background:#fff;font-weight:700;cursor:pointer;transition:.2s}._video-close-btn_7h5g5_160:hover{background:var(--primary);color:#fff}._chart-item_7h5g5_176{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 22px 16px;box-shadow:0 4px 14px #0000000a}._chart-title_7h5g5_62{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:14px}._recharts-responsive-container_7h5g5_191{margin-top:6px}._slide-controller-wrap_7h5g5_196{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:30px;padding:0 5px 15px;border-bottom:2px solid #f1f5f9}._arrow-group_7h5g5_206{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);padding:8px 16px;border-radius:12px;box-shadow:0 2px 4px #00000005}._inner-graph-grid_7h5g5_55{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:35px;width:100%}._chart-item_7h5g5_176{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column}._chart-title_7h5g5_62{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:18px;display:flex;align-items:center}._analysis-summary-box_7h5g5_68{border-top:1px solid var(--border);padding-top:30px;margin-top:10px}._total-score-badge_7h5g5_253{display:inline-flex;align-items:center;background:var(--primary);color:#fff;padding:10px 24px;border-radius:12px;margin-bottom:20px;font-weight:600}._final-score-box_7h5g5_266{margin-top:30px;padding:18px;border-radius:12px;background:var(--accent);display:flex;justify-content:space-between;align-items:center}._final-score-label_7h5g5_276{font-size:15px;font-weight:600;color:var(--text-main)}._final-score-value_7h5g5_282{font-size:22px;font-weight:800;color:var(--primary)}:root{--primary: #4a6cf7;--primary-hover: #3a5ce5;--accent: #eef2fa;--bg-main: #f4f7fb;--bg-card: #ffffff;--text-main: #2b3648;--text-sub: #718096;--border: #e2e8f0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 6px 16px rgba(0, 0, 0, .06)}.student-info-title{margin-bottom:30px;font-size:26px;font-weight:800;color:var(--text-main);border-left:6px solid var(--primary);padding-left:16px;letter-spacing:-.5px;padding-top:5px;padding-bottom:5px;border-radius:0 8px 8px 0}.section-title{font-size:24px;font-weight:800;margin-bottom:18px;margin-top:35px;color:var(--text-main);letter-spacing:-.3px}.report-top-grid,.report-top-grid-2{display:flex;gap:24px;margin-bottom:30px;width:100%}.report-top-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.report-card,.ai-summary-left,.ai-summary-right{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease;min-width:0}.report-card:hover,.ai-summary-left:hover,.ai-summary-right:hover{box-shadow:var(--shadow-md)}.report-card h3,.ai-summary-left h3,.ai-summary-right h3{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-main);display:flex;align-items:center;gap:8px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border)}.ai-summary-grid{display:flex;flex-direction:column;gap:30px;margin-bottom:30px;width:100%}.chart-box{margin-top:10px;height:220px;width:100%}.chart-empty{display:flex;justify-content:center;align-items:center;min-height:150px;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#94a3b8;font-size:14px;font-weight:500;text-align:center}.summary-box,.analysis-text{padding:20px;background:#fff;border-radius:12px;line-height:1.7;font-size:15px;color:var(--text-main);border:1px solid var(--border)}.analysis-text div{margin-bottom:8px}.analysis-text div:before{content:"• ";color:var(--primary);font-weight:700}.report-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.report-table-header{padding:12px 10px;font-weight:700;text-align:center;background:#f1f5f9;color:var(--text-main);border-bottom:1px solid var(--border)}.report-table-header.final-score{background:#e0e7ff;color:#3730a3}.report-table-cell{padding:12px 10px;text-align:center;border-bottom:1px solid var(--border);color:#475569}.report-table tbody tr:last-child .report-table-cell{border-bottom:none}.report-table tbody tr:hover{background-color:#f8fafc}.final-score-value{font-weight:800;color:var(--primary);font-size:15px}.report-text-view,.analysis-textarea,#finalComment{width:100%;min-height:160px;padding:18px;border-radius:12px;background:#fff;border:1px solid var(--border);font-family:inherit;font-size:15px;line-height:1.7;color:var(--text-main);box-sizing:border-box;transition:all .2s ease}.report-text-view{background:#fff}.report-text-view:not(.completed):hover{background:#f8fafc;border-color:#cbd5e1;cursor:pointer}.report-text-view.completed{cursor:default}.analysis-textarea,#finalComment{background:#f8fafc}.analysis-textarea:focus,#finalComment:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4a6cf71a;outline:none}.report-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-bottom:40px;padding-right:25px}.btn-main,.btn-sub{padding:12px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.btn-main{background:var(--primary);color:#fff;box-shadow:0 4px 10px #4a6cf733}.btn-main:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 14px #4a6cf74d}.btn-sub{background:var(--bg-card);color:var(--text-main);border:1px solid #cbd5e1}.btn-sub:hover{background:#f1f5f9;transform:translateY(-2px)}.record-control{display:flex;align-items:center}.record-box{display:flex;align-items:center;gap:12px;background:#fff5f5;padding:6px 16px;border-radius:8px;border:1px solid #fed7d7}.rec-text{font-weight:600;color:#e53e3e;font-size:14px}.rec-dot{color:#e53e3e;animation:blink 1s infinite}.ai-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:var(--primary)}.ai-spinner{width:30px;height:30px;border:3px solid #e0e7ff;border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s cubic-bezier(.55,.15,.45,.85) infinite}.pdf-info-box{margin-bottom:25px;padding:24px;background-color:#fff;border:1px solid var(--border);border-radius:12px;line-height:1.8;color:var(--text-main);display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px}.pdf-info-box h3{grid-column:1 / -1;margin-top:0;margin-bottom:10px;color:var(--text-main);font-size:18px;border-bottom:2px solid var(--border);padding-bottom:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.pdf-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.agreement-page{min-height:100vh;background:var(--bg-main);display:flex;justify-content:center;align-items:center}.agreement-container{width:760px;background:var(--bg-card);padding:50px;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.back-btn{font-size:14px;color:var(--text-sub);cursor:pointer;margin-bottom:24px}.back-btn:hover{color:var(--primary)}.title{text-align:center;font-size:30px;font-weight:700;margin-bottom:10px;color:var(--text-main)}.subtitle{text-align:center;color:var(--text-sub);margin-bottom:36px;font-size:15px}.agree-card{border:1px solid var(--border);border-radius:12px;padding:22px 24px;margin-bottom:18px;background:var(--accent)}.agree-card h4{margin-bottom:10px;font-weight:700;font-size:16px;color:var(--text-main)}.agree-card p{font-size:14px;color:var(--text-sub);line-height:1.6}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:var(--text-main)}.warning-box{background:#fff8e6;border:1px solid var(--accent);padding:14px;border-radius:10px;font-size:13px;color:#92400e;margin-top:20px}.button-area{display:flex;justify-content:center;margin-top:30px}.start-btn{width:260px;padding:16px;border-radius:12px;font-size:16px;border:none;font-weight:600}.start-btn.disabled{background:var(--border);color:var(--text-sub)}.start-btn.active{background:var(--primary);color:#fff;cursor:pointer;transition:.2s}.start-btn.active:hover{background:var(--primary-hover)}._container_18r23_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-main);font-family:Pretendard,-apple-system,sans-serif;text-align:center;padding:20px}._iconWrapper_18r23_15{width:80px;height:80px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:40px}._checkIcon_18r23_28{width:40px;height:40px;border:4px solid #4caf50;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}._checkIcon_18r23_28:after{content:"";width:12px;height:22px;border:solid #4caf50;border-width:0 4px 4px 0;transform:rotate(45deg);margin-bottom:5px}._title_18r23_53{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:16px}._description_18r23_62{font-size:1.1rem;line-height:1.6;color:var(--text-sub);white-space:pre-line}._highlight_18r23_69{display:block;margin-top:8px}._homeButton_18r23_76{margin-top:30px;padding:14px 40px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:.2s}._homeButton_18r23_76:hover{background:var(--primary-hover)}.sloading-page{min-height:100vh;background:var(--bg-main);display:flex;justify-content:center;align-items:center}.loading-wrapper{display:flex;flex-direction:column;align-items:center}.spinner{width:120px;height:120px;border-radius:50%;border:10px solid var(--border);border-top:10px solid var(--primary);animation:spin 1s linear infinite;margin-bottom:30px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:20px;font-weight:600;margin-bottom:15px;color:var(--text-main)}.progress-text{font-size:28px;font-weight:700;color:var(--primary)}.progress-text{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}._container_13jbv_5{display:flex;justify-content:center;align-items:center;width:100vw;height:100dvh;background:var(--bg-main);padding:10px;box-sizing:border-box}._card_13jbv_28{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:30px;box-shadow:var(--shadow)}._backButton_13jbv_50{display:flex;align-items:center;background:none;border:none;cursor:pointer;margin-bottom:15px;padding:0}._backCircle_13jbv_67{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:8px;font-size:16px;font-weight:700}._backText_13jbv_90{font-weight:700;font-size:14px;color:var(--text-main)}._header_13jbv_103{text-align:center;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}._header_13jbv_103 h1{font-size:28px;font-weight:800;margin:0;color:var(--text-main)}._header_13jbv_103 p{font-size:15px;color:var(--text-sub);margin-top:5px}._formGroup_13jbv_140{margin-bottom:20px}._formGroup_13jbv_140 label{display:block;font-weight:700;font-size:15px;margin-bottom:8px}._inputRow_13jbv_160{display:flex;align-items:center;gap:6px;width:100%}._inputRow_13jbv_160 input,._inputRow_13jbv_160 select{height:48px;padding:0 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;background:var(--bg-card);outline:none;box-sizing:border-box;min-width:0}._inputRow_13jbv_160 input:focus,._inputRow_13jbv_160 select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #d9775726}._inputRow_13jbv_160 input[name=name]{width:100%;flex:1}._inputRow_13jbv_160 input[name=ssn1]{flex:2}._inputRow_13jbv_160 input[name=ssn2]{width:45px;text-align:center}._ssnMask_13jbv_228{flex:2;font-size:18px;letter-spacing:3px;font-weight:700}._inputRow_13jbv_160 select[name=phone1]{width:85px;flex-shrink:0}._inputRow_13jbv_160 input[name=phone2],._inputRow_13jbv_160 input[name=phone3]{flex:1;text-align:center}._inputRow_13jbv_160 input[name=emailId]{flex:1}._inputRow_13jbv_160 select[name=emailDomain],._inputRow_13jbv_160 input[name=customEmailDomain]{flex:1.2}._resetBtn_13jbv_277{background:var(--accent);border:1px solid var(--border);border-radius:6px;padding:2px 6px;cursor:pointer;font-size:12px}._submitButton_13jbv_296{width:100%;margin-top:15px;padding:16px;background:var(--primary);border:none;border-radius:14px;cursor:pointer;transition:.2s}._submitButton_13jbv_296:hover{background:var(--primary-hover)}._submitText_13jbv_320{font-size:20px;font-weight:700;color:#fff}._surveyContainer_431xi_1{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-main);padding:20px;font-family:Pretendard,sans-serif}._surveyCard_431xi_11{width:100%;max-width:900px;background:var(--bg-card);padding:40px 60px;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow)}._backButton_431xi_23{background:var(--bg-card);border:1px solid var(--border);padding:6px 14px;color:var(--text-sub);cursor:pointer;font-size:14px;margin-bottom:30px;transition:.2s}._backButton_431xi_23:hover{background:var(--accent)}._headerRow_431xi_40{display:flex;justify-content:space-between;align-items:center}._mainTitle_431xi_46{font-size:36px;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text-main)}._badge_431xi_55{background:#ff3b30;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px}._stepIndicator_431xi_67{color:var(--primary);font-weight:800;font-size:22px}._subTitle_431xi_73{color:var(--text-sub);font-size:18px;margin-top:8px}._progressWrapper_431xi_81{width:100%;height:8px;background:var(--border);border-radius:4px;margin:30px 0 50px}._progressBar_431xi_89{height:100%;background:var(--primary);border-radius:4px;transition:width .4s ease-out}._questionText_431xi_98{text-align:center;font-size:22px;font-weight:600;margin-bottom:40px;color:var(--text-main)}._optionsList_431xi_108{display:flex;flex-direction:column;gap:15px}._optionItem_431xi_114{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:var(--accent);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:.2s}._optionItem_431xi_114:hover{background:var(--bg-card);border-color:var(--primary)}._selected_431xi_133{border:2px solid var(--primary);background:var(--bg-card)}._optionLabel_431xi_138{font-size:18px;color:var(--text-main)}._radioCircle_431xi_145{width:26px;height:26px;border:2px solid var(--border);border-radius:50%}._selected_431xi_133 ._radioCircle_431xi_145{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 5px var(--bg-card)}._footerNotice_431xi_160{text-align:center;margin-top:40px;color:var(--text-sub);font-size:15px}._optionItem_431xi_114:hover{transform:translateY(-1px)}:root{--primary: #4f46e5;--primary-hover: #4338ca;--error: #ef4444;--bg-main: #ffffff;--bg-card: #ffffff;--text-main: #111827;--text-sub: #64748b;--border: #e5e7eb}.svideo-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding-top:40px;background:var(--bg-main);font-family:Pretendard,sans-serif}.webcam-check{width:100%;max-width:1600px;display:flex;flex-direction:column;align-items:center;gap:30px}.webcam-check h2{font-size:48px;font-weight:800;text-align:center;color:var(--text-main)}.webcam-guide{font-size:22px;color:var(--text-sub);text-align:center}.webcam-check video{width:60vw;max-width:1000px;aspect-ratio:16 / 9;border-radius:24px;background:#000;object-fit:cover;transform:scaleX(-1);box-shadow:0 30px 60px #0003}.analysis-status{font-size:24px;font-weight:700;color:var(--error);margin-bottom:20px;display:flex;align-items:center;gap:10px}.live-dot{width:12px;height:12px;background:var(--error);border-radius:50%;animation:pulse 1.5s infinite}.video-wrapper{width:100%;max-width:1150px;display:flex;flex-direction:column;align-items:center}.video-container{width:100%;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 25px 50px #0003}.video-container iframe{width:100%;height:100%;border:none}.video-title{margin-top:25px;font-size:32px;font-weight:800;color:var(--text-main);text-align:center}.svideo-bottom{width:100%;max-width:1000px;display:flex;justify-content:center;margin-top:40px}.start-btn{width:100%;max-width:320px;height:64px;font-size:20px;font-weight:600;border-radius:14px;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:all .25s ease;margin-top:30px}.start-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.start-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed;box-shadow:none;transform:none}.start-btn:not(:disabled){background:var(--primary);color:#fff}.survey-btn{width:100%;max-width:800px;height:64px;font-size:24px;font-weight:700;border-radius:18px;border:none;cursor:pointer;transition:all .3s ease;background:#f1f5f9;color:#94a3b8;margin-top:40px}.survey-btn.enabled{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 10px 30px #4f46e559}.survey-btn.enabled:hover{transform:translateY(-4px);background:var(--primary-hover)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}to{transform:scale(1);opacity:1}}.video-wrapper{width:100%;max-width:1100px;margin:40px auto;padding:0 20px}.video-container{width:100%;max-width:960px;margin:0 auto;aspect-ratio:16/9;position:relative}.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border-radius:18px}.student-category-layout{width:100%;min-height:100vh;background:var(--bg-main)}.student-category-inner{width:100%}.student-page{width:100%;padding:40px;font-family:Pretendard,sans-serif}.student-title{font-size:26px;font-weight:700;color:var(--text-main);margin-bottom:8px}.student-subtitle{font-size:14px;color:var(--text-sub);margin-bottom:24px}.student-progress{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);font-weight:600;margin-bottom:30px;box-shadow:var(--shadow)}.student-header{display:flex;align-items:center;gap:16px;margin-bottom:30px}.student-category-title{font-size:20px;font-weight:600;color:var(--text-main)}.student-back-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);font-size:14px;cursor:pointer;transition:.2s}.student-back-btn:hover{background:var(--accent)}.student-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-bottom:40px}.student-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;cursor:pointer;transition:.2s;text-align:center}.student-card:hover{background:var(--accent);border-color:var(--primary);transform:translateY(-2px)}.student-selected-box{margin-top:40px;padding:24px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);max-width:900px;margin-left:auto;margin-right:auto}.student-video-item{display:flex;justify-content:space-between;padding:10px 14px;border-radius:10px;background:var(--accent);border:1px solid var(--border);margin-bottom:10px}.student-delete-btn{border:none;background:#ef4444;color:#fff;font-size:12px;padding:4px 10px;border-radius:6px;cursor:pointer}.next-button{display:block;margin:30px auto 0;padding:12px 60px;border-radius:8px;border:none;font-size:14px;cursor:pointer;background:#9ca3af;color:#fff;transition:.2s}.next-button-active{background:var(--primary)}.next-button-active:hover{background:var(--primary-hover)}.category-icon{width:42px;height:42px;color:var(--primary);margin-bottom:10px;transition:.2s}.category-text{font-size:14px;font-weight:500;color:var(--text-main);text-align:center;line-height:1.4}.selected-video-container{margin-top:40px;padding:24px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);max-width:800px;margin-left:auto;margin-right:auto}.selected-video-container h3{font-size:18px;font-weight:700;margin-bottom:18px;color:var(--text-main)}.selected-video-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;margin-bottom:10px;border-radius:10px;background:var(--accent);border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--text-main);transition:.2s}.selected-video-item:hover{background:var(--bg-card);border-color:var(--primary)}.delete-button{border:none;background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:.2s}.delete-button:hover{background:#dc2626}.cart-page{min-height:100vh;background:var(--bg-main);display:flex;justify-content:center;padding-top:80px}.cart-container{width:95%;max-width:900px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:50px 40px 100px;margin-bottom:80px;position:relative;box-shadow:var(--shadow)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.cart-header h2{font-size:26px;font-weight:700;color:var(--text-main)}.total-count{font-size:14px;color:var(--text-sub)}.total-count span{color:var(--primary);font-weight:600}.video-list{display:flex;flex-direction:column;gap:24px}.video-card{display:flex;align-items:center;gap:20px;background:var(--accent);border:1px solid var(--border);padding:22px;border-radius:16px;transition:.2s ease}.video-card:hover{background:var(--bg-card);border-color:var(--primary)}.video-order{width:32px;height:32px;background:var(--primary);color:#fff;font-size:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.video-thumb img{width:140px;height:80px;object-fit:cover;border-radius:6px}.video-info{flex:1}.category-tag{display:inline-block;background:var(--primary);color:#fff;font-size:12px;padding:5px 12px;border-radius:20px;margin-bottom:6px}.video-info h4{font-size:17px;font-weight:600;margin:6px 0;color:var(--text-main)}.video-info p{font-size:13px;color:var(--text-sub)}.cart-bottom{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:center;gap:20px}.cart-btn{width:160px;padding:10px 0;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:.2s}.cart-btn.secondary{background:var(--border);color:var(--text-main)}.cart-btn.primary{background:var(--primary);color:#fff}.cart-btn.primary:hover{background:var(--primary-hover)}._container_1bnda_5{padding:40px;width:100%;background:var(--bg-main);text-align:center;font-family:Pretendard,sans-serif}._title_1bnda_17{font-size:26px;font-weight:700;color:var(--text-main);margin-bottom:10px}._subtitle_1bnda_24{font-size:14px;color:var(--text-sub);margin-bottom:25px}._progressBadge_1bnda_34{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);font-size:14px;font-weight:600;margin-bottom:25px;box-shadow:var(--shadow)}._headerRow_1bnda_59{display:flex;align-items:center;gap:16px;margin-bottom:30px}._categoryTitle_1bnda_70{font-size:20px;font-weight:600;color:var(--text-main)}._backButton_1bnda_83{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);font-size:14px;font-weight:500;color:var(--text-main);cursor:pointer;transition:.2s}._backButton_1bnda_83:hover{background:var(--accent);transform:translateY(-1px)}._cardGrid_1bnda_115{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:40px}._card_1bnda_115{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s;padding:30px}._card_1bnda_115:hover{background:var(--accent);border-color:var(--primary);transform:translateY(-2px)}._activeCard_1bnda_159{border:2px solid var(--primary);background:var(--accent);font-weight:600}._selectedListContainer_1bnda_172{margin-top:40px;padding:24px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);max-width:900px;margin-left:auto;margin-right:auto}._listTitle_1bnda_192{font-size:18px;font-weight:700;margin-bottom:18px;color:var(--text-main)}._listWrapper_1bnda_203{display:flex;flex-wrap:wrap;gap:12px}._videoCard_1bnda_216{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--accent);border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--text-main);transition:.2s}._videoCard_1bnda_216:hover{background:var(--bg-card);border-color:var(--primary)}._deleteButton_1bnda_252{border:none;background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;cursor:pointer;transition:.2s}._deleteButton_1bnda_252:hover{background:#dc2626}._container_1m1iz_1{width:100%;box-sizing:border-box}._title_1m1iz_8{font-size:15px;font-weight:600;margin-bottom:6px}._subtitle_1m1iz_14{color:var(--text-sub);font-size:14px;margin-bottom:24px}._progressBadge_1m1iz_22{display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);padding:8px 16px;border-radius:20px;box-shadow:var(--shadow);font-weight:700;margin-bottom:30px}._alertBox_1m1iz_36{background:var(--accent);border:1px solid var(--primary);color:var(--text-main);padding:12px 20px;border-radius:8px;text-align:left;display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:13px}._headerRow_1m1iz_52{display:flex;align-items:center;gap:15px;margin-bottom:20px}._categoryTitle_1m1iz_59{font-size:20px;font-weight:700;color:var(--text-main)}._backButton_1m1iz_67{border:1px solid var(--border);background:var(--bg-card);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease}._backButton_1m1iz_67:hover{background:var(--accent)}._cardGrid_1m1iz_83{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%}._card_1m1iz_83{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:0;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow)}._card_1m1iz_83:hover{transform:translateY(-2px)}._activeCard_1m1iz_113{border:2px solid var(--primary);background:var(--accent)}._imageContainer_1m1iz_120{width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}._thumbnail_1m1iz_127{width:100%;height:100%;object-fit:cover}._content_1m1iz_135{padding:14px;text-align:center}._content_1m1iz_135 ._title_1m1iz_8{font-size:15px;font-weight:600;margin-bottom:6px;word-break:break-word;white-space:normal}._duration_1m1iz_148{font-size:12px;color:var(--text-sub)}._selectedListContainer_1m1iz_155{margin-top:40px;padding:24px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow)}._listTitle_1m1iz_166{font-size:18px;font-weight:700;margin-bottom:18px;color:var(--text-main)}._listWrapper_1m1iz_175{display:flex;flex-wrap:wrap;gap:12px}._videoCard_1m1iz_183{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--accent);border:1px solid var(--border);font-size:14px;color:var(--text-main)}._videoCard_1m1iz_183:hover{background:var(--bg-card)}._deleteButton_1m1iz_201{border:none;background:#ef4444;color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;cursor:pointer}._deleteButton_1m1iz_201:hover{background:#dc2626}._alreadySelected_1m1iz_216{opacity:.45;border:2px solid var(--primary);background:#e5e7eb;cursor:not-allowed}.global-dim{position:fixed;inset:0;background:#0000006b;z-index:9990}.global-spot{position:fixed;border-radius:18px;z-index:9991;pointer-events:none;background:#ffffff24;-webkit-backdrop-filter:brightness(1.22) saturate(1.08);backdrop-filter:brightness(1.22) saturate(1.08);box-shadow:0 0 0 9999px #0000006b,0 0 0 4px #21ffd0,0 0 120px #21ffd0f2,0 0 200px #21ffd08c;transition:top .42s cubic-bezier(.22,.61,.36,1),left .42s cubic-bezier(.22,.61,.36,1),width .42s cubic-bezier(.22,.61,.36,1),height .42s cubic-bezier(.22,.61,.36,1)}.global-guide{position:fixed;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;z-index:9992;color:#fff;text-align:center;animation:onboardFade .35s ease;transition:top .32s cubic-bezier(.22,.61,.36,1),left .32s cubic-bezier(.22,.61,.36,1),right .32s cubic-bezier(.22,.61,.36,1)}.global-guide h3{font-size:42px;font-weight:900;margin-bottom:16px;text-shadow:0 12px 40px rgba(0,0,0,.85)}.global-guide p{font-size:20px;line-height:1.8;margin-bottom:28px;text-shadow:0 10px 30px rgba(0,0,0,.85);white-space:pre-line}.global-guide button{border:none;cursor:pointer;height:58px;padding:0 36px;border-radius:18px;background:var(--primary);color:#fff;font-size:18px;font-weight:800;box-shadow:0 20px 50px #00000059;transition:.28s}.global-guide button:hover{transform:translateY(-4px);background:var(--primary-hover)}@keyframes onboardFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-lock{overflow:hidden;height:100vh;touch-action:none}:root{--primary: #054E40;--primary-hover: #03362C;--secondary: #166A99;--accent: #BFE6DC;--bg-main: #DDF0EA;--bg-card: #FFFFFF;--text-main: #02110E;--text-sub: #2F5851;--border: #A7D6CB;--shadow: 0 26px 70px rgba(0,0,0,.24);--frog-main: #066B57;--frog-dark: #012F26;--frog-light: #59D6BA;--cream: #F0EEE6}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at 15% 8%,#F0FBF8,transparent 35%),linear-gradient(180deg,#e9f7f3,#ddf0ea);color:var(--text-main);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.7}.btn-primary{background:var(--primary);color:#fff;border:none;padding:14px 28px;border-radius:16px;font-weight:700;cursor:pointer;transition:.22s;box-shadow:0 8px 18px #0000001f}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 14px 28px #0000002e}.card{background:var(--bg-card);border-radius:26px;padding:36px;border:1px solid var(--border);box-shadow:var(--shadow);transition:.32s}.card:hover{transform:translateY(-12px);box-shadow:0 46px 100px #00000057}.input{width:100%;padding:16px 20px;border:2px solid var(--border);border-radius:18px;outline:none;font-size:15px;transition:.28s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 6px #054e4038}.container{width:1200px;margin:0 auto}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}