@import url('/original-fonts.css');
@font-face{font-family:Instrument;src:url('/assets/instrument-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#0a0a0a;color:#f4f4f5;font-family:Instrument,Arial,sans-serif;font-size:16px}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #16bd91;outline-offset:4px}[hidden]{display:none!important}.preview-note{background:#182322;color:#a0c3b8;min-height:30px;padding:7px 24px;font-size:11px;letter-spacing:.08em}.preview-note a{float:right;text-decoration:underline}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:linear-gradient(90deg,#222a2c90,#11232140 45%,#282c2e90),url('/assets/5394c82982ed637de4d3.png') center/cover}.back{border-radius:50%;background:#22272b;width:56px;height:56px;display:grid;place-items:center;font-size:32px;color:#9ca4af}.search{display:flex;align-items:center;background:#202528;border-radius:40px;width:370px;height:56px;gap:12px}.search span{display:grid;place-items:center;border-radius:50%;background:white;color:#79818d;width:56px;height:56px;flex-shrink:0;font-size:35px}.search input{background:none;border:0;color:white;min-width:0;width:100%;padding-right:18px;font-size:14px;outline:none}.search input::placeholder{color:#9ba3ad}main{padding:16px 24px 48px;max-width:1920px;margin:auto}.content-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{font-weight:400;font-size:30px;margin:0}.layout-switch{display:flex;border:1px solid #28313a;border-radius:8px;overflow:hidden}.layout-switch button{border:0;background:none;color:#b4bbc3;padding:8px 12px;font-size:22px}.layout-switch button[aria-pressed=true]{background:#202b39;color:white}.module{border-bottom:1px solid #252b33;padding:18px 0}.module-heading{display:flex;align-items:center;width:100%;background:none;border:0;color:inherit;text-align:left;padding:0;gap:18px}.module-number{color:#303d4d;font-size:30px;width:14px;flex-shrink:0}.module-label{display:grid;gap:3px}.module-label strong{font-size:20px;font-weight:500}.module-progress{color:#0ebf93;font-size:14px}.chevron{margin-left:auto;color:#8c96a3}.lesson-list{margin-top:24px;display:grid;gap:20px}.lesson-link{display:flex;align-items:center;gap:14px;padding:0;border:0;color:white;text-align:left;background:none;width:100%}.lesson-link:before{content:'›';width:18px;color:#ddd}.file-icon{display:grid;place-items:center;background:#202c3a;color:#959eaa;border-radius:16px;width:90px;height:90px;font-size:32px;flex-shrink:0}.lesson-link strong{font-size:18px;font-weight:500}.completion{margin-left:auto;color:#0dbb8a;min-width:24px}.locked-label{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;color:#aab3bf;line-height:1.6}.locked-label svg{width:20px;fill:currentColor}.locked-label b{color:#e4e7ec;display:block;font-weight:600}.locked .module-label,.locked .chevron{color:#344254}.locked .module-progress{color:#344254}.locked .module-heading{cursor:default}.modules-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.modules-cards .module{background:#111719;border:1px solid #28313a;border-radius:12px;padding:24px}.text-button{padding:0;border:0;background:none;color:#aab4bc;margin:8px 0 24px}.lesson-file{display:flex;align-items:center;gap:20px;background:#13191e;border:1px solid #29313c;border-radius:14px;padding:20px;margin:28px 0 20px}.lesson-file strong{font-weight:500}.lesson-file p{color:#99a4b1}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:12px 18px;border:1px solid #34424d;white-space:nowrap}.primary{background:#10a879;color:white;border-color:#10a879;margin-left:auto}.secondary{background:#1f2933;color:white}#complete{margin-top:24px}#reader{border:1px solid #303a46;border-radius:10px;overflow:hidden;background:#151b20}.reader-tools{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px;background:#222b35}.reader-tools button{border:1px solid #46515e;background:#303c4a;color:white;border-radius:6px;min-width:34px;height:34px}.reader-tools label{font-size:14px}.reader-tools input{width:55px;background:#101820;color:white;border:1px solid #526172;border-radius:4px;padding:6px}.canvas-container{overflow:auto;padding:16px;max-height:80vh;text-align:center}canvas{display:block;margin:auto;max-width:none;background:white}#reader-status{color:#aab7c6;text-align:center;font-size:14px}#reader-status:empty{display:none}#notice{position:fixed;bottom:20px;left:20px;right:20px;background:#21312f;border:1px solid #1e6a56;padding:16px;border-radius:10px;z-index:100}.login-preview-link{display:block;margin:20px 0 0;text-align:center;color:#a9c8c0;font-size:13px}.login-message{color:#b8c5cb;font-size:13px;margin-top:12px}.login-label{position:absolute;top:14px;left:0;right:0;text-align:center;font-size:11px;color:#94b8ad;letter-spacing:.08em}@media(max-width:700px){.preview-note{padding:8px 16px}.preview-note span{display:none}.topbar{padding:8px 16px;gap:14px;height:78px}.back{width:44px;height:44px;flex-shrink:0}.search{height:46px;flex:1;width:auto}.search span{height:46px;width:46px}.search input{font-size:12px;padding-right:10px}main{padding:18px 16px 32px}h1{font-size:27px}.module-heading{gap:14px}.module-label strong{font-size:17px}.file-icon{width:64px;height:64px;border-radius:14px;font-size:27px}.lesson-link{gap:9px}.lesson-link strong{font-size:15px}.lesson-link:before{width:8px}.lesson-file{flex-wrap:wrap;padding:16px;gap:12px}.lesson-file .file-icon{display:none}.lesson-file>div:nth-child(2){width:100%}.lesson-file .primary{margin-left:0}.lesson-file .primary,.lesson-file .secondary{flex:1;font-size:14px;padding:12px}.reader-tools{gap:8px}.modules-cards{grid-template-columns:1fr}.locked-label{font-size:12px}}

.title-icon{width:20px;height:20px;display:inline-block;vertical-align:-3px;margin-left:3px}

body{font-family:Roboto,Arial,sans-serif}h1{font-family:'Roboto Condensed',Arial,sans-serif}.module-label strong,.lesson-link strong{font-family:'Roboto Slab',Georgia,serif}