:root{--primary-purple:#8b5cf6;--bg-main:#f9fafb;--bg-card:#fff;--border:#e5e7eb;--text-main:#111827;--text-mid:#6b7280;--text-dim:#9ca3af;--good:#10b981;--mid:#f59e0b;--bad:#ef4444;--none:#64748b;--good-bg:#d1fae5;--mid-bg:#fef3c7;--bad-bg:#fee2e2;--none-bg:#e0e7ff}.achievement-page{background:var(--bg-main);width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.top-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.filter-dropdown{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.filter-dropdown:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a}.filter-dropdown:focus{border-color:var(--primary-purple);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.tab-nav{gap:.5rem;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--text-mid);cursor:pointer;background:#fff;border:none;border-radius:9999px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000d}.tab-btn:hover{color:var(--text-main);background:#f3f4f6}.tab-btn.active{background:var(--primary-purple);color:#fff;box-shadow:0 4px 6px #8b5cf633}.legend-bar{border:1px solid var(--border);background:#fff;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 2px #0000000d}.legend-label{color:var(--text-main);margin-right:.5rem;font-size:.875rem;font-weight:700}.pill{border-radius:9999px;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.pill-good{background:var(--good-bg);color:var(--good)}.pill-mid{background:var(--mid-bg);color:var(--mid)}.pill-bad{background:var(--bad-bg);color:var(--bad)}.pill-none{background:var(--none-bg);color:var(--none)}.pill-new{color:#fff;background:#1f2937;padding:.25rem .5rem;font-size:.625rem}.pill-change{color:var(--text-mid);background:#f3f4f6}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:.75rem;padding:1.5rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.overview-card-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.big-number{color:var(--text-main);align-items:flex-end;gap:.5rem;margin-bottom:.75rem;font-size:2rem;font-weight:700;display:flex}.big-number .percent-text{font-feature-settings:"tnum";line-height:1}.change-indicator-inline{align-items:center;gap:.125rem;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:flex}.change-indicator{align-items:center;gap:.25rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.change-up{color:var(--good)}.change-down{color:var(--bad)}.change-neutral{color:#6b7280;font-weight:900}.change-positive{color:var(--good);font-weight:700}.change-negative{color:var(--bad);font-weight:700}.progress-bar{background:#e5e7eb;border-radius:9999px;width:100%;height:8px;margin-top:auto;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-bar-fill{border-radius:9999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.majorunit-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.majorunit-card:hover{box-shadow:0 4px 6px #0000001a}.majorunit-header{margin-bottom:1rem}.majorunit-title-wrap{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.majorunit-title{color:#1f2937;flex:1;font-size:1.125rem;font-weight:700}.midunits-container{margin-top:1.5rem}.midunit-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:.625rem;margin-bottom:1rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d}.midunit-header{margin-bottom:1rem}.midunit-title-wrap{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.midunit-title{color:#374151;flex:1;font-size:1rem;font-weight:600}.minorunits-container{margin-top:.75rem}.minorunit-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000a}.minorunit-header{margin-bottom:0}.minorunit-title-wrap{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:0;display:flex}.minorunit-title{color:#4b5563;flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.unit-inline-badge{white-space:nowrap;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.section-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #00000014}.section-headline{margin-bottom:1.5rem}.section-headline h2{color:var(--text-main);margin:0 0 .375rem;font-size:1.375rem;font-weight:700}.section-id{color:var(--text-dim);font-size:.875rem;font-weight:500}.midunit-headline{margin-bottom:1.5rem}.midunit-headline h2{color:var(--text-main);margin:0 0 .375rem;font-size:1.375rem;font-weight:700}.midunit-id{color:var(--text-dim);font-size:.875rem;font-weight:500}.kc-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.kc-card{background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;flex-direction:column;min-height:140px;padding:1.125rem;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000d}.kc-card:hover{border-color:#d1d5db;box-shadow:0 2px 6px #0000001a}.kc-card.unevaluated{opacity:.7;background:#fafafa}.kc-row-1{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.kc-id{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.kc-score-area{align-items:center;gap:.2rem;display:flex}.kc-score-badge{font-feature-settings:"tnum";border-radius:.375rem;padding:.2rem;font-size:.7rem;font-weight:700}.kc-change-inline{align-items:center;gap:.1rem;font-size:.6rem;font-weight:600;display:flex}.badge-unevaluated{color:#6b7280;background:#f3f4f6;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.kc-row-2{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.kc-numname{color:#1f2937;flex:1;font-size:.9375rem;font-weight:600;line-height:1.4}.kc-count{color:#6b7280;margin-left:.5rem;font-size:.8125rem;font-weight:500}.kc-desc{color:#6b7280;margin-bottom:.5rem;font-size:.8125rem;line-height:1.5}.kc-unevaluated-text{color:#9ca3af;text-align:center;margin-top:auto;padding:.5rem 0;font-size:.8125rem}.type-category-header{color:#6b7280;border-bottom:1px solid #e5e7eb;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.9375rem;font-weight:600}.subunits-wrapper{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;display:grid}.subunit-card{background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;padding:1.25rem;transition:all .15s;box-shadow:0 1px 2px #0000000a}.subunit-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #00000014}.subunit-header{flex-direction:column;gap:1rem;display:flex}.subunit-title-wrap{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.subunit-title{color:#374151;flex:1;font-size:1rem;font-weight:600}.subunit-summary,.unit-summary{color:#9ca3af;margin-left:.5rem;font-size:.8125rem;font-weight:400}.unit-metrics{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem;display:grid}.unit-metric-block{flex-direction:column;gap:.5rem;display:flex}.unit-metric-header{justify-content:space-between;align-items:baseline;display:flex}.unit-metric-label{color:#4b5563;font-size:.8125rem;font-weight:600}.unit-metric-value{color:#1f2937;font-size:1rem;font-weight:700}.unit-metric-value.colored{font-feature-settings:"tnum"}.unit-metric-bar{background:#e5e7eb;border-radius:5px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.unit-metric-bar-fill{border-radius:5px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.midunit-header .unit-metric-bar{border-radius:3px;height:5px}.midunit-header .unit-metric-bar-fill{border-radius:3px}.midunit-header .unit-metric-label{color:#6b7280;font-size:.75rem}.midunit-header .unit-metric-value{font-size:.875rem;font-weight:600}.toggle-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.toggle-btn:hover{color:#374151;background:#f9fafb;border-color:#9ca3af}.toggle-btn .chevron{font-size:.75rem;transition:transform .2s}.tooltip-wrapper{align-items:center;gap:.25rem;display:inline-flex;position:relative}.tooltip-icon{color:#fff;cursor:help;background:#9ca3af;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:600;transition:all .2s;display:inline-flex}.tooltip-icon:hover{background:#6b7280;transform:scale(1.1)}.tooltip-content{visibility:hidden;opacity:0;color:#fff;white-space:normal;word-wrap:break-word;word-break:keep-all;overflow-wrap:break-word;z-index:1000;pointer-events:none;background:#1f2937;border-radius:8px;width:max-content;max-width:min(300px,100vw - 40px);padding:10px 14px;font-size:13px;font-weight:400;line-height:1.5;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.tooltip-content:after{content:"";border:6px solid #0000;border-bottom-color:#1f2937;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip-content{visibility:visible;opacity:1}@media (min-width:768px){.overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:1023px) and (min-width:768px){.tooltip-content{max-width:min(280px,100vw - 50px);padding:9px 13px;font-size:12px}.tooltip-icon{width:14px;height:14px;font-size:10px}}@media (max-width:767px) and (min-width:476px){.tooltip-content{max-width:min(260px,100vw - 40px);padding:8px 12px;font-size:11px}.tooltip-icon{width:13px;height:13px;font-size:9px}.achievement-page{padding:1rem}.overview-grid,.kc-grid,.subunits-wrapper,.unit-metrics{grid-template-columns:1fr}.tab-nav{gap:.5rem}.tab-btn{padding:.5rem 1rem;font-size:.875rem}.filter-dropdown{padding:.5rem .875rem;font-size:.875rem}}@media (max-width:475px){.tooltip-content{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:min(240px,100vw - 30px);padding:7px 10px;font-size:10.5px;line-height:1.4}.tooltip-icon{width:12px;height:12px;font-size:9px}.achievement-page{padding:1rem .75rem}.overview-grid,.kc-grid,.subunits-wrapper,.unit-metrics{grid-template-columns:1fr}.overview-card,.main-section,.legend-bar{padding:.75rem}.tab-nav{gap:.375rem}.tab-btn{padding:.4375rem .875rem;font-size:.75rem}.filter-dropdown{padding:.375rem .75rem;font-size:.8125rem}}
:root{--lt-analysis-gutter:24px}.lt-analysis-toggle{cursor:pointer;color:#555;background:0 0;border:none;align-items:center;gap:6px;width:100%;max-width:810px;margin:0 auto;padding:10px 0;font-size:14px;font-weight:600;display:flex}.lt-analysis-root{box-sizing:border-box;width:100%;max-width:810px;min-height:0;padding:var(--lt-analysis-gutter);padding-bottom:calc(var(--lt-analysis-gutter) + env(safe-area-inset-bottom,0px));background:#8180e8;flex-direction:column;align-items:stretch;margin:0 auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow-x:hidden}.lt-analysis-banner{box-sizing:border-box;background:#fff;border-radius:42px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:156px;display:flex}.lt-analysis-title{text-align:center;color:#564fe2;-webkit-text-stroke:1px #564fe2;paint-order:stroke fill;margin:0;font-family:Sandoll Hoyoyo,Pretendard,sans-serif;font-size:52px;font-weight:900;line-height:63px}.lt-analysis-subtitle{box-sizing:border-box;text-align:center;color:#7c79ba;word-break:keep-all;width:100%;max-width:100%;margin:8px 0 0;padding:0 16px;font-size:clamp(12px,2.2vw,17px);font-weight:500;line-height:1.45}.lt-analysis-info-bar{flex-direction:row;flex-shrink:0;align-items:center;gap:16px;width:100%;min-width:0;height:36px;margin-top:28px;display:flex}.lt-analysis-info-item{flex-direction:row;flex:1 1 0;align-items:center;gap:10px;min-width:0;height:36px;display:flex}.lt-analysis-info-label{color:#352e2e;white-space:nowrap;-webkit-text-stroke:.4px #352e2e;paint-order:stroke fill;flex-shrink:0;font-family:Sandoll Hoyoyo,Pretendard,sans-serif;font-size:30px;font-weight:900;line-height:36px}.lt-analysis-info-box{box-sizing:border-box;color:#333;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:0;max-width:160px;height:36px;padding:6px 12px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.lt-analysis-card{box-sizing:border-box;--lt-card-padding-x:27px;background:#fff;border-radius:36px;flex-shrink:0;width:100%;min-height:503px;margin-top:24px;overflow:visible}.lt-analysis-score-row{margin:28px var(--lt-card-padding-x)0;flex-direction:row;align-items:center;gap:24px;display:flex}.lt-analysis-score-item{flex-direction:row;align-items:center;gap:12px;display:flex}.lt-analysis-score-label{color:#352e2e;-webkit-text-stroke:.4px #352e2e;paint-order:stroke fill;font-family:Sandoll Hoyoyo,Pretendard,sans-serif;font-size:28px;font-weight:900;line-height:34px}.lt-analysis-score-box{box-sizing:border-box;color:#373532;background:#f4f4f6;border-radius:10px;justify-content:center;align-items:center;width:132px;height:49px;padding:10px;font-size:16px;font-weight:600;display:flex}.lt-analysis-table{margin:16px var(--lt-card-padding-x)0;box-sizing:border-box;flex-direction:column;flex-shrink:0;display:flex;overflow:visible}.lt-analysis-table-header{flex-direction:row;flex-shrink:0;width:100%;height:46px;display:flex}.lt-analysis-th{text-align:center;color:#373532;box-sizing:border-box;background:#adaafb;justify-content:center;align-items:center;height:46px;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.3;display:flex}.lt-analysis-th-score{border-radius:15px 0 0;flex:0 0 72px;width:72px}.lt-analysis-th-level{border-left:1px solid #fff;border-right:1px solid #fff;flex:0 0 72px;width:72px}.lt-analysis-th-diagnosis{white-space:normal;overflow-wrap:break-word;word-break:keep-all;border-radius:0 15px 0 0;flex:1 1 0;min-width:0}.lt-analysis-tr{box-sizing:border-box;flex-direction:row;flex-shrink:0;align-items:stretch;width:100%;height:auto;min-height:65px;display:flex}.lt-analysis-tr+.lt-analysis-tr{border-top:1px solid #e3e3e3}.lt-analysis-td{text-align:center;color:#373532;box-sizing:border-box;background:#fff;justify-content:center;align-items:center;height:auto;min-height:65px;padding:6px 10px;font-size:12px;font-weight:600;line-height:15px;display:flex}.lt-analysis-td-score{flex:0 0 72px;width:72px}.lt-analysis-td-level{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;flex:0 0 72px;width:72px}.lt-analysis-td-diagnosis{text-align:left;color:#000;overflow-wrap:break-word;word-break:keep-all;white-space:normal;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:flex-start;min-width:0;padding:6px 10px;font-size:11px;line-height:1.4;display:flex}.lt-analysis-diagnosis-title{flex-shrink:0;margin-bottom:4px;font-weight:800;display:block}.lt-analysis-diagnosis-desc{white-space:normal;overflow-wrap:break-word;word-break:keep-all;min-width:0;font-weight:500;display:block}.lt-analysis-tr-active .lt-analysis-td{background:#f5f3ff}.lt-analysis-purple-line{height:0;margin:16px var(--lt-card-padding-x)28px;border-top:3px solid #7c77f9}.lt-analysis-wrong-section{background:#fff;border-radius:36px;flex-shrink:0;width:100%;min-width:0;min-height:246px;margin-top:24px;overflow-x:hidden}.lt-analysis-wrong-header{align-items:flex-end;gap:12px;min-height:33px;margin:29px 40px 0;display:flex}.lt-analysis-wrong-title{color:#474566;-webkit-text-stroke:.4px #474566;paint-order:stroke fill;flex-shrink:0;align-self:flex-start;margin:0;font-family:Sandoll Hoyoyo,Pretendard,sans-serif;font-size:27px;font-weight:900;line-height:33px}.lt-analysis-wrong-separator{border-top:1px solid #000;flex:1;min-width:0;height:0;margin-bottom:10px}.lt-analysis-wrong-desc{color:#85839e;overflow-wrap:break-word;word-break:keep-all;margin:12px 40px 16px;font-size:15px;font-weight:400;line-height:1.45}.lt-analysis-wrong-grid{isolation:isolate;border-radius:9.43px;flex-direction:column;width:calc(100% - 80px);min-width:0;max-width:660px;min-height:132px;margin:0 40px 28px;display:flex;position:relative;overflow:visible}.lt-analysis-wrong-row{flex-direction:row;flex-shrink:0;width:100%;min-width:0;height:33px;display:flex}.lt-analysis-wrong-cell{color:#000;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;background:#f4f4f6;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:33px;padding:0 2px;font-size:13px;font-weight:500;line-height:17px;display:flex;overflow:hidden}.lt-wrong-mark{background:red;border-radius:50%;flex-shrink:0;width:14.14px;height:14.14px;position:relative}.lt-wrong-mark:before,.lt-wrong-mark:after{content:"";background:#fff;border-radius:.5px;width:1.8px;height:8px;position:absolute;top:50%;left:50%}.lt-wrong-mark:before{transform:translate(-50%,-50%)rotate(45deg)}.lt-wrong-mark:after{transform:translate(-50%,-50%)rotate(-45deg)}.lt-analysis-grid-line{pointer-events:none;z-index:4;border-top:1px solid #dfdfdf;width:100%;height:0;position:absolute;left:0}.lt-analysis-footer{width:calc(100% + 2*var(--lt-analysis-gutter));margin-left:calc(-1*var(--lt-analysis-gutter));margin-right:calc(-1*var(--lt-analysis-gutter));margin-top:24px;margin-bottom:calc(-1*var(--lt-analysis-gutter));min-height:64px;padding:16px clamp(12px,4vw,52px);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#2d2d63;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lt-analysis-footer-text{text-align:center;color:#fff;white-space:nowrap;margin:0;font-size:clamp(13px,2.8vw,25px);font-weight:800;line-height:1.4}@media (max-width:1280px){.lt-analysis-title{-webkit-text-stroke:.4px #564fe2;font-size:42px;line-height:1.25}.lt-analysis-info-label{font-size:24px;line-height:1.2}.lt-analysis-info-box{max-width:150px;padding:6px 12px;font-size:13px}.lt-analysis-score-label{font-size:24px;line-height:1.25}.lt-analysis-score-box{font-size:15px}.lt-analysis-wrong-title{font-size:24px;line-height:1.3}.lt-analysis-card{--lt-card-padding-x:22px}}@media (max-width:900px){:root{--lt-analysis-gutter:24px}.lt-analysis-card{--lt-card-padding-x:20px}.lt-analysis-title{font-size:42px;line-height:1.25}.lt-analysis-info-label{font-size:24px}.lt-analysis-info-box{max-width:140px;padding:6px 12px}.lt-analysis-th-score,.lt-analysis-th-level,.lt-analysis-td-score,.lt-analysis-td-level{flex:0 0 64px;width:64px}}@media (max-width:768px){:root{--lt-analysis-gutter:16px}.lt-analysis-card{--lt-card-padding-x:16px}.lt-analysis-title{font-size:36px;line-height:1.25}.lt-analysis-info-label{font-size:20px}.lt-analysis-info-box{max-width:120px;padding:4px 10px;font-size:12px}.lt-analysis-score-label{font-size:22px}.lt-analysis-score-box{width:100px;height:44px;font-size:14px}.lt-analysis-th-score,.lt-analysis-th-level,.lt-analysis-td-score,.lt-analysis-td-level{flex:0 0 56px;width:56px}.lt-analysis-th,.lt-analysis-td{padding:6px 8px;font-size:11px}.lt-analysis-td-diagnosis{padding:6px 8px;font-size:11px;line-height:1.35}.lt-analysis-wrong-header{margin:29px 16px 0}.lt-analysis-wrong-title{font-size:22px}.lt-analysis-wrong-desc{margin:12px 16px 16px;font-size:13px}.lt-analysis-wrong-grid{width:calc(100% - 32px);max-width:none;margin:0 16px 28px}.lt-analysis-wrong-cell{font-size:12px}}@media (max-width:700px){.lt-analysis-info-bar{margin-top:12px}.lt-analysis-card{min-height:400px;margin-top:12px}.lt-analysis-wrong-section{margin-top:12px}.lt-analysis-wrong-header{margin:29px 16px 0}.lt-analysis-wrong-desc{margin:12px 16px 16px}.lt-analysis-wrong-grid{width:calc(100% - 32px);max-width:none;margin:0 16px 28px}.lt-analysis-footer{margin-top:12px}}@media (max-width:480px){:root{--lt-analysis-gutter:12px}.lt-analysis-card{--lt-card-padding-x:12px;min-height:400px;margin-top:12px}.lt-analysis-wrong-section,.lt-analysis-footer{margin-top:12px}.lt-analysis-title{font-size:28px}.lt-analysis-info-bar{flex-wrap:wrap;gap:10px;height:auto;min-height:36px}.lt-analysis-info-item{flex:100%;min-width:100%}.lt-analysis-info-label{flex-shrink:0;width:72px;min-width:72px;font-size:15px}.lt-analysis-info-box{flex:1;min-width:0;max-width:100%;padding:4px 10px;font-size:12px}.lt-analysis-score-label{font-size:18px}.lt-analysis-score-box{width:80px;height:40px;font-size:13px}.lt-analysis-th-score,.lt-analysis-th-level,.lt-analysis-td-score,.lt-analysis-td-level{flex:0 0 40px;width:40px}.lt-analysis-th,.lt-analysis-td{padding:4px;font-size:9px}.lt-analysis-td-diagnosis{min-width:0;padding:4px 6px;font-size:9px;line-height:1.3}.lt-analysis-wrong-section{min-height:260px}.lt-analysis-wrong-header{margin:29px 12px 0}.lt-analysis-wrong-desc{margin:12px 12px 16px;font-size:11px;line-height:1.4}.lt-analysis-wrong-grid{width:calc(100% - 24px);max-width:none;margin:0 12px 24px}.lt-analysis-wrong-cell{padding:2px 4px;font-size:9px;line-height:1.2}}@media (max-width:425px){.lt-analysis-footer-text{white-space:normal;word-break:keep-all}}@media (max-width:360px){.lt-analysis-banner{justify-content:flex-start;height:auto;min-height:120px;padding:20px 16px}.lt-analysis-title{white-space:normal;overflow-wrap:break-word;word-break:keep-all;font-size:24px;line-height:1.3}.lt-analysis-subtitle{white-space:normal;overflow-wrap:break-word;word-break:keep-all;padding:0 8px;line-height:1.4}.lt-analysis-score-row{flex-wrap:wrap;gap:12px}.lt-analysis-score-item{gap:8px;min-width:0}.lt-analysis-score-label{font-size:16px}.lt-analysis-score-box{width:64px;min-width:0;height:36px;padding:6px 4px;font-size:12px}}
.wizard-container{background:#f7f9fe;border:1px solid #e9edf5;border-radius:10px;margin-bottom:20px;overflow:hidden}.wizard-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 20px;transition:background .2s;display:flex}.wizard-header:hover{background:#eef2fb}.wizard-header-left{align-items:center;gap:8px;display:flex}.wizard-header-title{color:#27364b;font-size:15px;font-weight:600}.wizard-header-badge{color:#8b5ff1;background:#f0e8ff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.wizard-toggle-icon{color:#94a3b8;font-size:12px;transition:transform .2s}.wizard-toggle-icon.expanded{transform:rotate(180deg)}.wizard-body{padding:0 20px 20px}.wizard-upload-notice{color:#64748b;background:#fff;border:1px solid #e9edf5;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.wizard-breadcrumb{background:#fff;border:1px solid #e9edf5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:16px;padding:10px 14px;display:flex}.wizard-breadcrumb-locked{color:#94a3b8;background:#f1f5f9;border-radius:6px;align-items:center;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.wizard-breadcrumb-tag{color:#8b5ff1;cursor:pointer;background:#f0e8ff;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.wizard-breadcrumb-tag:hover{background:#e0d0ff}.wizard-breadcrumb-separator{color:#cbd5e1;margin:0 2px;font-size:12px}.wizard-step{animation:.2s wizardFadeIn}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.wizard-step-title{color:#27364b;margin-bottom:12px;font-size:14px;font-weight:600}.wizard-step-description{color:#64748b;margin-bottom:12px;font-size:13px}.wizard-card-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wizard-card-grid.two-cols{grid-template-columns:repeat(2,1fr)}.wizard-card-grid.three-cols{grid-template-columns:repeat(3,1fr)}.wizard-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #e9edf5;border-radius:8px;padding:14px 16px;transition:all .2s}.wizard-card:hover{border-color:#8b5ff1;box-shadow:0 2px 8px #8b5ff126}.wizard-card.selected{background:#f7f2ff;border-color:#8b5ff1}.wizard-card.muted{background:#f8fafc;border-style:dashed}.wizard-card.muted .wizard-card-label{color:#94a3b8}.wizard-card-label{color:#27364b;font-size:14px;font-weight:600}.wizard-card-sub{color:#8b5ff1;margin-top:2px;font-size:11px;font-weight:500}.wizard-level-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.wizard-level-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e9edf5;border-radius:10px;padding:16px 12px;transition:all .2s}.wizard-level-card:hover{border-color:#8b5ff1;box-shadow:0 2px 8px #8b5ff126}.wizard-level-card.selected{background:#f7f2ff;border-color:#8b5ff1}.wizard-level-icon{margin-bottom:6px;font-size:28px}.wizard-level-name{color:#27364b;margin-bottom:4px;font-size:13px;font-weight:700}.wizard-level-desc{color:#94a3b8;font-size:11px;line-height:1.5}.wizard-results{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.wizard-result-card{background:#fff;border:1px solid #e9edf5;border-radius:8px;padding:12px 16px;transition:box-shadow .2s}.wizard-result-card:hover{box-shadow:0 2px 8px #0000000f}.wizard-result-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.wizard-result-title{color:#27364b;flex:1;font-size:13px;font-weight:600}.wizard-result-badges{flex-shrink:0;gap:6px;display:flex}.wizard-badge{border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.wizard-badge.cls-sub{color:#0958d9;background:#f0f7ff}.wizard-badge.cls-big{color:#0d9488;background:#f0fdfa}.wizard-badge.cls-exam{color:#059669;background:#ecfdf5}.wizard-badge.cls-review{color:#d97706;background:#fffbeb}.wizard-badge.cls-vocab{color:#9333ea;background:#faf5ff}.wizard-badge.cls-text{color:#0d9488;background:#f0fdfa}.wizard-badge.cls-grammar{color:#ea580c;background:#fff7ed}.wizard-badge.cls-problem{color:#dc2626;background:#fef2f2}.wizard-badge.cls-default{color:#64748b;background:#f1f5f9}.wizard-badge.lvl-low{color:#2563eb;background:#eff6ff}.wizard-badge.lvl-mid{color:#ca8a04;background:#fefce8}.wizard-badge.lvl-high{color:#ea580c;background:#fff7ed}.wizard-badge.lvl-top{color:#dc2626;background:#fef2f2}.wizard-badge.lvl-all{color:#64748b;background:#f1f5f9}.wizard-result-scope{color:#94a3b8;margin-top:4px;font-size:11px}.wizard-autograding-notice{color:#389e0d;background:#f0fff4;border:1px solid #b7eb8f;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:13px;display:flex}.wizard-autograding-notice-icon{font-size:14px;font-weight:700}.wizard-result-card.autogradeable{border-left:3px solid #52c41a}.wizard-badge.autograde{color:#389e0d;background:#f0fff4;border:1px solid #b7eb8f}.wizard-empty{text-align:center;color:#94a3b8;padding:24px 16px;font-size:14px}.wizard-empty-icon{margin-bottom:8px;font-size:32px;display:block}.wizard-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.wizard-btn-reset{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e9edf5;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.wizard-btn-reset:hover{color:#27364b;background:#f7f9fe;border-color:#cbd5e1}.guide-overlay{z-index:1100;background:#0006;justify-content:center;align-items:center;animation:.15s guideFadeIn;display:flex;position:fixed;inset:0}@keyframes guideFadeIn{0%{opacity:0}to{opacity:1}}.guide-modal{background:#fff;border-radius:14px;width:90%;max-width:480px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #00000026}.guide-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.guide-modal-title{color:#27364b;font-size:16px;font-weight:700}.guide-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.guide-modal-close:hover{color:#27364b;background:#e2e8f0}.guide-material-info{background:#f7f9fe;border:1px solid #e9edf5;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;display:flex}.guide-material-name{color:#27364b;flex:1;font-size:13px;font-weight:600}.guide-step{gap:12px;margin-bottom:18px;display:flex}.guide-step-num{color:#fff;background:#8b5ff1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:12px;font-weight:700;display:flex}.guide-step-content{flex:1}.guide-step-text{color:#27364b;margin-bottom:10px;font-size:14px;line-height:1.6}.guide-path-box{background:#1e293b;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:16px;display:flex}.guide-path-platform{color:#93c5fd;background:#93c5fd1f;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700}.guide-path-item{align-items:center;gap:6px;display:inline-flex}.guide-path-arrow{color:#475569;font-size:14px;font-weight:700}.guide-path-tag{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:1px;padding:5px 10px;display:inline-flex}.guide-path-label{color:#94a3b8;font-size:10px;font-weight:500}.guide-path-value{color:#fbbf24;font-size:13px;font-weight:600}.guide-note{color:#64748b;background:#f8fafc;border:1px solid #e9edf5;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-size:12px;line-height:1.6}.guide-note.highlight{color:#389e0d;background:#f0fff4;border-color:#b7eb8f}.guide-footer{border-top:1px solid #f1f5f9;margin-top:4px;padding-top:12px}.guide-footer-legal{color:#94a3b8;margin:0;font-size:11px;line-height:1.5}.guide-footer-tip{color:#a78bfa;margin:4px 0 0;font-size:11px;line-height:1.5}@media (max-width:768px){.wizard-card-grid,.wizard-level-grid{grid-template-columns:repeat(2,1fr)}.wizard-result-header{flex-direction:column;align-items:flex-start}.wizard-result-badges{margin-top:4px}}@media (max-width:475px){.guide-modal{border-radius:12px;padding:18px}.guide-path-box{padding:12px}.guide-path-value{font-size:12px}.wizard-container{border-radius:8px}.wizard-header{padding:12px 14px}.wizard-body{padding:0 14px 14px}.wizard-card-grid{grid-template-columns:1fr 1fr;gap:8px}.wizard-level-grid{grid-template-columns:repeat(2,1fr);gap:8px}.wizard-card{padding:10px 12px}.wizard-card-label{font-size:13px}.wizard-breadcrumb{gap:3px;padding:8px 10px}.wizard-breadcrumb-tag,.wizard-breadcrumb-locked{padding:3px 8px;font-size:12px}.wizard-level-card{padding:12px 8px}.wizard-level-icon{font-size:22px}.wizard-level-name{font-size:12px}.wizard-level-desc{font-size:10px}}
*{box-sizing:border-box;margin:0;padding:0}.assignments-page{-webkit-overflow-scrolling:touch;background:#fff;width:100%;height:100dvh;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;overflow:hidden auto}.app-header{background:#fff;border-bottom:1px solid #f0f0f0;width:100%;height:70px}.header-content{align-items:center;max-width:834px;height:100%;margin:0 auto;padding:0 16px;display:flex}.logo-section{align-items:center;gap:8px;display:flex}.logo-image{object-fit:contain;justify-content:center;align-items:center;max-width:120%;height:64px;max-height:120%;padding:0;display:flex;transform:scale(1.5)}.header-title{color:#340a7a;font-size:17px;font-weight:600;line-height:27.2px}.page-content{max-width:834px;margin:0 auto;padding:24px 25px}.menu-tabs{gap:4px;margin-bottom:20px;display:flex}.menu-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;width:120px;height:43px;font-size:17px;font-weight:500;line-height:27.2px;transition:all .2s}.menu-tab.active{color:#27364b;border-bottom-color:#0f1a2a;font-weight:600}.menu-tab:hover:not(.active){color:#27364b}.menu-tab-divider{background:silver;border-radius:1px;flex-shrink:0;align-self:center;width:2px;height:22px;margin:0 12px}.content-container{background:#fff;border:1px solid #e9edf5;border-radius:8px;padding:16px}.content-inner{width:100%}.filter-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.select-wrapper{position:relative}.custom-select{color:#27364b;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 6L8 10L12 6\" stroke=\"%2394a3b8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>") right 12px center/16px no-repeat;border:1px solid #dae0ea;border-radius:6px;width:115px;height:36px;padding:0 36px 0 12px;font-size:13px;font-weight:400;line-height:20.8px}.custom-select:focus{border-color:#8b5ff1;outline:none}.custom-select.disabled,.custom-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f3f5fa}.date-info{align-items:center;gap:8px;font-size:13px;line-height:20.8px;display:flex}.date-label,.date-value{color:#64748b;font-weight:400}.date-separator{color:#64748b}.divider-line{background:#f3f5fa;width:100%;height:1px;margin:16px 0}.progress-section{width:100%}.progress-header{background:#f7f9fe;border-radius:4px;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.progress-info{flex:1;align-items:center;gap:12px;display:flex}.progress-label{color:#27364b;white-space:nowrap;font-size:13px;font-weight:400;line-height:20.8px}.progress-bar-container{flex:1;max-width:339px}.progress-bar{background:#f3f5fa;border-radius:8px;width:100%;height:12px;overflow:hidden}.progress-fill{background:#8b5ff1;border-radius:8px;height:100%;transition:width .3s}.progress-percentage{color:#64748b;white-space:nowrap;font-size:13px;font-weight:400;line-height:20.8px}.achievement-link-btn{color:#27364b;cursor:pointer;white-space:nowrap;background:#f3f5fa;border:none;border-radius:4px;height:28px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:500;line-height:20.8px;transition:all .2s}.achievement-link-btn:hover{background:#e9edf5}.assignment-list{flex-direction:column;gap:16px;display:flex}.assignment-section{background:#fff;border:1px solid #e9edf5;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}.assignment-section:hover{box-shadow:0 4px 12px #00000014}.assignment-section:last-of-type{margin-bottom:0}.auto-grade-section:hover{box-shadow:0 4px 12px #3b82f626}.manual-grade-section:hover{box-shadow:0 4px 12px #10b98126}.section-header{border-bottom:1px solid #e9edf5;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.section-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.auto-grade-icon{color:#fff;background:#3b82f6}.manual-grade-icon{color:#fff;background:#10b981}.section-title-wrapper{flex:1;align-items:center;gap:6px;display:flex}.section-title{color:#27364b;font-size:16px;font-weight:700;line-height:1.2}.section-badge{border-radius:12px;padding:4px 12px;font-size:13px;font-weight:600;line-height:1.2}.auto-grade-badge{color:#fff;background:#3b82f6}.manual-grade-badge{color:#fff;background:#10b981}.section-tooltip{align-items:center;display:inline-flex;position:relative}.section-tooltip .tooltip-icon{color:#fff;cursor:help;background:#9ca3af;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.section-tooltip .tooltip-icon:hover{background:#6b7280;transform:scale(1.1)}.section-tooltip .tooltip-content{visibility:hidden;opacity:0;color:#fff;white-space:normal;word-wrap:break-word;word-break:keep-all;overflow-wrap:break-word;z-index:1000;pointer-events:none;background:#1f2937;border-radius:8px;width:fit-content;min-width:220px;max-width:300px;padding:10px 14px;font-size:13px;font-weight:400;line-height:1.5;transition:opacity .2s,visibility .2s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.section-tooltip .tooltip-content:after{content:"";border:6px solid #0000;border-right-color:#1f2937;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.section-tooltip:hover .tooltip-content{visibility:visible;opacity:1}.assignment-item{background:#fff;border:1px solid #e9edf5;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:50px;padding:12px;transition:all .2s;display:flex}.assignment-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.auto-grade-section .assignment-item{background:#f9fafb;border-color:#e5e7eb}.auto-grade-section .assignment-item:hover{background:#fff;border-color:#93c5fd;box-shadow:0 2px 8px #3b82f61f}.manual-grade-section .assignment-item{background:#f9fafb;border-color:#e5e7eb}.manual-grade-section .assignment-item:hover{background:#fff;border-color:#6ee7b7;box-shadow:0 2px 8px #10b9811f}.assignment-item .status-label{flex-shrink:0}.assignment-name{color:#27364b;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;flex:auto;min-width:0;margin-left:10px;font-size:17px;font-weight:600;line-height:27.2px;display:-webkit-box;overflow:hidden}.assignment-actions{flex-shrink:0;justify-content:flex-end;align-items:center;margin-left:auto;display:flex}.action-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#8b5ff1;border:none;border-radius:6px;height:36px;padding:0 16px;font-size:13px;font-weight:500;line-height:20.8px;transition:all .2s}.btn-primary:hover{background:#7a4fd9}.btn-primary:active{background:#6a3fc1}.btn-secondary{color:#27364b;cursor:pointer;background:#fff;border:1px solid #c9d1db;border-radius:6px;height:36px;padding:0 16px;font-size:13px;font-weight:500;line-height:20.8px;transition:all .2s}.btn-secondary:hover:not(.disabled){background:#f7f9fe}.btn-secondary.disabled{color:#c9d1db;cursor:not-allowed;background:#f3f5fa;border-color:#dae0ea}.status-label{white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;min-width:48px;height:18px;padding:0 8px;font-size:11px;font-weight:400;line-height:14px;display:inline-flex}.status-label.completed{color:#8b5ff1;background:#f2effd}.auto-grade-section .status-label.completed{color:#3b82f6;background:#dbeafe}.manual-grade-section .status-label.completed{color:#10b981;background:#d1fae5}.status-label.pending{color:#e52626;background:#ffe9e9}.btn-icon-delete{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.btn-icon-delete:hover{color:#e52626;background:#fff2f2}.form-section{margin-bottom:24px}.form-row{gap:16px;margin-bottom:24px;display:flex}.form-row.triple{gap:16px}.form-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.form-row:not(.triple) .form-field{max-width:320px}.field-label{color:#27364b;font-size:13px;font-weight:400;line-height:20.8px}.file-upload-section{margin-top:24px}.file-upload-btn{color:#fff;cursor:pointer;background:#27364b;border:none;border-radius:4px;height:28px;margin-bottom:12px;padding:0 12px;font-size:13px;font-weight:500;line-height:28px;transition:all .2s;display:inline-block}.file-upload-btn:hover{background:#1a2333}.file-input-hidden{display:none}.file-list-container{background:#f7f9fe;border:2px dashed #0000;border-radius:4px;min-height:193px;margin-bottom:12px;padding:24px;transition:all .2s;position:relative}.file-list-container.dragging{background:#f0f5ff;border:2px dashed #994dcc;box-shadow:0 0 0 4px #994dcc1a}.file-list-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;min-height:145px;font-size:12px;line-height:19.2px;display:flex}.file-list{flex-direction:column;gap:8px;display:flex;position:relative}.file-item{background:#fff;border:1px solid #e9edf5;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.file-name{color:#27364b;font-size:13px;font-weight:400;line-height:20.8px}.file-remove-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex}.file-remove-btn:hover{color:#e52626;background:#fff2f2}.upload-notice{color:#94a3b8;text-align:left;background:0 0;padding:16px;font-size:12px;line-height:19.2px}.submit-upload-btn{color:#fff;cursor:pointer;background:#8b5ff1;border:none;border-radius:8px;width:100%;height:48px;margin-top:24px;font-size:15px;font-weight:500;line-height:24px;transition:all .2s}.submit-upload-btn:hover{background:#7a4fd9}.submit-upload-btn:active{background:#6a3fc1}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-header{background:#fff;border-bottom:1px solid #e9edf5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#27364b;margin:0;font-size:20px;font-weight:600;line-height:28px}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;line-height:1;transition:all .2s;display:flex}.modal-close-btn:hover{color:#27364b;background:#f3f5fa}.modal-content{flex:1;padding:24px;overflow-y:auto}.modal-content .custom-select{width:100%;min-width:200px}.modal-content .form-field{flex:1;min-width:180px}.loading-state,.empty-state,.empty-placeholder{text-align:center;color:#94a3b8;padding:60px 20px;font-size:13px;line-height:20.8px}.empty-state-with-action{flex-direction:column;gap:12px;padding:32px 0;display:flex}.empty-message{color:#94a3b8;text-align:center;margin:0;font-size:13px;font-weight:400;line-height:20px}.btn-add-material{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5ff1 0%,#6c3ce0 100%);border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:20px 24px;transition:all .2s;display:flex;box-shadow:0 2px 8px #8b5ff133}.btn-add-material-icon{background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.btn-add-material-text{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.btn-add-material-main{font-size:16px;font-weight:700;line-height:1.4}.btn-add-material-sub{color:#ffffffb3;font-size:12px;font-weight:400;line-height:1.4}.btn-add-material-arrow{opacity:.6;flex-shrink:0;font-size:24px;font-weight:300}.btn-add-material:hover{background:linear-gradient(135deg,#7a4fd9 0%,#5b2fd0 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5ff159}.btn-add-material:active{background:linear-gradient(135deg,#6a3fc1 0%,#4f24c0 100%);transform:translateY(0)}.assignment-item.add-item{cursor:pointer;background:#f7f9fe;border:2px dashed #c9d1db;justify-content:center;transition:all .2s}.assignment-item.add-item:hover{background:#f3f5fa;border-color:#8b5ff1;box-shadow:0 2px 8px #8b5ff126}.add-content{color:#64748b;align-items:center;gap:12px;display:flex}.assignment-item.add-item:hover .add-content{color:#8b5ff1}.add-icon{width:24px;height:24px}.add-text{font-size:15px;font-weight:500;line-height:24px}.loading-container{justify-content:center;align-items:center;min-height:200px;display:flex}@media (max-width:1023px) and (min-width:768px){.section-tooltip .tooltip-content{width:fit-content;min-width:180px;max-width:260px;padding:8px 12px;font-size:11px}.section-tooltip .tooltip-icon{width:13px;height:13px;font-size:9px}.header-content,.page-content{padding:24px 16px}.filter-row{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.date-info{flex-wrap:wrap}.progress-header{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px}.progress-info{flex-wrap:wrap;flex:1;width:auto}.assignment-item{gap:8px;padding:10px}.assignment-name{flex:auto;min-width:0;font-size:15px!important;font-weight:600!important;line-height:20px!important}.action-buttons{flex-wrap:wrap;gap:6px}.assignment-actions{flex-shrink:0;margin-left:auto}.assignment-section{gap:6px;padding:12px}.section-header{flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-bottom:8px}.section-title-wrapper{justify-content:flex-start;width:100%}.section-title{font-size:15px}.section-badge{padding:3px 10px;font-size:12px}.section-icon{width:24px;height:24px}.btn-primary,.btn-secondary{height:38px;padding:0 14px;font-size:13px}.btn-icon-delete{width:34px;height:34px}}@media (max-width:475px){.section-tooltip .tooltip-content{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:fit-content;min-width:160px;max-width:240px;padding:7px 10px;font-size:10.5px;line-height:1.4}.section-tooltip .tooltip-icon{width:13px;height:13px;font-size:9px}.header-content,.page-content{padding:16px 12px}.menu-tab{flex:1;width:auto;font-size:14px}.menu-tab-divider{height:16px;margin:0 4px}.logo-image{height:48px;transform:scale(1.5)}.header-title{font-size:14px}.filter-row{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.custom-select{width:90px;min-width:0;height:30px;padding:0 8px;font-size:11px}.date-info{flex-wrap:wrap;font-size:11px}.progress-header{gap:8px;margin-bottom:10px;padding:8px}.progress-label,.progress-percentage{font-size:11px}.achievement-link-btn{height:26px;padding:0 10px;font-size:10px}.assignment-item{gap:6px;min-height:40px;padding:8px}.assignment-name{flex:auto;min-width:0;font-size:12px!important;font-weight:600!important;line-height:18px!important}.assignment-actions{flex-basis:100%;justify-content:flex-start;margin-top:4px;margin-left:0;padding-left:0}.assignment-section{border-radius:10px;gap:6px;padding:10px}.section-header{margin-bottom:6px;padding-bottom:6px}.section-title-wrapper{gap:4px;width:100%}.section-title{font-size:14px}.section-badge{padding:2px 8px;font-size:11px}.section-icon{width:22px;height:22px}.btn-primary,.btn-secondary{height:30px;padding:0 8px;font-size:11px}.btn-icon-delete{width:30px;height:30px;font-size:14px}.action-buttons{gap:3px}.add-icon{width:20px;height:20px}.btn-add-material{width:100%}.add-content{font-size:14px}.content-container{padding:8px!important}}.gradeable-info-box{background:#f7f9fe;border:1px solid #e9edf5;border-radius:10px;margin-bottom:20px;overflow:hidden}.gradeable-info-header{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .2s;display:flex}.gradeable-info-header:hover{background:#eef2fb}.gradeable-info-left{align-items:center;gap:12px;display:flex}.gradeable-info-icon{flex-shrink:0;font-size:20px}.gradeable-info-text{flex-direction:column;gap:2px;display:flex}.gradeable-info-title{color:#27364b;font-size:14px;font-weight:600}.gradeable-info-sub{color:#0958d9;font-size:12px}.gradeable-info-sub.warn{color:#ad6800}.gradeable-info-toggle{color:#94a3b8;font-size:11px;transition:transform .2s}.gradeable-info-toggle.expanded{transform:rotate(180deg)}.gradeable-info-body{border-top:1px solid #e9edf5;padding:0 18px 16px;animation:.2s gradeable-fade-in}@keyframes gradeable-fade-in{0%{opacity:0}to{opacity:1}}.gradeable-warning{color:#595959;background:#fff1f0;border:1px solid #ffccc7;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.5}.gradeable-file-list{flex-direction:column;gap:6px;max-height:200px;margin-top:12px;display:flex;overflow-y:auto}.gradeable-file-item{color:#27364b;background:#fff;border:1px solid #e9edf5;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.gradeable-file-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (max-width:475px){.gradeable-info-header{padding:12px 14px}.gradeable-info-body{padding:0 14px 14px}.gradeable-info-title{font-size:13px}.gradeable-info-sub{font-size:11px}.gradeable-file-item{padding:5px 8px;font-size:12px}}