:root{--primary-color: #ba323d;--primary-color-dark: #a02b36;--secondary-color: #ba323d;--secondary-color-light: #ba323d;--secondary-color-lighter: #ba323d;--accent-color: #000;--accent-color-dark: #131313;--accent-color-darker: #212121;--text-primary: #000;--text-secondary: #666;--border-light: #e0e0e0;--background-light: #f8f9fa;--background-lighter: #e9ecef;--white: #ffffff;--shadow-light: rgba(0, 0, 0, .08);--shadow-medium: rgba(0, 0, 0, .15)}.landing-page{min-height:calc(100vh - 60px);background:linear-gradient(135deg,var(--background-light) 0%,var(--background-lighter) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem 2rem;position:relative;overflow:hidden}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(0,167,225,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(186,50,61,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.02) 0%,transparent 50%);pointer-events:none}.landing-content{max-width:800px;width:100%;text-align:center;position:relative;z-index:1}.landing-hero{margin-bottom:4rem}.landing-title{font-size:3.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em;line-height:1.1}.landing-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.landing-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.landing-action-card{background:var(--white);border-radius:16px;padding:2.5rem 2rem;box-shadow:0 4px 20px var(--shadow-light);border:1px solid rgba(0,167,225,.15);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.landing-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-dark));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.landing-action-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px var(--shadow-medium);border-color:#00a7e14d}.landing-action-card:hover:before{transform:scaleX(1)}.landing-action-card:active{transform:translateY(-4px)}.action-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-color-light));border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:2rem;box-shadow:0 8px 24px #0000004d;transition:all .3s ease}.landing-action-card:hover .action-icon{transform:scale(1.1);box-shadow:0 12px 32px #0006}.action-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.action-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.action-button{background:linear-gradient(135deg,var(--accent-color),var(--accent-color-dark));color:var(--white);border:none;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00a7e14d;width:100%}.action-button:hover{background:linear-gradient(135deg,var(--accent-color-dark),var(--accent-color-darker));transform:translateY(-2px);box-shadow:0 6px 20px #00a7e166}.action-button:active{transform:translateY(0)}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--border-light)}.feature-item{text-align:center;padding:1.5rem 1rem}.feature-icon{width:48px;height:48px;margin:0 auto 1rem;background:linear-gradient(135deg,#00a7e11a,#00a7e10d);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:1.25rem}.feature-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.feature-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.125rem}.landing-actions{grid-template-columns:1fr;gap:1.5rem}.landing-action-card{padding:2rem 1.5rem}.action-icon{width:64px;height:64px;font-size:1.5rem}.landing-features{grid-template-columns:1fr;gap:1rem}}.landing-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.app-grid{display:grid;grid-template-columns:240px 1fr 300px;gap:1rem;padding:1rem 0;height:100vh}.app-nav{border-right:1px solid #ddd;padding:1rem;overflow-y:auto}.app-main{padding:1rem 2rem;overflow-y:auto}.toggle-group button{margin-right:.5rem}.preview-iframe{width:100%;height:calc(100vh - 240px);border:1px solid #ccc}.app-aside{border-left:1px solid #ddd;overflow:auto}.templates-iframe{width:100%;height:100%;border:none}.app-title{color:#fff!important;font-size:1.75rem!important;font-weight:600!important;letter-spacing:1px!important;margin:0}.file-menu{position:relative;margin-bottom:1rem}.file-menu summary{list-style:none;cursor:pointer;padding:.5rem 1rem;background:#eee;border:1px solid #ccc;border-radius:4px}.file-menu[open] summary{background:#ddd}.file-menu details ul{position:absolute;top:100%;left:0;margin:0;padding:.5rem 0;background:#fff;border:1px solid #ccc;border-radius:4px;list-style:none;width:200px;box-shadow:0 2px 6px #0000001a;z-index:10}.file-menu details li{margin:0}.file-menu details button{display:block;width:100%;border:none;background:none;padding:.5rem 1rem;text-align:left;cursor:pointer}.file-menu details button:hover{background:#f0f0f0}.question-btn{padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;border:1px solid;font-family:inherit;text-decoration:none;outline:none}.question-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.question-btn:active{transform:translateY(0)}.question-btn:focus{box-shadow:0 0 0 2px #80bc004d}.question-btn-primary{background:#80bc00;border-color:#80bc00;color:#fff}.question-btn-primary:hover{background:#6da000;border-color:#6da000}.question-btn-secondary{background:#fff;border-color:#666;color:#666}.question-btn-secondary:hover{background:#f8f9fa;border-color:#555;color:#555}.question-btn-disabled{background:#fff;border-color:#ccc;color:#ccc;cursor:not-allowed}.question-btn-disabled:hover{transform:none;box-shadow:none;background:#fff;border-color:#ccc;color:#ccc}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:150000;pointer-events:none}.tutorial-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;pointer-events:all;z-index:50001}.tutorial-popup{position:fixed!important;background:#fff;border-radius:12px;padding:24px;max-width:400px;box-shadow:0 8px 32px #0003;pointer-events:all;z-index:999999!important;isolation:isolate}.tutorial-popup.center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-popup.right{top:20%;left:320px;max-width:350px}.tutorial-popup.left{top:20%;right:360px;max-width:350px}.tutorial-popup.bottom{top:80px;left:50%;transform:translate(-50%);max-width:400px}.tutorial-popup.top{bottom:100px;left:50%;transform:translate(-50%);max-width:400px}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tutorial-header h3{margin:0;color:#d72f3a;font-size:1.3rem}.tutorial-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;width:24px;height:24px}.tutorial-close:hover{color:#d72f3a}.tutorial-content p{margin:0 0 20px;line-height:1.5;color:#495057}.tutorial-progress{margin:20px 0}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#d72f3a;transition:width .3s ease}.progress-text{font-size:.9rem;color:#6c757d;text-align:center;display:block}.tutorial-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.navigation-controls{display:flex;gap:12px}.tutorial-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem}.tutorial-btn.primary{background:#d72f3a;color:#fff}.tutorial-btn.primary:hover:not(:disabled){background:#b02731}.tutorial-btn.secondary{background:transparent;color:#6c757d;border:1px solid #dee2e6}.tutorial-btn.secondary:hover:not(:disabled){background:#f8f9fa;color:#495057}.tutorial-btn:disabled{opacity:.5;cursor:not-allowed}.tutorial-keyboard-hint{text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid #e9ecef}.tutorial-keyboard-hint small{color:#6c757d;font-size:.8rem}.tutorial-highlight{position:relative;z-index:50002!important;box-shadow:0 0 0 4px #ffc600e6,0 0 0 8px #ffc60099,0 0 20px #ffc600cc,0 4px 20px #0000004d!important;border-radius:8px!important;transition:all .3s ease}.tutorial-highlight:before{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border:3px solid #FFC600;border-radius:12px;pointer-events:none;animation:tutorialPulse 2s infinite;z-index:1}@keyframes tutorialPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.tutorial-popup{max-width:90vw;left:5vw!important;right:5vw!important;transform:none!important}.tutorial-popup.center{top:50%;transform:translateY(-50%)}.tutorial-popup.right,.tutorial-popup.left{left:5vw!important;right:5vw!important;top:20%;transform:none}.tutorial-controls{flex-direction:column;gap:12px;align-items:stretch}.navigation-controls{justify-content:space-between}}.text-red{color:red}.text-blue{color:#00f}:root{--clr-font: #212121;--clr-primary: #212121;--clr-secondary: #434343;--clr-tertiary: #d6d9db;--clr-inst: rgb(0, 158, 15);--clr-id: rgb(13, 144, 183);--clr-dev: rgb(255, 0, 255);--clr-light-grey: #aaa;--clr-accent: #dd2938;--clr-accent-light: #dd293826;--clr-accent-10: rgba(221, 41, 56, .2);--clr-accent-2: #bfdfe8;--clr-select: #bc222f;--clr-highlight: #c3f2f3;--clr-button-hover: #992e30;--clr-white: #fff;--clr-background: #fdfdfd;--clr-boarder: #e9e9e9;--clr-lesson: #ff0794;--clr-self: #b680d6;--clr-self-reflection: #00ad7c;--clr-reflection: #ffe600;--clr-final: #73a800;--clr-case: #212121;--clr-knowledge: #fbaf00;--clr-journal: #0eddd9;--clr-quiz: #7c00a8;--clr-activity: #252525;--clr-assignment: #75c2e9;--clr-discInfo: #f56d32;--clr-mastery: #1d4e89;--clr-food: #ec6aab;--clr-think-about: #f5e20f;--clr-pause: #116a73;--clr-survey: #7635bb;--clr-course: #83530c;--clr-puzzle: #2e602f;--clr-formula: #a0215a;--clr-reminder: #2f4eac;--clr-conditional: #a86ab9;--clr-assessment: #459ced;--clr-practice: #fe6448;--clr-red: #e40c2b;--clr-copy: #131313;--clr-alert: #fe3e28;--clr-success: #99cc33;--clr-info: #5594f1;--clr-warning: #ffcc00;--clr-off-white: #f7f4e9;--clr-table-yellow: #fcf4a8;--clr-table-orange: #fca580;--clr-yellow-light: #fded5e;--clr-yellow: #fbaf00;--clr-yellow-dark: #83530c;--clr-green-light: #83e1ac;--clr-green: #73a800;--clr-green-dark: #2e602f;--clr-black: #212121;--clr-blue-light: #d9ecf6;--clr-blue: #459ced;--clr-blue-dark: #1d4e89;--clr-orange-light: #ca8216;--clr-orange: #f56d32;--clr-orange-dark: #fe6448;--clr-pink-light: #ffb6c1;--clr-pink: #ff0794;--clr-pink-dark: #a0215a;--clr-purple-light: #b680d6;--clr-purple: #7635bb;--clr-purple-dark: #7c00a8;--clr-peach: #f6b89e;--clr-note-bg: #d9ecf6;--clr-note-text: #0d48a0;--clr-note-line: #5594f1;--clr-alert-bg: #fddfdf;--clr-alert-text: #8c2318;--clr-alert-line: #fe3e28;--clr-warning-bg: #fdf7df;--clr-warning-text: #5d460e;--clr-warning-line: #ffcc00;--clr-success-bg: #e1fddf;--clr-success-text: #455819;--clr-success-line: #99cc33;--clr-tab-bg: #f5f3f3;--clr-btn1: #438945;--clr-btn2: #c38322;--clr-btn3: #477ea0;--clr-btn4: #31a2af;--clr-link-visited: #a5c300}.clr-txt-font{color:var(--clr-font)}.clr-txt-primary{color:var(--clr-primary)}.clr-txt-secondary{color:var(--clr-secondary)}.clr-txt-tertiary{color:var(--clr-tertiary)}.clr-txt-inst{color:var(--clr-inst)}.clr-txt-id{color:var(--clr-id)}.clr-txt-dev{color:var(--clr-dev)}.clr-txt-light-grey{color:var(--clr-light-grey)}.clr-txt-accent{color:var(--clr-accent)}.clr-txt-accent-light{color:var(--clr-accent-light)}.clr-txt-accent-10{color:var(--clr-accent-10)}.clr-txt-accent-2{color:var(--clr-accent-2)}.clr-txt-select{color:var(--clr-select)}.clr-txt-highlight{color:var(--clr-highlight)}.clr-txt-button-hover{color:var(--clr-button-hover)}.clr-txt-white{color:var(--clr-white)}.clr-txt-background{color:var(--clr-background)}.clr-txt-boarder{color:var(--clr-boarder)}.clr-txt-lesson{color:var(--clr-lesson)}.clr-txt-self{color:var(--clr-self)}.clr-txt-self-reflection{color:var(--clr-self-reflection)}.clr-txt-reflection{color:var(--clr-reflection)}.clr-txt-final{color:var(--clr-final)}.clr-txt-case{color:var(--clr-case)}.clr-txt-knowledge{color:var(--clr-knowledge)}.clr-txt-journal{color:var(--clr-journal)}.clr-txt-quiz{color:var(--clr-quiz)}.clr-txt-activity{color:var(--clr-activity)}.clr-txt-assignment{color:var(--clr-assignment)}.clr-txt-discInfo{color:var(--clr-discInfo)}.clr-txt-mastery{color:var(--clr-mastery)}.clr-txt-food{color:var(--clr-food)}.clr-txt-think-about{color:var(--clr-think-about)}.clr-txt-pause{color:var(--clr-pause)}.clr-txt-survey{color:var(--clr-survey)}.clr-txt-course{color:var(--clr-course)}.clr-txt-puzzle{color:var(--clr-puzzle)}.clr-txt-formula{color:var(--clr-formula)}.clr-txt-reminder{color:var(--clr-reminder)}.clr-txt-conditional{color:var(--clr-conditional)}.clr-txt-assessment{color:var(--clr-assessment)}.clr-txt-practice{color:var(--clr-practice)}.clr-txt-red{color:var(--clr-red)}.clr-txt-copy{color:var(--clr-copy)}.clr-txt-alert{color:var(--clr-alert)}.clr-txt-success{color:var(--clr-success)}.clr-txt-info{color:var(--clr-info)}.clr-txt-warning{color:var(--clr-warning)}.clr-txt-off-white{color:var(--clr-off-white)}.clr-txt-table-yellow{color:var(--clr-table-yellow)}.clr-txt-table-orange{color:var(--clr-table-orange)}.clr-txt-yellow-light{color:var(--clr-yellow-light)}.clr-txt-yellow{color:var(--clr-yellow)}.clr-txt-yellow-dark{color:var(--clr-yellow-dark)}.clr-txt-green-light{color:var(--clr-green-light)}.clr-txt-green{color:var(--clr-green)}.clr-txt-green-dark{color:var(--clr-green-dark)}.clr-txt-black{color:var(--clr-black)}.clr-txt-blue-light{color:var(--clr-blue-light)}.clr-txt-blue{color:var(--clr-blue)}.clr-txt-blue-dark{color:var(--clr-blue-dark)}.clr-txt-orange-light{color:var(--clr-orange-light)}.clr-txt-orange{color:var(--clr-orange)}.clr-txt-orange-dark{color:var(--clr-orange-dark)}.clr-txt-pink-light{color:var(--clr-pink-light)}.clr-txt-pink{color:var(--clr-pink)}.clr-txt-pink-dark{color:var(--clr-pink-dark)}.clr-txt-purple-light{color:var(--clr-purple-light)}.clr-txt-purple{color:var(--clr-purple)}.clr-txt-purple-dark{color:var(--clr-purple-dark)}.clr-txt-peach{color:var(--clr-peach)}.clr-txt-note-bg{color:var(--clr-note-bg)}.clr-txt-note-text{color:var(--clr-note-text)}.clr-txt-note-line{color:var(--clr-note-line)}.clr-txt-alert-bg{color:var(--clr-alert-bg)}.clr-txt-alert-text{color:var(--clr-alert-text)}.clr-txt-alert-line{color:var(--clr-alert-line)}.clr-txt-warning-bg{color:var(--clr-warning-bg)}.clr-txt-warning-text{color:var(--clr-warning-text)}.clr-txt-warning-line{color:var(--clr-warning-line)}.clr-txt-success-bg{color:var(--clr-success-bg)}.clr-txt-success-text{color:var(--clr-success-text)}.clr-txt-success-line{color:var(--clr-success-line)}.clr-txt-tab-bg{color:var(--clr-tab-bg)}.clr-txt-btn1{color:var(--clr-btn1)}.clr-txt-btn2{color:var(--clr-btn2)}.clr-txt-btn3{color:var(--clr-btn3)}.clr-txt-btn4{color:var(--clr-btn4)}.clr-txt-link-visited{color:var(--clr-link-visited)}.clr-bg-font{background-color:var(--clr-font)}.clr-bg-primary{background-color:var(--clr-primary)}body{max-width:none!important;margin:0;padding:0}.app-shell{display:grid;grid-template-columns:240px 1fr 240px;height:100vh}.app-shell button{background-color:#333!important;color:#fff!important;border:none!important}.app-shell>nav ul{list-style:none!important;margin:0;padding:0}.app-shell>nav ul li,.app-shell>nav ul li *{color:#333!important}.app-shell>nav ul li:before{content:none!important}.app-shell>nav{background:#fafafa;padding:1rem;overflow-y:auto}.app-shell>nav button{padding:1rem;width:100%;text-align:left;margin-bottom:.5rem;cursor:pointer}.app-shell>main{padding:1rem;overflow-y:auto}.app-shell>aside{border-left:1px solid #ddd;padding:1rem;overflow-y:auto}.docx-modal{animation:popin .23s cubic-bezier(.2,.7,.4,1.25)}@keyframes popin{0%{transform:scale(.94) translateY(35px);opacity:.2}to{transform:scale(1) translateY(0);opacity:1}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}