@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";.g178-page{width:100%;height:100vh;overflow:auto;background:#fff;color:#161616;font-family:Pretendard,Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.g178-page *{box-sizing:border-box}.g178-shell{width:1000px;min-height:100%;margin:0 auto;padding:40px 40px 80px}.g178-student{display:flex;height:40px;align-items:center;justify-content:space-between;margin-bottom:15px}.g178-student-left{display:flex;align-items:center;gap:10px}.g178-student h1,.g178-student p{margin:0;white-space:nowrap}.g178-student h1{font-size:30px;line-height:40px;letter-spacing:-1.1px}.g178-student p{color:#797988;font-size:16px}.g178-student button{display:flex;align-items:center;gap:4px;padding:0;background:transparent;color:#000;font-size:14px}.g178-student button span{font-size:19px}.g178-avatar{width:36px;height:36px;border-radius:50%;background:conic-gradient(from 205deg,#008bee,#6c18ff,#ff3ca6,#ffcc35,#008bee);box-shadow:inset 0 0 7px #fff8}.g178-rewards{display:flex;width:929px;height:106px;margin-left:-6px;margin-bottom:26px}.g178-streak{position:relative;display:flex;width:538px;height:106px;align-items:center;padding-left:99px;background:#ff4a2d;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);color:#fff}.g178-streak-medal{position:absolute;left:10px;top:7px;width:88px;height:88px;border:3px solid #2a2a2a;border-radius:50%;background:linear-gradient(135deg,#fff,#777 50%,#171717 51%,#bbb);box-shadow:0 2px 2px #0005}.g178-streak-medal:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#282828}.g178-streak-medal i{position:absolute;z-index:1;left:-5px;top:10px;color:#ef130d;font-family:Impact,sans-serif;font-size:58px;font-style:italic;line-height:1;-webkit-text-stroke:2px #fff;text-shadow:3px 3px #111}.g178-streak strong{display:block;font-size:20px;line-height:26px}.g178-streak strong em{color:#ffd2c9;font-style:normal;letter-spacing:-2px}.g178-streak small{display:block;font-size:14px;line-height:20px}.g178-reward-track{display:flex;width:441px;height:106px;margin-left:-39px;padding-left:29px;overflow:hidden;background:#f5f5f5;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.g178-reward{display:flex;width:208px;flex:none;align-items:center;gap:8px;padding-left:22px;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%)}.g178-reward+.g178-reward{margin-left:-10px;background:#f1f1f1}.g178-reward strong,.g178-reward small{display:block;white-space:nowrap}.g178-reward strong{font-size:16px;line-height:22px}.g178-reward small{margin-top:6px;color:#797988;font-size:14px}.g178-reward>b{margin-left:auto;margin-right:20px;color:#777;font-size:27px;font-weight:400}.g178-gem{position:relative;width:43px;height:55px;flex:none;transform:rotate(8deg);clip-path:polygon(50% 0,92% 20%,85% 75%,50% 100%,12% 76%,7% 22%);background:linear-gradient(135deg,#d8ff52,#247d13 48%,#071b06 50%,#99ec28)}.g178-gem.task{background:linear-gradient(135deg,#d9bbff,#5810ac 48%,#1b072e 50%,#b36bff)}.g178-gem span{position:absolute;inset:10px 5px;color:#79cf28;font:700 30px Impact;text-align:center;text-shadow:1px 1px #000}.g178-gem.task span{color:#a94cff}.g178-section{width:920px}.g178-section h2{height:24px;margin:0 0 8px;font-size:18px;line-height:24px;letter-spacing:-.3px}.g178-exam{margin-bottom:24px}.g178-exam-grid{display:grid;height:66px;grid-template-columns:170px 175px 1fr;gap:20px;padding:13px 20px;background:#f5f5f7}.g178-exam-grid>div:not(:last-child){border-right:1px solid #e5e5e8}.g178-exam-grid small{display:block;margin-bottom:8px;color:#797988;font-size:12px;font-weight:600;line-height:18px}.g178-exam-grid p{margin:0;color:#000;font-size:14px;line-height:20px;white-space:nowrap}.g178-list{border:1px solid #e5e5e8}.g178-lesson{display:flex;height:100px;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid #e5e5e8;background:#fff}.g178-lesson:last-child{border-bottom:0}.g178-number{display:grid;width:54px;height:40px;flex:none;place-items:center;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);background:#f5f5f7;color:#9494a0;font-family:Impact,Arial Black,sans-serif;font-size:20px;font-style:italic}.g178-lesson-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}.g178-lesson-main>strong{font-size:16px;line-height:22px}.g178-progress{display:flex;height:14px;align-items:center;gap:8px}.g178-progress i{width:340px;height:4px;background:#161616}.g178-progress span{color:#797988;font-size:12px}.g178-status{display:flex;align-items:center;gap:12px}.g178-status small{color:#797988;font-size:12px}.g178-status span{height:26px;padding:4px 10px;background:#000;color:#fff;font-size:12px;line-height:18px}.g178-lesson.current{gap:16px}.g178-lesson.current .g178-number{background:#f84a28;color:#fff}.g178-lesson.current .g178-lesson-main{padding-left:8px}.g178-lesson.current .g178-lesson-main>strong,.g178-lesson.current .g178-progress span{color:#f84a28}.g178-lesson.current .g178-progress i{background:linear-gradient(90deg,#f84a28 74%,#dedede 74%)}.g178-lesson.current .g178-status span{background:#fff3f3;color:#f84a28;font-weight:700}.g178-lesson.locked{background:#f5f5f7}.g178-lesson.locked .g178-lesson-main>strong{color:#797988}@media(max-width:999px){.g178-page{min-width:0}.g178-shell{margin:0}}.g7122-page{width:100%;min-width:1180px;min-height:100vh;background:#fff;color:#161616;font-family:Pretendard,Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative}.g7122-page *{box-sizing:border-box}.g7122-sidebar{position:fixed;z-index:2;left:0;top:0;width:200px;height:100vh;min-height:760px;padding:20px;background:#090909;color:#fff}.g7122-logo{height:76px;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:950;font-style:italic;letter-spacing:-3px}.g7122-logo:after{content:"";width:7px;height:7px;margin:3px 0 0 2px;background:#f84a28;transform:skew(-16deg)}.g7122-term{width:160px;height:40px;margin-top:20px;border:2px solid #494952;background:transparent;color:#fff;padding:0 8px 0 10px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.g7122-sidebar nav{margin-top:60px}.g7122-sidebar nav a{height:50px;padding-left:12px;display:flex;align-items:center;gap:8px;color:#cacacf;font-size:16px;font-weight:500;text-decoration:none}.g7122-sidebar nav a.selected{color:#fff;font-size:20px;font-weight:800;gap:10px}.g7122-sidebar nav a.selected i{color:#f84a28;font-size:17px;font-style:normal}.g7122-sidebar nav em{display:grid;place-items:center;width:32px;height:18px;background:#f84a28;color:#fff;font-size:12px;font-style:normal;font-weight:800;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.g7122-content{width:100%;padding-left:200px}.g7122-inner{width:1000px;margin:0 auto;padding:40px 40px 80px}.g7122-student{height:40px;margin-bottom:44px;display:flex;align-items:center;justify-content:space-between}.g7122-student>div{display:flex;align-items:center;gap:10px}.g7122-avatar{width:36px;height:36px;border-radius:50%;background:conic-gradient(from 205deg,#00a9ef,#5d18e5,#ec33b4,#ffca35,#00a9ef);box-shadow:inset 0 0 6px #fff8}.g7122-student h1,.g7122-student p{margin:0;white-space:nowrap}.g7122-student h1{font-size:30px;line-height:40px;letter-spacing:-1px}.g7122-student p{color:#797988;font-size:16px}.g7122-student button{border:0;background:none;font-size:14px}.g7122-student button span{margin-left:4px;font-size:18px}.g7122-rewards{height:106px;width:929px;margin:0 0 26px -6px;display:flex;overflow:hidden}.g7122-streak{width:538px;flex:none;position:relative;display:flex;align-items:center;padding-left:128px;background:#ff4a2d;color:#fff;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.g7122-medal{position:absolute;left:8px;top:4px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 46% 42%,#191919 0 39%,#aaa 40% 48%,#292929 49% 58%,#ddd 59% 67%,#555 68%);color:#e82016;font:italic 64px/1 Impact,sans-serif;-webkit-text-stroke:2px white;text-shadow:3px 3px #111}.g7122-streak strong,.g7122-streak small{display:block}.g7122-streak strong{font-size:20px;line-height:26px}.g7122-streak strong i{color:#ffd1c7;font-style:normal;letter-spacing:-2px}.g7122-streak small{font-size:14px;line-height:20px}.g7122-reward{width:242px;margin-left:-38px;padding:0 21px 0 51px;background:#f7f7f7;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);display:flex;align-items:center;gap:9px}.g7122-reward.last{width:237px;margin-left:-35px;padding-left:48px;background:#f3f3f3}.g7122-reward div strong,.g7122-reward div small{display:block;white-space:nowrap}.g7122-reward div strong{font-size:16px}.g7122-reward div small{margin-top:6px;color:#797988;font-size:14px}.g7122-reward>b{margin-left:auto;color:#777;font-size:28px;font-weight:400}.g7122-gem{width:43px;height:56px;flex:none;position:relative;display:grid;place-items:center;clip-path:polygon(50% 0,91% 21%,84% 76%,50% 100%,13% 76%,7% 22%);background:linear-gradient(135deg,#d7ff53 0 22%,#4b941d 23% 46%,#0b2508 47% 58%,#9be72f 59%);transform:rotate(7deg)}.g7122-gem.purple{background:linear-gradient(135deg,#e2c4ff 0 22%,#7428bb 23% 46%,#261039 47% 58%,#bd75ff 59%)}.g7122-gem b{font:30px Impact;color:#81d826;text-shadow:1px 1px #000}.g7122-gem.purple b{color:#a74cf4}.g7122-block{width:920px}.g7122-block h2{height:24px;margin:0 0 8px;font-size:18px;line-height:24px}.g7122-exam{margin-bottom:24px}.g7122-exam-row{height:66px;padding:13px 20px;background:#f5f5f7;display:grid;grid-template-columns:170px 175px 1fr;gap:20px}.g7122-exam-row>div:not(:last-child){border-right:1px solid #e5e5e8}.g7122-exam-row small{display:block;color:#797988;font-size:12px;line-height:18px}.g7122-exam-row p{margin:8px 0 0;font-size:14px;line-height:20px;white-space:nowrap}.g7122-lessons{border:1px solid #e5e5e8}.g7122-lesson{height:100px;padding:0 20px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #e5e5e8}.g7122-lesson:last-child{border-bottom:0}.g7122-number{width:54px;height:40px;flex:none;display:grid;place-items:center;background:#f5f5f7;color:#9494a0;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);font:italic 20px Impact,sans-serif}.g7122-lesson-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.g7122-lesson-copy>strong{font-size:16px;line-height:22px}.g7122-progress{height:14px;display:flex;align-items:center;gap:8px}.g7122-progress i{width:340px;height:4px;background:#161616}.g7122-progress span{color:#797988;font-size:12px}.g7122-state{display:flex;align-items:center;gap:12px}.g7122-state small{color:#797988;font-size:12px}.g7122-state b{height:26px;padding:4px 10px;background:#000;color:#fff;font-size:12px;line-height:18px;font-weight:500}.g7122-lesson.current{gap:16px}.g7122-lesson.current .g7122-number{background:#f84a28;color:#fff}.g7122-lesson.current .g7122-lesson-copy{padding-left:8px}.g7122-lesson.current .g7122-lesson-copy>strong,.g7122-lesson.current .g7122-progress span{color:#f84a28}.g7122-lesson.current .g7122-progress i{background:linear-gradient(90deg,#f84a28 74%,#dedede 74%)}.g7122-lesson.current .g7122-state b{background:#fff3f3;color:#f84a28;font-weight:700}.g7122-lesson.locked{background:#f5f5f7}.g7122-lesson.locked .g7122-lesson-copy>strong{color:#797988}.g7122-chat{position:fixed;z-index:3;right:30px;bottom:24px;height:47px;padding:0 15px;border:0;background:#090909;color:#fff;box-shadow:0 9px 0 -5px #090909;font-size:16px;font-weight:700}.g7122-chat span{margin-right:5px;color:#f84a28;font-size:21px}@media(max-width:1199px){.g7122-inner{margin-left:0}}.g7459-page{display:flex;position:relative;width:100%;min-width:1180px;min-height:100vh;background:#fff;color:#161616;font-family:Pretendard,Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.g7459-page *{box-sizing:border-box}.g7459-sidebar{position:fixed;z-index:2;inset:0 auto 0 0;width:200px;min-height:760px;padding:20px;background:#090909;color:#fff}.g7459-logo{display:flex;height:76px;align-items:center;justify-content:center;color:#fff;font-size:27px;font-style:italic;font-weight:950;letter-spacing:-3px;transform:skew(-7deg)}.g7459-logo i{width:7px;height:9px;margin:4px 0 0 2px;background:#ff4a2d;transform:skew(-10deg)}.g7459-term{display:flex;width:160px;height:40px;margin-top:20px;align-items:center;justify-content:space-between;padding:0 8px 0 10px;border:2px solid #494952;background:transparent;color:#fff;font-size:14px}.g7459-term span{font-size:20px;line-height:1}.g7459-sidebar nav{margin-top:60px}.g7459-sidebar nav a{display:flex;height:50px;align-items:center;gap:8px;padding-left:12px;color:#cacacf;font-size:16px;font-weight:500;text-decoration:none}.g7459-sidebar nav a.selected{gap:10px;color:#fff;font-size:20px;font-weight:800}.g7459-learning-icon{color:#ff4a2d;font-size:18px}.g7459-sidebar nav em{display:grid;width:32px;height:18px;place-items:center;background:#ff4a2d;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);color:#fff;font-size:12px;font-style:normal;font-weight:800}.g7459-body{width:100%;padding-left:200px}.g7459-content{width:1000px;margin:0 auto;padding:40px 40px 80px}.g7459-student{display:flex;height:40px;align-items:center;justify-content:space-between;margin-bottom:44px}.g7459-student-info{display:flex;align-items:center;gap:10px}.g7459-avatar{width:36px;height:36px;border-radius:50%;background:conic-gradient(from 205deg,#00a8ed,#5f17e8,#ee31ae,#ffce36,#00a8ed);box-shadow:inset 0 0 6px #fff8}.g7459-student h1,.g7459-student p{margin:0;white-space:nowrap}.g7459-student h1{font-size:30px;line-height:40px;letter-spacing:-1px}.g7459-student p{color:#797988;font-size:16px}.g7459-student button{padding:0;border:0;background:none;color:#000;font-size:14px}.g7459-student button span{margin-left:4px;font-size:18px}.g7459-rewards{display:flex;width:929px;height:106px;margin:0 0 40px -6px;overflow:hidden}.g7459-streak{display:flex;position:relative;width:538px;flex:none;align-items:center;padding-left:128px;background:#ff4a2d;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);color:#fff}.g7459-streak-medal{display:grid;position:absolute;left:8px;top:4px;width:96px;height:96px;place-items:center;border-radius:50%;background:radial-gradient(circle at 44% 40%,#202020 0 39%,#a9a9a9 40% 48%,#292929 49% 58%,#ddd 59% 67%,#555 68%);color:#e91e14;font:italic 64px/1 Impact,sans-serif;-webkit-text-stroke:2px #fff;text-shadow:3px 3px #111}.g7459-streak-medal i{position:absolute;right:-7px;color:#e91e14;font-size:29px;-webkit-text-stroke:1px #111}.g7459-streak strong,.g7459-streak small{display:block}.g7459-streak strong{font-size:20px;line-height:26px}.g7459-streak strong i{color:#ffd1c7;font-style:normal;letter-spacing:-2px}.g7459-streak small{font-size:14px;line-height:20px}.g7459-reward{display:flex;width:242px;margin-left:-38px;align-items:center;gap:9px;padding:0 21px 0 51px;background:#f7f7f7;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%)}.g7459-reward.last{width:237px;margin-left:-35px;padding-left:48px;background:#f3f3f3}.g7459-reward div strong,.g7459-reward div small{display:block;white-space:nowrap}.g7459-reward div strong{font-size:16px}.g7459-reward div small{margin-top:6px;color:#797988;font-size:14px}.g7459-reward>b{margin-left:auto;color:#777;font-size:28px;font-weight:400}.g7459-reward-medal{display:grid;position:relative;width:43px;height:56px;flex:none;place-items:center;clip-path:polygon(50% 0,91% 21%,84% 76%,50% 100%,13% 76%,7% 22%);transform:rotate(7deg)}.g7459-reward-medal.green{background:linear-gradient(135deg,#d7ff53 0 22%,#4b941d 23% 46%,#0b2508 47% 58%,#9be72f 59%)}.g7459-reward-medal.purple{background:linear-gradient(135deg,#e2c4ff 0 22%,#7428bb 23% 46%,#261039 47% 58%,#bd75ff 59%)}.g7459-reward-medal b{color:#82d827;font:30px Impact;text-shadow:1px 1px #000}.g7459-reward-medal.purple b{color:#a74cf4}.g7459-section{width:920px}.g7459-section h2{height:24px;margin:0 0 8px;font-size:18px;line-height:24px}.g7459-exam{margin-bottom:32px}.g7459-exam-grid{display:grid;height:86px;grid-template-columns:170px 175px 1fr;gap:20px;padding:20px;background:#f5f5f7}.g7459-exam-grid>div:not(:last-child){border-right:1px solid #e5e5e8}.g7459-exam-grid small{display:block;color:#797988;font-size:12px;line-height:18px}.g7459-exam-grid p{margin:8px 0 0;color:#000;font-size:14px;line-height:20px;white-space:nowrap}.g7459-lessons{border:1px solid #e5e5e8}.g7459-lesson{display:flex;height:100px;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid #e5e5e8;background:#fff}.g7459-lesson:last-child{border-bottom:0}.g7459-number{display:grid;width:54px;height:40px;flex:none;place-items:center;background:#f5f5f7;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);color:#9494a0;font:italic 20px Impact,sans-serif}.g7459-lesson-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}.g7459-lesson-copy>strong{font-size:16px;line-height:22px}.g7459-progress{display:flex;height:14px;align-items:center;gap:8px}.g7459-progress i{width:340px;height:4px;background:#161616}.g7459-progress span{color:#797988;font-size:12px}.g7459-status{display:flex;align-items:center;gap:12px}.g7459-status small{color:#797988;font-size:12px}.g7459-status b{height:26px;padding:4px 10px;background:#000;color:#fff;font-size:12px;font-weight:500;line-height:18px}.g7459-lesson.watching{gap:16px}.g7459-lesson.watching .g7459-number{background:#ff4a2d;color:#fff}.g7459-lesson.watching .g7459-lesson-copy{padding-left:8px}.g7459-lesson.watching .g7459-lesson-copy>strong,.g7459-lesson.watching .g7459-progress span{color:#ff4a2d}.g7459-lesson.watching .g7459-progress i{background:linear-gradient(90deg,#ff4a2d 74%,#dedede 74%)}.g7459-lesson.watching .g7459-status b{background:#fff3f3;color:#ff4a2d;font-weight:700}.g7459-lesson.locked{background:#f5f5f7}.g7459-lesson.locked .g7459-lesson-copy>strong{color:#797988}.g7459-chat{position:fixed;z-index:3;right:30px;bottom:24px;height:47px;padding:0 15px;border:0;background:#090909;color:#fff;box-shadow:0 9px 0 -5px #090909;font-size:16px;font-weight:700}.g7459-chat:after{content:"";position:absolute;right:10px;bottom:-10px;border-width:10px 0 0 14px;border-style:solid;border-color:transparent transparent transparent #090909}.g7459-chat span{margin-right:5px;color:#ff4a2d;font-size:21px}@media(max-width:1199px){.g7459-content{margin-left:0}}.lecture-page{--orange:#ff4b2d;min-height:100vh;background:#fff;color:#171719;display:flex;font-family:Noto Sans KR,Pretendard,sans-serif;font-size:14px}.lecture-page *{box-sizing:border-box}.lecture-sidebar{width:200px;min-height:1317px;background:#090909;color:#cacacf;padding:20px;flex:none}.lecture-logo{height:76px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:27px;font-weight:900;font-style:italic;letter-spacing:-2px}.lecture-logo:after{content:"";width:8px;height:8px;background:var(--orange);transform:skew(-18deg);margin:0 0 17px 2px}.semester{margin-top:20px;width:160px;height:40px;padding:0 10px;background:#090909;border:2px solid #494952;color:#fff;text-align:left;font:500 14px inherit}.semester span{float:right;font-size:18px}.lecture-sidebar nav{display:flex;flex-direction:column;margin-top:60px}.lecture-sidebar nav button{height:50px;padding-left:12px;border:0;background:none;color:#cacacf;text-align:left;font:500 16px inherit}.lecture-sidebar nav button.selected{font-size:20px;font-weight:800;color:#fff}.lecture-sidebar nav button i{color:var(--orange);font-style:normal;font-size:16px;margin-right:10px}.lecture-sidebar nav b{display:inline-block;background:var(--orange);color:#fff;font-size:11px;line-height:18px;min-width:28px;text-align:center;margin-left:10px;transform:skew(-12deg)}.lecture-content{width:100%;max-width:1000px;padding:40px 40px 80px;margin:0 auto}.student-row{height:48px;display:flex;align-items:center;justify-content:space-between}.student{display:flex;align-items:center;gap:10px}.student-avatar{width:36px;height:36px;border-radius:50%;background:conic-gradient(#633cff,#11d8e7,#f4289e,#633cff);border:5px solid #f5f5f7}.student strong{font-size:30px;line-height:40px}.student small{color:#797988;font-size:16px}.teacher{border:0;background:#fff;font:500 14px inherit}.reward-row{height:106px;margin-top:40px;display:flex;overflow:hidden}.streak-card{height:106px;width:538px;background:var(--orange);color:#fff;display:flex;align-items:center;padding-left:18px;clip-path:polygon(5% 0,100% 0,93% 100%,0 100%)}.streak-medal{width:96px;height:96px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 8%,#bbb 9% 23%,#222 24% 30%,#ddd 31% 48%,#333 49% 52%,#aaa 53%);color:#e21d17;font-size:60px;font-weight:900;font-style:italic;display:grid;place-items:center;text-shadow:2px 2px #fff,-2px -2px #fff}.streak-card>div:last-child{display:flex;flex-direction:column;margin-left:10px}.streak-card strong{font-size:20px}.streak-card em{font-style:normal;letter-spacing:-3px;color:#ff9c86;margin-left:6px}.streak-card small{font-size:12px;margin-top:4px}.reward{width:220px;background:#f4f4f4;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);display:flex;align-items:center;gap:10px;padding-left:35px;margin-left:-20px}.reward .gem{width:48px;height:58px;display:grid;place-items:center;font-size:28px;font-weight:900;clip-path:polygon(50% 0,88% 20%,78% 83%,50% 100%,20% 82%,10% 22%);text-shadow:1px 1px #fff}.gem.green{background:linear-gradient(135deg,#beff36,#165a06);color:#162}.gem.purple{background:linear-gradient(135deg,#e2b7ff,#3d087c);color:#2b084c}.reward div{display:flex;flex-direction:column;white-space:nowrap}.reward small{color:#9494a0;margin-top:6px}.reward>b{font-size:26px;color:#9494a0;margin-left:auto;margin-right:28px}.lecture-content h2{font-size:16px;margin:30px 0 10px}.exam-info{height:62px;background:#f5f5f7;display:grid;grid-template-columns:170px 170px 1fr;padding:15px 20px}.exam-info div{display:flex;flex-direction:column;padding:0 14px;border-right:1px solid #e5e5e8}.exam-info div:last-child{border:0}.exam-info small{font-size:11px;color:#797988}.exam-info strong{font-size:12px;margin-top:8px}.lesson-list{border:1px solid #dedede}.lesson-list article{height:100px;border-bottom:1px solid #e5e5e8;display:flex;align-items:center;padding:0 20px;gap:20px}.lesson-list article:last-child{border-bottom:0}.lesson-number{width:54px;height:40px;background:#f2f2f3;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);display:grid;place-items:center;color:#9494a0;font-size:20px;font-weight:900}.lesson-main{flex:1}.lesson-main>strong{font-size:16px}.progress{height:16px;width:400px;margin-top:7px;position:relative}.progress:before,.progress i{content:"";position:absolute;left:0;top:6px;height:4px;width:340px;background:#dedede}.progress i{background:#161616}.progress small{position:absolute;left:350px;color:#797988;font-size:11px}.lesson-status{display:flex;align-items:center;gap:12px}.lesson-status small{color:#9494a0}.lesson-status b{background:#090909;color:#fff;padding:7px 10px;font-size:12px}.lesson-list article.current .lesson-number{background:var(--orange);color:#fff}.lesson-list article.current .lesson-main>strong,.lesson-list article.current .progress small{color:var(--orange)}.lesson-list article.current .progress i{background:var(--orange)}.lesson-list article.current .lesson-status b{background:#fff3f3;color:var(--orange)}.lesson-list article.locked{background:#f5f5f7;color:#9494a0}.chat{position:fixed;right:30px;bottom:36px;background:#090909;color:#fff;border:0;height:46px;padding:0 16px;font:700 14px inherit;box-shadow:0 7px #090909;z-index:5}.chat:first-letter{color:var(--orange)}@media(max-width:900px){.lecture-page{min-width:900px}.lecture-content{margin-left:0}.student small{display:none}}.g8152-page{--orange:#ff4b2d;display:flex;position:relative;min-width:1100px;min-height:1332px;background:#fff;color:#161616;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;font-size:14px;letter-spacing:-.02em}.g8152-page *{box-sizing:border-box}.g8152-page button{font:inherit}.g8152-sidebar{width:200px;min-height:1317px;flex:0 0 200px;padding:20px;background:#090909}.g8152-logo{width:160px;height:76px;display:flex;align-items:center;justify-content:center}.g8152-logo img{width:153px;height:32px;-o-object-fit:contain;object-fit:contain}.g8152-semester{width:160px;height:40px;margin-top:20px;padding:0 6px 0 10px;display:flex;align-items:center;justify-content:space-between;border:2px solid #494952;background:#090909;color:#fff;font-size:14px;font-weight:500;text-align:left}.g8152-semester img{width:20px;height:20px}.g8152-nav{margin-top:60px;width:160px;display:flex;flex-direction:column}.g8152-learning{width:160px;height:50px}.g8152-nav button{height:50px;padding-left:12px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#cacacf;font-size:16px;font-weight:500;text-align:left}.g8152-nav button b{min-width:32px;height:18px;line-height:18px;background:var(--orange);color:#fff;font-size:12px;text-align:center;font-weight:700;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}.g8152-body{width:calc(100% - 200px);min-height:1332px;padding:40px 40px 80px;display:flex;justify-content:center;background:#fff}.g8152-content{width:920px;flex:none}.g8152-student-row{height:40px;display:flex;align-items:center;justify-content:space-between}.g8152-student{display:flex;align-items:center;gap:10px}.g8152-student>img{width:36px;height:36px;border-radius:50%}.g8152-student strong{font-size:30px;line-height:40px;font-weight:700;white-space:nowrap}.g8152-student span{font-size:16px;line-height:22px;color:#797988;font-weight:500;white-space:nowrap}.g8152-teacher{height:24px;padding:0;display:flex;align-items:center;border:0;background:#fff;color:#000;font-size:14px;font-weight:500}.g8152-teacher img{width:24px;height:24px}.g8152-rewards{position:relative;width:929px;height:106px;margin-top:44px}.g8152-streak{position:absolute;left:0;top:0;width:538px;height:106px}.g8152-streak-bg{position:absolute;left:38px;top:0;width:500px;height:106px}.g8152-medal{position:absolute;left:-6px;top:-11px;width:123px;height:123px}.g8152-streak-copy{position:absolute;left:130px;top:28px;color:#fff}.g8152-streak-copy>div{height:26px;display:flex;align-items:center;gap:6px}.g8152-streak-copy strong{font-size:20px;line-height:26px;font-weight:700}.g8152-streak-copy>div img{width:92px;height:20px}.g8152-streak-copy>span{display:block;font-size:14px;line-height:20px;font-weight:500}.g8152-reward{position:absolute;top:0;width:242px;height:106px}.g8152-reward-one{left:488px}.g8152-reward-two{left:686px;width:243px}.g8152-reward-bg{position:absolute;inset:0;width:242px;height:106px}.g8152-reward-art{position:absolute;left:42px;top:19px;width:50px;height:auto}.g8152-reward>div{position:absolute;left:105px;top:27px;display:flex;flex-direction:column}.g8152-reward>div strong{font-size:16px;line-height:22px;white-space:nowrap}.g8152-reward>div span{margin-top:6px;color:#9494a0;font-size:14px;line-height:20px;white-space:nowrap}.g8152-reward-chevron{position:absolute;left:188px;top:43px;width:8px;height:20px;-o-object-fit:contain;object-fit:contain}.g8152-reward-two .g8152-reward-art{left:45px;top:19px}.g8152-reward-two>div{left:107px}.g8152-reward-two .g8152-reward-chevron{left:190px}.g8152-lower{margin-top:40px}.g8152-lower h2{height:24px;margin:0;font-size:16px;line-height:24px;font-weight:700}.g8152-exam-cols{height:86px;margin-top:8px;padding:20px;background:#f5f5f7;display:grid;grid-template-columns:190px 195px 1fr}.g8152-exam-cols>div{height:46px;padding:0 14px;display:flex;flex-direction:column;border-right:1px solid #e5e5e8}.g8152-exam-cols>div:first-child{padding-left:0}.g8152-exam-cols>div:last-child{border-right:0}.g8152-exam-cols span{color:#797988;font-size:12px;line-height:18px}.g8152-exam-cols strong{margin-top:6px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}.g8152-progress-section{margin-top:32px}.g8152-lessons{height:800px;margin-top:8px;border:1px solid #dedede}.g8152-lesson{height:100px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e8;background:#fff}.g8152-lesson:last-child{border-bottom:0}.g8152-lesson-main{display:flex;align-items:flex-start;gap:20px}.g8152-number{position:relative;width:54px;height:40px;flex:none}.g8152-number img{position:absolute;inset:0;width:54px;height:40px}.g8152-number b{position:absolute;left:25px;top:5px;font-family:Arial Black,Archivo,sans-serif;font-size:20px;line-height:26px;color:#9494a0}.g8152-lesson-copy{width:630px;display:flex;flex-direction:column;gap:6px}.g8152-lesson-copy>strong{font-size:16px;line-height:22px;font-weight:700}.g8152-progress{position:relative;width:400px;height:14px}.g8152-progress:before,.g8152-progress i{content:"";position:absolute;left:0;top:6px;width:340px;height:4px;background:#dedede}.g8152-progress i{background:#161616}.g8152-progress span{position:absolute;left:348px;top:0;color:#797988;font-size:12px;line-height:18px}.g8152-progress.active img{position:absolute;left:0;top:2px;width:340px;height:8px}.g8152-progress.active span{left:354px;top:-2px;color:var(--orange);font-weight:700}.g8152-status{height:26px;display:flex;align-items:center;gap:12px}.g8152-status span{color:#9494a0;font-size:12px}.g8152-status b{height:26px;padding:0 10px;display:flex;align-items:center;background:#000;color:#fff;font-size:12px;font-weight:500}.g8152-lesson.active .g8152-number b{color:#fff}.g8152-lesson.active .g8152-lesson-main{gap:16px}.g8152-lesson.active .g8152-lesson-copy>strong{padding-left:8px;color:var(--orange)}.g8152-lesson.active .g8152-status b{background:#fff3f3;color:var(--orange);font-weight:700}.g8152-lesson.locked{background:#f5f5f7;color:#797988}.g8152-lesson.locked .g8152-lesson-main{align-items:center}.g8152-lesson.locked .g8152-lesson-copy{gap:0}.g8152-chat{position:fixed;right:30px;bottom:36px;width:108px;height:59px;padding:0;border:0;background:transparent;z-index:20}.g8152-chat-bg{position:absolute;left:-10px;top:-3px;width:128px;height:79px}.g8152-chat>span{position:absolute;left:11px;top:11px;width:84px;height:24px;display:flex;align-items:center;gap:4px;color:#fff;font-size:16px;line-height:22px;font-weight:700;white-space:nowrap}.g8152-chat>span img{width:24px;height:24px}@media(max-width:1100px){.g8152-body{justify-content:flex-start}.g8152-content{margin-left:0}}.g0504-page{--orange:#ff4b2d;display:flex;position:relative;min-width:1100px;min-height:1332px;background:#fff;color:#161616;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;font-size:14px;letter-spacing:-.02em}.g0504-page *{box-sizing:border-box}.g0504-page button{font:inherit}.g0504-sidebar{width:200px;min-height:1317px;flex:0 0 200px;padding:20px;background:#090909}.g0504-logo{width:160px;height:76px;display:flex;align-items:center;justify-content:center}.g0504-logo img{width:153px;height:32px;-o-object-fit:contain;object-fit:contain}.g0504-semester{width:160px;height:40px;margin-top:20px;padding:0 6px 0 10px;display:flex;align-items:center;justify-content:space-between;border:2px solid #494952;background:#090909;color:#fff;font-size:14px;font-weight:500;text-align:left}.g0504-semester img{width:20px;height:20px}.g0504-nav{margin-top:60px;width:160px;display:flex;flex-direction:column}.g0504-learning{width:160px;height:50px}.g0504-nav button{height:50px;padding-left:12px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#cacacf;font-size:16px;font-weight:500;text-align:left}.g0504-nav button b{min-width:32px;height:18px;line-height:18px;background:var(--orange);color:#fff;font-size:12px;text-align:center;font-weight:700;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}.g0504-body{width:calc(100% - 200px);min-height:1332px;padding:40px 40px 80px;display:flex;justify-content:center;background:#fff}.g0504-content{width:920px;flex:none}.g0504-student-row{height:40px;display:flex;align-items:center;justify-content:space-between}.g0504-student{display:flex;align-items:center;gap:10px}.g0504-student>img{width:36px;height:36px;border-radius:50%}.g0504-student strong{font-size:30px;line-height:40px;font-weight:700;white-space:nowrap}.g0504-student span{font-size:16px;line-height:22px;color:#797988;font-weight:500;white-space:nowrap}.g0504-teacher{height:24px;padding:0;display:flex;align-items:center;border:0;background:#fff;color:#000;font-size:14px;font-weight:500}.g0504-teacher img{width:24px;height:24px}.g0504-rewards{position:relative;width:929px;height:106px;margin-top:44px}.g0504-streak{position:absolute;left:0;top:0;width:538px;height:106px}.g0504-streak-bg{position:absolute;left:38px;top:0;width:500px;height:106px}.g0504-medal{position:absolute;left:-6px;top:-11px;width:123px;height:123px}.g0504-streak-copy{position:absolute;left:130px;top:28px;color:#fff}.g0504-streak-copy>div{height:26px;display:flex;align-items:center;gap:6px}.g0504-streak-copy strong{font-size:20px;line-height:26px;font-weight:700}.g0504-streak-copy>div img{width:92px;height:20px}.g0504-streak-copy>span{display:block;font-size:14px;line-height:20px;font-weight:500}.g0504-reward{position:absolute;top:0;width:242px;height:106px}.g0504-reward-one{left:488px}.g0504-reward-two{left:686px;width:243px}.g0504-reward-bg{position:absolute;inset:0;width:242px;height:106px}.g0504-reward-art{position:absolute;left:42px;top:19px;width:50px;height:auto}.g0504-reward>div{position:absolute;left:105px;top:27px;display:flex;flex-direction:column}.g0504-reward>div strong{font-size:16px;line-height:22px;white-space:nowrap}.g0504-reward>div span{margin-top:6px;color:#9494a0;font-size:14px;line-height:20px;white-space:nowrap}.g0504-reward-chevron{position:absolute;left:188px;top:43px;width:8px;height:20px;-o-object-fit:contain;object-fit:contain}.g0504-reward-two .g0504-reward-art{left:45px;top:19px}.g0504-reward-two>div{left:107px}.g0504-reward-two .g0504-reward-chevron{left:190px}.g0504-lower{margin-top:40px}.g0504-lower h2{height:24px;margin:0;font-size:16px;line-height:24px;font-weight:700}.g0504-exam-cols{height:86px;margin-top:8px;padding:20px;background:#f5f5f7;display:grid;grid-template-columns:190px 195px 1fr}.g0504-exam-cols>div{height:46px;padding:0 14px;display:flex;flex-direction:column;border-right:1px solid #e5e5e8}.g0504-exam-cols>div:first-child{padding-left:0}.g0504-exam-cols>div:last-child{border-right:0}.g0504-exam-cols span{color:#797988;font-size:12px;line-height:18px}.g0504-exam-cols strong{margin-top:6px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}.g0504-progress-section{margin-top:32px}.g0504-lessons{min-height:800px;margin-top:8px;border:1px solid #dedede}.g0504-lesson{height:100px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e8;background:#fff}.g0504-lesson:last-child{border-bottom:0}.g0504-lesson-main{display:flex;align-items:flex-start;gap:20px}.g0504-number{position:relative;width:54px;height:40px;flex:none}.g0504-number img{position:absolute;inset:0;width:54px;height:40px}.g0504-number b{position:absolute;left:25px;top:5px;font-family:Arial Black,Archivo,sans-serif;font-size:20px;line-height:26px;color:#9494a0}.g0504-lesson-copy{width:630px;display:flex;flex-direction:column;gap:6px}.g0504-lesson-copy>strong{font-size:16px;line-height:22px;font-weight:700}.g0504-progress{position:relative;width:400px;height:14px}.g0504-progress:before,.g0504-progress i{content:"";position:absolute;left:0;top:6px;width:340px;height:4px;background:#dedede}.g0504-progress i{background:#161616}.g0504-progress span{position:absolute;left:348px;top:0;color:#797988;font-size:12px;line-height:18px}.g0504-progress.active img{position:absolute;left:0;top:2px;width:340px;height:8px}.g0504-progress.active span{left:354px;top:-2px;color:var(--orange);font-weight:700}.g0504-status{height:26px;display:flex;align-items:center;gap:12px}.g0504-status span{color:#9494a0;font-size:12px}.g0504-status b{height:26px;padding:0 10px;display:flex;align-items:center;background:#000;color:#fff;font-size:12px;font-weight:500}.g0504-lesson.active .g0504-number b{color:#fff}.g0504-lesson.active .g0504-lesson-main{gap:16px}.g0504-lesson.active .g0504-lesson-copy>strong{padding-left:8px;color:var(--orange)}.g0504-lesson.active .g0504-status b{background:#fff3f3;color:var(--orange);font-weight:700}.g0504-lesson.locked{background:#f5f5f7;color:#797988}.g0504-lesson.locked .g0504-lesson-main{align-items:center}.g0504-lesson.locked .g0504-lesson-copy{gap:0}.g0504-chat{position:fixed;right:30px;bottom:36px;width:108px;height:59px;padding:0;border:0;background:transparent;z-index:20}.g0504-chat-bg{position:absolute;left:-10px;top:-3px;width:128px;height:79px}.g0504-chat>span{position:absolute;left:11px;top:11px;width:84px;height:24px;display:flex;align-items:center;gap:4px;color:#fff;font-size:16px;line-height:22px;font-weight:700;white-space:nowrap}.g0504-chat>span img{width:24px;height:24px}@media(max-width:1100px){.g0504-body{justify-content:flex-start}.g0504-content{margin-left:0}}.g05145-page{--orange:#ff4b2d;display:flex;position:relative;min-width:1100px;min-height:1332px;background:#fff;color:#161616;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;font-size:14px;letter-spacing:-.02em}.g05145-page *{box-sizing:border-box}.g05145-page button{font:inherit}.g05145-sidebar{width:200px;min-height:1317px;flex:0 0 200px;padding:20px;background:#090909}.g05145-logo{width:160px;height:76px;display:flex;align-items:center;justify-content:center}.g05145-logo img{width:153px;height:32px;-o-object-fit:contain;object-fit:contain}.g05145-semester{width:160px;height:40px;margin-top:20px;padding:0 6px 0 10px;display:flex;align-items:center;justify-content:space-between;border:2px solid #494952;background:#090909;color:#fff;font-size:14px;font-weight:500;text-align:left}.g05145-semester img{width:20px;height:20px}.g05145-nav{margin-top:60px;width:160px;display:flex;flex-direction:column}.g05145-learning{width:160px;height:50px}.g05145-nav button{height:50px;padding-left:12px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#cacacf;font-size:16px;font-weight:500;text-align:left}.g05145-nav button b{min-width:32px;height:18px;line-height:18px;background:var(--orange);color:#fff;font-size:12px;text-align:center;font-weight:700;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}.g05145-body{width:calc(100% - 200px);min-height:1332px;padding:40px 40px 80px;display:flex;justify-content:center;background:#fff}.g05145-content{width:920px;flex:none}.g05145-student-row{height:40px;display:flex;align-items:center;justify-content:space-between}.g05145-student{display:flex;align-items:center;gap:10px}.g05145-student>img{width:36px;height:36px;border-radius:50%}.g05145-student strong{font-size:30px;line-height:40px;font-weight:700;white-space:nowrap}.g05145-student span{font-size:16px;line-height:22px;color:#797988;font-weight:500;white-space:nowrap}.g05145-teacher{height:24px;padding:0;display:flex;align-items:center;border:0;background:#fff;color:#000;font-size:14px;font-weight:500}.g05145-teacher img{width:24px;height:24px}.g05145-rewards{position:relative;width:929px;height:106px;margin-top:44px}.g05145-streak{position:absolute;left:0;top:0;width:538px;height:106px}.g05145-streak-bg{position:absolute;left:38px;top:0;width:500px;height:106px}.g05145-medal{position:absolute;left:-6px;top:-11px;width:123px;height:123px}.g05145-streak-copy{position:absolute;left:130px;top:28px;color:#fff}.g05145-streak-copy>div{height:26px;display:flex;align-items:center;gap:6px}.g05145-streak-copy strong{font-size:20px;line-height:26px;font-weight:700}.g05145-streak-copy>div img{width:92px;height:20px}.g05145-streak-copy>span{display:block;font-size:14px;line-height:20px;font-weight:500}.g05145-reward{position:absolute;top:0;width:242px;height:106px}.g05145-reward-one{left:488px}.g05145-reward-two{left:686px;width:243px}.g05145-reward-bg{position:absolute;inset:0;width:242px;height:106px}.g05145-reward-art{position:absolute;left:42px;top:19px;width:50px;height:auto}.g05145-reward>div{position:absolute;left:105px;top:27px;display:flex;flex-direction:column}.g05145-reward>div strong{font-size:16px;line-height:22px;white-space:nowrap}.g05145-reward>div span{margin-top:6px;color:#9494a0;font-size:14px;line-height:20px;white-space:nowrap}.g05145-reward-chevron{position:absolute;left:188px;top:43px;width:8px;height:20px;-o-object-fit:contain;object-fit:contain}.g05145-reward-two .g05145-reward-art{left:45px;top:19px}.g05145-reward-two>div{left:107px}.g05145-reward-two .g05145-reward-chevron{left:190px}.g05145-lower{margin-top:40px}.g05145-lower h2{height:24px;margin:0;font-size:16px;line-height:24px;font-weight:700}.g05145-exam-cols{height:86px;margin-top:8px;padding:20px;background:#f5f5f7;display:grid;grid-template-columns:190px 195px 1fr}.g05145-exam-cols>div{height:46px;padding:0 14px;display:flex;flex-direction:column;border-right:1px solid #e5e5e8}.g05145-exam-cols>div:first-child{padding-left:0}.g05145-exam-cols>div:last-child{border-right:0}.g05145-exam-cols span{color:#797988;font-size:12px;line-height:18px}.g05145-exam-cols strong{margin-top:6px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}.g05145-progress-section{margin-top:32px}.g05145-lessons{height:800px;margin-top:8px;border:1px solid #dedede}.g05145-lesson{height:100px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e8;background:#fff}.g05145-lesson:last-child{border-bottom:0}.g05145-lesson-main{display:flex;align-items:flex-start;gap:20px}.g05145-number{position:relative;width:54px;height:40px;flex:none}.g05145-number img{position:absolute;inset:0;width:54px;height:40px}.g05145-number b{position:absolute;left:25px;top:5px;font-family:Arial Black,Archivo,sans-serif;font-size:20px;line-height:26px;color:#9494a0}.g05145-lesson-copy{width:630px;display:flex;flex-direction:column;gap:6px}.g05145-lesson-copy>strong{font-size:16px;line-height:22px;font-weight:700}.g05145-progress{position:relative;width:400px;height:14px}.g05145-progress:before,.g05145-progress i{content:"";position:absolute;left:0;top:6px;width:340px;height:4px;background:#dedede}.g05145-progress i{background:#161616}.g05145-progress span{position:absolute;left:348px;top:0;color:#797988;font-size:12px;line-height:18px}.g05145-progress.active img{position:absolute;left:0;top:2px;width:340px;height:8px}.g05145-progress.active span{left:354px;top:-2px;color:var(--orange);font-weight:700}.g05145-status{height:26px;display:flex;align-items:center;gap:12px}.g05145-status span{color:#9494a0;font-size:12px}.g05145-status b{height:26px;padding:0 10px;display:flex;align-items:center;background:#000;color:#fff;font-size:12px;font-weight:500}.g05145-lesson.active .g05145-number b{color:#fff}.g05145-lesson.active .g05145-lesson-main{gap:16px}.g05145-lesson.active .g05145-lesson-copy>strong{padding-left:8px;color:var(--orange)}.g05145-lesson.active .g05145-status b{background:#fff3f3;color:var(--orange);font-weight:700}.g05145-lesson.locked{background:#f5f5f7;color:#797988}.g05145-lesson.locked .g05145-lesson-main{align-items:center}.g05145-lesson.locked .g05145-lesson-copy{gap:0}.g05145-chat{position:fixed;right:30px;bottom:36px;width:108px;height:59px;padding:0;border:0;background:transparent;z-index:20}.g05145-chat-bg{position:absolute;left:-10px;top:-3px;width:128px;height:79px}.g05145-chat>span{position:absolute;left:11px;top:11px;width:84px;height:24px;display:flex;align-items:center;gap:4px;color:#fff;font-size:16px;line-height:22px;font-weight:700;white-space:nowrap}.g05145-chat>span img{width:24px;height:24px}@media(max-width:1100px){.g05145-body{justify-content:flex-start}.g05145-content{margin-left:0}}.flora-comment-toggle{position:fixed;z-index:2147483647;left:20px;bottom:20px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ffffff24;border-radius:12px;background:#111;color:#fff;box-shadow:0 8px 30px #0006;font:600 13px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.flora-comment-toggle.active{background:#4f55ff}.flora-comment-toggle kbd{padding:3px 6px;border:1px solid #ffffff30;border-radius:5px;background:#ffffff12;font:600 11px inherit}.flora-comment-layer{position:absolute;z-index:2147483640;inset:0;width:100%;min-height:max(100vh,100%);cursor:crosshair;background:#4f55ff08}.flora-comment-guide{position:fixed;z-index:2;top:20px;left:50%;transform:translate(-50%);padding:9px 14px;border:1px solid #ffffff20;border-radius:999px;background:#111e;color:#fff;box-shadow:0 8px 30px #0006;pointer-events:none;font:500 13px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;backdrop-filter:blur(12px)}.flora-comment-pin{position:absolute;z-index:3;display:grid;width:30px;height:30px;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#4f55ff;color:#fff;box-shadow:0 5px 18px #0008;font:700 12px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer}.flora-comment-pin.selected{transform:translate(-50%,-50%) scale(1.12);background:#111}.flora-comment-card{position:absolute;z-index:4;width:324px;padding:14px;border:1px solid #ffffff22;border-radius:14px;background:#141414;color:#fff;box-shadow:0 18px 50px #0009;cursor:default;font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.flora-comment-card textarea{display:block;width:100%;height:96px;padding:10px;border:1px solid #ffffff1c;border-radius:9px;outline:none;resize:none;background:#ffffff0a;color:#fff;font:inherit;-webkit-user-select:text;-moz-user-select:text;user-select:text}.flora-comment-card textarea:focus{border-color:#6d72ff}.flora-comment-card>div{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.flora-comment-card button{padding:7px 11px;border-radius:8px;background:#ffffff12;color:#fff}.flora-comment-card button.primary{background:#4f55ff}.flora-comment-card button.danger{margin-right:auto;color:#ff8a8a}.flora-comment-card button:disabled{opacity:.4}.flora-comment-card header{display:flex;align-items:center;justify-content:space-between}.flora-comment-card time{color:#ffffff70;font-size:11px}.flora-comment-card p{margin:12px 0 4px;white-space:pre-wrap;word-break:break-word}.flora-comment-auth{position:fixed;z-index:2147483646;left:20px;bottom:72px;display:flex;max-width:390px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ffffff24;border-radius:12px;background:#111;color:#fff;box-shadow:0 8px 30px #0006;font:12px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.flora-comment-auth>img{width:30px;height:30px;border-radius:50%}.flora-comment-auth>span{display:flex;min-width:130px;flex-direction:column}.flora-comment-auth strong{font-size:12px}.flora-comment-auth small{color:#ffffff8a}.flora-comment-auth>button{margin-left:auto;padding:6px 9px;border-radius:7px;background:#ffffff12;color:#fff;font-size:11px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Interlude Variable,Interlude,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#000}*{box-sizing:border-box}html,body,#root{width:100%;min-width:720px;min-height:100%;margin:0;background:#000}body{overflow:auto}button{border:0;font:inherit;cursor:pointer}.login-screen *,.dashboard-screen *,.workspace-screen *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.login-screen img,.login-screen video,.dashboard-screen img,.workspace-screen img{pointer-events:none}.modal-field input,.modal-field textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.login-screen{display:flex;width:100vw;height:100vh;min-height:640px}.artwork-panel,.login-panel{position:relative;width:50%;height:100%;overflow:hidden}.artwork-panel{display:grid;place-items:center;background:#121212}.artwork-video{width:auto;max-width:100%;height:100%;margin:auto;-o-object-fit:contain;object-fit:contain;background:#000}.login-panel{display:grid;place-items:center}.login-content{display:flex;flex-direction:column;align-items:center;gap:32px}.flora-logo{width:136px}.login-copy{margin:0;font-size:32px;font-weight:500;letter-spacing:-.64px;text-align:center}.google-login{display:flex;align-items:center;gap:8px;padding:16px 56px;border-radius:999px;background:#fff;color:#121212;font-weight:500}.google-login img{width:20px;height:20px}.dashboard-screen{width:100%;min-height:100vh}.app-header,.workspace-header{display:flex;width:100%;height:48px;align-items:center;justify-content:space-between;padding:10px 16px}.account-button,.workspace-title{display:flex;align-items:center;gap:4px;color:#fff;background:transparent}.avatar{width:24px;height:24px;border-radius:50%}.chevron,.back-icon,.back-icon img{width:20px;height:20px}.add-file{padding:8px 16px;border-radius:999px;background:#fff;color:#000}.empty-state{display:grid;min-height:calc(100vh - 48px);place-items:center}.empty-content{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-content h1{font-size:32px;text-align:center}.new-file{padding:16px 56px;border:1.5px solid #2bbd8a;border-radius:999px;background:#ffffff12;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 32px}.project-card{overflow:hidden;border-radius:12px;background:#121212}.thumbnail-wrap{aspect-ratio:16/9;overflow:hidden}.thumbnail-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-info{display:flex;align-items:center;justify-content:space-between;padding:12px}.card-copy h2,.card-copy p{margin:0}.card-copy p{color:#ffffffb3;font-size:13px}.more-button img{width:24px}.deployment-section{margin:20px 32px 40px;padding:20px;border:1px solid #ffffff18;border-radius:16px;background:#0d0d0d}.deployment-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.deployment-heading h2{margin:0;font-size:18px}.deployment-heading span{padding:3px 8px;border-radius:999px;background:#4f55ff;color:#fff;font-size:11px}.deployment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.deployment-list button{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #ffffff12;border-radius:10px;background:#171717;color:#fff;text-align:left}.deployment-list button:hover{border-color:#4f55ff}.deployment-list button span{display:flex;min-width:0;flex-direction:column;gap:3px}.deployment-list strong,.deployment-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deployment-list small{color:#ffffff70}.deployment-list b{flex:none;color:#87efc3;font-size:12px}.workspace-screen{display:flex;width:100%;height:100vh;min-height:640px;flex-direction:column;overflow:hidden}.workspace-title strong{font-size:18px}.back-icon{display:grid;place-items:center;transform:rotate(-90deg) scaleY(-1)}.share-button{padding:8px 16px;border-radius:999px;background:#2d34ff;color:#fff}.workspace-body{display:flex;min-height:0;flex:1}.route-sidebar{display:flex;width:256px;flex:0 0 256px;flex-direction:column;gap:4px;padding:8px}.route-sidebar button{display:flex;width:100%;height:40px;align-items:center;padding:0 12px;border-radius:8px;color:#fff;background:transparent;text-align:left}.route-sidebar button.active{background:#ffffff0d}.route-sidebar .add-route{color:#4f55ff}.workspace-content{display:flex;min-width:0;flex:1;padding:8px}.preview-canvas{position:relative;width:100%;overflow:auto;border-radius:24px;background:#111;padding:16px}.preview-canvas>img{display:block;width:100%;height:auto;min-height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.published-overlay{position:sticky;z-index:2;right:16px;bottom:16px;display:flex;width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);align-items:center;gap:10px;margin:-58px 16px 0 auto;padding:10px 14px;border:1px solid #ffffff24;border-radius:12px;background:#090909e6;box-shadow:0 10px 30px #0008;backdrop-filter:blur(14px)}.published-overlay span{color:#87efc3;font-size:11px;font-weight:700}.published-overlay button{max-width:560px;overflow:hidden;color:#fff;background:transparent;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#0008}.add-page-modal{display:flex;width:560px;max-width:calc(100vw - 32px);flex-direction:column;border-radius:16px;background:#121212;box-shadow:0 20px 70px #000}.modal-header{display:flex;align-items:center;padding:16px 16px 8px}.modal-header h2{flex:1;margin:0;font-size:18px}.modal-close,.modal-close img{width:24px;height:24px}.modal-close{padding:0;background:transparent}.modal-field{display:flex;flex-direction:column;gap:8px;padding:12px 16px;font-size:13px}.modal-field input,.modal-field textarea{width:100%;border:0;border-radius:8px;outline:0;background:#ffffff0d;color:#fff;font-size:15px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.modal-field input{height:56px;padding:16px}.modal-field textarea{height:104px;padding:16px;resize:none}.integration-actions{display:flex;margin:0 16px 4px}.integration-actions button{width:100%;height:40px;border:1px solid #ffffff2e;border-radius:8px;background:#ffffff12;color:#fff}.build-progress{margin:4px 16px 8px;padding:13px 14px;border-radius:10px;background:#0b0b0b}.progress-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px}.progress-summary strong{color:#87efc3}.progress-track{height:6px;overflow:hidden;border-radius:99px;background:#ffffff12}.progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#4f55ff,#2bbd8a);transition:width .7s ease}.progress-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:9px}.progress-stages span{overflow:hidden;color:#ffffff4d;font-size:10px;text-align:center;white-space:nowrap}.progress-stages span.done{color:#87efc3}.agent-status{max-height:68px;margin:0 16px 4px;overflow:auto;border-radius:8px;padding:9px 12px;background:#ffffff0d;color:#ffffffc7;font-size:12px;white-space:pre-wrap}.agent-status.error{color:#ff8c8c}.agent-status.success{color:#87efc3}.published-link{height:40px;margin:0 16px 4px;overflow:hidden;border-radius:8px;background:#87efc3;color:#07130e;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.agent-actions{display:flex;gap:4px;padding:12px 16px 16px}.agent-actions button{display:flex;height:54px;flex:1;align-items:center;justify-content:center;gap:4px}.agent-actions img{width:16px;height:16px}.codex-button{border-radius:12px 4px 4px 12px;background:#fff;color:#000}.codex-button:disabled{opacity:.65}.claude-button{border-radius:4px 12px 12px 4px;background:#d97757;color:#fff;opacity:.38}.workspace-toast{position:fixed;z-index:30;right:24px;bottom:24px;max-width:480px;padding:12px 16px;border:1px solid #ffffff24;border-radius:10px;background:#1b1b1b;color:#fff;box-shadow:0 12px 36px #0008;white-space:pre-wrap}.workspace-toast.error{border-color:#ff626280;color:#ff9b9b}.workspace-toast.success{border-color:#4dd9a080;color:#87efc3}.comment-dialog-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#0009}.comment-dialog{width:min(460px,calc(100vw - 40px));padding:22px;border:1px solid #ffffff24;border-radius:16px;background:#181818;box-shadow:0 24px 80px #000}.comment-dialog h2{margin:0 0 6px;font-size:20px}.comment-dialog p{margin:0 0 16px;color:#ffffff90;font-size:13px}.comment-dialog textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #ffffff22;border-radius:10px;padding:12px;background:#0d0d0d;color:#fff;font:inherit;-webkit-user-select:text;-moz-user-select:text;user-select:text}.comment-dialog textarea:focus{border-color:#4f55ff;outline:none}.comment-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.comment-dialog-actions button{padding:9px 18px;border-radius:9px;background:#2a2a2a;color:#fff}.comment-dialog-actions .primary{background:#4f55ff}.comment-dialog-actions button:disabled{cursor:default;opacity:.45}.comment-dialog-error{margin-top:12px;color:#f99;font-size:12px;white-space:pre-wrap}.google-login:disabled{cursor:wait;opacity:.72}.login-error{width:min(100%,360px);margin:-18px auto 0;color:#ff8585;font-size:13px;line-height:1.5;text-align:center}@media(max-width:980px){.project-grid{grid-template-columns:repeat(3,1fr)}.deployment-list{grid-template-columns:1fr}}@media(max-width:840px){.route-sidebar{width:184px;flex-basis:184px}}