body,html{margin:0;padding:0;background:#08080c;color:#f1f1f5;font-family:Rubik,Helvetica,Arial,sans-serif}*{box-sizing:border-box}a{color:#ff3b4e;text-decoration:none;transition:color .15s ease}a:hover{color:#ff6d7b}button,input,select,textarea{font-family:inherit}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#ff3b4e!important;box-shadow:0 0 0 3px rgba(255,59,78,.15)}button{cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#24242f;border-radius:8px}::-webkit-scrollbar-track{background:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-enter{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1)}.card{background:#0d0d12;border:1px solid #1a1a22;border-radius:14px;padding:20px;overflow-wrap:anywhere;word-break:break-word;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card.hoverable:hover,a.card:hover{transform:translateY(-3px);border-color:rgba(255,59,78,.3);box-shadow:0 12px 28px rgba(0,0,0,.4)}.btn-primary{border:none;cursor:pointer;padding:12px 18px;border-radius:11px;background:linear-gradient(140deg,#ff3b4e,#d81430);color:#fff;font-size:14px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,59,78,.35);filter:brightness(1.06)}.btn-primary:active:not(:disabled){transform:translateY(0);filter:brightness(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid #24242f;cursor:pointer;padding:11px 16px;border-radius:11px;background:#14141c;color:#e2e2ea;font-size:14px;font-weight:500;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.btn-secondary:hover{background:#1a1a24;border-color:#33333f}.btn-secondary:active{transform:translateY(1px)}.mono{font-family:JetBrains Mono,monospace}.nav-link{display:block;padding:11px;border-radius:11px;font-size:14px;font-weight:500;color:#9a9aad;background:transparent;transition:background-color .15s ease,color .15s ease,padding-left .15s ease}.nav-link:hover{background:hsla(0,0%,100%,.05);color:#e2e2ea;padding-left:14px}.nav-link.active{background:rgba(255,59,78,.12);color:#ff8b97}.nav-link.active:hover{background:rgba(255,59,78,.18);padding-left:11px}.quiz-progress-track{height:6px;border-radius:999px;background:#14141c;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#ff3b4e,#ff6d7b);border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1)}.quiz-question-card{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1)}.quiz-option{text-align:left;padding:13px 16px;border-radius:12px;border:1px solid #1e1e28;background:#101017;color:#e2e2ea;font-size:14px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.quiz-option:hover{border-color:#33333f;background:#14141c}.quiz-option.selected{border-color:#ff3b4e;background:rgba(255,59,78,.1);color:#fff}.quiz-option:active{transform:scale(.99)}.toast-in{animation:fadeInUp .25s ease}.app-shell{display:flex;min-height:100vh;background:#08080c}.app-sidebar{width:252px;flex:0 0 252px;background:#0d0d12;border-right:1px solid #1a1a22;padding:18px 14px;display:flex;flex-direction:column;gap:22px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;transition:transform .25s ease;z-index:60}.app-overlay,.app-topbar{display:none}.app-main-inner{max-width:1200px;margin:0 auto;width:100%}@media (max-width:860px){.app-shell{display:block}.app-sidebar{position:fixed;top:0;left:0;width:80vw;max-width:300px;height:100vh;transform:translateX(-100%);box-shadow:20px 0 50px rgba(0,0,0,.55)}.app-sidebar.open{transform:translateX(0)}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0d0d12;border-bottom:1px solid #1a1a22;position:-webkit-sticky;position:sticky;top:0;z-index:40}.app-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:55;animation:fadeIn .2s ease}.app-overlay.open{display:block}.app-main{padding:20px 16px!important}.admin-split,.lesson-layout{grid-template-columns:1fr!important}.lesson-layout aside{position:static!important;max-height:none!important}}.hamburger-btn{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid #24242f;background:#14141c;color:#e2e2ea;font-size:17px;transition:background-color .15s ease,border-color .15s ease}.hamburger-btn:hover{background:#1a1a24;border-color:#33333f}.lesson-layout{grid-template-columns:1fr 280px;grid-gap:32px;gap:32px}.admin-split,.lesson-layout{display:grid;align-items:start}.admin-split{grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px}.rich-text h2{font-size:20px;font-weight:700;margin:22px 0 10px;color:#f1f1f5}.rich-text h2:first-child{margin-top:0}.rich-text h3{font-size:17px;margin:18px 0 8px}.rich-text h3,.rich-text h4{font-weight:700;color:#f1f1f5}.rich-text h4{font-size:15px;margin:16px 0 8px}.rich-text p{margin:0 0 14px;line-height:1.75;color:#d4d4dc}.rich-text ol,.rich-text ul{margin:0 0 14px;padding-left:22px;color:#d4d4dc;line-height:1.8}.rich-text li{margin-bottom:4px}.rich-text blockquote{margin:0 0 14px;padding:10px 16px;border-left:3px solid #ff3b4e;background:rgba(255,59,78,.06);border-radius:0 10px 10px 0;color:#e2e2ea}.rich-text a{text-decoration:underline}.rich-text mark{background:#fbbf24;color:#08080c;border-radius:3px;padding:0 2px}.rich-text strong{color:#fff}.rich-text code{background:#08080c;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.9em}.rich-text pre{background:#08080c;padding:14px;border-radius:10px;overflow-x:auto;border:1px solid #1a1a22}.rich-text pre code{background:none;padding:0}.rich-text hr{border:none;border-top:1px solid #1a1a22;margin:20px 0}.rich-text>:last-child{margin-bottom:0!important}.rte-wrapper{border:1px solid #24242f;border-radius:12px;overflow:hidden;background:#101017}.rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;border-bottom:1px solid #1e1e28;background:#14141c}.rte-btn{min-width:30px;height:30px;padding:0 8px;border-radius:7px;border:1px solid transparent;background:transparent;color:#9a9aad;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.rte-btn:hover{background:#1c1c26;color:#e2e2ea}.rte-btn.active{background:rgba(255,59,78,.15);color:#ff8b97}.rte-sep{width:1px;align-self:stretch;background:#24242f;margin:4px 2px}.rte-color-dot{width:20px;height:20px;border-radius:50%;border:1px solid hsla(0,0%,100%,.15);cursor:pointer;flex-shrink:0;transition:transform .15s ease}.rte-color-dot:hover{transform:scale(1.15)}.rte-content{min-height:220px;padding:16px;outline:none}.rte-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#5c5c6e;float:left;pointer-events:none;height:0}