@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--bg: #0A092D;--surface: #2E3856;--text: #FFFFFF;--muted: #C6D0E9;--border: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.22);--primary: #8EA0FF;--primary-hover: #A6B4FF;--danger: #FF6B6B;--ring: rgba(142,160,255,.45);font-family:system-ui,Noto Sans KR,Nunito,Inter,Pretendard,SUIT,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif;color-scheme:dark;color:var(--text);background-color:var(--bg)}html,body,#root{min-height:100%;margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:inherit;font-weight:500}a:hover{color:var(--primary-hover)}button{border-radius:8px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:#ffffff0f;color:var(--text);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--border-strong)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body{min-width:320px;min-height:100vh}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background-color:#f0f2f5}button{cursor:pointer;font:inherit}input{font:inherit}.text-center{text-align:center}.login-page{--bg: #FFFFFF;--surface: #F6F7F8;--text: #858C9C;--muted: #ACB3C2;--border: #E6E8EC;--border-strong: #D0D5DD;--ring: rgba(60,153,255,.35);color:var(--text);font-family:Noto Sans KR,Nunito,Pretendard,SUIT,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif}.page.login-page{min-height:100svh;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,28px);background:#fff;box-sizing:border-box}.login-page .login_contents{width:min(520px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 28px #1111110f;padding:clamp(20px,3.5vw,36px)}.login-page .button-with-image{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent}.login-page .button-with-image img{width:min(240px,48vw);height:auto;display:block;margin-bottom:6px}.login-page .input-large{width:100%;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:16px;font-weight:600;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.login-page .input-large::placeholder{color:var(--muted);font-weight:500}.login-page .input-large:hover{border-color:var(--border-strong)}.login-page .input-large:focus{border-color:#3c99ff;box-shadow:0 0 0 4px var(--ring);background:#fff}.login-page button{width:100%;height:46px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:16px;font-weight:800;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease,color .15s ease}.login-page button:hover{border-color:#3c99ff;color:#3c99ff;box-shadow:0 0 0 4px var(--ring);transform:translateY(-1px)}.login-page button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-page .input-large+.input-large{margin-top:10px}.login-page .input-large+button{margin-top:12px}.login-page :focus-visible{outline:0!important;box-shadow:0 0 0 3px var(--ring)!important;border-color:#3c99ff!important}.login-page *::-webkit-scrollbar{width:10px;height:10px}.login-page *::-webkit-scrollbar-track{background:transparent}.login-page *::-webkit-scrollbar-thumb{background:#e6e8ec;border-radius:8px;border:2px solid transparent;background-clip:content-box}.login-page *::-webkit-scrollbar-thumb:hover{background:#d0d5dd}.login-links{margin-top:12px;display:flex;justify-content:center;gap:8px;font-size:12px;color:#666}.login-links span{cursor:pointer;-webkit-user-select:none;user-select:none}.login-links span:hover{text-decoration:underline;color:#333}.login-links .divider{cursor:default;color:#aaa}.sidebar{background:#fff;border-right:1px solid #eee;height:100vh;transition:width .3s ease;overflow:hidden;position:relative;box-shadow:2px 0 10px #00000008}.sidebar.open{width:245px}.sidebar.collapsed{width:76px}.sidebar.hidden-on-scroll{transform:translate(-100%);transition:transform .3s ease}.sidebar-header{display:flex;align-items:center;padding:16px 16px 16px 0;gap:12px}.sidebar-toggle{background:none;border:none;cursor:pointer;align-items:center;justify-content:center;border-radius:50px}.sidebar-toggle:hover{background-color:#e6f3ff}.sidebar-toggle:focus{outline:none;box-shadow:none}.logo{font-size:18px;font-weight:600;color:#333}.sidebar-nav{margin-top:20px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 20px;border-radius:8px;color:#333;text-decoration:none;transition:background .2s}.nav-item:hover{background:#f5f5f5}.nav-item.active{background:#f0f7ff;color:#3c99ff}.sidebar-logo-floating{position:absolute;top:17px;left:76px;z-index:1000;margin-left:10px}:root{--icon-home: url(/icons/sidebar-home.svg);--icon-library: url(/icons/sidebar-library.svg);--icon-classes: url(/icons/sidebar-classes.svg)}.nav-icon{width:24px;height:24px;flex:none;display:inline-block;background-color:currentColor;-webkit-mask-image:var(--_icon);mask-image:var(--_icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-image:none!important}.nav-item.home .nav-icon{--_icon: var(--icon-home)}.nav-item.library .nav-icon{--_icon: var(--icon-library)}.nav-item.classes .nav-icon{--_icon: var(--icon-classes)}.nav-item{color:#6b7280}.nav-item:hover{color:#374151}.nav-item.active{color:#3c99ff;background:#f0f7ff}.sidebar{background:#fff;height:100vh;transition:width .3s ease;overflow:hidden;position:relative;border-right:0!important;box-shadow:none!important}.sidebar.collapsed{background:transparent!important;border-right:0!important;box-shadow:none!important}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center}:root{--tb-h: 74px;--tb-bg: #ffffff;--tb-shadow: 0 2px 10px rgba(0,0,0,.03);--tb-text: #111111;--tb-muted: #6b7280;--tb-ring: #93c5fd;--ico-setting: url(/icons/settings-01.svg);--ico-logout: url(/icons/log-out-04.svg)}.lt-topbar{width:100%;background:var(--tb-bg);box-shadow:var(--tb-shadow)}.lt-topbar.is-sticky{position:sticky;top:0;z-index:30}.lt-topbar__inner{height:var(--tb-h);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 40px 17px 0;position:relative}.lt-topbar__left{width:40px}.lt-topbar__center{flex:1;display:flex;justify-content:center;min-width:0}.lt-topbar__right{display:flex;align-items:center;gap:10px}.lt-topbar__title{margin:0;font:700 18px/1 Wanted Sans,system-ui;color:var(--tb-text)}.lt-topbar__avatarbtn{appearance:none;border:0;background:transparent;cursor:pointer;padding:0 16px 0 0;display:flex;align-items:center;border-radius:10px;outline:none!important}.lt-topbar__avatarbtn:focus-visible{box-shadow:0 0 0 3px var(--tb-ring)}.lt-topbar__avatar{width:40px;height:40px;border-radius:50%;background:#eee center/cover no-repeat;display:inline-block}.lt-topbar__menu{position:absolute;right:16px;top:calc(var(--tb-h) - 6px);width:200px;background:#fff;box-shadow:0 0 20px #0000000d;border-radius:16px;overflow:hidden;z-index:31;display:flex;flex-direction:column}.lt-topbar__menu-head{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 20px;gap:15px;width:200px;height:74px;border-bottom:1px solid #E2E2E2}.lt-topbar__menu-avatar{width:50px;height:50px;border-radius:50%;background:#eee center/cover no-repeat;flex:0 0 50px}.lt-topbar__menu-name{font:400 18px/21px Wanted Sans,system-ui;color:#111}.lt-topbar__menuitem{width:200px;height:42px;display:flex;flex-direction:row;align-items:center;padding:12px 20px;gap:12px;border:0;background:#fff;cursor:pointer;outline:none!important}.lt-topbar__menuitem:hover{background:#f7f7f9}.lt-topbar__icon{width:22px;height:22px;display:inline-block;flex:0 0 22px;margin-right:10px;background-repeat:no-repeat;background-position:center;background-size:contain}.lt-topbar__icon.setting{background-image:var(--ico-setting)}.lt-topbar__icon.logout{background-image:var(--ico-logout)}.lt-topbar__icon.award{background-image:url(/icons/award_icon.png)}.lt-topbar__icon.dashboard{background-image:url(/icons/dashboard_icon.png)}.lt-topbar__label{font:400 15px/18px Wanted Sans,system-ui;color:#555}.lt-topbar__avatar.is-empty,.lt-topbar__menu-avatar.is-empty{background:#e5e7eb;background-image:none!important}.lt-topbar__initials{font-weight:700;font-size:12px;color:#374151}:root{--sb-open-w: 240px;--sb-collapsed-w: 72px;--tb-h: 74px;--topbar-bg: #fff;--topbar-shadow: 0 2px 10px rgba(0,0,0,.03)}.layout.sidebar-open{--sb-w: var(--sb-open-w)}.layout.sidebar-collapsed{--sb-w: var(--sb-collapsed-w)}.layout{min-height:100vh;position:relative;background:#f7f8fb}.sidebar{position:fixed;z-index:150}.sidebar .sb-toggle,.sidebar .toggle-btn,.sb-toggle-btn{position:relative;z-index:300}.sidebar .logo,.sidebar .brand{position:relative;z-index:250}.topbar-dock{position:fixed;top:0;left:0;right:0;height:var(--tb-h);background:var(--topbar-bg);box-shadow:var(--topbar-shadow);z-index:100;display:flex;align-items:center;padding-left:var(--sb-w)}.topbar-dock .lt-topbar{width:100%;box-shadow:none}.layout-content{padding-top:calc(var(--tb-h) + 24px);padding-left:calc(var(--sb-w) + 24px);padding-right:24px;padding-bottom:24px;box-sizing:border-box}@media (max-width: 960px){.layout-content{padding-left:calc(var(--sb-w) + 16px);padding-right:16px}}.adm-page{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.adm-title{font-size:1.85rem;font-weight:700;color:#1a1a2e;margin:0 0 20px}.adm-top-btns{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.adm-top-btn{padding:8px 18px;background:#f6f7f8;color:#1a1a2e;border:1px solid #E6E8EC;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.adm-top-btn:hover{border-color:#d0d5dd;box-shadow:0 0 0 3px #3c99ff59;transform:translateY(-1px)}.adm-top-btn:active{transform:translateY(0)}.adm-top-btn:focus-visible{outline:none;border-color:#3c99ff;box-shadow:0 0 0 3px #3c99ff59}.adm-empty{text-align:center;color:#9ca3af;padding:48px 0;font-size:.95rem}.adm-level{border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:14px;overflow:hidden;background:#fff;box-shadow:0 1px 4px #0000000d}.adm-level-hd{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8f9fc;cursor:pointer;border-bottom:1.5px solid #e5e7eb;-webkit-user-select:none;user-select:none;transition:background .15s}.adm-level-hd:hover{background:#f0f2f8}.adm-level-chevron{color:#6b7280;display:flex;align-items:center}.adm-level-badge{font-size:1.1rem;font-weight:700;color:#1e3a8a;background:#dbeafe;padding:2px 10px;border-radius:20px}.adm-level-info{font-size:.9rem;color:#9ca3af;flex:1}.adm-add-folder-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#fff;border:1.5px solid #d1d5db;border-radius:7px;font-size:.8rem;font-weight:600;color:#374151;cursor:pointer;transition:all .15s}.adm-add-folder-btn:hover{border-color:#4361ee;color:#4361ee;background:#eff2ff}.adm-level-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.adm-level-empty{text-align:center;color:#d1d5db;font-size:.85rem;padding:16px 0}.adm-new-folder-form{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f0f4ff;border:1.5px dashed #a5b4fc;border-radius:8px}.adm-new-folder-icon{font-size:1rem}.adm-new-folder-input{flex:1;border:1.5px solid #c7d2fe;border-radius:6px;padding:5px 10px;font-size:.875rem;outline:none;background:#fff;transition:border-color .15s;color:#000}.adm-new-folder-input:focus{border-color:#4361ee}.adm-btn-ok{padding:5px 13px;background:#4361ee;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}.adm-btn-ok:disabled{opacity:.5;cursor:not-allowed}.adm-btn-ok:not(:disabled):hover{background:#3251d4}.adm-btn-cancel{padding:5px 10px;background:transparent;border:1.5px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#6b7280;cursor:pointer}.adm-btn-cancel:hover{background:#f3f4f6}.adm-folder{border:1.5px solid #e5e7eb;border-radius:9px;overflow:hidden;background:#fafafa}.adm-folder-hd{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;background:#f4f6fb;border-bottom:1px solid #e5e7eb;-webkit-user-select:none;user-select:none;transition:background .15s}.adm-folder-hd:hover{background:#eef0f8}.adm-folder-chevron{color:#9ca3af;display:flex;align-items:center}.adm-folder-icon{font-size:1rem}.adm-folder-name{flex:1;font-size:1.1rem;font-weight:600;color:#374151}.adm-folder-cnt{font-size:.9rem;color:#9ca3af;background:#e5e7eb;padding:1px 8px;border-radius:20px}.adm-folder-del{padding:4px 6px;background:transparent;border:1px solid transparent;border-radius:5px;color:#d1d5db;cursor:pointer;display:flex;align-items:center;transition:all .15s}.adm-folder-del:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.adm-folder-body{padding:6px 10px 8px;display:flex;flex-direction:column;gap:4px}.adm-folder-empty{font-size:.82rem;color:#d1d5db;text-align:center;padding:10px 0}.adm-unassigned{display:flex;flex-direction:column;gap:4px}.adm-unassigned-label{font-size:.8rem;font-weight:600;color:#9ca3af;margin:4px 0 2px 4px}.adm-book-wrap{border-radius:7px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}.adm-book-wrap:hover{border-color:#d0d5dd;box-shadow:0 0 0 3px #3c99ff59;transform:translateY(-1px)}.adm-book-row{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.adm-book-chevron{color:#d1d5db;display:flex;align-items:center}.adm-book-title{flex:1;font-size:1rem;font-weight:600;color:#111827}.adm-book-count{font-size:.78rem;color:#9ca3af}.adm-book-actions{display:flex;gap:5px;margin-left:6px}.adm-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:5px;font-size:.78rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .13s}.adm-btn--move{background:#f0f4ff;border-color:#c7d2fe;color:#4361ee}.adm-btn--move:hover{background:#e0e7ff;border-color:#a5b4fc}.adm-btn--edit{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.adm-btn--edit:hover{background:#dcfce7;border-color:#86efac}.adm-btn--del{background:#fff5f5;border-color:#fecaca;color:#dc2626}.adm-btn--del:hover{background:#fee2e2;border-color:#f87171}.adm-word-list{list-style:none;margin:0;padding:6px 14px 10px 32px;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:4px}.adm-word-empty{font-size:.82rem;color:#d1d5db}.adm-word-item{font-size:.85rem;color:#374151}.adm-word-meaning{color:#6b7280}.adm-word-example{color:#9ca3af;font-style:italic}.adm-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.adm-modal{background:#fff;border-radius:14px;width:min(380px,92vw);box-shadow:0 20px 60px #0003;overflow:hidden}.adm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;font-weight:700;font-size:1rem;color:#1a1a2e;border-bottom:1px solid #f3f4f6}.adm-modal-x{background:none;border:none;font-size:1rem;color:#9ca3af;cursor:pointer;padding:2px 6px;border-radius:4px}.adm-modal-x:hover{background:#f3f4f6;color:#374151}.adm-modal-sub{padding:10px 18px 6px;font-size:.85rem;color:#6b7280;margin:0}.adm-modal-list{list-style:none;margin:0;padding:6px 10px 14px;display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.adm-modal-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:.875rem;color:#374151;transition:background .12s}.adm-modal-item:hover{background:#f3f4f6}.adm-modal-item.is-current{background:#eff2ff;color:#4361ee;font-weight:600}.adm-modal-empty{font-size:.82rem;color:#d1d5db;text-align:center;padding:10px}.adm-badge{font-size:.72rem;background:#4361ee;color:#fff;padding:2px 7px;border-radius:20px}.adm-folder-edit{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0}.adm-folder-edit .adm-new-folder-input{flex:1;min-width:0}.page-create{--bg: #FFFFFF;--surface: #F6F7F8;--surface-2: #F6F7F8;--text: #858C9C;--muted: #ACB3C2;--border: #E6E8EC;--border-strong: #D0D5DD;--primary: #3C99FF;--primary-hover: #6AB5FF;--primary-weak: #E8F3FF;--ring: rgba(60,153,255,.35);--danger: #FF6B6B;--shadow-1: 0 6px 18px rgba(16,24,40,.06);--shadow-2: 0 10px 24px rgba(16,24,40,.08);--control-h: 44px;--topbar: #FFFFFF;--img-slot-size: 128px;--btn-bg: #EDEFF3;--btn-text: #111111;--btn-border: #C8CDD5;--btn-border-hover: #B9C0CB;min-height:100vh;background:var(--bg);color:var(--text);padding:96px 24px 48px;box-sizing:border-box;font-family:Noto Sans KR,Pretendard,SUIT,Inter,Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif;position:relative;isolation:isolate}.page-create .title-input-wrap{height:var(--control-h);display:flex;align-items:center;width:100%}.page-create .title-input-wrap input{width:80%;height:100%;line-height:var(--control-h);padding:0 16px;font-size:1.05rem;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);outline:none;box-sizing:border-box;margin:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.page-create .import-button,.page-create .save-button,.page-create .image-button,.page-create .btn-primary,.page-create .btn-secondary{height:var(--control-h);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-weight:700;letter-spacing:.1px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease;box-shadow:0 2px 8px #1018280a}.page-create .import-button:hover,.page-create .save-button:hover,.page-create .image-button:hover,.page-create .btn-primary:hover,.page-create .btn-secondary:hover{border-color:var(--btn-border-hover);box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.page-create .import-button:active,.page-create .save-button:active,.page-create .image-button:active,.page-create .btn-primary:active,.page-create .btn-secondary:active{transform:translateY(0)}.page-create .level-title-group{display:flex;align-items:center;gap:12px;width:60%;box-sizing:border-box}.page-create .level-dropdown{position:relative}.page-create .level-toggle{min-width:128px;height:var(--control-h);display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px #1018280a;transition:border-color .12s ease,box-shadow .12s ease,transform .05s ease,background .12s ease}.page-create .level-toggle:hover{border-color:var(--border-strong);box-shadow:0 4px 12px #10182814}.page-create .level-chevron{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.page-create .level-chevron.down{border-top:6px solid var(--muted)}.page-create .level-chevron.up{border-bottom:6px solid var(--muted)}.page-create .level-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;max-height:260px;overflow:auto;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2);outline:none;z-index:20;color:var(--text)}.page-create .level-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,color .12s ease}.page-create .level-option:hover{background:#fff}.page-create .level-option.active{background:#e8f3ff}.page-create .level-option.selected{font-weight:800;color:var(--primary-hover)}.page-create .level-check{opacity:.95;color:var(--primary-hover)}.page-create .vocab-title-input{display:flex;align-items:center;height:var(--control-h);flex:1 1 auto}.page-create .vocab-title-input input{width:100%;height:100%;line-height:var(--control-h);padding:0 16px;font-size:1.05rem;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);outline:none;box-sizing:border-box;margin:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.page-create .vocab-title-input input::placeholder{color:var(--muted)}.page-create .vocab-title-input input:focus{border-color:#3c99ff;box-shadow:0 0 0 4px var(--ring)}@media (max-width: 640px){.page-create .level-title-group{width:100%}.page-create .level-toggle{min-width:110px}}.page-create .wordbox-container{display:flex;flex-direction:column;gap:16px;max-width:1080px;margin:0 auto}.page-create .wordbox{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--surface);box-shadow:var(--shadow-1);color:var(--text);min-height:220px}.page-create .wordbox-inputs{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch}.page-create .wordbox-inputs .input-group{display:flex;flex-direction:column;gap:10px;flex:1 1 360px;min-width:260px;min-height:160px;justify-content:space-between}.page-create .wordbox-side{flex:0 0 var(--img-slot-size);width:var(--img-slot-size);align-self:flex-start;position:relative}@media (min-width: 761px){.page-create{--img-slot-size: 160px}}@media (min-width: 1080px){.page-create{--img-slot-size: 176px}}.page-create .image-slot{position:relative;width:var(--img-slot-size);height:var(--img-slot-size);flex:0 0 var(--img-slot-size);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;box-sizing:border-box}.page-create .image-slot.is-empty{padding:12px;background:var(--surface-2);border:1px dashed var(--border-strong);display:grid;place-items:center}.page-create .image-slot.has-image{background:#fff;border:1px solid var(--border)}.page-create .image-thumb{width:100%;height:100%;object-fit:cover;background:#fff}.page-create .image-placeholder{font-size:12px;color:var(--muted);text-align:center}.pre-frame-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000026;z-index:9999}.pre-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:#fff;box-shadow:0 4px 16px #0003;border-radius:12px;display:flex;align-items:center;justify-content:center}.pre-image{border-radius:12px;overflow:hidden}.pre-image img{display:block;max-width:300px;max-height:300px;object-fit:contain}.pre-close-btn{position:absolute;top:-10px;right:-10px;background:#333;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.page-create .image-clear{position:absolute;top:6px;right:6px;width:22px;height:22px;line-height:20px;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:14px;cursor:pointer;display:grid;place-items:center}.page-create .image-clear:hover{background:#000000bf}@media (max-width: 640px){.page-create{--img-slot-size: 112px}}.page-create .underline-input{width:100%;max-width:100%;box-sizing:border-box;border:none;border-bottom:2px solid var(--border);background:transparent;outline:none;padding:6px 8px;color:var(--text);font-weight:700;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,background .15s ease}.page-create .underline-input::placeholder{color:var(--muted);font-weight:500}.page-create .underline-input:hover{background:#fff}.page-create .underline-input:focus{border-bottom-color:var(--primary);box-shadow:0 4px 0 -2px var(--primary)}.page-create .wordbox-header{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.page-create .drag-handle{color:#a9b6da;cursor:grab}.page-create .delete-button{background:transparent;border:1px solid var(--danger);color:#b42318;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease,border-color .12s ease}.page-create .delete-button:hover{background:#fff5f5;border-color:#f2b8b5;color:#b42318;box-shadow:0 4px 14px #f43f5e1f}.page-create .add-button{height:48px;padding:0 18px;display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto;border:none;border-radius:12px;background:var(--btn-bg);color:#111;font-weight:800;font-size:16.5px;letter-spacing:.1px;line-height:1;box-shadow:0 2px 10px #1018280f;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.page-create .add-button:hover{background:#e6e9ef;box-shadow:0 4px 16px #1018281a,0 0 0 3px var(--ring);transform:translateY(-1px)}.page-create .add-button:active{transform:translateY(0);box-shadow:0 2px 8px #1018280f}.page-create .slide-panel{position:fixed;bottom:-660px;left:0;right:0;height:650px;background:var(--surface);box-shadow:0 -2px 16px #10182814;padding:24px;z-index:11;transition:bottom .25s ease;display:flex;flex-direction:column;color:var(--text);border-top:1px solid var(--border)}.page-create .slide-panel.open{bottom:0}.page-create .slide-top{flex:1;padding:6px 8px;border-bottom:1px solid var(--border)}.page-create .slide-input{width:92%;padding:10px 6px;font-size:16px;border:none;border-bottom:2px solid var(--border);background:transparent;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.page-create .slide-input::placeholder{color:var(--muted)}.page-create .slide-input:focus,.page-create .slide-input:hover{border-bottom-color:var(--primary);box-shadow:0 4px 0 -2px var(--primary)}.page-create .slide-bottom{flex:3;overflow-y:auto;padding:16px}.page-create .image-grid{display:flex;gap:12px;flex-wrap:wrap}.page-create .image-grid img{width:200px;height:200px;object-fit:cover;border-radius:12px;border:1px solid var(--border);transition:transform .15s ease,box-shadow .15s ease,opacity .12s ease;cursor:pointer;opacity:.98}.page-create .image-grid img:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);opacity:1}.page-create .overlay{position:fixed;inset:0;background:#00000059;z-index:10}.page-create .modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1300}.page-create .modal{background:var(--surface);color:var(--text);width:min(900px,92vw);max-height:85vh;border-radius:12px;border:1px solid var(--border);box-shadow:0 20px 50px #1018281f;display:flex;flex-direction:column;overflow:hidden}.page-create .modal-header{padding:16px 20px;border-bottom:1px solid var(--border)}.page-create .modal-body{padding:16px 20px;overflow:auto;box-sizing:border-box}.page-create .import-textarea{display:block;width:100%;max-width:100%;min-height:280px;resize:vertical;font:inherit;padding:12px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);outline:none}.page-create .import-textarea::placeholder{color:var(--muted)}.page-create :focus-visible{outline:0!important;box-shadow:0 0 0 3px var(--ring)!important;border-color:#3c99ff!important}.page-create *::-webkit-scrollbar{width:10px;height:10px}.page-create *::-webkit-scrollbar-track{background:transparent}.page-create *::-webkit-scrollbar-thumb{background:#d9dde3;border-radius:8px;border:2px solid transparent;background-clip:content-box}.page-create *::-webkit-scrollbar-thumb:hover{background:#c9ced6}.wordbox{transition:transform .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease,border-color .12s ease,filter .12s ease}.wordbox.is-dragging{background:var(--primary-weak);border:2px dashed var(--primary);box-shadow:0 10px 24px #1018281a,0 0 0 3px var(--ring);transform:scale(1.02);cursor:grabbing;position:relative;z-index:2}.page-create.is-dragging-any .wordbox:not(.is-dragging){opacity:.55;filter:saturate(.85)}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}.dragging-active .drag-handle{cursor:grabbing}.dragging-no-select *{user-select:none!important;-webkit-user-select:none!important}.wordbox.is-dragging .drag-handle:after{content:" 이동 중";margin-left:6px;font-size:12px;color:var(--primary);font-weight:600}.page-create .top-bar{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 20px;background:var(--topbar);border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:12px;color:var(--text)}.page-create .top-bar>*{min-width:0}.page-create .left-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}.page-create .title-input-wrap{height:var(--control-h);display:flex;align-items:center;width:100%;min-width:0}.page-create .title-input-wrap input{width:70%;min-width:0;height:100%;line-height:var(--control-h);padding:0 16px;font-size:1.05rem;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);outline:none;box-sizing:border-box;margin:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.page-create .title-input-wrap input::placeholder{color:var(--muted)}.page-create .title-input-wrap input:focus{border-color:#3c99ff;box-shadow:0 0 0 4px var(--ring)}.page-create .save-button{white-space:nowrap;flex:0 0 auto;height:var(--control-h);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-weight:700;letter-spacing:.1px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease;box-shadow:0 2px 8px #1018280a}.page-create .save-button:hover{border-color:var(--btn-border-hover);box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}@media (max-width: 760px){.page-create .top-bar{grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:min-content}.page-create .left-controls{grid-column:1 / -1;order:2}}.page-create .import-button,.page-create .image-button,.page-create .btn-primary,.page-create .btn-secondary{height:var(--control-h);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-weight:700;letter-spacing:.1px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease;box-shadow:0 2px 8px #1018280a}.page-create .import-button:hover,.page-create .image-button:hover,.page-create .btn-primary:hover,.page-create .btn-secondary:hover{border-color:var(--btn-border-hover);box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.page-create .modal-actions{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 20px;min-height:72px;border-top:1px solid var(--border)}.page-create .modal-actions .btn-primary,.page-create .modal-actions .btn-secondary{height:40px;padding:0 18px}.page-create .slide-top{display:flex;align-items:center;gap:8px}.page-create .slide-input{flex:0 1 60%;min-width:0}.page-create .btn-search,.page-create .btn-clear,.page-create .btn-upload{height:36px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 4px #1018280a;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease}.page-create .btn-search:hover,.page-create .btn-clear:hover,.page-create .btn-upload:hover{border-color:var(--btn-border-hover);background:#e6e9ef;box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.page-create .btn-clear{background:#f9fafb;color:#555}.page-create .btn-upload{background:var(--primary);color:#fff;border-color:var(--primary)}.page-create .btn-upload:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.page-create .image-loading,.page-create .empty-hint{padding:8px 4px;font-size:14px;color:var(--muted)}.page-create .image-grid .image-item{padding:0;border:none;background:transparent;cursor:pointer;border-radius:12px;overflow:hidden}.page-create .modal-body .field-label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;color:var(--muted)}.page-create .modal-body .field-label .underline-input{background:#fff}.page-create .modal-body .field-label input[type=file]{margin-top:4px;font-size:13px;color:var(--text)}.page-create .modal{max-width:900px;width:min(600px,92vw)}.btn-file-picker{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;font-size:14px}.btn-file-picker:hover{background:#e9e9e9}.file-name{margin-left:8px;font-size:13px;color:#666}.upload-preview{margin-top:12px;display:flex;justify-content:flex-start}.upload-preview img{max-width:120px;max-height:120px;border-radius:8px;border:1px solid #ddd;object-fit:contain}.page-create .meaning-textarea{font:inherit;font-size:1em;font-weight:700;color:var(--text);min-height:85px;resize:vertical;border:none;border-bottom:2px solid var(--border);background:transparent;outline:none;padding:6px 8px;line-height:1.4;box-sizing:border-box}.image-item-delete{position:absolute;top:6px;right:6px;border:none;background:#0000008c;color:#fff;border-radius:10px;padding:4px 6px;cursor:pointer;font-size:12px}.image-item-delete:hover{background:#000000bf}.sync-badge{margin-left:8px;font-size:12px;opacity:.8}.sync-overlay{position:fixed;inset:0;background:#00000040;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:all}.sync-overlay-box{background:#fff;padding:16px 18px;border-radius:12px;box-shadow:0 10px 30px #0003;min-width:280px}.sync-title{font-weight:700;margin-bottom:8px}.sync-sub{margin-top:6px;font-size:13px;opacity:.9}.btn-sync-top{margin-right:8px}.sync-overlay{position:fixed;inset:0;z-index:9999;background:#00000059;display:flex;align-items:center;justify-content:center;pointer-events:all}.sync-overlay-box{background:#fff;border-radius:12px;padding:16px 18px;min-width:260px}body.sync-locked{overflow:hidden}.image-item{position:relative}.image-item-check{position:absolute;top:6px;right:6px;background:#00000059;padding:4px 6px;border-radius:6px;display:inline-flex;align-items:center}.image-item.selected{outline:2px solid #4da3ff;outline-offset:2px}.btn-delete-selected:disabled{opacity:.5;cursor:not-allowed}.btn-image-cleanup.active{outline:2px solid currentColor;font-weight:700}.switch{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px;-webkit-user-select:none;user-select:none;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-text{font-size:14px;white-space:nowrap}.switch-state{font-size:12px;opacity:.8;min-width:32px;text-align:right}.switch-track{position:relative;width:46px;height:26px;border-radius:999px;background:#d1d5db;transition:background .18s ease;box-shadow:inset 0 0 0 1px #00000014}.switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .18s ease;box-shadow:0 2px 6px #0000002e}.switch.on .switch-track{background:#22c55e}.switch.on .switch-thumb{transform:translate(20px)}.switch.disabled{opacity:.6;cursor:not-allowed}.wordbox-inputs{display:flex;align-items:stretch}.wordbox-index{width:36px;min-width:36px;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#666;padding-top:6px;-webkit-user-select:none;user-select:none}.input-group{flex:1}.wordbox-image-wrapper{display:flex;flex-direction:row;gap:8px;align-items:center}.wordbox-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.preview-backdrop{position:fixed;inset:0;background:#00000073;z-index:9999}.preview-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1000px;height:670px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000038;overflow:hidden}.preview-scale-wrap{width:100%;height:100%;transform:none;pointer-events:none}.preview-canvas{border:none!important;box-shadow:none!important;border-radius:0!important}.preview-modal .pre-close-btn{position:absolute;top:10px;right:10px;z-index:10;pointer-events:all;background:#00000080;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.assign-page{--surface: #F6F7F8;--text: #858C9C;--muted: #ACB3C2;--border: #E6E8EC;--border-strong: #D0D5DD;--ring: rgba(60,153,255,.35);--ring2: rgba(255, 60, 70, .35);--heading: #111111;color:var(--text);background:transparent;min-height:100svh;min-height:100vh;display:flex;padding:clamp(12px,2vw,24px);box-sizing:border-box}.assign-page .assign-shell{width:100%;max-width:1200px;margin:auto;display:grid;gap:24px}.assign-page .assign-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,20px);padding:18px clamp(16px,2.8vw,28px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 24px #1018280f}.assign-page .assign-title{display:grid;gap:4px}.assign-page .assign-subtitle{margin:0;color:var(--muted);font-size:13px}.assign-page .assign-actions{display:flex;align-items:center;gap:10px}.assign-page .assign-actions button{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font-weight:700;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease;box-shadow:0 2px 8px #1018280a;outline:0!important}.assign-page .assign-actions button:hover{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.assign-page .assign-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.assign-page .assign-actions .primary{border-color:var(--border-strong);box-shadow:inset 0 0 0 2px var(--ring)}.assign-page .assign-actions .primary:hover{box-shadow:0 0 0 3px var(--ring)}.assign-page .assign-actions .bulk-danger{border-color:var(--ring2);box-shadow:inset 0 0 0 2px var(--ring2);background:#ef444414}.assign-page .assign-actions .bulk-danger:hover{box-shadow:0 0 0 3px var(--ring2)}.assign-page .assign-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(16px,2vw,24px);align-items:start}.assign-page .assign-container>div{display:flex;flex-direction:column;gap:12px;min-width:280px}.assign-page .section-head{margin:0;font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--muted);text-transform:uppercase}.assign-page .pretty-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);line-height:1.5;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font:inherit}.assign-page .pretty-input::placeholder{color:var(--muted)}.assign-page .pretty-input:hover{border-color:var(--border-strong)}.assign-page .pretty-input:focus{border-color:#3c99ff;box-shadow:0 0 0 4px var(--ring)}.assign-page .student-box,.assign-page .level-box,.assign-page .wordbook-box{flex:1;min-height:380px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-sizing:border-box;overflow:auto}.assign-page .assign-item{padding:10px 15px;margin:10px 0;border-radius:10px;cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease;font-weight:700;-webkit-user-select:none;user-select:none;color:var(--text)}.assign-page .assign-item:hover{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.assign-page .assign-item.selected{border-color:#3c99ff;box-shadow:0 0 0 3px var(--ring)}.assign-page .hint{color:var(--muted)}@media (max-width: 1100px){.assign-page .assign-container{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.assign-page .assign-container{grid-template-columns:1fr}}.assign-page :focus-visible{outline:0!important;box-shadow:0 0 0 3px var(--ring)!important;border-color:#3c99ff!important}.assign-page *::-webkit-scrollbar{width:10px;height:10px}.assign-page *::-webkit-scrollbar-track{background:transparent}.assign-page *::-webkit-scrollbar-thumb{background:#d9dde3;border-radius:8px;border:2px solid transparent;background-clip:content-box}.assign-page *::-webkit-scrollbar-thumb:hover{background:#c9ced6}.assign-page .assign-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}@media (max-width: 1100px){.assign-page .assign-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 760px){.assign-page .assign-container{grid-template-columns:minmax(0,1fr)}}.assign-page .pretty-input{display:block;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.assign-page .assign-container>div{min-width:0;overflow:hidden}.assign-page .assign-toolbar{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,20px);padding:18px clamp(16px,2.8vw,28px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 24px #1018280f}.assign-page .assign-toolbar-left{display:flex;align-items:center;gap:12px;min-width:0}.assign-page .wordbook-box .assign-item{display:flex;align-items:center;gap:10px}.assign-page .push-right{margin-left:auto}.assign-page .mini-danger{padding:6px 10px;border-radius:8px;border:1px solid var(--border-strong);background:#fef2f2;color:#ef4444;font-weight:800;cursor:pointer}.assign-page .mini-danger:hover{box-shadow:0 0 0 3px #ef444433;transform:translateY(-1px)}@media (max-width: 640px){.assign-page .assign-toolbar{flex-wrap:wrap}.assign-page .assign-actions{width:100%;justify-content:flex-end;display:flex}}.assign-page .assign-toolbar>div{display:flex;align-items:center;gap:12px;min-width:0}.assign-page .assign-title{display:grid;gap:4px;min-width:0}.assign-page .assign-title h1{margin:0;font-size:clamp(20px,2.2vw,24px);line-height:1.2;font-weight:800;color:var(--heading)}.assign-page .assign-title p{margin:0;color:var(--muted);font-size:13px}.assign-page .assign-back-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font-weight:800;line-height:1;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease;box-shadow:0 2px 8px #1018280a}.assign-page .assign-back-btn:hover{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.assign-item.to-unassign{border-color:#ef4444;background:#ef444414}.assign-page .assign-item.status-in-progress,.assign-page .assign-item.status-in-progress.selected,.assign-page .assign-item.status-in-progress.assigned{border:2px solid #F97316!important;box-shadow:0 0 0 3px #f9731626!important}.assign-page .assign-item.status-completed,.assign-page .assign-item.status-completed.selected,.assign-page .assign-item.status-completed.assigned{border:2px solid #22C55E!important;box-shadow:0 0 0 3px #22c55e26!important}.assign-page .complete-badge{position:absolute;top:-10px;right:-10px;background:#fff;color:#000;font-size:11px;font-weight:700;border-radius:999px;padding:1px 6px;min-width:20px;text-align:center;z-index:1;border:2px solid #000000!important}.assign-page .assign-item{position:relative}.assign-page .wordbook-header{display:flex;align-items:center;justify-content:space-between}.assign-page .legend{display:flex;gap:10px;font-size:12px;margin:0;font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--muted);text-transform:uppercase}.assign-page .legend-item{display:flex;align-items:center;gap:4px}.assign-page .legend-item .legend-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.assign-page .legend-item.assign .legend-dot{background:#3c99ff}.assign-page .legend-item.in-progress .legend-dot{background:#f97316}.assign-page .legend-item.completed .legend-dot{background:#22c55e}.folder-box{display:flex;flex-direction:column;gap:6px;margin:8px 0;max-height:160px;overflow-y:auto}.folder-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #ddd;border-radius:8px;cursor:pointer;background:#fff}.folder-row.active{border-color:#4f7cff;background:#eef3ff}.folder-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row-cnt{font-size:15px;opacity:.8}.folder-assign-btn{padding:4px 10px;font-size:13px;border:none;border-radius:6px;background:#4f7cff;color:#fff;cursor:pointer}.folder-assign-btn:disabled{opacity:.5;cursor:not-allowed}.folder-unassign-btn{background:#e5484d}html:has(.accounts-page),body:has(.accounts-page),#root:has(.accounts-page){background:#fff!important}.accounts-page{--bg: #FFFFFF;--surface: #F6F7F8;--text: #858C9C;--muted: #ACB3C2;--border: #E6E8EC;--border-strong: #D0D5DD;--ring: rgba(60,153,255,.35);--heading: #111111;color:var(--text);background:var(--bg);min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,28px);box-sizing:border-box;font-family:Noto Sans KR,Pretendard,SUIT,Inter,Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif}.accounts-page .container{width:min(1200px,92vw);margin:0 auto;display:grid;gap:18px}.accounts-page .ap-card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 28px #1111110f;display:grid;grid-template-columns:1fr;gap:14px;align-content:start}.accounts-page .ap-card h2{margin:0;font-size:20px;font-weight:700;color:var(--heading)}.accounts-page .ap-card-head{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.accounts-page .ap-card-sub{margin:0;font-size:13px;color:var(--muted)}.accounts-page .field label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.2px}.accounts-page .input{width:100%;height:46px;padding:12px 14px;font-size:14px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.accounts-page .input::placeholder{color:var(--muted)}.accounts-page .input:hover{border-color:var(--border-strong)}.accounts-page .input:focus{border-color:#3c99ff;box-shadow:0 0 0 4px var(--ring)}.accounts-page .btn{height:46px;padding:0 18px;font-size:14px;font-weight:700;border-radius:12px;cursor:pointer;background:var(--surface);color:var(--heading);border:1px solid var(--border);transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease;box-shadow:0 2px 8px #1018280a}.accounts-page .btn:hover{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--ring);transform:translateY(-1px)}.accounts-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.accounts-page .btn-primary{box-shadow:inset 0 0 0 2px #3c99ff59}.accounts-page .btn-danger{box-shadow:inset 0 0 0 2px #ff6b6b4d}.accounts-page .actions{display:flex;gap:10px;align-items:center}.accounts-page .actions-right{grid-column:1 / -1;justify-content:flex-end}.accounts-page .form{display:grid;gap:14px}.accounts-page .form-2col{grid-template-columns:repeat(2,minmax(220px,1fr));align-items:end}@media (max-width: 860px){.accounts-page .form-2col{grid-template-columns:1fr}.accounts-page .actions-right{justify-content:stretch}}.accounts-page .form-inline{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end}.accounts-page .form-inline .field{margin:0}.accounts-page .form-inline .actions-right{grid-column:auto;justify-content:stretch}@media (max-width: 860px){.accounts-page .form-inline{grid-template-columns:1fr}.accounts-page .form-inline .actions-right{justify-content:flex-end}}.accounts-page .status-line{grid-column:1 / -1;min-height:28px;display:flex;align-items:center;margin-top:4px;opacity:0;transition:opacity .15s ease}.accounts-page .status-line.show{opacity:1}.accounts-page .toast{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1;padding:6px 10px;border-radius:10px;background:#f6f7f8;color:#3c99ff;border:1px solid var(--border)}.accounts-page .toast.success{background:#ecfdf5;color:#16a34a;border-color:#bbf7d0}.accounts-page .toast.error{background:#fef2f2;color:#ef4444;border-color:#fecaca}.accounts-page .searchbar{display:flex;gap:10px;align-items:center}.accounts-page .searchbar .input{flex:1}.accounts-page .detail-panel .detail{padding:16px;border-radius:14px;background:var(--surface);border:1px dashed var(--border-strong)}.accounts-page .placeholder{display:flex;align-items:center;justify-content:center;height:180px;color:var(--muted);font-weight:600;background:#fff;border:1px dashed var(--border);border-radius:14px}.accounts-page .kv{display:grid;grid-template-columns:160px 1fr;gap:6px 12px;padding:6px 0;font-size:14px}.accounts-page .kv span{color:var(--muted)}.accounts-page .results-panel{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.accounts-page .results-panel .panel-head{padding:10px 12px;font-weight:800;font-size:13px;color:var(--heading);background:#f6f7f8;border-bottom:1px solid var(--border)}.accounts-page .result-list{max-height:420px;overflow:auto}.accounts-page .result-row{display:flex;gap:8px;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .12s ease,transform .02s ease;background:#fff;color:var(--text)}.accounts-page .result-row:hover{background:#f6f7f8}.accounts-page .result-row.selected{background:#e8f3ff}.accounts-page .result-row .name{flex:1;font-weight:700;color:var(--heading)}.accounts-page .pill{font-size:12px;padding:2px 8px;border-radius:999px;color:var(--heading);background:#fff;border:1px solid var(--border)}.accounts-page .pill.ok{background:#ecfdf5;border-color:#bbf7d0;color:#16a34a}.accounts-page .pill.off{background:#fef2f2;border-color:#fecaca;color:#ef4444}.accounts-page .reset-card{margin-top:14px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.accounts-page .reset-card h3{margin:0 0 8px;font-size:16px;color:var(--heading)}.accounts-page .grid-2{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(160px,1fr))}@media (max-width: 860px){.accounts-page .grid-2{grid-template-columns:1fr}}.accounts-page :focus-visible{outline:0!important;box-shadow:0 0 0 3px var(--ring)!important;border-color:#3c99ff!important}.accounts-page *::-webkit-scrollbar{width:10px;height:10px}.accounts-page *::-webkit-scrollbar-track{background:transparent}.accounts-page *::-webkit-scrollbar-thumb{background:#d9dde3;border-radius:8px;border:2px solid transparent;background-clip:content-box}.accounts-page *::-webkit-scrollbar-thumb:hover{background:#c9ced6}.accounts-page .container,.accounts-page .ap-card,.accounts-page .results-panel,.accounts-page .detail-panel,.accounts-page .reset-card{min-width:0;max-width:100%;box-sizing:border-box}.accounts-page .form-2col{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 860px){.accounts-page .form-2col{grid-template-columns:minmax(0,1fr)}}.accounts-page .form-inline{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}@media (max-width: 860px){.accounts-page .form-inline{grid-template-columns:minmax(0,1fr)}}.accounts-page .assign-actions,.accounts-page .actions,.accounts-page .actions-right,.accounts-page .searchbar,.accounts-page .form,.accounts-page .form-2col,.accounts-page .form-inline,.accounts-page .results-panel,.accounts-page .result-row,.accounts-page .kv{min-width:0}.accounts-page .assign-actions>*,.accounts-page .actions>*,.accounts-page .actions-right>*,.accounts-page .searchbar>*,.accounts-page .form>*,.accounts-page .form-2col>*,.accounts-page .form-inline>*{min-width:0;max-width:100%;box-sizing:border-box}.accounts-page .input,.accounts-page .btn{display:inline-flex;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.accounts-page .result-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounts-page .toast,.accounts-page .pill,.accounts-page .ap-card h2,.accounts-page .ap-card-sub,.accounts-page .result-row,.accounts-page .placeholder{overflow-wrap:anywhere;word-break:break-word}.accounts-page .results-panel{overflow:hidden}.accounts-page .result-list{overflow:auto;max-height:420px}.accounts-page .detail-panel .detail{overflow:auto}.accounts-page .searchbar,.accounts-page .actions,.accounts-page .assign-actions{flex-wrap:wrap;gap:10px}.accounts-page .kv{grid-template-columns:160px minmax(0,1fr)}.accounts-page .kv>*{min-width:0}.accounts-page .ap-card{overflow:hidden}.accounts-page .topbar{display:flex;align-items:center;gap:12px;padding:4px 0 12px}.accounts-page .topbar h1{margin:0;font-size:22px;line-height:1.2;font-weight:800;color:var(--heading)}.accounts-page .topbar .btn{width:auto!important;min-width:0;height:38px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.accounts-page .topbar .topbar-back{height:36px;padding:0 10px}.accounts-page .topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}@media (max-width: 640px){.accounts-page .topbar{flex-wrap:wrap}.accounts-page .topbar-right{width:100%;justify-content:flex-end}}.student-page{padding:24px;background:#f7f8f9;min-height:100vh;display:flex;flex-direction:column;gap:24px}.student-header{display:flex;align-items:center;gap:24px;margin-bottom:16px}.student-header h1{font:700 32px/1.2 Wanted Sans,system-ui;color:#111;margin:0}.student-section{margin:24px auto}.student-section h2{font:700 20px/1 Wanted Sans,system-ui;color:#111;margin:12px 0}.date-group{margin-top:12px}.date-group h3{font-size:1rem;font-weight:700;margin:0 0 8px}.card-vertical{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wb-row{display:flex;align-items:center;gap:20px;background:#fff;border-radius:12px;box-shadow:0 0 20px #00000008;border:0;padding:20px;cursor:pointer;transition:box-shadow .15s ease,transform .12s ease,background .15s ease}.wb-row:hover{border-bottom:4px solid #3C99FF;transform:translateY(-2px)}.wb-row+.wb-row{border-top:0}.wb-icon{width:24px;height:24px;border:1.5px solid #3C99FF;border-radius:6px;flex:none}.wb-body{display:flex;flex-direction:column;gap:8px;flex:1}.wb-title{font:700 16px/19px Wanted Sans,system-ui;color:#333}.wb-meta{display:flex;align-items:center;gap:8px;font:400 13px/16px Wanted Sans,system-ui;color:#555;flex-wrap:wrap}.wb-meta .dot{width:3px;height:3px;border-radius:50%;background:#555;display:inline-block}.wb-sub{display:flex;align-items:center;gap:8px;font:400 12px/16px Wanted Sans,system-ui;color:#777}.wb-sub .dot{width:3px;height:3px;border-radius:50%;background:#777;display:inline-block}.status{padding:24px;text-align:center;color:#555}.status.error{color:#d33}.empty,.empty-sub{padding:16px 0;color:#888}:root{--icon-search: url(/icons/search.svg);--icon-library: url(/icons/library.svg)}.wb-icon{background:center / contain no-repeat var(--icon-library);border:0!important;border-radius:0!important}body{margin:0}.layout{min-height:100dvh;display:flex;flex-direction:column}:root{--app-header-h: 64px}.layout.with-header .page{min-height:calc(100dvh - var(--app-header-h))}.layout>.page,.student-page{flex:1 1 auto;min-height:0!important;overflow:auto}.student-page{min-height:unset!important;padding-bottom:0!important}.student-section{margin-bottom:0!important}.layout.sidebar-open,.layout.sidebar-open .student-page{height:auto!important;min-height:0!important}:root{--bg-grad-start:#f1f6ff;--bg-grad-end:#eef2ff;--surface:#ffffff;--text:#0b1220;--muted:#56657a;--primary:#2563eb;--primary-600:#1d4ed8;--primary-700:#1e40af;--border:#cfe0ff;--card-border:#e6eeff;--ring:#93c5fd;--shadow-1:0 6px 18px rgba(37,99,235,.08);--shadow-2:0 10px 24px rgba(37,99,235,.12);--danger:#ef4444;--sp-ico-flashcards:url(/icons/flashcards-24.svg);--sp-ico-close:url(/icons/close-16.svg);--ico-star-off:url(/icons/star-off.svg);--ico-star-on:url(/icons/star-on.svg);--ico-speaker:url(/icons/speaker.svg);--ico-chevron: url(/icons/chevron-left.svg)}.study-page{min-height:100%;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,var(--bg-grad-start),var(--bg-grad-end));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,sans-serif}.sp-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:80px;padding:0 30px}.sp-left{display:flex;align-items:center;gap:12px;justify-self:start}.sp-center{justify-self:center;text-align:center;width:auto;margin:0}.sp-close,.sp-right{justify-self:end}.sp-left .fc-badge{position:relative;width:24px;height:24px;border-radius:6.26px;background:#3c99ff}.sp-left .fc-title{font-family:Wanted Sans,system-ui;font-weight:700;font-size:20px;line-height:24px;color:#111}.sp-left .fc-badge:before{content:"";position:absolute;inset:0;background:center/contain no-repeat var(--sp-ico-flashcards)}.sp-center .sp-counter{display:flex;align-items:center;gap:8px;height:18px;padding:0 12px;border-radius:20px}.sp-center .sp-title{font:700 24px/29px Wanted Sans,system-ui;color:#111}.sp-counter .now,.sp-counter .total{font:500 15px/18px Wanted Sans,system-ui;color:#555;min-width:10px;text-align:center}.sp-counter .sep{width:10px;height:0;border-top:1px solid #555;transform:rotate(120deg)}.sp-close{appearance:none;-webkit-appearance:none;border:none;padding:0;background:transparent;-webkit-tap-highlight-color:transparent}.sp-close:focus:not(:focus-visible){outline:none;box-shadow:none}.sp-close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.sp-close:before{content:"";display:block;width:16px;height:16px;background:center/contain no-repeat var(--sp-ico-close)}.sp-topprog{height:4px;background:#e2e2e2;position:relative;width:100vw;margin-left:calc(50% - 50vw)}.sp-topprog-fill{height:100%;width:0%;background:#3c99ff;transition:width .25s ease}.flashcard-area{display:grid;place-items:center;gap:16px}.flashcard{position:relative;width:1000px;height:700px;max-width:100%;perspective:1200px;cursor:pointer;outline:none!important}.face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #CCC;border-radius:20px;background:#fff;box-shadow:0 0 40px #0000000d;transition:transform .5s ease,box-shadow .2s ease,border-color .15s ease}.front{transform:rotateX(180deg)}.back{transform:rotateX(0)}.flashcard.is-flipped .front{transform:rotateX(360deg)}.flashcard.is-flipped .back{transform:rotateX(180deg)}.face-content{position:relative;padding:0;height:100%}.fc-topcontrols{position:absolute;top:30px;right:30px;display:flex;align-items:center;gap:12px;height:32px;z-index:2}.fc-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background:#fff;border:0;position:relative}.fc-btn:before{content:"";width:18px;height:18px;display:block;background:center/contain no-repeat}.fc-btn.spk:before{background-image:var(--ico-speaker)}.fc-btn.star.on:before{background-image:var(--ico-star-on)}.fc-btn.star.off:before{background-image:var(--ico-star-off)}.back .face-content .headword-study{font-size:42px;font-weight:800;color:#111;text-align:center}.headword-study{position:relative;top:300px}.fc-text{position:absolute;left:80px;top:50%;transform:translateY(-50%);width:420px;font:400 28px/1.7 Wanted Sans,system-ui;color:#333;white-space:pre-line}.fc-text .pos{margin-right:8px;color:#666;font-size:.9em}.fc-text .ex{display:block}.fc-frame{position:absolute;left:600px;top:200px;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.fc-image{border-radius:12px;overflow:hidden}.fc-image img{display:block;max-width:300px;max-height:300px}.nav{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:16px}.nav-pill{position:relative;width:100px;height:50px;border-radius:40px;background:#fff;cursor:pointer;border:none!important;box-shadow:none!important;outline:none!important}.nav-pill:before{border:none!important}.nav-pill:before{content:"";position:absolute;inset:0;margin:auto;width:100px;height:50px;background:center / contain no-repeat var(--ico-chevron);transform-origin:center}.nav-pill.prev:before{transform:scaleX(1)}.nav-pill.next:before{transform:scaleX(-1)}.fc-btn:focus-visible,.nav-pill:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.study-page.finish{max-width:980px;margin:0 auto;padding:24px 16px 48px}.finish-hero{display:flex;align-items:center;gap:16px;margin:8px 0 20px}.finish-emoji{font-size:42px}.finish-title{font-size:28px;font-weight:800;letter-spacing:-.01em}.finish-panels{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.finish-left .meter{display:flex;align-items:center;justify-content:space-between;height:40px;border-radius:999px;padding:0 14px;background:#eef2f7;color:#374151;font-weight:600;margin-bottom:10px}.finish-left .meter.good{background:#e7f7ef;color:#216e4e}.finish-left .meter .value{font-variant-numeric:tabular-nums}.link-like.back-last{background:transparent;border:0;color:#374151;cursor:pointer;margin-top:8px;padding:4px 0}.link-like.back-last:hover{text-decoration:underline}.finish-right .action{width:100%;display:grid;grid-template-columns:40px 1fr 18px;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 6px 18px #0000000a;text-align:left;cursor:pointer;margin-bottom:12px}.finish-right .action:hover{box-shadow:0 8px 22px #0000000f}.action-icon{font-size:22px}.action-title{font-weight:700}.action-desc{font-size:13px;color:#6b7280}.action-arrow{font-size:18px;color:#9ca3af}.press-any{margin-top:12px;color:#6b7280;font-size:13px}.finish-footer{margin-top:22px}@media (max-width:1200px){.flashcard{width:min(1000px,92vw);height:auto}.fc-text{position:static;width:auto;border:0;padding:0;margin:160px 30px 0}.fc-image{position:static;width:80%;aspect-ratio:20/13;height:auto;margin:20px auto 0}.fc-topcontrols{top:16px;right:16px}}:root{--ico-chevron-right: url(/icons/chevron-right.svg);--ico-lightbulb: url(/icons/lightbulb.svg);--ico-copy: url(/icons/copy.svg);--ico-check: url(/icons/check.svg)}.study-page.finish{max-width:1200px;margin:0 auto;padding:32px 16px 64px;background:#fff}.finish-title{font-family:Wanted Sans,system-ui;font-weight:700;font-size:32px;line-height:38px;color:#111;margin:8px 0 20px}.finish-panels{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start;margin-top:50px}.finish-section-title{font-family:Wanted Sans,system-ui;font-weight:700;font-size:24px;line-height:29px;color:#555;margin:0 0 12px}.finish-section-title.dark{color:#111}.finish-left{display:flex;flex-direction:column;gap:12px;width:100%;max-width:480px}.meter{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;gap:24px;height:80px;border-radius:16px}.meter.good{background:#18cf3d1a}.meter.good .label{font:700 18px/21px Wanted Sans,system-ui;color:#18cf3d}.meter.neutral{background:#f1f1f1}.meter.neutral .label{font:700 18px/21px Wanted Sans,system-ui;color:#777}.count-pill{min-width:50px;height:32px;border-radius:20px;display:flex;align-items:center;justify-content:center;font:700 16px/19px Wanted Sans,system-ui}.count-pill--green{background:#18cf3d;color:#fff}.count-pill--gray{background:#fff;color:#777}.finish-check{width:100px;height:100px;border-radius:50%;background:#18cf3d;position:relative;margin-bottom:12px}.finish-check:before{content:"";position:absolute;inset:0;margin:auto;width:40px;height:40px;background:center/contain no-repeat var(--ico-check);filter:invert(1)}.back-last{display:inline-flex;align-items:center;gap:12px;color:#555;font:700 16px/19px Wanted Sans,system-ui;background:transparent;border:0;padding:0;cursor:pointer}.back-last:before{content:"";width:10px;height:18px;background:center/contain no-repeat var(--ico-chevron-right);transform:scaleX(-1);filter:opacity(.9)}.finish-right{width:100%;max-width:640px;display:flex;flex-direction:column;gap:12px}.finish-action{position:relative;display:grid;grid-template-columns:46px 1fr 10px;align-items:center;gap:12px;height:80px;border-radius:16px;padding:0 20px;border:0;cursor:pointer;text-align:left}.finish-action .ico-box{width:46.14px;height:46.14px;border-radius:12px;background:#1113;display:flex;align-items:center;justify-content:center}.finish-action .ico{width:24px;height:24px;background:center/contain no-repeat}.finish-action.primary{background:#3c99ff}.finish-action.primary .title{font:700 22px/26px Wanted Sans,system-ui;color:#fff;text-align:center}.finish-action.primary .ico{background-image:var(--ico-lightbulb)}.finish-action.primary:after{content:"";justify-self:end;width:10px;height:18px;background:center/contain no-repeat var(--ico-chevron-right);filter:invert(1)}.finish-action.secondary{background:#f1f1f1}.finish-action.secondary .title{font:700 22px/26px Wanted Sans,system-ui;color:#777;text-align:center}.finish-action.secondary .ico{background-image:var(--ico-copy)}.finish-action.secondary:after{content:"";justify-self:end;width:10px;height:18px;background:center/contain no-repeat var(--ico-chevron-right);filter:opacity(.7)}.back-progress{margin-top:6px;display:inline-flex;align-items:center;gap:12px;color:#555;font:700 16px/19px Wanted Sans,system-ui;background:transparent;border:0;padding:0;cursor:pointer;align-self:flex-end}:root{--ico-check-solid: url(/icons/studyfinish-check.svg);--ico-chevron-left: url(/icons/studyfinish-right.svg)}.finish-left-figma{display:flex;flex-direction:column;gap:12px}.hd-grid{display:grid;grid-template-columns:100px 333px;gap:12px;align-items:start}.hd-check{width:100px;height:100px;border-radius:50%;background:#18cf3d;position:relative;box-shadow:0 0 0 1px #00000014 inset;margin-top:36px}.hd-check:after{content:"";position:absolute;inset:0;width:100px;height:100px;margin:auto;background:center/contain no-repeat var(--ico-check-solid)}.hd-stack{width:333px;height:172px;display:flex;flex-direction:column;gap:12px}.hd-row{width:333px;height:80px;padding:24px 30px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box}.hd-row.good{background:#18cf3d1a}.hd-row.good .label{font:700 18px/21px Wanted Sans,system-ui;color:#18cf3d}.hd-row.neutral{background:#f1f1f1}.hd-row.neutral .label{font:700 18px/21px Wanted Sans,system-ui;color:#777}.hd-row .pill{min-width:50px;height:32px;border-radius:20px;display:flex;align-items:center;justify-content:center;font:700 16px/19px Wanted Sans,system-ui}.pill--green{background:#18cf3d;color:#fff}.pill--gray{background:#fff;color:#777}.hd-back{display:inline-flex;align-items:center;gap:12px;padding:0;background:transparent;border:0;cursor:pointer;font:700 16px/19px Wanted Sans,system-ui;color:#555;outline:none!important}.hd-back:before{content:"";width:10px;height:18px;background:center/contain no-repeat var(--ico-chevron-left);transform:scaleX(-1);filter:opacity(.9)}:root{--ico-chevron-right: url(/icons/studyfinish-right.svg);--ico-lightbulb: url(/icons/lightbulb.svg);--ico-copy: url(/icons/copy.svg)}.finish-right-figma{display:flex;flex-direction:column;gap:12px;margin-left:80px}.ns-stack{width:460px;height:172px;display:flex;flex-direction:column;gap:12px}.ns-row{width:460px;height:80px;display:grid;grid-template-columns:46.14px 1fr 10px;align-items:center;gap:12px;padding:0 20px;border-radius:16px;border:0;cursor:pointer;text-align:left;outline:none!important}.ns-row.primary{background:#3c99ff}.ns-row.primary .title{font:700 22px/26px Wanted Sans,system-ui;color:#fff;text-align:center}.ns-row.primary .chev{justify-self:end;width:10px;height:18px;background:center/contain no-repeat var(--ico-chevron-right);filter:invert(1)}.ns-row.secondary{background:#f1f1f1}.ns-row.secondary .title{font:700 22px/26px Wanted Sans,system-ui;color:#777;text-align:center}.ns-row.secondary .chev{justify-self:end;width:10px;height:18px;background:center/contain no-repeat var(--ico-chevron-right);filter:opacity(.7)}.ns-row .ico-box{width:46.14px;height:46.14px;border-radius:12px;background:#1113;display:flex;align-items:center;justify-content:center}.ns-row .ico{width:24px;height:24px;background:center/contain no-repeat}.ns-row .ico-lightbulb{background-image:var(--ico-lightbulb)}.ns-row .ico-copy{background-image:var(--ico-copy)}.back-progress{align-self:flex-end;display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;cursor:pointer;color:#555;font:700 16px/19px Wanted Sans,system-ui;outline:none!important}.back-progress:after{content:"";width:10px;height:18px;background:center/contain no-repeat var(--ico-chevron-right);filter:opacity(.9)}.ns-confetti{position:absolute;right:0;top:-90px;width:142px;height:130px}.ns-confetti img{width:100%;height:100%;object-fit:contain;display:block}@media (max-width:1200px){.ns-stack,.ns-row{width:100%}}:root{--confetti: url(/icons/confetti.svg)}.finish-right-figma{position:relative}.finish-right-figma:after{content:"";position:absolute;right:-4px;top:-112px;width:142px;height:130px;background:center/contain no-repeat var(--confetti);pointer-events:none}@media (max-width: 1200px){.finish-right-figma:after{display:none}}.study-page{background:#fff!important}.sp-topbar{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center}.sp-center{display:flex;flex-direction:column;align-items:center;justify-self:center;text-align:center;max-width:70vw}.sp-center .sp-title{margin:0;text-align:center;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.sp-center .sp-counter{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;margin:4px auto 0}.sp-fx-screen{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.sp-fx-rain{position:absolute;inset:0}.sp-paper{position:absolute;top:-12vh;width:var(--size);height:var(--size);opacity:0;animation:sp-confFall var(--dur) linear var(--delay) forwards;will-change:transform,opacity;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.sp-paper.strip{width:calc(var(--size) + 6px);height:calc(var(--size) * 2.1);border-radius:3px;background:hsl(var(--hue) 88% 55%);box-shadow:0 0 0 1px hsl(var(--hue) 88% 40% / .18) inset}.sp-paper.dot{border-radius:50%;background:hsl(var(--hue) 85% 60%)}.sp-paper.ribbon{width:calc(var(--size) * 3.6);height:calc(var(--size) * .6);border-radius:999px;background:linear-gradient(90deg,hsl(var(--hue) 92% 60%),hsl(calc(var(--hue) + 28) 92% 55%));animation:sp-confFall var(--dur) linear var(--delay) forwards,sp-ribbonSway 1.6s ease-in-out calc(var(--delay) + .6s) infinite alternate}@keyframes sp-confFall{0%{opacity:0;transform:translate3d(0,-12vh,0) rotate(0)}8%{opacity:1}to{opacity:0;transform:translate3d(var(--wind),112vh,0) rotate(720deg)}}@keyframes sp-ribbonSway{0%{transform:translate(0) skewY(0)}to{transform:translate(12px) skewY(14deg)}}.page.study :where(button,[role=button]){outline:none;-webkit-tap-highlight-color:transparent}.page.study :where(button,[role=button]):focus:not(:focus-visible){outline:none;box-shadow:none}.page.study :where(button,[role=button])::-moz-focus-inner{border:0}:root{--bg-grad-start: #f1f6ff;--bg-grad-end: #eef2ff;--surface: #ffffff;--text: #0b1220;--muted: #56657a;--primary: #2563eb;--primary-600: #1d4ed8;--primary-700: #1e40af;--border: #cfe0ff;--card-border: #e6eeff;--ring: #93c5fd;--shadow-1: 0 6px 18px rgba(37, 99, 235, .08);--shadow-2: 0 10px 24px rgba(37, 99, 235, .12);--danger: #ef4444;--icon-flashcards: url(/icons/flashcards.svg);--icon-learn: url(/icons/learn.svg);--ico-star-off: url(/icons/star-off.svg);--ico-star-on: url(/icons/star-on.svg);--ico-speaker: url(/icons/speaker.svg)}.page.study{min-height:100%;display:flex;flex-direction:column;gap:12px;background:transparent!important;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,sans-serif}.page.study .rail{max-width:1000px;width:100%;margin-inline:auto;padding-inline:8px;box-sizing:border-box}.study-title{margin:0;letter-spacing:.1px;font-size:32px}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:24px;flex-wrap:wrap}.hero-btn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:480px;height:80px;padding:0 20px;border-radius:16px;background:#3c99ff1a;border:1px solid transparent;cursor:pointer;transition:transform .05s,background .15s,box-shadow .15s}.hero-btn:hover{background:#3c99ff24}.hero-btn:active{transform:translateY(1px)}.hero-btn[disabled],.hero-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.hero-iconbox{width:46.14px;height:46.14px;border-radius:12px;background:#fff;border:1px solid #e9eef6;display:flex;align-items:center;justify-content:center}.hero-icon--flashcards,.hero-icon--learn{width:46.14px;height:46.14px;background:center/contain no-repeat}.hero-icon--flashcards{background-image:var(--icon-flashcards)}.hero-icon--learn{background-image:var(--icon-learn)}.hero-title{font-family:Wanted Sans,system-ui;font-weight:700;font-size:24px;line-height:29px;color:#555}.hero-chevron{margin-left:auto;display:flex;align-items:center;justify-content:center}.hero-chevron svg{width:10px;height:18px;stroke:#555;stroke-width:2;fill:none}.set-header{display:flex;align-items:center;justify-content:space-between}.set-title{font-weight:700;letter-spacing:.2px;color:#111;font-size:24px;margin-top:70px}.tabs{display:flex;align-items:center;gap:12px}.tab{height:32px;padding:0 20px;border-radius:16px;border:none;background:#fff;box-shadow:0 0 20px #00000008;color:#555;font-family:Wanted Sans,system-ui;font-size:18px;line-height:12px;font-weight:400;cursor:pointer;transition:transform .05s,box-shadow .15s,background .15s,color .15s;margin-top:70px}.tab:hover{box-shadow:0 6px 20px #0000000f}.tab:active{transform:translateY(1px)}.tab.active{background:#3c99ff;color:#fff;box-shadow:none;font-weight:700}.tab[disabled],.tab[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.reset{height:42px;padding:0 30px;border-radius:16px;background:#fff;box-shadow:0 0 20px #00000008;color:#555;font-family:Wanted Sans,system-ui;font-size:18px;line-height:12px;font-weight:400;cursor:pointer;transition:transform .05s,box-shadow .15s,background .15s,color .15s;margin-top:70px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#3c99ff}.reset:hover{background:#3c99ff24}.review{height:42px;padding:0 30px;border-radius:16px;background:#fff;box-shadow:0 0 20px #00000008;color:#555;font-family:Wanted Sans,system-ui;font-size:18px;line-height:12px;font-weight:400;cursor:pointer;transition:transform .05s,box-shadow .15s,background .15s,color .15s;margin-top:70px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#ff7904}.review:hover{background:#3c99ff24}.group{display:flex;flex-direction:column;gap:10px}.group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-title1{font-weight:700;color:#ff7904;font-size:28px;margin-top:45px}.group-title2{font-weight:700;color:#3c99ff;font-size:28px;margin-top:45px}.group-title3{font-weight:700;color:#00be72;font-size:28px;margin-top:45px}.group-actions{display:flex;gap:8px;flex-wrap:wrap}.bulk-chip{box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:10px 12px;height:40px;border:1px solid #E2E2E2;border-radius:30px;background:#fff;box-shadow:0 0 20px #00000008;font-family:Wanted Sans,system-ui;font-weight:500;font-size:17px;line-height:20px;color:#555;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s,transform .05s;margin-top:45px}.bulk-chip:hover{border-color:#d6dbe3}.bulk-chip:active{transform:translateY(1px)}.bulk-chip[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.bulk-chip--on{border-color:#3c99ff;color:#3c99ff;box-shadow:none}.bulk-chip .star-ico{width:18px;height:18px;flex:none;border-radius:1px;background:#999;-webkit-mask:var(--ico-star-off) center/contain no-repeat;mask:var(--ico-star-off) center/contain no-repeat}.bulk-chip--on .star-ico{background:#ffdc17}.cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cards .card{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;align-items:center;gap:16px;border:1px solid var(--card-border);border-radius:16px;padding:12px;background:var(--surface);box-shadow:var(--shadow-1);transition:transform .08s,box-shadow .2s,border-color .15s}.card-main{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:0;row-gap:6px;min-width:0;align-items:start;white-space:pre-line}.headword{grid-column:1/2;font-size:24px;font-weight:400;letter-spacing:.2px;color:var(--text);align-self:center;padding:0 30px}.card-main .meaning,.card-main .example{grid-column:2/3;padding-left:40px;border-left:1px solid #F5F5F5;min-width:0;font-size:18px;font-weight:400}.meaning{display:inline-flex;gap:8px;align-items:baseline;color:var(--text)}.pos{opacity:.8;font-size:.92rem}.example{color:var(--text);opacity:.95;font-style:normal}.card-thumb{width:110px;height:110px;border-radius:16px;background:#f5f5f5;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.card-thumb .no-thumb{font-weight:700;color:#9ca3af;font-size:18px}.card-side{display:flex;gap:8px;align-items:center;justify-content:flex-end;justify-self:end;align-self:start;margin-top:24px}.icon-btn{width:28px;height:28px;padding:0;border:0;background:var(--surface);color:var(--primary-700);border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s,color .15s}.icon-btn:hover{background:#f3f7ff;border-color:var(--primary-600);color:var(--primary-600)}.icon-btn:active{transform:translateY(1px)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.icon-btn:before{content:"";display:block;width:18px;height:18px;background:center/contain no-repeat}.speak-btn:before{background-image:var(--ico-speaker)}.star-btn:before{background-image:var(--ico-star-off)}.star-btn.on:before{background-image:var(--ico-star-on)}.status{padding:8px 0;color:var(--muted)}.pick{margin-right:6px;accent-color:var(--primary)}@media (max-width: 640px){.hero-btn{width:100%;height:68px}.hero-title{font-size:20px;line-height:24px}.cards .card{grid-template-columns:minmax(0,1fr) 84px auto;gap:12px}.card-thumb{width:84px;height:84px;border-radius:12px}.card-main{grid-template-columns:160px minmax(0,1fr)}.headword{padding:0 16px}.card-main .meaning,.card-main .example{padding-left:20px}}:root{--bg-grad-start: #f1f6ff;--bg-grad-end: #eef2ff;--surface: #ffffff;--text: #0b1220;--muted: #56657a;--primary: #2563eb;--primary-600: #1d4ed8;--primary-700: #1e40af;--border: #cfe0ff;--card-border: #e6eeff;--ring: #93c5fd;--shadow-1: 0 6px 18px rgba(37, 99, 235, .08);--shadow-2: 0 10px 24px rgba(37, 99, 235, .12);--danger: #ef4444;--success: #16a34a}.learning-page{min-height:100%;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,var(--bg-grad-start),var(--bg-grad-end));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,sans-serif}.lp-topbar{display:flex;align-items:center;justify-content:space-between}.lp-title{margin:0;letter-spacing:.2px}.status{text-align:center;color:var(--muted)}.status.error{color:var(--danger)}.lp-progress{display:grid;gap:8px}.lp-progress-bar{position:relative;height:14px;border-radius:999px;background:#eaf1ff;border:1px solid var(--border);overflow:hidden;box-shadow:inset 0 1px 2px #0000000a}.lp-progress-fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,var(--primary),var(--primary-600));transition:width .25s ease}.lp-progress-dot{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;transform:translateY(-50%);background:#fff;border:3px solid var(--primary);box-shadow:var(--shadow-1);transition:left .25s ease}.lp-progress-total{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);font-weight:700}.lp-progress-caption{font-size:14px;color:var(--muted)}.lp-card{display:grid;gap:12px;border:1px solid var(--card-border);border-radius:16px;background:var(--surface);padding:16px;box-shadow:var(--shadow-1)}.lp-meaning{display:inline-flex;gap:8px;align-items:baseline;font-size:1.15rem}.lp-pos{opacity:.8;font-size:.95rem}.lp-example{color:var(--muted);font-style:italic}.lp-media{display:grid;gap:10px;justify-items:center}.lp-no-image{color:var(--muted);opacity:.75}.lp-audio{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--primary-700);padding:8px 14px;border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease,color .15s ease;width:50px;height:40px}.lp-audio:hover{background:#f3f7ff;border-color:var(--primary-600);color:var(--primary-600)}.lp-audio:active{transform:translateY(1px)}.lp-audio:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.lp-choices{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.lp-choice{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;text-align:left;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:12px 14px;border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease,color .15s ease;box-shadow:var(--shadow-1);margin-top:20px}.lp-choice:hover{background:#f3f7ff;border-color:var(--primary-600)}.lp-choice:active{transform:translateY(1px)}.lp-choice:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.lp-choice.is-correct{background:#ecfdf5;border-color:#bbf7d0;color:var(--success);box-shadow:0 0 0 3px #10b98140}.lp-choice.is-wrong{background:#fef2f2;border-color:#fecaca;color:var(--danger);box-shadow:0 0 0 3px #ef44442e}.lp-choice-key{font-weight:800;color:var(--primary-700)}.lp-choice-text{font-weight:600}.lp-actions{display:flex;gap:10px;justify-content:center}.lp-btn{appearance:none;border:1px solid transparent;background:var(--primary);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .05s ease,background .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-1)}.lp-btn:hover{background:var(--primary-600)}.lp-btn:active{transform:translateY(1px)}.lp-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.lp-btn.ghost{background:#eef2ff;color:var(--primary-700);border-color:var(--border)}.lp-btn.ghost:hover{background:#e1e8ff}.lp-done{text-align:center;font-size:1.25rem;font-weight:700}.lp-progress{margin:16px 0 12px}.lp-progress-bar{position:relative;height:12px;background:#eceff3;border-radius:999px;overflow:hidden}.lp-progress-bar .lp-progress-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#4f46e5,#22c55e);transition:width .22s ease}.lp-progress-bar.segmented .lp-progress-sep{position:absolute;top:0;bottom:0;width:2px;background:#0000001f;transform:translate(-1px);pointer-events:none}.lp-progress-bar .lp-progress-total{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:#111827;background:#fffc;padding:2px 6px;border-radius:999px;border:1px solid rgba(0,0,0,.08)}.lp-progress-caption{margin-top:6px;font-size:13px;color:#4b5563}.lp-round-summary{margin-top:16px}.lp-round-title{font-size:18px;font-weight:700;margin:0 0 12px;color:#111827}.lp-summary-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;list-style:none;padding:0;margin:0}.lp-summary-card{border:2px solid transparent;border-radius:12px;padding:12px;background:#fff;box-shadow:0 1px 2px #0000000d}.lp-summary-card.is-correct{border-color:#22c55e;background:#22c55e0f}.lp-summary-card.is-wrong{border-color:#f59e0b;background:#f59e0b0f}.lp-summary-headword{font-weight:700;font-size:16px;color:#0f172a;margin-bottom:6px}.lp-summary-meaning{font-size:14px;color:#334155}.lp-summary-example{margin-top:8px;font-size:13px;color:#6b7280;font-style:italic}.lp-pos{display:inline-block;font-size:12px;color:#4b5563;background:#f1f5f9;padding:2px 6px;border-radius:999px;margin-right:6px}.lp-shortanswer input{width:min(800px,100%);padding:10px 12px;border:1px solid #ddd;border-radius:8px;outline:none}.lp-sa-feedback.ok{margin-top:8px;color:#16a34a;font-weight:600}.lp-sa-feedback.bad{margin-top:8px;color:#dc2626;font-weight:600}.lp-btn{background:#111827;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-size:14px;cursor:pointer}.lp-btn:hover{filter:brightness(1.05)}.lp-btn:disabled{opacity:.45;cursor:not-allowed}.lp-btn.ghost{background:transparent;color:#111827;border:1px solid #d1d5db}.lp-hint{position:absolute;margin-top:6px;color:var(--primary-700, #1e40af)}.lp-sa-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.lp-btn.ready{background:var(--primary, #2563eb);color:#fff}.lp-retry-hint{margin:8px 0 4px;color:#fb923c;font-weight:700;font-size:14px}.lp-sa-praise{margin:6px 0;color:#16a34a;font-weight:800}.lp-sa-encour{margin:6px 0;color:#fb923c;font-weight:700}.lp-sa-iwascorrect .as-link{background:none;border:0;color:#3b82f6;cursor:pointer;text-decoration:underline;padding:0}.lp-progress-bar.flash-bad .lp-progress-fill{background:#fb923c!important}.lp-progress-bar.flame{position:relative}.lp-flame{position:absolute;top:-14px;width:20px;height:24px;background:radial-gradient(closest-side,#f97316 0%,#fb923c 60%,transparent 70%),radial-gradient(closest-side,#facc15 0%,transparent 70%);border-radius:50%;animation:flameFloat .9s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(249,115,22,.6))}@keyframes flameFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.05)}}:root{--ico-flashcards: url(/icons/flashcards-24.svg);--ico-close: url(/icons/close-16.svg);--ico-speaker: url(/icons/speaker.svg);--ico-check: url(/icons/check.svg);--ico-wrong: url(/icons/wrong.svg)}.lp-topbar{height:80px;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.lp-topbar .lp-left{display:flex;align-items:center;gap:12px;width:141px;height:24px;top:30px}.lp-topbar .lp-badge{position:relative;width:24px;height:24px;border-radius:6.26px;background:#3c99ff}.lp-topbar .lp-badge:before{content:"";position:absolute;inset:0;margin:auto;width:24px;height:24px;background:center/contain no-repeat var(--ico-flashcards)}.lp-topbar .lp-left-title{font-weight:700;font-size:20px;color:#111}.lp-topbar .lp-center-title{font-weight:700;font-size:24px;color:#111;text-align:center}.lp-topbar .lp-close{appearance:none;-webkit-appearance:none;border:0;padding:0;background:transparent;-webkit-tap-highlight-color:transparent;width:40px;height:40px;border-radius:10px;cursor:pointer}.lp-topbar .lp-close:active,.lp-topbar .lp-close:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}.lp-topbar .lp-close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.lp-topbar .lp-close:before{content:"";display:block;width:16px;height:16px;background:center/contain no-repeat var(--ico-close)}.lp-rail{position:relative;width:1000px;height:40px;margin:0 auto 10px}.lp-rail-track{position:absolute;left:0;right:0;top:10px;height:20px;background:#f1f1f1;border-radius:30px}.lp-rail-fill{position:absolute;left:0;top:10px;height:20px;background:linear-gradient(90deg,#00be4f,#00a163);border-radius:30px;transition:width .25s}.lp-rail-thumb{position:absolute;top:0;width:40px;height:40px;border-radius:50%;background:#00be4f;box-shadow:0 0 4px #00000026;display:grid;place-items:center}.lp-rail-thumb .num{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;color:#555}.lp-canvas{position:relative;width:1000px;height:670px;margin:16px auto 18px;border:1px solid #CCCCCC;border-radius:20px;background:#fff;box-shadow:0 0 40px #0000000d}.lp-speak{position:absolute;left:60px;top:50px;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:#fff;cursor:pointer}.lp-speak:before{content:"";width:18px;height:18px;display:block;margin:7px auto;background:center/contain no-repeat var(--ico-speaker)}.lp-textbox{position:absolute;left:80px;top:50%;transform:translateY(-50%);width:470px;font-family:Wanted Sans,system-ui;font-weight:400;color:#333;white-space:pre-line;max-height:60%;overflow:hidden;padding:0 16px;font-size:var(--fit-font, 28px);line-height:var(--fit-lh, 1.7)}.lp-textbox .pos{font-weight:700;margin-bottom:6px;color:#666}.lp-frame{position:absolute;left:600px;top:100px;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.lp-image{border-radius:12px;overflow:hidden}.lp-image img{display:block;max-width:300px;max-height:300px}.lp-subtitle{position:absolute;left:60px;top:470px;font-weight:700;font-size:18px;color:#00be72}.lp-choices.canvas{position:absolute;left:43px;top:507px;width:880px;display:grid;grid-template-columns:430px 430px;grid-auto-rows:60px;gap:20px}.lp-choice{display:flex;align-items:center;gap:12px;width:430px;height:60px;padding:18px 20px;border:1px solid #E2E2E2;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.lp-choice .lp-choice-key{width:24px;height:24px;border-radius:20px;background:#f1f1f1;display:grid;place-items:center;font-weight:600;font-size:15px;color:#555}.lp-choice.is-chosen{border-color:var(--primary)}.lp-choice.is-correct{color:#333;box-shadow:0 0 0 2px #00be7233}.lp-choice.is-wrong{box-shadow:0 0 0 2px #ef44442e}.lp-choice.is-dim{opacity:.35}.lp-choice.is-correct:after{content:"";margin-left:auto;width:24px;height:24px;background:center/contain no-repeat var(--ico-check)}.lp-btn--dk{position:absolute;right:60px;top:595px;background:transparent;border:0;color:#3c99ff;font-weight:700;cursor:pointer}.lp-praise,.lp-sa-praise{margin-top:6px;text-align:center;font-weight:800}.lp-canvas{--y-shift: -80px}.lp-canvas .lp-textbox{top:35%;transform:translateY(-50%)}.lp-canvas .lp-image{top:calc(200px + var(--y-shift))}.lp-canvas .lp-subtitle{top:calc(500px + var(--y-shift))}.lp-canvas .lp-choices.canvas{top:calc(507px + var(--y-shift))}.lp-canvas .lp-shortanswer{position:absolute;left:60px;right:60px;bottom:110px;z-index:5}.lp-canvas .lp-shortanswer .lp-input{width:100%;margin:0 0 10px}.lp-canvas .lp-sa-actions{display:flex;align-items:center;gap:8px;margin:0}.lp-canvas .lp-sa-actions .lp-btn.ghost:first-child{margin-right:auto}.lp-canvas .lp-sa-actions .lp-btn:not(.ghost){margin-left:8px}.lp-canvas .lp-hint{position:static;margin:6px 0 0}.lp-sum{--sum-w: min(1000px, calc(100vw - 64px) )}.lp-sum-head{width:var(--sum-w);margin:12px auto 0}.lp-sum-title{margin:12px 0 6px;font:700 32px/1.3 Wanted Sans,system-ui;color:#111}.lp-sum-sub{font-size:16px;color:#111;margin-bottom:10px}.lp-sum-per{font-size:16px;color:#00be72;margin-bottom:10px}.lp-sum-rail{position:relative;height:40px}.lp-sum-track{position:absolute;left:0;right:0;top:10px;height:20px;background:#e1efe8;border-radius:30px}.lp-sum-fill{position:absolute;left:0;top:10px;height:20px;background:linear-gradient(90deg,#00be4f,#00a163);border-radius:30px;transition:width .25s ease}.lp-sum-thumb{position:absolute;top:0;width:40px;height:40px;border-radius:50%;background:#00be4f;box-shadow:0 0 4px #00000026;display:grid;place-items:center}.lp-sum-thumb .num{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;color:#555}.lp-sum-meta{display:flex;justify-content:space-between;margin-top:6px;color:#777;font-weight:700;font-size:16px}.lp-sum-meta .ok{color:#00be72}.lp-sum-list-wrap{width:var(--sum-w);margin:28px auto 90px}.lp-sum-list-title{font:700 20px/1.2 Wanted Sans;margin:0 0 12px;color:#111}.lp-sum-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.lp-sum-item{display:grid;grid-template-columns:240px 1fr 180px;align-items:center;min-height:150px;border:1px solid transparent;border-radius:16px;padding:20px 24px;background:#fff;box-shadow:0 0 20px #00000008}.lp-sum-item.is-correct{border-color:#00be72}.lp-sum-item.is-wrong{border-color:#ff7904}.itm-col.word .head{font:400 24px/1 Wanted Sans;color:#111}.itm-col.mean{padding-left:24px;border-left:1px solid #F5F5F5;white-space:pre-line}.pos-mean{display:flex;gap:8px;align-items:center}.pos-mean .pos{font-size:14px;color:#4b5563;background:#f1f5f9;padding:2px 6px;border-radius:999px}.pos-mean .mean{font-size:18px;color:#333}.itm-col.mean .ex{margin-top:6px;font-size:14px;color:#6b7280}.itm-col.right{display:grid;grid-template-columns:110px 28px 28px;gap:12px;align-items:center;justify-content:end}.itm-col.right .thumb{width:110px;height:110px;border-radius:16px;background:#f5f5f5;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.itm-col.right .thumb img{width:100%;height:100%;object-fit:cover;display:block}:root{--ico-audio: url(/icons/speaker.svg);--ico-star: url(/icons/star.svg);--ico-star-on: url(/icons/star-on.svg)}.sum-audio{width:28px;height:28px;padding:0;border:0;background:#fff;color:#2563eb;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s,color .15s;outline:none!important}.sum-audio:before{content:"";display:block;width:18px;height:18px;background:center/contain no-repeat;background-image:var(--ico-audio)}.sum-audio:hover{background:#fff;border-color:#fff;color:#fff}.sum-audio:active{transform:translateY(1px)}.sum-audio:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.sum-star{width:28px;height:28px;padding:0;border:0;background:#fff;color:#2563eb;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s,color .15s;outline:none!important}.sum-star:before{content:"";display:block;width:18px;height:18px;background:center/contain no-repeat;background-image:var(--ico-star)}.sum-star:hover{background:#fff;border-color:#fff;color:#fff}.sum-star:active{transform:translateY(1px)}.sum-star:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.sum-star.on:before{background-image:var(--ico-star-on)}.lp-continue-center{position:fixed;left:0;right:0;bottom:22px;display:grid;place-items:center;z-index:60}.lp-continue-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border-radius:30px;border:0;cursor:pointer;background:#3c99ff;color:#fff;font-weight:700;box-shadow:0 6px 18px #3c99ff2e}.sa-box{position:relative}.sa-topline{display:flex;align-items:center;gap:10px;width:230px;height:26px;margin:16px 0 8px}.sa-your-answer{font-family:Wanted Sans,system-ui;font-weight:700;font-size:18px;line-height:21px;color:#555}.sa-tryagain-pill{display:flex;align-items:center;justify-content:center;height:26px;padding:0 12px;gap:10px;background:#ff7b2226;border-radius:38px;font-family:Wanted Sans,system-ui;font-weight:700;font-size:13px;line-height:16px;color:#333}.sa-inputwrap{width:880px;height:54px;background:#f5f5f5;border-radius:12px;padding:18px 7px;display:flex;align-items:center;gap:12px;margin-top:15px}.sa-input{width:100%;outline:none;background:transparent;font-family:Wanted Sans,system-ui;font-weight:600;font-size:15px;line-height:18px;color:#333;border:0!important}.sa-input::placeholder{color:#999}.sa-hint{margin-top:8px;font-size:14px;color:#555}.sa-bottom{top:60px;display:flex;align-items:center;justify-content:space-between;width:880px}.sa-btn{height:34px;padding:0 12px;border-radius:20px;border:none;outline:none;cursor:pointer;font-family:Wanted Sans,system-ui;font-weight:700;font-size:16px;line-height:19px;display:flex;align-items:center;justify-content:center;gap:10px;transition:filter .15s,opacity .15s,transform .05s;color:#3c99ff}.sa-btn:disabled{opacity:.6;cursor:not-allowed}.sa-btn.hint{width:113px;background:#f5f5f5;color:#999;border-radius:28px;outline:none!important}.sa-btn.hint:hover{background:#ecf5ff;color:#2563eb}.sa-actions-right{display:flex;align-items:center;gap:12px}.sa-btn.answer{width:82px;background:#aaa;color:#fff;outline:none!important}.sa-btn.answer:hover,.sa-btn.answer.ready{background:#2563eb;color:#fff}.sa-btn:active{transform:translateY(1px)}html,body,#root{background:#fff}.learning-page{background:#fff!important}.lp-choices.canvas{position:relative}.mcq-header{position:absolute;left:0;top:-18px;display:flex;align-items:center;gap:8px;z-index:3}.mcq-title{font-family:Wanted Sans,system-ui;font-weight:700;font-size:16px;line-height:19px;color:#111}.mcq-pill{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;border-radius:38px;background:#ff7b2226;font-family:Wanted Sans,system-ui;font-weight:700;font-size:13px;line-height:16px;color:#333}.sa-header{position:absolute;left:0;top:-28px;display:flex;align-items:center;gap:8px;z-index:3}.sa-title{font-family:Wanted Sans,system-ui;font-weight:700;font-size:16px;line-height:19px;color:#111}.sa-pill{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;border-radius:38px;background:#ff7b2226;font-family:Wanted Sans,system-ui;font-weight:700;font-size:13px;line-height:16px;color:#333}.lp-progress-bar.flash-bad .lp-progress-fill{background:#ff7b22!important}.lp-choice.is-wrong{background:#fff7f1;border-color:#ffb68a;color:#333;box-shadow:0 0 0 3px #ff7b222e}.lp-choice.is-wrong:after{content:"";margin-left:auto;width:24px;height:24px;background:center/contain no-repeat var(--ico-wrong)}.lp-mcq-encour{margin:8px 0 10px;font-weight:700;color:#ff7b22;position:absolute;left:0;top:-28px;display:flex;align-items:center;gap:8px;z-index:3}.lp-choice.is-correct{background:#fff;border-color:#16a34a}.lp-choice.is-wrong{background:#fff;border-color:#ff7b22}.lp-canvas .mcq-bottom{position:absolute;left:60px;right:40px;bottom:20px;z-index:5;margin:0;display:flex;align-items:center;justify-content:space-between}.mcq-btn{height:34px;padding:0;border-radius:20px;border:none;outline:none;cursor:pointer;font-family:Wanted Sans,system-ui;font-weight:700;font-size:16px;line-height:19px;display:flex;align-items:center;justify-content:center;gap:10px;transition:filter .15s,opacity .15s,transform .05s;color:#3c99ff}.mcq-btn:disabled{opacity:.6;cursor:not-allowed}.mcq-actions-right{display:flex;align-items:center;gap:12px}.lp-canvas{position:relative}.lp-continue.br{position:absolute;right:24px;bottom:24px;display:none;z-index:10}.lp-continue-shown .lp-continue.br{display:grid}.lp-continue-shown{padding-bottom:84px}.lp-continue-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border-radius:30px;border:0;cursor:pointer;background:#3c99ff;color:#fff;font-weight:700;box-shadow:0 6px 18px #3c99ff2e;outline:none!important}.lp-continue-btn:hover{filter:brightness(1.05)}@media (max-width: 768px){.lp-continue.br{right:16px;bottom:16px}.lp-continue-shown{padding-bottom:72px}}.lp-continue-fixed{position:fixed;right:450px;bottom:22px;z-index:1000}@media (max-width: 640px){.lp-continue-fixed{right:16px;bottom:16px}.lp-continue-btn{padding:10px 22px}}.lp-canvas .sa-result{position:absolute;left:60px;width:880px;bottom:40px;display:flex;flex-direction:column;gap:16px;z-index:6}.sa-result-head{display:flex;justify-content:space-between;align-items:center;height:21px;width:880px}.sa-result-head .encour{margin:0;font-family:Wanted Sans,system-ui;font-weight:700;font-size:18px;line-height:21px;color:#ff7904}.sa-result-head .iwas{margin:0;font-family:Wanted Sans,system-ui;font-weight:700;font-size:15px;line-height:18px;color:#3c99ff;background:none;border:0;cursor:pointer;padding:0;outline:none!important}.sa-row{box-sizing:border-box;width:880px;height:54px;display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:12px}.sa-row .ico{width:24px;height:24px;flex:none;background:center/contain no-repeat}.sa-row .txt{font-family:Wanted Sans,system-ui;font-weight:600;font-size:15px;line-height:18px;color:#999}.sa-row.bad{border:1px solid #FF7904}.sa-row.bad .ico{background-image:var(--ico-wrong)}.sa-correct-title{width:880px;height:21px;font-family:Wanted Sans,system-ui;font-weight:700;font-size:18px;line-height:21px;color:#00be72}.sa-row.good{border:1px dashed #00BE72}.sa-row.good .ico{background-image:var(--ico-check)}.learning-page.learn-done{background:#fff;min-height:100vh;display:grid;place-items:center}.done-wrap{width:min(720px,92vw);text-align:center;position:relative;padding:40px 16px 24px}@keyframes trophyPop{0%{transform:translateY(18px) scale(.8);opacity:0}60%{transform:translateY(-6px) scale(1.06);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes wobble{0%{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-10deg)}50%{transform:translate(-50%) rotate(10deg)}75%{transform:translate(-50%) rotate(-8deg)}to{transform:translate(-50%) rotate(0)}}.trophy{width:128px;height:128px;background:center/contain no-repeat url(/icons/video_frame_128x160.svg);margin:0 auto 16px;animation:trophyPop .65s cubic-bezier(.18,.9,.2,1) both}@keyframes trophyPop{0%{transform:scale(.6);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}70%{transform:scale(1.08)}to{transform:scale(1);filter:drop-shadow(0 10px 18px rgba(0,0,0,.12))}}.confetti.rain{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2}.confetti.rain .p{position:absolute;left:50%;top:-12vh;width:var(--size);height:var(--size);opacity:0;transform:translate(var(--x)) translateY(-12vh) rotate(0);animation:conf-rain var(--dur) linear var(--delay) forwards;will-change:transform,opacity}.confetti.rain .p.t0{width:calc(var(--size) + 6px);height:calc(var(--size) * 2.1);border-radius:3px;background:hsl(var(--h) 90% 55%);box-shadow:0 0 0 1px hsl(var(--h) 90% 40% / .18) inset}.confetti.rain .p.t1{border-radius:50%;background:hsl(var(--h) 85% 60%);filter:drop-shadow(0 2px 2px hsl(var(--h) 70% 35% / .25))}.confetti.rain .p.t2{width:calc(var(--size) * 2);height:calc(var(--size) * 2);background:hsl(var(--h) 95% 60%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti.rain .p.t3{width:calc(var(--size) * 3.6);height:calc(var(--size) * .6);border-radius:999px;background:linear-gradient(90deg,hsl(var(--h) 92% 60%),hsl(calc(var(--h) + 28) 92% 55%));animation:conf-rain var(--dur) linear var(--delay) forwards,ribbon-sway 1.6s ease-in-out calc(var(--delay) + .6s) infinite alternate}@keyframes conf-rain{0%{opacity:0;transform:translate(var(--x)) translateY(-12vh) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) + var(--wind))) translateY(92vh) rotate(720deg)}}@keyframes ribbon-sway{0%{transform:translate(0) skewY(0)}to{transform:translate(12px) skewY(14deg)}}@media (prefers-reduced-motion: reduce){.confetti.rain .p,.trophy{animation:none!important;opacity:1!important}}.done-title{margin-top:8px;font:700 32px/1.3 Wanted Sans,system-ui;color:#111}.done-sub{margin:6px 0 18px;font:400 16px/19px Wanted Sans,system-ui;color:#555}.done-actions{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:4px}.btn-outlined,.btn-primary{width:240px;height:60px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;border-radius:12px;font:600 18px/21px Wanted Sans,system-ui;cursor:pointer;-webkit-appearance:none;appearance:none}.btn-outlined{border:1px solid #ccc;background:#fff;color:#555}.btn-primary{border:1px solid transparent;background:#3c99ff;color:#fff;box-shadow:0 10px 24px #3c99ff29}.btn-outlined:hover{filter:brightness(1.02)}.btn-primary:hover{filter:brightness(1.05)}.btn-outlined:focus,.btn-outlined:focus-visible,.btn-primary:focus,.btn-primary:focus-visible{outline:none;border-color:inherit}.btn-outlined:focus,.btn-outlined:focus-visible{box-shadow:none}.btn-primary:focus,.btn-primary:focus-visible{box-shadow:0 10px 24px #3c99ff29}@media (prefers-reduced-motion: reduce){.trophy,.confetti span{animation:none!important}}.sa-bottom,.mcq-bottom{position:relative;overflow:visible}.sa-btn.dontknow,.mcq-btn.dontknow{position:relative;z-index:0;height:34px;padding:0 12px;border-radius:20px;line-height:19px;font-size:16px;outline:none!important}:root{--halo-x: 4px;--halo-y: 2px}.sa-btn.dontknow:before,.mcq-btn.dontknow:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + var(--halo-x));height:calc(100% + var(--halo-y));border-radius:999px;background:transparent;z-index:-1;pointer-events:none;transition:background .18s ease,box-shadow .18s ease,transform .05s ease}.sa-btn.dontknow:hover:before,.mcq-btn.dontknow:hover:before{background:#ecf5ff}.sa-btn.dontknow:focus-visible:before,.mcq-btn.dontknow:focus-visible:before{box-shadow:0 0 0 3px var(--ring, #93c5fd)}.sa-btn.dontknow:active:before,.mcq-btn.dontknow:active:before{background:#def;transform:translate(-50%,-50%) scale(.985)}.sa-btn.dontknow:disabled:before,.mcq-btn.dontknow:disabled:before{background:transparent!important;box-shadow:none!important}.mcq-btn.dontknow:hover,.sa-btn.dontknow:hover{color:#3c99ff}.lp-topbar{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;height:80px;padding:0 30px}.lp-topbar .lp-left{justify-self:start}.lp-topbar .lp-right,.lp-topbar .lp-close{justify-self:end}.lp-topbar .lp-center-title{grid-column:2;justify-self:center;text-align:center;margin:0}.lp-topbar .lp-center{grid-column:2;justify-self:center;text-align:center}.learning-page .lp-topbar{position:relative!important;height:80px!important;padding:0 30px!important;display:block!important}.learning-page .lp-topbar .lp-left{position:relative;z-index:2}.learning-page .lp-topbar .lp-close{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:2}.learning-page .lp-topbar .lp-center-title{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;text-align:center!important;white-space:nowrap;z-index:1}.learning-page .btn-outlined,.learning-page .btn-primary{width:240px!important;height:60px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0!important;border-radius:12px!important;font:600 18px/21px Wanted Sans,system-ui!important;-webkit-appearance:none!important;appearance:none!important}.learning-page .btn-outlined{border:1px solid #ccc!important;background:#fff!important;color:#555!important}.learning-page .btn-primary{border:1px solid transparent!important;background:#3c99ff!important;color:#fff!important;box-shadow:0 10px 24px #3c99ff29!important}.learning-page .btn-outlined:focus,.learning-page .btn-outlined:focus-visible{outline:none!important;border-color:#ccc!important;box-shadow:none!important}.learning-page .btn-outlined:hover{filter:brightness(1.02)!important;border-color:#ccc!important}.learning-page .btn-primary:focus,.learning-page .btn-primary:focus-visible{outline:none!important;box-shadow:0 10px 24px #3c99ff29!important}.learning-page .btn-primary:hover{filter:brightness(1.05)!important}:root{--ico-ring-11: url(/icons/ring-flame.svg);--ring-shift-y: -5px;--ring-scale: 1.7;--ring-pastel-fill: linear-gradient(90deg,#FF7904 0%, #ff9a42 100%)}.lp-rail-thumb.hot-ring .thumb-outer:before{content:"";position:absolute;inset:-2px;background:center/contain no-repeat var(--ico-ring-11);pointer-events:none;z-index:1;transform:translateY(var(--ring-shift-y)) scale(var(--ring-scale))}.lp-rail.tier-ultra:not(.flash-bad) .lp-rail-thumb.hot-ring .thumb-outer:before{background:none;background:var(--ring-pastel-fill);-webkit-mask-image:var(--ico-ring-11);mask-image:var(--ico-ring-11);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.lp-rail.flash-bad .lp-rail-thumb.hot-ring .thumb-outer:before{display:none}.lp-rail.tier-hot:not(.flash-bad) .lp-rail-fill{background:linear-gradient(90deg,#ff7904,#ff9a42)!important;box-shadow:0 0 0 2px #fff9 inset,0 0 16px #8ee6ff73;position:relative}.lp-rail.tier-ultra:not(.flash-bad) .lp-rail-fill{background:linear-gradient(90deg,#fca82a,#ecc205)!important;box-shadow:0 0 0 5px #fff9 inset,0 0 16px #8ee6ff73;position:relative}.lp-rail.tier-ultra:not(.flash-bad) .lp-rail-fill:after{content:"";position:absolute;top:0;bottom:0;right:-30%;width:90%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);filter:blur(8px);animation:ultra-shimmer 1.4s ease-in-out infinite;pointer-events:none}@keyframes ultra-shimmer{0%{transform:translate(-120%);opacity:0}40%{opacity:.9}to{transform:translate(20%);opacity:0}}.lp-rail-thumb .thumb-outer{position:relative}.lp-rail-thumb .thumb-outer:before{z-index:1}.lp-rail-thumb .num{position:relative;z-index:3}.lp-rail .lp-rail-fill{transition:width .42s cubic-bezier(.22,.61,.36,1);will-change:width}.lp-rail .lp-rail-thumb{transition:left .42s cubic-bezier(.22,.61,.36,1);will-change:left}@media (prefers-reduced-motion: reduce){.lp-rail .lp-rail-fill,.lp-rail .lp-rail-thumb{transition:none!important}}html,body,#root{margin:0;height:100%}.learning-page{min-height:100vh!important;overflow:hidden;gap:0!important}.lp-rail-total{position:absolute;top:50%;right:0;transform:translate(145%,-50%);z-index:3;pointer-events:none}.thumb-outer.total{width:40px;height:40px;border-radius:50%;border:5px solid #8E8E93;background:transparent;display:flex;align-items:center;justify-content:center}.thumb-outer.total .num{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;line-height:18px;color:#555}.done-layout{display:flex;gap:30px;justify-content:center}.done-left{flex:1;align-items:center}.done-right{width:320px;position:relative;min-height:520px}.award-stack{position:relative;height:calc(var(--rows) * var(--cellH));width:calc(var(--cols) * var(--cellW))}.award-flyin{position:absolute;width:80px;height:80px}.award-flyin.is-hidden{opacity:0;visibility:hidden;transform:scale(.98);pointer-events:none}.award-flyin.is-revealed{visibility:visible;opacity:1;animation:stackPop .22s ease-out both}@keyframes stackPop{0%{transform:translate(10px) scale(.98);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.award-flyin img{width:100%;height:100%;object-fit:contain}.award-flyin-master{position:relative;width:100%;height:100%}.award-flyin-master img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.award-center-overlay{position:fixed;left:50%;top:55%;width:96px;height:96px;pointer-events:none;z-index:9999;opacity:0;transform:translate(-50%,-50%) scale(.7)}.award-center-overlay.is-ready{opacity:1;animation:awardCenterToSlot 1.4s ease-in-out forwards}@keyframes awardCenterToSlot{0%{transform:translate(-50%,-50%) scale(.65);opacity:0}15%{transform:translate(-50%,-50%) scale(1.08);opacity:1}35%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(.62);opacity:0}}.award-center-legend{width:100%;height:100%;object-fit:contain}.award-center-master{position:relative;width:100%;height:100%}.award-center-master img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.master-ring{z-index:1}.master-char{z-index:2}.learn-done .done-layout{padding-top:200px}.learn-done .done-left{padding-top:10px}.award-center-master .master-ring,.award-flyin-master .master-ring{transform:scale(1.5);transform-origin:center}.done-report{width:min(950px,92vw);margin:20px auto 0;padding-bottom:10px;text-align:left;font:400 16px/19px Wanted Sans,system-ui}.done-time{font-size:14px;margin-bottom:10px}.done-report-table{width:100%;border-top:1px solid rgba(0,0,0,.1)}.done-report-row{display:grid;grid-template-columns:180px 1fr 130px 190px;gap:30px;align-items:center}.done-report-row.head{padding:10px 0;font-weight:800;font-size:13px;border-bottom:1px solid rgba(0,0,0,.1)}.done-report-row.head>div:first-child{grid-column:1 / 3;margin-left:118px}.done-report-row.body{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}.dr-word{font-size:14px}.dr-mean{font-size:13px;line-height:1.35;white-space:pre-line}.dr-mean .pos{display:inline-block;font-size:12px;color:#4b5563;background:#f1f5f9;padding:2px 6px;border-radius:999px;margin-right:6px}.dr-chart{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.dr-track{height:18px;background:#3f63d824;border-radius:6px;overflow:hidden}.dr-fill{height:100%;background:#3f63d8;border-radius:6px}.dr-meta{min-width:100px;display:grid;justify-content:center;gap:10px;font-weight:800;font-size:12px}.dr-meta .cnt{opacity:.9}.dr-meta2{min-width:100px;display:grid;gap:10px;font-weight:800;font-size:12px}.dr-meta2 .pct{opacity:.7}@media (max-width: 860px){.done-report-row{grid-template-columns:1fr}.dr-chart{grid-template-columns:1fr auto}.dr-meta{min-width:100px}}.lp-shuffle-btn{position:absolute;top:20px;right:24px;z-index:10;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:20px;border:1.5px solid #E2E2E2;background:#f5f5f5;color:#999;font-family:Wanted Sans,system-ui;font-weight:700;font-size:14px;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;outline:none}.lp-shuffle-btn:not(.is-on):hover{border-color:#3c99ff;color:#3c99ff;background:#ecf5ff}.lp-shuffle-btn.is-on{background:#3c99ff;border-color:#3c99ff;color:#fff;box-shadow:0 4px 12px #3c99ff47}.lp-shuffle-btn.is-on:hover{background:#2b8ff0;border-color:#2b8ff0}.lp-shuffle-btn svg{flex-shrink:0;transition:transform .22s ease}.lp-shuffle-btn.is-on svg{transform:rotate(180deg)}.lp-shuffle-btn:active{transform:translateY(1px)}.lp-shuffle-btn:focus-visible{box-shadow:0 0 0 3px #3c99ff59}.recent-card{display:flex;align-items:center;gap:16px;width:470px;height:100px;padding:27px 20px;box-sizing:border-box;border-radius:16px;background:transparent;box-shadow:none;cursor:pointer;transition:background .15s ease}.recent-card:hover{background:#f6f7f8}.recent-card:focus-visible{background:#f0f3f7;outline:2px solid rgba(60,153,255,.25)}.icon-wrapper{width:40px;height:40px;border-radius:12px;background:#3c99ff;display:grid;place-items:center;flex:none}.play-icon{width:20px;height:20px}.text-wrapper{display:flex;flex-direction:column;gap:8px;width:240px;height:46px}.rc-title{margin:0;font:700 18px/21px Wanted Sans,system-ui;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-meta{margin:0;font:400 14px/17px Wanted Sans,system-ui;color:#555}@font-face{font-family:Wanted Sans;src:url(/fonts/WantedSansVariable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}html,body,#root{background:#f7f8f9!important}:root{--font-sans: "Wanted Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}html,body,input,textarea,select,button{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:inherit}:root{--rail: 1000px}.home-page{flex:1;padding:24px;background:#f9f9f9;overflow-y:auto}.home-header{margin-bottom:24px}.home-title{font-size:24px;font-weight:700;color:#333}.home-section{margin-bottom:40px}.home-section .section-head{width:var(--rail);margin:0 auto 16px;padding:0;display:flex;align-items:center;justify-content:flex-start}.home-section .section-head h2{margin:0;font-family:Wanted Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-weight:700;font-size:32px;line-height:29px;letter-spacing:-.01em}.home-section .section-head .view-all{margin-left:auto;font-size:14px;color:#3c99ff;text-decoration:none}.recents-wrap{width:var(--rail);margin:0 auto 32px;background:#fff;border-radius:16px;box-shadow:0 0 20px #00000008;padding:24px}.recents-wrap .recent-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:470px 470px;grid-auto-rows:84px;column-gap:20px;row-gap:10px;justify-content:space-between}.recents-wrap .recent-grid>li{width:470px;height:84px;cursor:pointer}.recents-wrap .recent-card{display:flex;align-items:center;gap:12px;width:470px;height:84px;padding:18px 16px;box-sizing:border-box;border-radius:16px;background:transparent;border:none;box-shadow:none;transition:background .15s ease}.recents-wrap .recent-card:hover{background:#f6f7f8}.recents-wrap .recent-card:focus-visible{background:#f0f3f7;outline:2px solid rgba(60,153,255,.25);outline-offset:0}.recents-wrap .recent-card .icon-wrapper{width:36px;height:36px;border-radius:10px;flex:none;background:#3c99ff;display:grid;place-items:center}.recents-wrap .recent-card .play-icon{width:40px;height:40px}.recents-wrap .recent-card .text-wrapper{width:450px;height:auto;display:flex;flex-direction:column;gap:2px}.recents-wrap .recent-card .rc-title,.recents-wrap .recent-card .text-wrapper h3{margin:0;font-weight:700;font-size:18px;line-height:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recents-wrap .recent-card .rc-meta,.recents-wrap .recent-card .text-wrapper p{margin:0;font-weight:400;font-size:14px;line-height:16px;color:#555;letter-spacing:-.01em;white-space:nowrap}.class-grid{width:var(--rail);margin:0 auto;padding:0;display:flex;gap:16px;justify-content:flex-start;flex-wrap:wrap;list-style:none}.class-card{background:#fff;border-radius:16px;padding:20px;flex:0 1 320px;box-shadow:0 2px 6px #00000014;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.class-card:hover{border-bottom:4px solid #3C99FF;transform:translateY(-2px)}.cc-title{font-size:18px;font-weight:600;margin:0 0 6px;color:#333}.cc-sub{font-size:14px;color:#777;margin:0 0 16px}.cc-chips{display:flex;gap:8px}.chip{font-size:13px;padding:6px 12px;border-radius:40px}.blue-chip{background:#ecf5ff;color:#3c99ff}.gray-chip{background:#f5f5f5;color:#555}.home-section .section-head .view-all{color:#6b7280;text-decoration:none;transition:color .15s ease}.home-section .section-head .view-all:hover,.home-section .section-head .view-all:focus-visible{color:#3c99ff}.classes-page{padding:20px 24px;background:#f7f8f9;min-height:100vh;display:flex;flex-direction:column;gap:24px}.classes-page .rail{max-width:var(--rail);width:100%;margin-inline:auto;box-sizing:border-box}.classes-page>*:not(.full-bleed){max-width:var(--rail);width:100%;margin-inline:auto;box-sizing:border-box}.classes-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;border:0}.classes-title{margin:0;font:700 32px/1.2 Wanted Sans,system-ui;color:#111}.classes-underline{display:none!important}.status{color:#666;padding:16px 4px;text-align:left}.status.error{color:#c0392b}.empty{color:#666;padding:16px 4px}.level-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.level-card{background:#fff;border:0;border-radius:12px;box-shadow:0 0 20px #00000008;padding:16px 18px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s ease,transform .12s ease,background .15s ease}.level-card:hover{border-bottom:4px solid #3C99FF;transform:translateY(-2px)}.level-row{display:flex;align-items:center;gap:10px}.level-name{font-size:20px;font-weight:600;color:#333;margin:0}.level-count{color:#4267b2;font-weight:600;font-size:14px;margin:0 0 6px}.level-count span{font-weight:400;opacity:.9}.level-chevron{font-size:16px;line-height:1}:root{--icon-classes: url(/icons/classes.svg)}.level-card-icon{width:24px;height:24px;color:#3c99ff;background-color:currentColor;-webkit-mask:var(--icon-classes) no-repeat center / contain;mask:var(--icon-classes) no-repeat center / contain;background-image:none;border:0;border-radius:0}.level-card-icon.is-danger{color:#e11d48}.level-card-icon.is-muted{color:#9ca3af}.layout.sidebar-open,.layout.sidebar-open .classes-page{height:auto!important;min-height:0!important}.classinfo-page{padding:24px;background:#f7f8f9;min-height:100vh;display:flex;flex-direction:column;gap:24px}.rail{width:var(--rail);margin:0 auto}.ci-header{display:flex;align-items:center;gap:24px;margin-bottom:16px}.ci-head-left{display:flex;flex-direction:column;gap:8px}.ci-title{font:700 28px/1.2 Wanted Sans,system-ui;color:#111;margin:0}.ci-subtitle{color:#666}.ci-level{display:inline-block;padding:2px 8px;border:1px solid #e3e3e3;border-radius:12px;background:#fff;margin-left:6px}.student-search{margin-left:auto;width:400px;height:40px;background:#fff;border-radius:26px;box-shadow:0 0 20px #00000008;padding:0 20px;display:flex;align-items:center;gap:16px;position:relative}.student-search .search-input{flex:1;border:0;outline:0;background:transparent;font:400 16px/19px Wanted Sans,system-ui;color:#555}.student-search .search-input::placeholder{color:#555;opacity:.9}.student-search .search-icon{width:18px;height:18px;box-sizing:border-box;border:1.5px solid #555;border-radius:50%;position:relative;flex:none}.student-search .search-icon:after{content:"";position:absolute;width:8px;height:2px;background:#555;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:1px}.student-search .search-clear{border:0;background:transparent;cursor:pointer;font-size:16px;color:#999}.student-search .search-meta{position:absolute;right:16px;bottom:-20px;font-size:12px;color:#888}.ci-section{margin:24px auto}.ci-section h2{font:700 20px/1 Wanted Sans,system-ui;color:#111;margin:12px 0}.ci-month{margin-top:12px}.ci-month h3{font-size:1rem;font-weight:700;margin:0 0 8px}.ci-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ci-item{display:flex;align-items:center;gap:20px;background:#fff;border-radius:12px;box-shadow:0 0 20px #00000008;border:0;padding:20px;cursor:pointer;transition:box-shadow .15s ease,transform .12s ease,background .15s ease}.ci-item:hover{border-bottom:4px solid #3C99FF;transform:translateY(-2px)}.ci-item+.ci-item{border-top:0}.ci-ico{width:24px;height:24px;border:1.5px solid #3C99FF;border-radius:6px;flex:none}.ci-item-body{display:flex;flex-direction:column;gap:8px;flex:1}.ci-item-title{font:700 16px/19px Wanted Sans,system-ui;color:#333}.ci-item-meta{display:flex;align-items:center;gap:8px;font:400 13px/16px Wanted Sans,system-ui;color:#555;flex-wrap:wrap}.ci-status{padding:24px;text-align:center;color:#555}.ci-status.error{color:#d33}.ci-empty,.ci-empty-sub{padding:16px 0;color:#888}:root{--icon-search: url(/icons/search.svg);--icon-folder: url(/icons/library.svg)}.ci-ico{background:center / contain no-repeat var(--icon-folder);border:0!important;border-radius:0!important}.student-search .search-icon{background:center / contain no-repeat var(--icon-search);border:0!important;border-radius:0!important;position:static!important;box-sizing:content-box!important}.student-search .search-icon:after{content:none!important}.layout.sidebar-open,.layout.sidebar-open .classinfo-page{height:auto!important;min-height:0!important}:root{--surface:#fff;--text:#111;--muted:#555;--line:#ccc;--shadow:0 0 20px rgba(0,0,0,.03);--blue:#3C99FF;--ring:#93c5fd}.profile-page{max-width:1440px;margin:0 auto;padding:32px 32px 80px}.prof-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.prof-title{margin:0;font:700 32px/38px Wanted Sans,system-ui;color:var(--text)}.prof-topbar{position:relative}.prof-mini{display:flex;align-items:center;gap:10px;border:0;background:transparent;cursor:pointer;padding:8px 10px;border-radius:12px}.prof-mini:hover{background:#f7f8fb}.mini-avatar{width:40px;height:40px;border-radius:50%;background:#eee center/cover no-repeat;display:inline-block}.mini-avatar.initials{display:grid;place-items:center;background:linear-gradient(135deg,#e7efff,#f5f7ff);color:#3c99ff;font-weight:800}.mini-name{font-weight:600;color:var(--text)}.prof-menu{position:absolute;right:0;top:56px;width:200px;background:var(--surface);border-radius:16px;box-shadow:0 0 20px #0000000d;overflow:hidden;z-index:10}.menu-head{display:flex;align-items:center;gap:15px;padding:12px 20px;border-bottom:1px solid #E2E2E2}.menu-avatar{width:50px;height:50px;border-radius:50%;background:#eee center/cover no-repeat;display:inline-block}.menu-avatar.initials{display:grid;place-items:center;background:linear-gradient(135deg,#e7efff,#f5f7ff);color:#3c99ff;font-weight:800}.menu-name{font:400 18px/21px Wanted Sans,system-ui;color:var(--text)}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border:0;cursor:pointer;color:var(--muted);text-align:left}.menu-item:hover{background:#f7f7f9}.menu-item .ico{width:18px;height:18px;display:inline-block;border:1.5px solid var(--muted);border-radius:4px}.menu-item .ico.logout{border-radius:50%}.prof-subtitle{margin:10px 0 14px;font:700 24px/29px Wanted Sans,system-ui;color:var(--text)}.prof-stack{display:flex;flex-direction:column;gap:1px}.card{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);border-bottom:1px solid var(--line)}.card-avatars{padding:32px;border-radius:16px 16px 0 0}.card-head{font:700 18px/21px Wanted Sans;color:var(--text);margin-bottom:18px}.avatar-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.avatar-main{width:140px}.avatar-big{width:140px;height:140px;border-radius:50%;background:#ddd center/cover no-repeat;box-shadow:0 0 0 2px #0000000a inset}.avatar-big.initials{display:grid;place-items:center;background:linear-gradient(135deg,#e7efff,#f5f7ff);color:#3c99ff;font:800 40px/1 Wanted Sans}.avatar-list{flex:1;display:flex;flex-wrap:wrap;gap:18px 20px;min-width:520px}.avatar{width:60px;height:60px;border-radius:50%;background:#eee center/cover no-repeat;border:2px solid transparent;cursor:pointer;transition:border-color .15s ease,transform .05s ease,box-shadow .15s ease}.avatar:hover{transform:translateY(-1px)}.avatar.is-selected{border-color:var(--blue);box-shadow:0 0 0 3px #3c99ff26}.row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;background:var(--surface);border-bottom:1px solid var(--line)}.row-last{border-bottom:0;border-radius:0 0 16px 16px}.row-left{display:flex;flex-direction:column;gap:10px}.row-title{font:700 18px/21px Wanted Sans;color:var(--text)}.row-value{font:400 18px/21px Wanted Sans;color:var(--muted)}.row-input{width:min(420px,60vw);height:40px;border-radius:8px;border:1px solid #d1d5db;padding:0 12px;font:600 16px/19px Wanted Sans}.row-input:focus{box-shadow:0 0 0 3px var(--ring);border-color:#bcd3ff;outline:none}@media (max-width: 960px){.avatar-row{flex-direction:column}.avatar-list{min-width:auto}}.signup-page{--bg: #FFFFFF;--surface: #F6F7F8;--text: #858C9C;--muted: #ACB3C2;--border: #E6E8EC;--border-strong: #D0D5DD;--ring: rgba(60,153,255,.35);min-height:100vh;display:flex;align-items:center;justify-content:center}.signup-contents{width:100%;max-width:360px;padding:28px;display:flex;flex-direction:column;gap:10px}.signup-logo{display:flex;justify-content:center;margin-bottom:6px}.signup-logo img{height:200px}.signup-title{text-align:center;margin:6px 0 12px;font-size:30px}.signup-input{height:44px;padding:0 12px;font-size:14px;border-radius:8px;border:1px solid #ccc}.signup-input:focus{outline:none;border-color:#6b6bff}.signup-btn{height:44px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.signup-btn.primary{background:#6b6bff;color:#fff}.signup-btn:disabled{opacity:.6;cursor:not-allowed}.signup-msg{padding:8px 10px;border-radius:6px;font-size:13px;text-align:center}.signup-msg.error{white-space:pre-line;background:#ffe5e5;color:#b00020}.signup-msg.success{background:#e6f7e6;color:#1b7f3b}.signup-help{margin-top:8px;font-size:12px;opacity:.7;text-align:center}.signup-input{width:100%;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:16px;font-weight:600;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.signup-input::placeholder{color:var(--muted);font-weight:500}.signup-input:hover{border-color:var(--border-strong)}.signup-input:focus{border-color:#3c99ff;box-shadow:0 0 0 4px var(--ring);background:#fff}.signup-input-btn-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;outline:none!important}.findid-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.findid-contents{width:100%;max-width:360px;padding:28px;display:flex;flex-direction:column;gap:12px}.findid-title{text-align:center;margin-bottom:12px;font-size:20px}.findid-input{height:44px;padding:0 12px;font-size:14px;border-radius:8px;border:1px solid #ccc}.findid-input:focus{outline:none;border-color:#6b6bff}.findid-btn{height:44px;border-radius:8px;border:none;font-size:14px;cursor:pointer}.findid-btn.primary{background:#6b6bff;color:#fff}.findid-btn:disabled{opacity:.6;cursor:not-allowed}.findid-msg{padding:8px 10px;border-radius:6px;font-size:13px;text-align:center}.findid-msg.success{background:#e6f7e6;color:#1b7f3b}.findid-msg.error{background:#ffe5e5;color:#b00020}.resetpw-page{display:flex;align-items:center;justify-content:center;padding:28px}.resetpw-card{width:100%;max-width:420px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;padding:18px;box-shadow:0 8px 26px #0000000f}.resetpw-title{margin:0 0 8px;font-size:18px;font-weight:800}.resetpw-sub{margin:0 0 14px;font-size:13px;line-height:1.5;opacity:.85}.resetpw-label{display:grid;gap:6px;font-size:12px;margin-bottom:10px;opacity:.9}.resetpw-input{height:40px;color:#111;border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:0 12px;outline:none;font-size:14px;background:#fff}.resetpw-input:focus{color:#111;border-color:#00000059}.resetpw-msg{margin:10px 0 12px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.5;border:1px solid rgba(0,0,0,.12);background:#00000008}.resetpw-msg.success{border-color:#1ea05a59;background:#1ea05a14}.resetpw-msg.error{border-color:#dc3c3c59;background:#dc3c3c14}.resetpw-btn{width:100%;height:42px;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#fff;cursor:pointer;font-weight:700;margin-top:8px}.resetpw-btn.primary{background:#111;color:#fff;border-color:#111}.resetpw-btn:disabled{opacity:.55;cursor:not-allowed}.resetpw-actions{margin-top:10px;display:grid;gap:8px}.resetpw-link{width:100%;height:38px;border:none;background:transparent;cursor:pointer;font-weight:800;text-align:center;opacity:.85}.resetpw-link:hover{opacity:1;text-decoration:underline}.resetpw-note{margin-top:12px;font-size:12px;opacity:.65;text-align:center}.chgpw-page{display:flex;align-items:center;justify-content:center;padding:28px}.chgpw-card{width:100%;max-width:420px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;padding:18px;box-shadow:0 8px 26px #0000000f}.chgpw-title{margin:0 0 8px;font-size:18px;font-weight:800}.chgpw-sub{margin:0 0 14px;font-size:13px;line-height:1.5;opacity:.85}.chgpw-label{display:grid;gap:6px;font-size:12px;margin-bottom:10px;opacity:.9}.chgpw-input{height:40px;color:#0a0a0a;border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:0 12px;outline:none;font-size:14px;background:#fff}.chgpw-input:focus{color:#0a0a0a;border-color:#00000059}.chgpw-msg{margin:10px 0 12px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.5;border:1px solid rgba(0,0,0,.12);background:#00000008}.chgpw-msg.success{border-color:#1ea05a59;background:#1ea05a14}.chgpw-msg.error{border-color:#dc3c3c59;background:#dc3c3c14}.chgpw-btn{width:100%;height:42px;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#fff;cursor:pointer;font-weight:700;margin-top:8px}.chgpw-btn.primary{background:#111;color:#fff;border-color:#111}.chgpw-btn:disabled{opacity:.55;cursor:not-allowed}.chgpw-note{margin-top:12px;font-size:12px;opacity:.65;text-align:center}.awards-page{padding:24px;background:#fff}.awards-header{display:flex;align-items:center;gap:16px;margin-bottom:14px}.awards-brand{display:flex;align-items:center;gap:12px}.awards-logo{height:100px;object-fit:contain}.awards-tabs{margin-left:auto;display:flex;gap:8px}.tab{border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.tab.active{border-color:#111}.awards-panel{border:1px solid #e6e6e6;border-radius:10px;padding:18px}.award-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media (max-width: 1100px){.award-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.award-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.award-card{appearance:none;border:1px solid transparent;background:#fff;border-radius:14px;padding:16px 14px;text-align:center;cursor:default}.award-card.locked{opacity:.62}.award-img-wrap{height:170px;display:flex;align-items:center;justify-content:center}.award-img{max-height:180px;max-width:100%;object-fit:contain;cursor:pointer}.award-title{margin-top:10px;font-size:16px;font-weight:800;color:#2c2c2c;line-height:1.2}.award-card.locked .award-title{color:#9a9a9a}.award-sub{margin-top:6px;font-size:12px;color:#777}.master-layer{position:relative;width:230px;height:220px;display:flex;align-items:center;justify-content:center}.master-layer.modal-master{width:220px;height:220px}.ring-img{position:absolute;inset:0;margin:auto;width:230px;height:230px;object-fit:contain;transform:translateY(5px)}.master-layer.modal-master .ring-img{width:220px;height:220px}.char-img{position:absolute;inset:0;margin:auto;width:130px;height:130px;object-fit:contain;transform:translateY(0)}.master-layer.modal-master .char-img{width:160px;height:160px}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.modal{width:min(860px,100%);background:#fff;border-radius:16px;overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 18px 10px;border-bottom:1px solid #eee}.modal-title{font-weight:900;font-size:18px;color:#111}.modal-subtitle{margin-top:4px;font-size:13px;font-weight:700;color:#666}.modal-close{border:none;background:transparent;cursor:pointer;font-size:18px;padding:6px 10px}.modal-body{display:grid;grid-template-columns:300px 1fr;gap:14px;padding:16px 18px}@media (max-width: 760px){.modal-body{grid-template-columns:1fr}}.modal-img{display:flex;align-items:center;justify-content:center;min-height:240px}.modal-img img{max-width:100%;max-height:240px;object-fit:contain}.modal-desc{padding-top:6px}.desc-title{font-weight:900;font-size:13px;color:#333;margin-bottom:6px}.desc-text{font-size:14px;color:#444;line-height:1.55}.modal-foot{display:flex;justify-content:flex-end;padding:12px 18px 16px;border-top:1px solid #eee}.modal-btn{border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:800}.awards-section-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.awards-section-text{display:flex;flex-direction:column;gap:4px}.awards-section-title{font-weight:900;font-size:18px;color:#111}.awards-section-subtitle{font-size:13px;font-weight:700;color:#666}.awards-divider{height:18px}.flip-card{perspective:1000px;padding:0}.flip-inner{position:relative;width:100%;height:100%;min-height:270px;transform-style:preserve-3d;transition:transform .55s ease;border-radius:14px}.flip-card:hover .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;background:#fff;padding:16px 14px}.flip-front{transform:rotateY(0)}.flip-back{transform:rotateY(180deg)}.award-back-desc{margin-top:8px;font-size:13px;line-height:1.45;color:#444;text-align:center;padding:0 6px}.award-card.flip-card:hover{border-color:#f0f0f0}.award-card.locked .flip-inner{opacity:.62}.image-flip{perspective:1000px;width:230px;height:240px}.image-flip-inner{position:relative;width:230px;height:240px;transform-style:preserve-3d;transition:transform .55s ease}.image-flip:hover .image-flip-inner{transform:rotateY(180deg)}.image-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.image-front{transform:rotateY(0)}.image-back{transform:rotateY(180deg)}.award-card:focus,.award-card:focus-visible{outline:none;box-shadow:none}.award-card .image-flip{cursor:pointer}.modal-table-wrap{margin-top:12px}.modal-table{width:50%;border-collapse:collapse;font-size:13px;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden}.modal-table th{text-align:left;padding:2px 8px;background:#f7f7f7;border-bottom:1px solid #e5e5e5;white-space:nowrap}.modal-table td{padding:2px 10px;border-bottom:1px solid #eee;white-space:nowrap}.modal-table tbody tr:last-child td{border-bottom:none}.user-management-container{padding:30px;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #333;padding-bottom:15px}.management-header h2{margin:0;font-size:24px;color:#2c3e50}.refresh-btn{background-color:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.refresh-btn:hover{background-color:#2980b9}.table-responsive{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.management-table{width:100%;border-collapse:collapse;text-align:left}.management-table th{background-color:#f8f9fa;color:#333;font-weight:600;padding:15px;border-bottom:2px solid #e9ecef}.management-table td{padding:15px;border-bottom:1px solid #e9ecef;vertical-align:middle;font-size:15px}.username-cell{font-weight:700;color:#2c3e50}.no-data{color:#95a5a6;font-style:italic;font-size:13px}.role-badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:700}.role-badge.admin{background-color:#e74c3c;color:#fff}.role-badge.teacher{background-color:#f18f0f;color:#fff}.role-badge.student{background-color:#2ecc71;color:#fff}.role-select{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:14px;cursor:pointer;color:#000}.role-select:focus{border-color:#3498db;outline:none}.master-text{font-size:13px;color:#e74c3c;font-weight:500}.row-master{background-color:#fdf2f2}.management-status{text-align:center;padding:5px 0;font-size:18px;color:#666;margin-top:50px}.management-status.error{color:#e74c3c;font-weight:700}.lt-dashboard{font-family:Noto Sans KR,sans-serif;color:#1f2937;max-width:72rem;padding:2rem 1rem;box-sizing:border-box;max-width:1440px;margin:0 auto;padding:32px 32px 80px}.lt-dashboard *,.lt-dashboard *:before,.lt-dashboard *:after{box-sizing:border-box}.lt-dashboard .custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.lt-dashboard .custom-scrollbar::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.lt-dashboard .custom-scrollbar::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.lt-dashboard .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0000004d}.lt-dashboard__header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2.5rem}@media (min-width: 768px){.lt-dashboard__header{flex-direction:row;align-items:center}}.lt-dashboard__title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.lt-dashboard__subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.lt-dashboard__subtitle-name{color:#2563eb;font-weight:700}.lt-dashboard__userbox{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.5rem;border-radius:.75rem;box-shadow:0 1px 2px #0000000a;border:1px solid #f3f4f6}.lt-dashboard__userbox-label{font-size:.75rem;font-weight:700;color:#9ca3af;margin-left:.5rem}.lt-dashboard__select{background:transparent;border:none;outline:none;font-weight:500;color:#2563eb;cursor:pointer;font-family:inherit;font-size:.9rem}.lt-dashboard__error{margin-bottom:1.5rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.75rem;box-shadow:0 1px 2px #0000000a}.lt-dashboard__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}@media (min-width: 768px){.lt-dashboard__grid{grid-template-columns:1fr 1fr}}.lt-card{background:#fff;border-radius:1rem;box-shadow:0 1px 2px #0000000a;border:1px solid #f3f4f6;padding:1.75rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.lt-card--tickets{min-height:300px}.lt-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.lt-card--tickets .lt-card__header{margin-bottom:1rem}.lt-card__title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:#111827;margin:0}.lt-card__icon{padding:.5rem;background:#dbeafe;border-radius:.5rem;color:#2563eb;line-height:1}.lt-card__badge{background:#eff6ff;color:#2563eb;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px}.lt-card__link-btn{background:none;border:none;cursor:pointer;font-size:.75rem;color:#2563eb;font-weight:500;text-decoration:underline;text-underline-offset:4px;padding:0}.lt-card__link-btn:hover{color:#1e40af}.lt-current-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.lt-current-week{font-size:1.125rem;font-weight:500;color:#2563eb;margin:0 0 1.5rem}.lt-continue-btn{width:100%;background:#2563eb;color:#fff;font-weight:700;padding:.75rem;border:none;border-radius:.75rem;cursor:pointer;box-shadow:0 10px 15px -3px #3b82f626;transition:background .15s ease;font-family:inherit;font-size:.95rem}.lt-continue-btn:hover{background:#1d4ed8}.lt-tickets-scroll{overflow-y:auto;flex:1;max-height:180px;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.lt-tickets-empty{color:#9ca3af;font-size:.875rem;text-align:center;padding:2.5rem 0}.lt-ticket-card{background:#eff6ffb3;padding:1rem;border-radius:.75rem;border:1px solid #dbeafe;font-size:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:.25rem .5rem}.lt-ticket-card__head{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(219,234,254,.8);padding-bottom:.375rem;margin-bottom:.375rem}.lt-ticket-card__id{font-weight:700;color:#1e40af;font-size:.875rem}.lt-ticket-card__remaining{font-size:.75rem;background:#2563eb;color:#fff;padding:.125rem .625rem;border-radius:9999px;font-weight:700;box-shadow:0 1px 2px #0000000f}.lt-ticket-card__field{margin:0}.lt-ticket-card__field--full{grid-column:span 2;margin-top:.25rem}.lt-ticket-card__label{color:#9ca3af;font-weight:500;margin:0}.lt-ticket-card__value{font-weight:700;color:#374151;margin:0}.lt-history{background:#fff;border-radius:1rem;box-shadow:0 1px 2px #0000000a;border:1px solid #f3f4f6;overflow:hidden}.lt-history__header{padding:1.25rem 1.5rem;border-bottom:1px solid #f9fafb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb80}.lt-history__title{font-size:1.125rem;font-weight:700;color:#1f2937;font-style:italic;margin:0}.lt-history__table-wrap{overflow-x:auto}.lt-history__table{width:100%;text-align:left;white-space:nowrap;border-collapse:collapse}.lt-history__table thead tr{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f9fafb}.lt-history__table th{padding:1rem 2rem;font-weight:700}.lt-history__table td{padding:1.25rem 2rem;font-size:.875rem}.lt-history__table tbody tr{border-bottom:1px solid #f9fafb;transition:background-color .15s ease}.lt-history__table tbody tr:hover{background:#f9fafb}.lt-history__table .col-center{text-align:center}.lt-history__table .col-right{text-align:right}.lt-history__table .cell-title{font-weight:700;color:#111827}.lt-history__table .cell-week{text-align:center;color:#4b5563}.lt-history__table .cell-time{text-align:right;font-weight:500;color:#2563eb}.lt-history__table .cell-date{text-align:right;color:#9ca3af;font-size:.75rem}.lt-history__empty{padding:5rem 2rem;text-align:center;color:#9ca3af}.lt-history__empty--sm{padding:2.5rem 2rem;text-align:center;color:#6b7280}.lt-status-badge{padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.lt-status-badge--done{background:#f3f4f6;color:#6b7280}.lt-status-badge--progress{background:#dcfce7;color:#16a34a}.lt-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.lt-modal{background:#fff;width:100%;max-width:64rem;border-radius:1rem;box-shadow:0 25px 50px -12px #0006;overflow:hidden;display:flex;flex-direction:column;max-height:85vh}.lt-modal__header{padding:1rem 1.5rem;background:#0f172a;color:#fff;display:flex;justify-content:space-between;align-items:center}.lt-modal__title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:0}.lt-modal__close{background:none;border:none;color:#94a3b8;font-size:1.5rem;font-weight:600;line-height:1;cursor:pointer}.lt-modal__close:hover{color:#fff}.lt-modal__body{padding:1.5rem;overflow:auto;flex:1;background:#f9fafb;font-size:.75rem}.lt-modal__table{width:100%;text-align:left;border-collapse:collapse;background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000a;overflow:hidden}.lt-modal__table thead tr{background:#f1f5f9;color:#334155;font-weight:700;border-bottom:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.05em}.lt-modal__table th,.lt-modal__table td{padding:.75rem 1rem}.lt-modal__table tbody{color:#4b5563}.lt-modal__table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.lt-modal__table tbody tr:hover{background:#f3f4f6b3}.lt-modal__table .col-center{text-align:center}.lt-modal__table .col-right{text-align:right}.lt-modal__table .nowrap{white-space:nowrap}.lt-modal__table .cell-id{text-align:center;font-weight:700;color:#334155}.lt-modal__table .cell-expire{font-weight:500;color:#ea580c}.lt-modal__table .cell-remaining{text-align:right;font-weight:700;color:#2563eb}.lt-modal__table .cell-pause{color:#94a3b8}.lt-modal__empty{text-align:center;padding:3rem 0;color:#9ca3af;font-size:.875rem}.lt-ticket-status{padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:700}.lt-ticket-status--active{background:#dcfce7;color:#15803d}.lt-ticket-status--exhausted{background:#e5e7eb;color:#4b5563}.lt-ticket-status--expired{background:#fee2e2;color:#dc2626}.lt-modal__footer{padding:.75rem 1.5rem;background:#f3f4f6;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.lt-modal__close-btn{padding:.5rem 1.25rem;background:#334155;color:#fff;font-weight:500;border:none;border-radius:.75rem;cursor:pointer;font-size:.875rem;box-shadow:0 1px 2px #0000000a;font-family:inherit}.lt-modal__close-btn:hover{background:#1e293b}.littalk-admin .custom-scroll::-webkit-scrollbar{width:6px;height:6px}.littalk-admin .custom-scroll::-webkit-scrollbar-track{background:#1e293b}.littalk-admin .custom-scroll::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.littalk-admin .custom-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.littalk-admin table{width:100%;min-width:1050px;table-layout:auto}.littalk-admin thead{display:table-header-group}.littalk-admin tbody{display:table-row-group}.littalk-admin tr{display:table-row}.littalk-admin th,.littalk-admin td{display:table-cell;white-space:nowrap;vertical-align:middle}.littalk-admin th:nth-child(9),.littalk-admin td:nth-child(9){width:auto;min-width:300px}.littalk-admin aside .custom-scroll>div[class*=cursor-pointer]{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:54px;padding:10px 38px 10px 12px!important;text-align:left!important}.littalk-admin aside .custom-scroll>div[class*=cursor-pointer]>div:first-child{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-width:0;margin:0!important}.littalk-admin aside .custom-scroll>div[class*=cursor-pointer]>div:first-child>div:first-child{flex:0 0 24px;margin:0!important}.littalk-admin aside .custom-scroll>div[class*=cursor-pointer]>div:first-child>div:last-child{flex:1;min-width:0;margin:0!important;text-align:left!important}.littalk-admin aside .custom-scroll>div[class*=cursor-pointer]>div:first-child>div:last-child>div{display:block;overflow:hidden;text-align:left!important;text-overflow:ellipsis;white-space:nowrap}.littalk-admin aside .custom-scroll>div[class*=cursor-pointer]>i:last-child{position:absolute!important;top:50%;right:12px;margin:0!important;transform:translateY(-50%)}