:root{--bg: #f2f6fd;--ink: #1c2f50;--border: #e3eaf6;--green: #2864db;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #91b4f4;outline-offset:3px}input,select,textarea{border:1px solid #dfe6e6;border-radius:8px;background:#fff;color:var(--ink);padding:11px 13px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#79a5ee;box-shadow:0 0 0 3px #2864db12}input::placeholder{color:#a0acb0}h1,h2,h3,p{margin-top:0}.primary{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:8px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:600;white-space:nowrap}.primary:hover{background:#1c50bf}.secondary{border:1px solid #dfe6e6;background:#fff;border-radius:8px;padding:10px 15px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary:hover{background:#f0f5ff}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#86979d;font-size:19px;flex-shrink:0}.icon-button:hover{background:#edf3ff;color:var(--green)}.text-button{border:0;padding:0;background:none;text-align:left;color:var(--ink);font-weight:600;line-height:1.6}.text-button:hover{color:var(--green)}.brand{display:flex;align-items:center;gap:9px;color:#2353a2;font-weight:750;font-size:27px;letter-spacing:-1.3px}.brand-symbol{position:relative;display:inline-block;background:#2864db;color:#fff;width:35px;height:35px;border-radius:12px 12px 12px 5px;text-align:center;line-height:32px;font-size:30px;letter-spacing:-3px;padding-right:5px;font-family:Georgia,serif;font-weight:700}.brand-symbol span{position:absolute;font:8px Arial;right:7px;top:9px;color:#b4d9ff}.brand-word-accent{color:#f5c451}.brand-tag{background:#edf3ff;color:#7090bb;border:1px solid #dfe8f9;border-radius:5px;padding:3px 5px;font-size:9px;letter-spacing:1px;font-weight:600}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:650}.muted{color:#96a2a6}.workspace{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--border);padding:28px 18px 0;display:flex;flex-direction:column;z-index:20}.sidebar>.brand{padding:0 10px;margin-bottom:30px}.workspace-label{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:10px 9px;border-radius:8px;margin:0 2px 29px}.workspace-avatar{width:30px;height:30px;border-radius:7px;background:#eaf1ff;color:#4976bf;display:grid;place-items:center;font-weight:650}.workspace-label div{flex:1}.workspace-label b{font-size:11px;font-weight:600;display:block}.workspace-label small{font-size:10px;display:block;color:#91a098;margin-top:3px}.workspace-label>span:last-child{color:#a5afb2}.nav-caption{font-size:9px;letter-spacing:1.3px;color:#a0aaae;padding-left:14px;margin-bottom:13px}nav{display:flex;flex-direction:column;gap:5px}nav>a{display:flex;align-items:center;gap:12px;padding:12px 13px;color:#7e8e94;font-size:12px;font-weight:550;border-radius:7px}nav>a:hover{background:#f3f7ff}nav>a.active{background:#eaf1ff;color:#2864db}.nav-icon{width:20px;font-size:19px;font-weight:400;text-align:center}.active-dot{width:5px;height:5px;border-radius:50%;background:#3979e5;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:34px}.help-card{margin:0 6px 20px;background:linear-gradient(145deg,#f4f8ff,#eaf1ff);border:1px solid #e0eafa;padding:17px 15px;border-radius:10px;position:relative}.help-card>span{position:absolute;right:14px;top:13px;color:#97b6e7;font-size:26px}.help-card b{font-size:12px;line-height:1.6;font-weight:600}.help-card p{font-size:10px;color:#91a1bb;line-height:1.7;margin:8px 0 11px}.help-card a{font-size:10px;color:#587db6;font-weight:600}.settings-link{display:flex;align-items:center;gap:12px;font-size:11px;color:#7e8c91;padding:10px 13px 19px}.settings-link>span{font-size:19px}.settings-link.active{color:var(--green)}.sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);margin:0 -18px;padding:17px 18px}.user-avatar{width:34px;height:34px;border-radius:50%;background:#ece9df;border:3px solid white;outline:1px solid #e7e8e0;color:#7e765a;display:grid;place-items:center;font-size:11px;font-weight:650;flex-shrink:0}.user-avatar.small{width:30px;height:30px;font-size:9px}.sidebar-user>div{flex:1;min-width:0}.sidebar-user b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;margin-top:4px;color:#9ba6a1;font-size:10px}.main-area{margin-left:238px;width:calc(100% - 238px)}.topbar{height:71px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 38px;background:#fff}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px;color:#a2acb0}.breadcrumb b{font-weight:550;color:#6a7c82}.slash{color:#d4dce0}.topbar-right{display:flex;align-items:center;gap:20px}.env-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#759b88}.env-badge i,.connection-status i{width:5px;height:5px;background:#7aa691;border-radius:50%;display:inline-block}.env-badge.demo{color:#b29559}.env-badge.demo i{background:#c3a465}.topbar-divider{height:21px;width:1px;background:var(--border)}main{padding:32px 38px 0;width:100%;max-width:none;margin:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:9px}.page-heading h1{font-size:29px;letter-spacing:-1px;font-weight:650;margin:0 0 9px}.heading-dot{color:#4b977c}.page-heading p{font-size:12px;color:#929fa5;margin:0;line-height:1.7}.heading-actions{display:flex;gap:10px;align-items:center}.heading-actions .primary,.heading-actions .secondary{font-size:11px;padding:10px 13px}.demo-banner{display:flex;align-items:center;gap:9px;padding:9px 38px;font-size:10px;background:#faf6e9;color:#9d8857;border-bottom:1px solid #f0e9d6}.demo-banner button{background:none;border:0;color:#8b7748;margin-left:auto;font-size:10px}.panel,.collection-panel{background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 4px 20px #20333a03}.welcome-panel{position:relative;overflow:hidden;background:#e9f1ff;border:1px solid #d9e5fa;border-radius:12px;padding:31px 30px;min-height:210px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.welcome-panel .eyebrow{color:#7998c6;font-size:9px;letter-spacing:1.2px}.welcome-panel h2{font-size:24px;letter-spacing:-.7px;font-weight:600;margin:13px 0 10px;color:#28538f}.wave{color:#bd9c61;margin-left:5px;font-size:21px}.welcome-panel p{font-size:12px;color:#829ab9;margin:0 0 23px}.welcome-panel a{font-size:11px;font-weight:600;color:#4e78b8;display:inline-flex;align-items:center;gap:23px}.welcome-art{width:220px;position:relative;align-self:stretch;flex-shrink:0}.art-book{position:absolute;top:6px;left:50px;width:105px;height:137px;transform:rotate(12deg);border:1px solid #dce7fc;border-left:7px solid #c1d6fa;border-radius:5px 9px 9px 5px;background:#f6f9ff;box-shadow:7px 11px #9fbbea25,0 10px 20px #3d6db420;display:flex;align-items:center;justify-content:center;font-size:45px;font-family:Georgia,serif;color:#5986d5}.art-book span{position:absolute;bottom:18px;left:13px;font:6px Segoe UI,sans-serif;letter-spacing:1px;color:#92a7ce}.art-orbit{position:absolute;width:195px;height:195px;border:1px solid #cbdcf7;border-radius:50%;top:-22px;left:12px}.art-orbit:after{content:"";position:absolute;inset:20px;border:1px dashed #cfdef6;border-radius:50%}.art-spark{position:absolute;color:#83a7e6;font-size:26px}.s1{left:3px;top:34px}.s2{right:2px;bottom:16px;font-size:37px}.s3{right:27px;top:-2px;font-size:17px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:27px}.stat-card{border:1px solid var(--border);border-radius:10px;background:#fff;padding:19px 20px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.stat-icon,.quick-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:20px}.green{color:#5c88d4;background:#edf3ff}.blue{color:#7f9db8;background:#eff4f9}.orange{color:#bca274;background:#fbf5ea}.purple{color:#a08cba;background:#f5f0fa}.stat-arrow{color:#b5bfc4}.stat-card p{font-size:11px;color:#929fa4;margin:0 0 5px}.stat-card strong{font-size:28px;letter-spacing:-.7px;display:block;font-weight:600;margin-bottom:10px}.stat-card small{font-size:9px;color:#a4aeb1}.dashboard-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:23px}.panel-heading{padding:23px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h2,.collection-panel h2{font-size:14px;font-weight:600;margin:0 0 7px;letter-spacing:-.2px}.panel-heading p{font-size:10px;color:#9aa5a9;margin:0}.panel-heading>a{font-size:10px;color:#7b9cc7;white-space:nowrap}.recent-row{display:flex;align-items:center;gap:13px;padding:16px 23px;border-top:1px solid #f0f3f4}.course-mini{width:38px;height:42px;display:grid;place-items:center;border-radius:7px;font-family:Georgia,serif;font-size:18px}.recent-row>div{flex:1;min-width:0}.recent-row b{font-size:11px;font-weight:550;display:block;line-height:1.6}.recent-row small{font-size:9px;color:#a5aeb2;display:block;margin-top:4px}.recent-row>span:last-child{font-size:13px;color:#a5b1ad}.badge{display:inline-block;max-width:200px;border-radius:5px;background:#edf3ff;color:#6b8dbc;padding:4px 7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.badge.premium{background:#fcf5e7;color:#b09961}.badge.off{background:#f5eae8;color:#a77c75}.badge.neutral{background:#f1f4f5;color:#8a989f}.quick-panel>a{padding:19px 23px;border-top:1px solid #f0f3f4;display:flex;align-items:center;gap:13px}.quick-panel>a>div{flex:1}.quick-panel>a b{display:block;font-size:11px;font-weight:550}.quick-panel>a small{display:block;font-size:9px;color:#9ca6aa;margin-top:6px}.quick-panel>a>span:last-child{color:#abb7b3}.quick-icon{width:35px;height:35px;font-size:18px}.activity-panel{margin-top:24px;padding:22px}.activity-panel p{font-size:11px;margin:15px 0 0;display:flex;gap:10px;align-items:center;color:#809188}.activity-dot{width:5px;height:5px;border-radius:50%;background:#7ea38b}.collection-top{padding:24px 24px 20px;display:flex;align-items:center;justify-content:space-between}.collection-top h2{display:flex;align-items:center;gap:8px}.collection-top p{font-size:10px;color:#9ba6ac;margin:6px 0 0;line-height:1.7}.count{background:#f0f4fc;color:#7f99bd;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:500}.view-controls{display:flex;gap:3px}.view-controls .selected{color:#477c62;background:#edf4ee}.filterbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-top:1px solid #f1f4f4;border-bottom:1px solid #f1f4f4;padding:17px 24px}.filterbar input,.filterbar select{font-size:11px;height:36px;padding:8px 11px}.filterbar select{max-width:310px}.filterbar .secondary{height:36px;font-size:11px}.search-input{position:relative;flex:1;min-width:180px;max-width:365px}.search-input>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;color:#8b9fbe;pointer-events:none}.search-input input{width:100%;padding-left:36px;background:#fcfdfd}.filter-hint{font-size:9px;color:#a7b0b2;padding:10px 25px 0}.filter-caption{font-size:10px;color:#8fa3c4}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:23px}.course-card{border:1px solid var(--border);border-radius:9px;overflow:hidden;transition:transform .2s}.course-card:hover{transform:translateY(-2px)}.course-cover{height:153px;width:100%;border:0;border-radius:0;position:relative;overflow:hidden;text-align:left;padding:18px 24px;isolation:isolate}.course-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.tone-0{background:#e5edff;color:#6d91d4}.tone-1{background:#eaf2ff;color:#7d9ed1}.tone-2{background:#e7eaff;color:#8894cf}.tone-3{background:#e9edfa;color:#879aca}.tone-4{background:#e4f1fb;color:#79a5cb}.tone-5{background:#edf0fc;color:#94a1ca}.cover-type{position:absolute;left:26px;top:27px;font-size:43px;font-family:Georgia,serif;letter-spacing:-1.4px;font-weight:400}.cover-spark{position:absolute;right:25px;top:21px;font-size:25px;opacity:.5}.cover-caption{position:absolute;bottom:18px;left:26px;font-size:6px;letter-spacing:1.6px;opacity:.75}.cover-line{position:absolute;width:132px;height:132px;border:1px solid currentColor;opacity:.16;border-radius:50%;right:-20px;bottom:-35px}.cover-line:after{content:"";position:absolute;inset:17px;border:1px solid currentColor;border-radius:50%}.course-body{padding:17px 18px 0}.course-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.visibility-text{font-size:8px;color:#9aa7a2;display:flex;align-items:center;gap:4px}.visibility-text i{width:4px;height:4px;border-radius:50%;background:#7b9cd3}.visibility-text.hidden{color:#b5a88c}.visibility-text.hidden i{background:#b5a88c}.course-title{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.course-body>p{font-size:10px;line-height:1.8;color:#9aa6ab;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px;margin:8px 0 17px}.course-card-footer{border-top:1px solid #eff2f2;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:9px 0}.course-card-footer>span{margin-left:auto;font-size:9px;color:#8b9fbd}.course-card-footer .icon-button{font-size:16px;width:26px;height:26px}.pagination{border-top:1px solid #eff2f3;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9ba7ac}.pagination>div{display:flex;align-items:center;gap:9px}.pagination select{font-size:10px;padding:5px 7px;border-radius:5px}.pagination .icon-button{border:1px solid #e7ecee;width:25px;height:26px;font-size:18px}.page-number{color:#75888f;min-width:34px;text-align:center}.bottom-note{margin-top:23px;display:flex;align-items:center;gap:16px;padding:0 4px}.bottom-note>span{font-size:30px;color:#9db49d}.bottom-note p{font-size:10px;color:#9aa9a0;line-height:1.8;margin:0;flex:1}.bottom-note b{font-weight:500;color:#81988c}.bottom-note button{font-size:10px;color:#6c9681}.main-footer{display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#acb7ba;padding:30px 0 20px;margin-top:24px}.main-footer>span:last-child{display:flex;align-items:center;gap:8px}.main-footer i{width:4px;height:4px;background:#9ab39e;border-radius:50%}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}thead{background:#fafcfc}th{font-weight:500;color:#9aa6ac;font-size:10px;padding:14px 16px;border-bottom:1px solid #edf1f2}td{padding:19px 16px;border-bottom:1px solid #f0f3f4;color:#7b8c95}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfc}td .text-button{font-size:11px;max-width:280px;white-space:normal}td small{display:block;font-size:9px;color:#a3adb3;margin-top:5px}.index-cell{width:38px;color:#b0bbc0;padding-left:24px}.right{text-align:right;padding-right:23px}.row-actions{display:flex;justify-content:flex-end;gap:3px}.row-actions .icon-button{width:27px;height:27px;font-size:16px}.name-cell{display:flex;align-items:center;gap:11px}.table-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:10px}.diamond{color:#8da6b7;font-size:17px;margin-right:4px}.mono{font-family:Consolas,monospace;font-size:10px}.phonetic{color:#9ba5b2;font-family:Georgia,serif}.word-text{font-size:15px!important}.tabs{display:flex;gap:25px;border-bottom:1px solid #e3e9ea;margin-bottom:22px;overflow:auto}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 2px 14px;font-size:11px;color:#97a3a8;white-space:nowrap}.tabs button.active{border-color:#327e69;color:#327e69;font-weight:600}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.settings-panel{padding:28px}.settings-panel h2{margin-bottom:12px}.settings-panel>p{font-size:11px;color:#8a9a9e;line-height:1.9}.settings-hero{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#edf3ff;color:#5c9277;font-size:30px;margin-bottom:22px}.settings-panel dl{display:grid;grid-template-columns:1fr 1.3fr;font-size:11px;gap:20px 12px;margin:27px 0;color:#8a999e}.settings-panel dt{color:#9fadb0}.settings-panel dd{margin:0;word-break:break-word}.setup-list{padding:0 0 0 20px;color:#638672}.setup-list li{padding:12px 0 13px 10px;font-size:12px}.setup-list p{font-size:11px;line-height:1.9;color:#94a1a3;margin:7px 0 0}.setup-list b{font-weight:550}.info-note{font-size:11px;line-height:1.8;border-radius:8px;padding:13px 15px;background:#f4f8f5;color:#83998d}.inline-note{margin:15px 24px;background:#fbf7ec;color:#a59060}.alert{padding:13px 16px;border-radius:8px;font-size:12px;margin-bottom:22px;line-height:1.7;display:flex;gap:10px;align-items:center;justify-content:space-between}.alert.error{background:#fcf0ec;color:#b27969;border:1px solid #f4dfd5}.alert button{background:transparent;border:0;text-decoration:underline;font-size:11px;color:inherit}.empty{padding:60px 20px;text-align:center}.empty.compact{padding:40px 20px;font-size:11px;color:#9ca9ad}.empty-icon{margin:0 auto 18px;display:grid;place-items:center;width:56px;height:56px;background:#edf3ff;border-radius:16px;font-size:27px;color:#91aee0}.empty h3{font-weight:550;font-size:15px;color:#6b86b3}.empty p{font-size:11px;color:#a2adb1;line-height:1.9}.empty .secondary{font-size:11px;margin-top:10px}.loading-area{padding:85px 20px;text-align:center}.loading-area p{margin:16px 0 0;font-size:11px;color:#9aa8aa}.spinner{display:inline-block;width:25px;height:25px;border:2px solid #e2eae5;border-top-color:#5587da;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.boot h2{font-size:25px;margin:16px 0 8px;color:#3564b3}.boot p{font-size:12px;color:#8da4c9;margin-bottom:20px}.mobile-menu,.sidebar-backdrop{display:none}.login-page{width:100%;min-height:100dvh;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}.login-story{background:#183f8e;color:#fff;padding:clamp(32px,4.4vw,64px) clamp(28px,4.5vw,72px) 30px;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.login-story:before{content:"01";position:absolute;z-index:-1;right:7%;top:8%;color:#ffffff09;font-size:clamp(180px,24vw,360px);font-weight:800;letter-spacing:-.1em;line-height:1;pointer-events:none}.brand.light{color:#f0f6ff}.brand.light .brand-symbol{background:#edf4ff;color:#2d5aab}.brand.light .brand-symbol span{color:#83a9e8}.brand.light .brand-tag{background:#ffffff0d;border-color:#ffffff1a;color:#a8c2ef;font-size:8px}.story-content{margin:auto 0;position:relative;padding:35px 0 28px 18px;max-width:650px;border-left:1px solid #ffffff35}.story-content>.eyebrow{display:inline-flex;align-items:center;gap:0;color:#ffe394;font-size:9px;letter-spacing:2.1px}.story-content>.eyebrow:before{content:none}.story-content h1{font-size:clamp(36px,3.65vw,56px);letter-spacing:-2.4px;line-height:1.16;font-weight:570;margin:23px 0 17px}.story-content h1 em{font-family:Georgia,serif;color:#ffe394;font-weight:400;letter-spacing:-1.8px;text-shadow:0 8px 36px #ffe39425}.story-content>p{font-size:12px;color:#d4e0f5;line-height:1.8;margin:0}.word-orbit{display:flex;gap:12px;height:auto;position:relative;margin-top:27px;max-width:490px}.orbit-circle{display:none}.orbit-circle:after{content:"";position:absolute;inset:22px;border:1px solid #a9c9ff25;border-radius:50%}.word-card{position:relative;display:flex;align-items:center;gap:11px;flex:1;min-width:0;padding:13px 14px;border:1px solid #ffffff25;background:#102f6d38;border-radius:12px;box-shadow:inset 0 1px #ffffff12;transform:none}.word-card b{display:block;font-family:Georgia,serif;font-size:17px;font-weight:400;color:#e6efff}.word-card small{display:block;margin-top:6px;font-size:9px;color:#c7d7ef;white-space:nowrap}.word-card>span{color:#ffe394;font-size:21px}.word-one{left:auto;top:auto}.word-two{left:auto;top:auto;min-width:0}.word-two b{font-size:16px}.orbit-dot{display:none}.login-story footer{font-size:8px;letter-spacing:1.2px;color:#87a8df;display:flex;justify-content:space-between;gap:10px;padding-top:30px}.login-story footer span{font-family:Georgia,serif;font-style:italic;letter-spacing:0;font-size:11px}.login-form-side{min-width:0;padding:45px clamp(28px,5vw,76px) 28px;display:flex;flex-direction:column;background:#fbfdff}.login-form-wrap{width:100%;max-width:355px;margin:auto;color:#20385e}.pill{background:#eff5ff;border:1px solid #e1eafa;color:#7c98c3;font-size:8px;letter-spacing:1px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:20px;margin-bottom:23px}.pill i{width:4px;height:4px;background:#80a5e1;border-radius:50%}.login-form-wrap h2{font-size:29px;letter-spacing:-1px;font-weight:600;margin:0 0 12px}.login-form-wrap h2>span{color:#78a9ec}.login-form-wrap>p{color:#91a0b9;font-size:12px;margin-bottom:30px}.login-form-wrap label{font-size:11px;display:block;font-weight:550;margin-bottom:9px}.login-form-wrap input{width:100%;font-size:11px;height:44px;margin-bottom:20px}.login-note{font-size:10px;color:#9aa9bf;margin:-2px 0 23px}.login-submit{width:100%;height:44px;justify-content:space-between!important;font-size:12px!important;padding:0 17px!important}.divider{display:flex;align-items:center;gap:15px;margin:28px 0 21px;font-size:8px;letter-spacing:1px;color:#a9b2ad}.divider:before,.divider:after{content:"";height:1px;background:#e6edfa;flex:1}.preview-button{width:100%;border:1px solid #dfe9fa;background:transparent;border-radius:7px;display:flex;justify-content:space-between;align-items:center;padding:13px 17px;font-size:11px;color:#7893bc}.preview-button:hover{background:#f0f6ff}.login-form-wrap>.fineprint{font-size:9px;text-align:center;line-height:1.8;color:#a5afa5;margin-top:13px;margin-bottom:27px}.connection-status{font-size:9px;color:#a7b0a8;text-align:center;line-height:1.8}.connection-status i{margin-right:6px;background:#c3b791}.connection-status i.connected{background:#88a784}.login-bottom{display:flex;justify-content:space-between;font-size:9px;color:#a6b0a9;gap:10px;margin-top:30px}.toast{position:fixed;bottom:27px;right:30px;z-index:100;background:#244e9b;color:#eff5ff;box-shadow:0 7px 25px #1b3f8030;border:1px solid #416bb2;border-radius:9px;padding:15px 18px;display:flex;align-items:center;gap:14px;font-size:12px;max-width:calc(100vw - 40px)}.toast>span{background:#ffffff16;width:22px;height:22px;display:grid;place-items:center;border-radius:50%}.toast button{background:none;border:0;color:#a9c4f0;font-size:18px}.modal-backdrop{position:fixed;inset:0;background:#142e5670;z-index:80;display:flex;align-items:center;justify-content:center;padding:25px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;width:640px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;box-shadow:0 20px 90px #14336b40;outline:0}.modal:has(.detail-list),.word-editor{height:min(90vh,900px)}.modal>form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.modal>.modal-body,.modal>form>.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal-header{padding:23px 27px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;background:#fff;z-index:2}.modal-header h2{font-size:20px;font-weight:550;margin:8px 0 0;letter-spacing:-.6px}.modal-header .eyebrow{font-size:8px}.modal-body{padding:25px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.form-field label{display:block;font-size:11px;color:#7289ad;margin-bottom:8px;font-weight:550}.form-field input,.form-field textarea,.form-field select{width:100%;font-size:12px}.form-field small{font-size:9px;color:#a2aaa3;display:block;line-height:1.8;margin-top:7px}.form-field input[type=file]{padding:10px;font-size:10px}.required{color:#b68673}.full-width{grid-column:1/-1}.modal-footer{padding:18px 27px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:10px;background:#fbfdff;flex:0 0 auto;z-index:2}.modal-footer button{font-size:11px}.modal-error{margin:17px 27px 0}.detail-list{display:grid;grid-template-columns:145px 1fr;gap:17px 15px;margin:0;font-size:12px}.detail-list dt{color:#96a6c0;font-size:11px;word-break:break-word}.detail-list dd{margin:0;white-space:pre-wrap;word-break:break-word;color:#6b84aa;line-height:1.8}.spacer{flex:1}.danger-text{border:0;background:none;color:#b37a6c;padding:8px}.content-hidden{background:#f1f3f6!important;color:#8892a0}.content-hidden .course-cover,.content-hidden>td:not(.right),.content-hidden .lesson-word-grid{filter:grayscale(1);opacity:.62}.danger{background:#b57868;color:#fff;border:1px solid #b57868;border-radius:7px;padding:10px 17px}.delete-body{font-size:12px;color:#8c9a93;line-height:1.9}.delete-body b{color:#5c7567}.delete-icon{width:45px;height:45px;display:grid;place-items:center;font-size:24px;color:#b88676;background:#fbf0eb;border-radius:50%;margin-bottom:20px}@media(min-width:1500px){main{padding:38px 48px 0}.course-cover{height:180px}.course-grid{gap:26px}.cover-type{font-size:53px;top:35px}.stat-card{padding:23px}.course-title{font-size:15px}.course-body>p{font-size:11px}}@media(max-width:1150px){.sidebar{width:215px;padding-left:13px;padding-right:13px}.main-area{margin-left:215px;width:calc(100% - 215px)}main{padding:27px 24px 0}.topbar{padding:0 24px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px}.sidebar-user{margin:0 -13px;padding:17px 13px}.stat-grid{gap:12px}.stat-card{padding:16px}.dashboard-columns{grid-template-columns:1fr}.quick-panel{display:grid;grid-template-columns:repeat(3,1fr)}.quick-panel .panel-heading{grid-column:1/-1}.quick-panel>a{padding:18px 15px}.quick-panel>a>span:last-child{display:none}.quick-panel>a small{line-height:1.8}.welcome-panel{padding:25px}.welcome-panel h2{font-size:21px}.welcome-art{width:175px}.demo-banner{padding-left:24px;padding-right:24px}.login-story,.login-form-side{padding:35px}.help-card{margin-left:3px;margin-right:3px}}@media(max-width:850px){.sidebar{width:195px}.main-area{margin-left:195px;width:calc(100% - 195px)}.workspace-label{padding:8px 5px}.workspace-label b{font-size:10px}.workspace-label>span:last-child{display:none}.sidebar .brand{font-size:24px;padding-left:6px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.welcome-art{display:none}.settings-grid{grid-template-columns:1fr}.course-grid{gap:13px;padding:17px}.course-body{padding:14px 13px 0}.course-title{font-size:12px}.cover-type{left:18px;font-size:37px}.course-cover{height:132px}.collection-top{padding:20px 17px}.filterbar,.pagination{padding:15px 17px}.pagination>span{max-width:125px;line-height:1.7}.pagination>div>label{display:none}.quick-panel{display:block}.bottom-note{flex-wrap:wrap}.bottom-note button{margin-left:42px}.main-footer{font-size:8px}.main-footer>span:last-child{display:none}.login-page{grid-template-columns:.85fr 1fr}.login-story,.login-form-side{padding:30px}.story-content h1{font-size:40px}.word-two{left:20px;min-width:210px}.word-one{left:-10px;min-width:210px}.word-card b{font-size:19px}.login-story footer span{display:none}.login-form-wrap h2{font-size:25px}.sidebar-user b{font-size:10px}.demo-banner{font-size:9px;line-height:1.7;flex-wrap:wrap}}@media(max-width:650px){.sidebar{transform:translate(-100%);transition:transform .2s;width:238px;padding-left:18px;padding-right:18px}.sidebar-open .sidebar{transform:translate(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#163c7b60;border:0;z-index:19}.main-area{margin-left:0;width:100%}.mobile-menu{display:inline-flex;margin-left:-8px}.topbar{height:60px;padding:0 18px}.topbar-right{gap:12px}.breadcrumb{gap:10px;font-size:10px}.topbar-divider{display:none}main{padding:25px 17px 0}.page-heading{margin-bottom:22px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px}.heading-actions{width:100%;justify-content:flex-end}.heading-actions .primary,.heading-actions .secondary{font-size:10px;padding:10px 12px}.welcome-panel{padding:24px 20px;min-height:196px}.welcome-panel h2{font-size:22px;line-height:1.5}.welcome-panel p{line-height:1.9;font-size:11px}.welcome-panel .eyebrow{font-size:7px}.stat-grid{gap:11px}.stat-card{padding:16px}.stat-card strong{font-size:25px}.stat-card p{font-size:10px}.stat-card small{font-size:8px}.dashboard-columns{gap:20px}.recent-row{padding:16px}.recent-row b{font-size:10px}.recent-row .badge{font-size:8px}.panel-heading{padding:20px 17px}.course-grid{grid-template-columns:1fr;padding:17px}.course-cover{height:170px}.cover-type{font-size:48px;top:32px;left:25px}.cover-caption{font-size:6px;left:25px}.cover-spark{right:30px;font-size:30px}.course-body{padding:18px 18px 0}.course-title{font-size:14px;min-height:auto}.course-body>p{height:auto;min-height:36px;font-size:11px}.course-meta{margin-bottom:14px}.course-card-footer{padding:13px 0}.course-card-footer>span{font-size:10px}.filterbar{gap:9px}.filterbar select{flex:1;min-width:120px;max-width:100%;font-size:10px}.search-input{max-width:none;width:100%;flex-basis:100%}.filterbar>input{width:100%}.collection-top h2{font-size:13px}.collection-top p{font-size:9px;max-width:240px}.pagination{font-size:9px;gap:10px}.pagination>div{gap:6px}.demo-banner{padding:8px 17px}.demo-banner>span{display:none}.demo-banner button{padding:0}.login-page{grid-template-columns:1fr}.login-story{padding:27px;min-height:240px}.login-story .brand{font-size:25px}.story-content{padding:24px 0 8px}.story-content>.eyebrow{font-size:7px;letter-spacing:1px}.story-content h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:13px 0}.story-content h1 br{display:none}.story-content>p,.word-orbit,.login-story footer{display:none}.login-form-side{padding:32px 27px 22px;min-height:610px}.login-form-wrap{max-width:420px}.login-form-wrap h2{font-size:27px}.login-bottom{margin-top:38px}.modal-backdrop{padding:12px}.modal{max-height:95vh}.modal-header{padding:20px}.modal-body{padding:22px 20px}.modal-footer{padding:16px 20px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.detail-list{grid-template-columns:105px 1fr;font-size:11px;gap:15px 12px}.modal-header h2{font-size:18px}.detail-footer .secondary{max-width:175px;font-size:10px}.settings-panel{padding:22px}.settings-panel dl{grid-template-columns:1fr;gap:10px}.settings-panel dd{margin-bottom:12px}.tabs{gap:21px}.toast{bottom:18px;right:18px;font-size:11px}.sidebar-user{margin:0 -18px;padding:17px 18px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}.heading-actions{flex-wrap:wrap}.sidebar{overflow-y:auto}.help-card{flex-shrink:0}:root{--green: #2864db;--green-dark: #1d51c0;--mint: #eaf1ff;--shadow: 0 8px 24px #244a8a0a, 0 2px 5px #244a8a05}body{background:radial-gradient(ellipse at 80% 5%,#eaf1ff 0,transparent 48%),#f3f6fc}.sidebar{border-right:1px solid #dfe7f5;box-shadow:4px 0 24px #294d8704}.topbar{background:#fffd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:#e1e9f6}.brand-symbol{background:linear-gradient(145deg,#4388f1,#245acf);box-shadow:0 4px 10px #2864db24}nav>a.active{background:linear-gradient(105deg,#e8f0ff,#f0f5ff);box-shadow:0 3px 8px #346fe00a;color:#2963d4}.panel,.collection-panel{border:1px solid #e2e9f6;box-shadow:0 8px 28px #254b8508,0 2px 5px #244a8a04;border-radius:16px}.stat-card{border:1px solid #e3ebf8;border-radius:16px;box-shadow:0 7px 20px #31599409,0 2px 4px #31599404;transition:transform .2s,box-shadow .2s,border-color .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #2d5ea019,0 4px 8px #31599408;border-color:#c8dafa}.course-grid{gap:24px;padding:26px}.course-card{background:#fff;border:1px solid #e3eafa;border-radius:16px;box-shadow:0 6px 16px #244a8a0a,0 2px 4px #244a8a05;transition:transform .22s,box-shadow .22s,border-color .22s}.course-card:hover{transform:translateY(-6px);border-color:#c5d7f6;box-shadow:0 18px 32px #315c9b1a,0 5px 10px #315c9b09}.course-cover{border-radius:0;height:165px;background-image:radial-gradient(circle at 85% 20%,#ffffff40,transparent 60%)}.course-body{padding:20px 20px 0}.course-card-footer{border-color:#eef2fa;padding:12px 0}.course-card-footer .icon-button{background:#edf3ff;color:#6790d1;border-radius:8px;width:30px;height:30px}.course-meta{margin-bottom:14px}.primary{background:linear-gradient(130deg,#3c7deb,#2862d6);border-color:#2862d6;box-shadow:0 5px 12px #2864db25;border-radius:9px;transition:transform .15s,box-shadow .15s}.primary:hover{background:linear-gradient(130deg,#326fe0,#2057c7);box-shadow:0 7px 16px #2864db36;transform:translateY(-1px)}.primary:disabled{transform:none}.secondary{box-shadow:0 2px 4px #244a8a04;border-color:#e0e8f6;border-radius:9px}.welcome-panel{background:linear-gradient(110deg,#e5efff,#edf4ff 65%,#e4eeff);border-color:#d9e6fc;border-radius:17px;box-shadow:0 8px 22px #3765a20a}.art-book{box-shadow:8px 12px #b1c7ef35,0 12px 24px #3e6bb728}.help-card{background:linear-gradient(135deg,#f2f6ff,#e9f1ff);border-color:#e0eafa;border-radius:13px}.heading-dot{color:#4e84e6}.badge{background:#ecf3ff;color:#6c8fcb}.badge.premium{background:#f1edff;color:#a18ac6}.badge.neutral{background:#f1f5fb;color:#8b9ebc}.visibility-text i{background:#81a8e7}.view-controls .selected{background:#eaf1ff;color:#487bd2}.green{background:#eaf2ff;color:#5488df}.blue{background:#eaf4ff;color:#75a2d3}.orange{background:#edf0ff;color:#8e9ed7}.purple{background:#f1edfc;color:#a092c6}.env-badge{color:#759bd0}.env-badge i{background:#82a9e7}.tone-0{background-color:#e4edff;color:#6e94d6}.tone-1{background-color:#e5f1ff;color:#80a9d8}.tone-2{background-color:#e8eaff;color:#9198d8}.tone-3{background-color:#e8eefb;color:#8399c8}.tone-4{background-color:#e4f2fb;color:#7ca6cb}.tone-5{background-color:#edf0fc;color:#97a4cf}.tabs button.active{border-color:#3973db;color:#3973db}.text-button:hover{color:#2864db}.info-note{background:#f0f5ff;color:#839abd}.inline-note{background:#f4f6fd;color:#8f9fbd}.settings-hero{background:#eaf1ff;color:#6f96da}.user-avatar{background:#e9effb;color:#8198bd;outline-color:#e3eaf5}.login-story{background:radial-gradient(ellipse at 0% 100%,#315ead 0,transparent 48%),linear-gradient(145deg,#173c7d,#244f98 72%,#1e4488)}.login-form-side{background:radial-gradient(ellipse at 100% 10%,#edf4ff80,transparent 70%),#fbfdff}.word-card{box-shadow:0 12px 28px #12367635;background:#ffffff0b}.login-submit{box-shadow:0 8px 20px #2864db26}.preview-button{background:#fff;box-shadow:0 3px 10px #264c8906}.modal{border-radius:18px;box-shadow:0 24px 90px #16396f45}.toast{background:#285bb6;border-color:#4273c9;box-shadow:0 8px 26px #244f9b28}@media(max-width:650px){.course-grid{padding:18px;gap:20px}.course-cover{height:170px}.heading-actions{justify-content:flex-start}.collection-panel,.panel,.stat-card{border-radius:14px}}@media(prefers-reduced-motion:reduce){.course-card:hover,.stat-card:hover,.primary:hover{transform:none}}.lesson-word-section{margin-bottom:26px}.lesson-word-section h3{font-size:15px;display:flex;gap:10px;align-items:center}.lesson-word-section .table-scroll{border:1px solid var(--border);border-radius:10px}.lesson-word-section td,.lesson-word-section th{padding:12px}.lesson-word-section td{white-space:normal}.word-editor-overlay{z-index:110}.word-picker-overlay{z-index:100}.word-editor,.word-picker{width:820px;height:min(90vh,900px)}.lesson-workbench{margin-bottom:24px}.lesson-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.lesson-overview-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;flex:0 0 auto}.lesson-overview-actions button{white-space:nowrap;padding:12px 16px;min-height:44px;border-radius:12px;font-size:12px;font-weight:650;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.lesson-overview-actions button:hover{transform:translateY(-1px)}.lesson-overview-actions .lesson-add-action{background:#326bd5;color:#fff;border:1px solid #326bd5;box-shadow:0 4px 10px #326bd526}.lesson-overview-actions .visibility-action{background:#c86a24;color:#fff;border:1px solid #b95e1d;box-shadow:0 4px 10px #c86a2429}.lesson-overview-actions .reward-action{background:#168575;color:#fff;border:1px solid #117666;box-shadow:0 4px 10px #16857529}.lesson-overview-actions .lesson-add-action:hover{background:#285cc0}.lesson-overview-actions .visibility-action:hover{background:#b65b1c;border-color:#a65017}.lesson-overview-actions .reward-action:hover{background:#106e60;border-color:#0e6356}.lesson-vip-toggle{padding:10px 14px;border:1px solid #d8e4f5;border-radius:10px;background:#eef4ff;color:#315d9c;font-size:12px;font-weight:650}.lesson-vip-toggle:hover:not(:disabled){background:#e1ecff;border-color:#bfd2f1}.lesson-vip-switch{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;gap:6px;min-width:68px;padding:5px 8px;border:1px solid #d8e0eb;border-radius:999px;background:#f1f4f8;color:#687991;font:inherit;font-size:9px;font-weight:750;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.lesson-vip-heading,.lesson-vip-cell{width:104px;text-align:center}.lesson-vip-cell .lesson-vip-switch{margin-left:0}.lesson-vip-switch-track{position:relative;width:25px;height:14px;flex:0 0 25px;border-radius:99px;background:#c3cbd7;transition:background .15s ease}.lesson-vip-switch-track>span{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #20324b40;transition:transform .15s ease}.lesson-vip-switch:hover:not(:disabled){border-color:#aebbd0}.lesson-vip-switch.active{border-color:#e6c56e;background:#fff5d6;color:#956510}.lesson-vip-switch.active .lesson-vip-switch-track{background:#e1ac38}.lesson-vip-switch.active .lesson-vip-switch-track>span{transform:translate(11px)}.lesson-vip-switch:disabled{opacity:.55;cursor:wait}.lesson-overview h3{font-size:23px;margin:8px 0 9px;letter-spacing:-.6px}.lesson-overview p{font-size:11px;color:#91a2bd;margin:0;overflow-wrap:anywhere}.lesson-overview .primary{flex-shrink:0;padding:13px 20px;font-size:13px;font-weight:650;box-shadow:0 8px 20px #3977dd38}.lesson-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lesson-vocab-card{border:1px solid #e0e9fa;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 5px 16px #315c9b0a}.vocab-visual{height:94px;position:relative;display:grid;place-items:center;background:linear-gradient(125deg,#e7efff,#eff5ff);overflow:hidden}.vocab-visual>span{font:42px Georgia,serif;color:#9cb6e2}.vocab-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.vocab-visual small{position:absolute;left:10px;top:10px;width:23px;height:23px;background:#ffffffd9;border-radius:7px;display:grid;place-items:center;color:#7e9dcc;font-size:10px;z-index:2}.vocab-card-content{padding:15px}.vocab-card-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.vocab-card-heading h4{margin:0;font-size:18px;overflow-wrap:anywhere;letter-spacing:-.2px;color:#2d528e}.vocab-card-content .phonetic{font-size:11px;margin:7px 0 13px}.vocab-meaning{font-size:12px;line-height:1.8;color:#748aab;margin-bottom:12px;min-height:40px}.vocab-example{font-size:10px;line-height:1.8;font-style:italic;color:#98a8c2;margin-bottom:13px}.vocab-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf2fb;padding-top:12px}.vocab-card-actions .secondary{font-size:10px;padding:7px 10px}.vocab-card-actions .danger-text{font-size:10px;padding:5px}.lesson-metadata{padding-top:20px;border-top:1px solid #edf2fb}.picker-search{display:flex;gap:12px;padding:20px 25px 14px}.picker-search .search-input{max-width:none}.picker-search input{width:100%;font-size:12px;padding-left:37px}.picker-search .primary{font-size:11px}.picker-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 25px 15px;font-size:11px;color:#91a2bd;border-bottom:1px solid #edf2fb}.picker-summary b{color:#487cce}.picker-summary .text-button{font-size:10px;color:#819ac4}.picker-results{flex:1 1 auto;min-height:200px;min-height:0;overflow:auto;overscroll-behavior:contain}.picker-row{display:flex;align-items:center;gap:14px;padding:17px 25px;border-bottom:1px solid #edf2fb;cursor:pointer;transition:background .15s}.picker-row:hover,.picker-row.is-chosen{background:#f2f6ff}.picker-row.is-existing{opacity:.6;cursor:default}.picker-row input{width:17px;height:17px;accent-color:#3975d9;flex-shrink:0}.picker-initial{width:36px;height:36px;border-radius:10px;background:#eaf1ff;display:grid;place-items:center;color:#91addc;font:21px Georgia,serif;flex-shrink:0}.picker-word{flex:1;min-width:0}.picker-word b{display:block;color:#486ba5;font-size:14px;overflow-wrap:anywhere}.picker-word small{display:block;color:#97a8c1;font-size:11px;margin-top:5px;line-height:1.7}.picker-row>.phonetic{font-size:11px;max-width:120px;overflow-wrap:anywhere}.picker-row>.badge{font-size:9px;flex-shrink:0}.picker-error{margin:12px 25px}.remove-word-dialog{width:450px}.remove-word-dialog p{font-size:12px;line-height:1.9;color:#879ab8}.remove-word-dialog h2{font-size:20px}.word-editor textarea{resize:vertical}.word-editor input[readonly]{background:#f4f7fc;color:#91a1bd}@media(min-width:900px){.modal:has(app-lesson-vocabulary){width:960px}.modal:has(app-lesson-vocabulary) .lesson-word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.lesson-word-grid{grid-template-columns:1fr}.vocab-visual{height:105px}.picker-row{padding:14px 16px;gap:10px}.picker-row>.phonetic{display:none}.picker-row>.badge{max-width:85px;font-size:8px}.picker-search{padding:17px 16px 12px}.picker-summary{padding:0 16px 13px}.lesson-overview{gap:10px;align-items:flex-start;flex-wrap:wrap}.lesson-overview-actions{justify-content:flex-start;width:100%;gap:8px}.lesson-overview-actions button{padding:10px 12px;font-size:10px}.lesson-overview h3{font-size:21px}.lesson-overview .primary{font-size:10px;padding:10px}.vocab-meaning{min-height:auto}.word-editor,.word-picker{max-height:94vh}}.lesson-vocab-card{display:flex;flex-direction:column}.lesson-vocab-card .vocab-visual{flex-shrink:0}.vocab-card-content{display:flex;flex-direction:column;flex:1}.vocab-card-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:6px;margin-top:auto}.vocab-card-content .vocab-example{margin-bottom:16px}.vocab-card-actions>button{width:100%;height:34px;min-height:34px;padding:7px 6px;border:1px solid transparent;border-radius:7px;font-size:10px;font-weight:600;white-space:nowrap;box-shadow:none}.vocab-card-actions>.secondary,.vocab-card-actions>.icon-button{background:#3268ce;border-color:#3268ce;color:#fff}.vocab-card-actions>.secondary:hover:not(:disabled),.vocab-card-actions>.icon-button:hover:not(:disabled){background:#2857af;border-color:#2857af}.vocab-card-actions>.danger-text{background:#fff0f1;color:#b23543;border-color:#f0c9ce}.vocab-card-actions>.danger-text:hover:not(:disabled){background:#fbe0e3;border-color:#e7aeb6}.lesson-overview-actions .reward-action{background:#3268ce;border-color:#2e60bd;box-shadow:0 3px 8px #3268ce1a}.lesson-overview-actions .reward-action:hover{background:#2857af;border-color:#2857af}.lesson-detail-actions>.danger-text{background:#fff0f1;border:1px solid #f0c9ce;color:#b23543;border-radius:8px;padding:10px 16px;font-weight:600}.lesson-detail-actions>.danger-text:hover:not(:disabled){background:#fbe0e3}.lesson-detail-actions .lesson-vip-toggle{background:#3268ce;color:#fff;border-color:#2e60bd;box-shadow:none}.lesson-detail-actions .lesson-vip-toggle:hover:not(:disabled){background:#2857af;border-color:#2857af}.modal.lesson-theme{color:#243e55}.modal.lesson-theme .modal-header,.modal.lesson-theme .modal-footer{border-color:#e1edf7}.modal.lesson-theme .modal-footer{background:#fff;padding-top:16px;padding-bottom:16px}.modal.lesson-theme .lesson-overview{align-items:flex-start;gap:24px}.modal.lesson-theme .lesson-overview-actions{gap:8px}.modal.lesson-theme .lesson-overview-actions button,.modal.lesson-theme .modal-footer button{border-radius:8px;min-height:40px;padding:10px 14px;font-weight:600;box-shadow:none;transform:none}.modal.lesson-theme .primary,.modal.lesson-theme .lesson-overview-actions .lesson-add-action,.modal.lesson-theme .vocab-card-actions>.icon-button{background:linear-gradient(130deg,#3c7deb,#2862d6);border-color:#2862d6;color:#fff;box-shadow:0 5px 12px #2864db25}.modal.lesson-theme .primary:hover:not(:disabled),.modal.lesson-theme .lesson-overview-actions .lesson-add-action:hover:not(:disabled),.modal.lesson-theme .vocab-card-actions>.icon-button:hover:not(:disabled){background:linear-gradient(130deg,#326fe0,#2057c7);border-color:#2057c7}.modal.lesson-theme .lesson-overview-actions .reward-action,.modal.lesson-theme .lesson-vip-toggle{background:#edf3ff;border-color:#cbdcff;color:#2862d6;box-shadow:none}.modal.lesson-theme .lesson-overview-actions .reward-action:hover:not(:disabled),.modal.lesson-theme .lesson-vip-toggle:hover:not(:disabled){background:#d2eafa;border-color:#9cc9e8}.modal.lesson-theme .lesson-overview-actions .visibility-action{background:#fff;border-color:#bfd8eb;color:#3866a8;box-shadow:none}.modal.lesson-theme .lesson-overview-actions .visibility-action:hover:not(:disabled){background:#eff7fd;border-color:#9fc7e3}.modal.lesson-theme .lesson-vocab-card{display:flex;flex-direction:column;border-radius:11px;border-color:#dceaf5;background:#fff;box-shadow:none}.modal.lesson-theme .vocab-card-content{display:flex;flex-direction:column;flex:1;padding:16px}.modal.lesson-theme .vocab-card-heading h4{color:#24577d;font-size:17px;font-weight:650}.modal.lesson-theme .vocab-card-heading .badge{border:1px solid #dcebf6;background:#f0f7fc;color:#5783a3;border-radius:5px}.modal.lesson-theme .vocab-meaning{color:#5a7184;font-size:12px;line-height:1.75}.modal.lesson-theme .vocab-example{color:#7c91a2;font-size:11px;line-height:1.7;margin-bottom:16px}.modal.lesson-theme .phonetic,.modal.lesson-theme .lesson-overview>div>p{color:#7b94a8}.modal.lesson-theme .vocab-visual{background:#edf6fc;flex-shrink:0}.modal.lesson-theme .vocab-card-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:7px;margin-top:auto;padding-top:13px;border-color:#e8f0f7}.modal.lesson-theme .vocab-card-actions>button{width:100%;height:35px;min-height:35px;padding:7px 6px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:none}.modal.lesson-theme .vocab-card-actions>.secondary{background:#edf3ff;color:#2862d6;border-color:#cbdcff}.modal.lesson-theme .vocab-card-actions>.secondary:hover:not(:disabled){background:#deeffb;color:#206a99;border-color:#a6cfe9}.modal.lesson-theme .vocab-card-actions>.danger-text,.modal.lesson-theme .lesson-detail-actions>.danger-text{background:#fff;color:#768795;border:1px solid #dce5ec;box-shadow:none}.modal.lesson-theme .vocab-card-actions>.danger-text:hover:not(:disabled),.modal.lesson-theme .lesson-detail-actions>.danger-text:hover:not(:disabled){background:#f2f6f9;border-color:#c1d2df;color:#536d80}.account-growth{display:flex;align-items:center;gap:6px;margin-top:13px;font-size:11px;color:#7d8c9f}.account-growth b{font-size:16px;line-height:1}.account-growth.up{color:#278267}.account-growth.down{color:#bd515b}.welcome-panel{min-height:132px;padding:18px 24px;margin-bottom:18px}.welcome-panel h2{font-size:21px;margin:7px 0}.welcome-panel p{font-size:11px;margin-bottom:12px}.welcome-panel .eyebrow{font-size:8px}@media(min-width:851px){.welcome-panel>div:first-child{padding-right:150px}.welcome-art{position:absolute;right:4px;top:50%;height:150px;margin-top:-75px;transform:scale(.6);transform-origin:right center}}@media(max-width:650px){.welcome-panel{min-height:auto;padding:16px 18px}.welcome-panel h2{font-size:19px}}*{scrollbar-width:thin;scrollbar-color:#bbc7d7 transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#bbc7d7;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#93a6bf}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-corner{background:transparent}.user-avatar{overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}body button.web-back-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;align-self:flex-start;width:max-content;max-width:100%;min-width:0;min-height:46px;box-sizing:border-box;padding:11px 17px;border:1px solid #c8dfef;border-radius:13px;background:#fff;color:#347cae;box-shadow:0 2px #e0edf6;font-family:inherit;font-size:14px;font-weight:750;line-height:1.5;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}body button.web-back-button:before{content:"";display:block;flex:0 0 18px;width:18px;height:18px;background:currentColor;clip-path:polygon(43% 15%,50% 22%,27% 45%,91% 45%,91% 55%,27% 55%,50% 78%,43% 85%,8% 50%)}body button.web-back-button:hover:not(:disabled){background:#edf7ff;border-color:#91c4e7;color:#226b9f;box-shadow:0 3px 8px #347cae12}body button.web-back-button:active:not(:disabled){background:#e2f1fc;box-shadow:none}body button.web-back-button:focus-visible{outline:3px solid #73b6e5;outline-offset:3px}body button.web-back-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){body button.web-back-button{min-height:44px;padding:10px 14px;font-size:13px;gap:8px}}@media(prefers-reduced-motion:reduce){body button.web-back-button{transition:none}}