@import"https://fonts.googleapis.com/css2?family=Michroma&family=Roboto+Mono:wght@400;500&display=swap";:root{--primary-dark: #261018;--accent-rust: #59252E;--slate-grey: #464E59;--muted-sand: #BF907E;--background-white: #F2F2F2;--font-heading: "Michroma", sans-serif;--font-mono: "Roboto Mono", monospace}body{margin:0;font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-dark);color:var(--background-white)}.home-container{width:100%;min-height:100vh;background-color:var(--primary-dark);display:flex;flex-direction:column;position:relative}.hero-section{position:relative;width:100%;height:60vh;background:url(https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=2070&auto=format&fit=crop) no-repeat center center;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 2rem;box-sizing:border-box}.hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#00000080,#00000080),linear-gradient(to right,#ffffff0d 1px,transparent 1px),linear-gradient(to bottom,#ffffff0d 1px,transparent 1px);background-size:20px 20px;z-index:1}.hero-content{position:relative;z-index:2;color:var(--background-white)}.hero-title{font-family:var(--font-heading);font-size:4rem;letter-spacing:3px;color:var(--background-white);margin-bottom:1rem}.hero-subtitle{font-family:var(--font-mono);font-size:1.1rem;color:var(--muted-sand);max-width:50ch;margin-top:1rem;margin-left:auto;margin-right:auto}.classes-section{flex-grow:1;background-color:var(--slate-grey);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23404853' fill-opacity='0.1'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.classes-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--background-white);margin-bottom:3rem}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;width:100%;max-width:1200px}.class-card{background-color:var(--accent-rust);text-decoration:none;color:var(--background-white);padding:2.5rem 2rem;border:2px solid var(--muted-sand);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0003;text-align:center}.class-card:hover{transform:translateY(-10px) rotate(2deg);border-radius:30% 70% 40% 60%/70% 40% 60% 30%;box-shadow:0 18px 35px #0000004d;border-color:var(--background-white)}.class-card-title{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.5rem}.class-card-details{font-family:var(--font-mono);font-size:.9rem;color:var(--muted-sand)}.class-page-container{min-height:100vh;background-color:var(--primary-dark)}.class-header{background-color:var(--primary-dark);color:var(--background-white);padding:4rem 1rem;text-align:center;border-bottom:8px solid var(--accent-rust)}.back-link{display:block;color:var(--muted-sand);text-decoration:none;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;text-align:left}.back-link:hover{color:var(--background-white)}.class-header-title{font-family:var(--font-heading);font-size:3.5rem;color:var(--background-white);margin-bottom:1rem;text-shadow:3px 3px 0px var(--accent-rust)}.class-header-description{font-size:1.2rem;color:var(--muted-sand);max-width:800px;margin:0 auto}.class-page-main-area{display:flex;max-width:1200px;margin:3rem auto;padding:0 1rem;gap:2rem}.class-main-content{flex-grow:1;max-width:800px;color:var(--background-white)}.section-title{font-family:var(--font-heading);font-size:2rem;border-bottom:4px solid var(--accent-rust);padding-bottom:.5rem;margin-bottom:2rem;color:var(--background-white)}.assignments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.assignment-item a{display:block;text-decoration:none;color:inherit}.assignment-card{background-color:var(--slate-grey);border:2px solid var(--muted-sand);padding:1.5rem 2rem;border-radius:15px;box-shadow:0 5px 15px #0003;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.assignment-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006;border-color:var(--accent-rust)}.assignment-card-title{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.5rem;color:var(--background-white)}.assignment-card-description{color:var(--muted-sand);font-size:1rem;font-family:var(--font-mono)}.class-page-sidebar{width:200px}.tool-panel{background-color:var(--slate-grey);border:2px solid var(--muted-sand);border-radius:15px;padding:1.5rem;display:flex;justify-content:center}.tool-panel a{text-decoration:none}.tool-button{background-color:var(--muted-sand);border:2px solid var(--accent-rust);border-radius:10px;padding:1rem;width:120px;height:120px;font-size:1.5rem;color:var(--primary-dark);cursor:pointer;transition:background-color .25s ease,transform .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.tool-button:hover{background-color:var(--accent-rust);color:var(--background-white);transform:scale(1.05)}.tool-icon{font-size:4rem;color:var(--accent-rust);text-shadow:2px 2px 0px var(--primary-dark)}.tool-label{font-family:var(--font-mono);font-size:1rem;font-weight:700}.tabs-container{width:100%}.tabs-list{display:flex;border-bottom:2px solid var(--muted-sand);margin-bottom:2rem;justify-content:center}.tab-item{padding:1rem 2rem;cursor:pointer;background-color:transparent;border:none;color:var(--muted-sand);font-family:var(--font-heading);font-size:1.2rem;transition:color .25s ease,border-bottom .25s ease;border-bottom:4px solid transparent}.tab-item:hover{color:var(--background-white)}.tab-item.active{color:var(--background-white);border-bottom:4px solid var(--accent-rust)}.tab-content{padding:2rem;background-color:var(--slate-grey);border-radius:15px;border:2px solid var(--muted-sand)}.calculator-container{max-width:800px;margin:4rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 8px 20px #00000014}.calculator-title{font-size:2rem;color:#2c3e50;text-align:center;margin-bottom:.5rem}.calculator-description{font-size:1.1rem;color:#7f8c8d;text-align:center;margin-bottom:3rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#34495e}.input-group input[type=number],.input-group input[type=text]{width:100%;padding:.75rem;border:1px solid #bdc3c7;border-radius:4px;font-size:1rem;transition:border-color .3s}.input-group input:focus{outline:none;border-color:#3498db}.input-group small{display:block;margin-top:.5rem;color:#95a5a6;font-size:.9rem}.calculator-container button{display:block;width:100%;padding:1rem;background-color:#3498db;color:#fff;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;margin:2rem 0}.calculator-container button:hover{background-color:#2980b9}.profit-margin-results{display:flex;justify-content:space-around;margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.profit-margin-result{text-align:center}.profit-margin-result h4{margin:0 0 .5rem;color:#34495e}.profit-margin-result p{margin:0;font-size:1.5rem;font-weight:700;color:#3498db}.profit-margin-result small{color:#7f8c8d}.cost-category{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem}.category-header h3{margin:0;color:#333}.category-header span{font-weight:700;color:#555;font-size:1.1rem}.cost-item-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cost-name-input,.cost-amount-input{flex:1;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.cost-amount-input{max-width:150px}.cost-item-row .remove-item-button{background-color:#e74c3c;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;margin:0}.cost-category .add-item-button{background-color:#2ecc71;color:#fff;padding:.6rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;width:auto;display:inline-block;margin:1rem 0 0}.contingency-section{background-color:#eef2f7;border:1px solid #d0d7e0;border-radius:8px;padding:1.5rem;margin:2rem 0}.contingency-section h4{margin-top:0;margin-bottom:.5rem}.contingency-section p{margin-top:0;margin-bottom:1rem;font-size:.9rem;color:#555}.result-container-startup{background-color:#fff;border:2px solid #3498db;border-radius:8px;padding:1.5rem;margin-top:2rem}.result-item{display:flex;justify-content:space-between;font-size:1.1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.result-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.result-item span:first-child{color:#555}.result-item span:last-child{font-weight:700}.grand-total{font-size:1.4rem;font-weight:700;color:#3498db}.grand-total span:last-child{color:#3498db}.calculators-page-container{min-height:100vh;background-color:var(--primary-dark);color:var(--background-white)}.calculators-header{background-color:var(--primary-dark);padding:4rem 1rem;text-align:center;border-bottom:8px solid var(--accent-rust)}.calculators-header-content{max-width:800px;margin:0 auto}.calculators-header-title{font-family:var(--font-heading);font-size:3.5rem;margin-bottom:1rem;text-shadow:3px 3px 0px var(--accent-rust)}.calculators-header-description{font-size:1.2rem;color:var(--muted-sand)}.calculators-main-content{max-width:1200px;margin:3rem auto;padding:0 1rem}.inbox-page-container{background-color:#0078d4;min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center}.main-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.inbox-container{display:flex;width:90%;max-width:1200px;height:75vh;background-color:#fff;border:1px solid #c8c8c8;box-shadow:0 4px 12px #00000026;border-radius:4px;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.email-list{flex:0 0 320px;border-right:1px solid #dcdcdc;background-color:#f0f0f0;display:flex;flex-direction:column}.email-list-header{font-size:1.2rem;font-weight:600;color:#333;padding:1rem;background-color:#e1e1e1;border-bottom:1px solid #c8c8c8;flex-shrink:0}.email-scroll-container{overflow-y:auto;flex-grow:1}.email-item{padding:1rem;border-bottom:1px solid #dcdcdc;cursor:pointer;transition:background-color .2s}.email-item:hover{background-color:#e6f2fa}.email-item.selected{background-color:#cce5ff;border-left:4px solid #0078d4;padding-left:calc(1rem - 4px)}.email-sender{font-weight:600;color:#212121;font-size:.9rem}.email-subject{color:#555;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-view{flex-grow:1;padding:2rem;display:flex;flex-direction:column;background-color:#fff}.email-header{border-bottom:1px solid #e0e0e0;padding-bottom:1rem;margin-bottom:1.5rem}.email-header h3{font-size:1.5rem;font-weight:600;color:#333;margin:0}.email-from{font-size:.9rem;color:#666;margin-top:.5rem}.email-body{flex-grow:1;overflow-y:auto;line-height:1.6;color:#333;font-size:1rem}.no-email-selected{display:flex;justify-content:center;align-items:center;height:100%;color:#888;font-size:1.2rem}.ceo-trail-container{padding:2rem;max-width:800px;margin:0 auto;text-align:center;color:var(--background-white, #f0f0f0)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left{text-align:left}.header h1,.header h2{color:var(--background-white, #f0f0f0);margin:0;padding:0}.retire-button{padding:.8rem 1.5rem;background-color:var(--accent-rust, #d96c06);color:var(--background-white, #f0f0f0);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .25s ease}.retire-button:hover{background-color:var(--background-white, #f0f0f0);color:var(--accent-rust, #d96c06);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.stats-bar{display:flex;justify-content:space-around;background-color:var(--slate-grey, #2a3a4a);padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--muted-sand, #a09d93)}.stat-item{font-size:1.2rem;position:relative;color:var(--background-white, #f0f0f0)}.stat-change{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:700;padding:.2rem .5rem;border-radius:5px;animation:fade-in-out 1.5s forwards;background-color:#00000080}.positive{color:#28a745}.negative{color:#dc3545}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%,-10px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.event-container{background-color:var(--primary-dark, #1a2a3a);padding:2rem;border-radius:8px;box-shadow:0 0 15px #00000080;border:1px solid var(--muted-sand, #a09d93)}.event-container h3{color:var(--muted-sand, #BF907E)}.choices button{display:block;width:100%;padding:1rem;margin-top:1rem;border:2px solid var(--muted-sand, #a09d93);border-radius:8px;background-color:var(--accent-rust, #d96c06);color:var(--background-white, #f0f0f0);font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease}.choices button:hover{background-color:var(--background-white, #f0f0f0);color:var(--accent-rust, #d96c06);border-color:var(--accent-rust, #d96c06);transform:translateY(-3px);box-shadow:0 8px 15px #0000004d}.choices button:disabled{cursor:not-allowed;opacity:.6;background-color:var(--slate-grey, #2a3a4a);color:#aaa}.company-selection{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.company-card{padding:1.5rem;border:2px solid var(--muted-sand, #a09d93);border-radius:8px;cursor:pointer;width:200px;background-color:var(--primary-dark, #1a2a3a);transition:all .25s ease}.company-card:hover{background-color:var(--slate-grey, #2a3a4a);border-color:var(--accent-rust, #d96c06);transform:translateY(-5px)}.company-card h3{color:var(--muted-sand, #BF907E)}.game-over h1{color:#dc3545}.game-win h1{color:#28a745}.game-over button,.game-win button{padding:1rem 2rem;font-size:1.2rem;background-color:var(--accent-rust, #d96c06);color:var(--background-white, #f0f0f0);border:none;border-radius:8px;cursor:pointer;margin-top:2rem}.final-stats{margin-top:2rem;padding:1rem;background-color:var(--primary-dark, #1a2a3a);border:1px solid var(--muted-sand, #a09d93);border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001}.modal{background-color:var(--primary-dark, #1a2a3a);color:var(--background-white, #f0f0f0);padding:2rem;border-radius:8px;border:2px solid var(--accent-rust, #d96c06);max-width:500px;text-align:center;box-shadow:0 0 25px #00000080;max-height:90vh;overflow-y:auto}.modal h4{color:var(--muted-sand, #BF907E)}.modal button{padding:.8rem 1.5rem;background-color:var(--accent-rust, #d96c06);color:var(--background-white, #f0f0f0);border:none;border-radius:5px;cursor:pointer;margin-top:1rem}.loading-event{font-style:italic;color:var(--muted-sand, #a09d93)}.story-modal h3{margin-bottom:1.5rem;color:var(--muted-sand, #BF907E)}.story-modal p{text-align:left;line-height:1.6;margin-bottom:1rem}.story-modal p:last-of-type{margin-bottom:0}.story-modal .story-goal{text-align:center;font-weight:700;font-size:1.1rem;color:#28a745;margin-top:1.5rem;padding:.5rem;background-color:#0003;border-radius:4px}.interlude-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;background-color:#080a18;color:#fff}.interlude-svg{width:80%;max-width:400px;height:auto;margin-bottom:20px}.interlude-text{font-size:1.5em;font-family:Michroma,sans-serif;color:#fffc;text-shadow:0 0 10px rgba(0,110,255,.5)}.paused *{animation-play-state:paused!important}.tech-bg{background:radial-gradient(ellipse at center,#0a142f,#030613)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-phone{animation:float 4s ease-in-out infinite}@keyframes phoneGlow{0%,to{box-shadow:0 0 15px 5px #00ffff4d}50%{box-shadow:0 0 25px 10px #0ff9}}.phone-glow{animation:phoneGlow 2.5s ease-in-out infinite}@keyframes scrollGrid{0%{transform:translate(0)}to{transform:translate(-20px,-20px)}}.scrolling-grid{animation:scrollGrid 1.5s linear infinite}@keyframes travel{0%{offset-distance:0%;opacity:1}to{offset-distance:100%;opacity:0}}.data-packet{offset-path:path("M5,100 C 50,150 100,50 150,100 S 250,150 295,100");animation:travel 3s linear infinite}.p2{animation-delay:-.7s}.p3{animation-delay:-1.4s;offset-path:path("M5,80 C 60,30 120,130 150,80 S 220,30 295,80")}.p4{animation-delay:-2.1s}.retail-bg{background:#e0e0e0;overflow:hidden}.retail-bg .interlude-text{color:#3a3a3a;text-shadow:none}@keyframes conveyor-move{0%{transform:translate(-200px)}to{transform:translate(350px)}}.conveyor-items{animation:conveyor-move 3s linear infinite}@keyframes laser-flicker{0%,to{opacity:1}50%{opacity:.6}}.laser-beam{animation:laser-flicker .3s infinite}@keyframes cash-in{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-40px)}}.dollar-sign{font-size:28px;fill:#32cd32;font-weight:700;opacity:0;animation:cash-in 1.3s ease-out infinite;text-shadow:0 0 5px rgba(4,139,4,.7)}.ds1{animation-delay:.6s}.ds2{animation-delay:1.3s}.ds3{animation-delay:2.1s}.industrial-bg{background:linear-gradient(to top,#3a3a3a,#1a1a1a)}.industrial-bg .interlude-text{color:#f5f5f5;text-shadow:0 0 8px rgba(255,255,255,.3)}@keyframes window-glow{0%,to{fill:#fffde7}50%{fill:#f5c542}}.factory-window{animation:window-glow 3s infinite}@keyframes smoke-puff-animation{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(10px,-30px) scale(3);opacity:0}}.smoke-puff{fill:#b0b0b0;animation:smoke-puff-animation 4s linear infinite}.s2{animation-delay:1.3s}.s3{animation-delay:2.6s}@keyframes truck-drive{0%{transform:translate(-50px)}45%{transform:translate(120px)}50%{transform:translate(120px) scaleX(-1)}95%{transform:translate(-50px) scaleX(-1)}to{transform:translate(-50px)}}.dump-truck{animation:truck-drive 8s linear infinite}.stats-chart-container{width:100%;max-width:800px;margin:20px 0;background-color:#2c2c2c;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003}.stats-chart-container h3{text-align:center;color:#f2f2f2;margin-bottom:20px}.leadership-quiz-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f7f5f2;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.question-card,.result-card{background-color:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:2.5rem;max-width:650px;width:100%;border:1px solid #e0e0e0;color:#333}.question-text{font-size:1.75rem;margin-bottom:2.5rem;text-align:center;font-weight:600;line-height:1.4}.answer-options{display:flex;flex-direction:column;gap:1rem}.answer-button{padding:1rem 1.5rem;border:none;border-radius:8px;background-color:#6b7a8f;color:#f0f0f0;cursor:pointer;font-size:1rem;font-weight:700;text-align:center;transition:all .25s ease}.answer-button:hover{background-color:#f0f0f0;color:#6b7a8f;transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.result-card{text-align:center}.result-category-title{font-size:2.2rem;text-align:center;margin-bottom:.5rem;color:#4a5568;font-weight:700}.result-category-philosophy{font-size:1.1rem;font-style:italic;color:#555;margin-bottom:1.5rem}.result-divider{border:0;height:1px;background-color:#e0e0e0;margin:2rem 0}.result-substyle-title{font-size:1.8rem;text-align:center;margin-bottom:1rem;color:#6b7a8f;font-weight:700}.result-description{font-style:italic;margin-bottom:2rem;color:#555}.result-section-title{font-size:1.4rem;font-weight:600;color:#333;border-bottom:2px solid #6B7A8F;padding-bottom:.5rem;margin-top:2rem;margin-bottom:1rem;display:inline-block}.result-strengths,.result-things-to-watch-out-for{text-align:left;line-height:1.6}.stats-banner{position:fixed;bottom:70px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:10px 20px;border-radius:10px;display:flex;justify-content:center;align-items:center;z-index:1000;box-shadow:0 4px 8px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat{margin:0 15px;text-align:center}.stat-label{font-size:.9em;color:#b0b0b0;display:block}.stat-value{font-size:1.2em;font-weight:700;color:#fff}.adventure-page,.review-page-container{max-width:800px;margin:0 auto;padding:2rem;font-family:Roboto Mono,monospace}.adventure-page{color:var(--muted-sand)}.review-page-container{color:var(--primary-dark)}.adventure-stage{margin-bottom:2rem;padding-left:1.5rem;border-left:4px solid var(--muted-sand);transition:all .3s ease}.story{font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.discussion-box,.reflection-box{width:100%;min-height:120px;padding:1rem;margin:1rem 0;font-size:1rem;border:2px solid #ddd;border-radius:8px;background-color:var(--background-white);color:var(--primary-dark);transition:border-color .3s ease}.discussion-box:focus,.reflection-box:focus{outline:none;border-color:var(--accent-rust)}.discussion-read-only{background-color:#f9f9f9;border-left:3px solid var(--muted-sand);padding:1rem;margin-top:1rem;white-space:pre-wrap;font-style:italic;color:var(--primary-dark)}.choices button{background-color:var(--accent-rust);color:#fff;border:none;padding:.8rem 1.5rem;margin-right:1rem;cursor:pointer;font-size:1rem;border-radius:25px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 5px #0000001a}.choices button:hover{background-color:var(--slate-grey);transform:translateY(-2px)}.choices button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.download-btn,.back-btn{display:block;width:fit-content;margin:2rem auto;background-color:var(--primary-dark);color:#fff;border:none;padding:1rem 2rem;cursor:pointer;font-size:1.1rem;border-radius:30px;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px #0003}.download-btn:hover,.back-btn:hover{background-color:var(--accent-rust);box-shadow:0 6px 12px #0000004d}#review-content{background-color:#fff;padding:2rem;margin:2rem 0;border-radius:8px;box-shadow:0 0 20px #00000014}.review-header{text-align:center;color:var(--primary-dark);font-family:var(--font-heading);margin-bottom:2rem;border-bottom:2px solid var(--muted-sand);padding-bottom:1rem}.review-section{margin-bottom:1.5rem}.story-review,.discussion-review,.reflection-review{line-height:1.6;white-space:pre-wrap}.story-review strong,.discussion-review strong,.reflection-review strong{color:var(--accent-rust);font-weight:700}.review-actions{display:flex;justify-content:center;gap:1rem}.nav-bar{display:flex;justify-content:flex-end;align-items:center;background-color:#000;padding:0;height:50px;position:relative;z-index:1000}.nav-logo{height:50px;width:auto;cursor:pointer;z-index:10}.nav-links{display:flex;align-items:center;overflow:hidden;max-width:0;margin-right:10px;transition:max-width .7s ease-in-out}.nav-bar.open .nav-links{max-width:900px}.nav-item{color:var(--muted-sand);text-decoration:none;padding:.2rem 1rem;white-space:nowrap;font-family:var(--font-heading);font-size:1rem;border-radius:5px;opacity:0;transform:translate(20px);transition:background-color .3s ease,color .3s ease,opacity .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;text-align:center}.nav-item-content{display:flex;flex-direction:column;line-height:1.2}.nav-bar.open .nav-item{opacity:1;transform:translate(0)}.nav-bar.open .nav-item:nth-child(6){transition-delay:0s}.nav-bar.open .nav-item:nth-child(5){transition-delay:.1s}.nav-bar.open .nav-item:nth-child(4){transition-delay:.2s}.nav-bar.open .nav-item:nth-child(3){transition-delay:.3s}.nav-bar.open .nav-item:nth-child(2){transition-delay:.4s}.nav-bar.open .nav-item:nth-child(1){transition-delay:.5s}.nav-item:hover,.nav-item.active{background-color:var(--accent-rust);color:#fff}@media(max-width:850px){.nav-bar{padding-left:1rem}.nav-links{position:absolute;top:50px;right:0;flex-direction:column;align-items:flex-start;background-color:#0c0c0c;width:280px;max-width:280px;max-height:0;margin-right:0;transition:max-height .4s ease-in-out,border-color .2s ease;border:0px solid var(--accent-rust);border-top:none;border-radius:0 0 0 8px}.nav-bar.open .nav-links{max-height:500px;padding:.5rem 0;border-width:1px}.nav-item{width:100%;padding:1rem 1.5rem;text-align:left;justify-content:flex-start}.nav-item-content{text-align:left}.nav-bar.open .nav-item{transform:none}.nav-bar.open .nav-item:nth-child(1){transition-delay:.05s}.nav-bar.open .nav-item:nth-child(2){transition-delay:.1s}.nav-bar.open .nav-item:nth-child(3){transition-delay:.15s}.nav-bar.open .nav-item:nth-child(4){transition-delay:.2s}.nav-bar.open .nav-item:nth-child(5){transition-delay:.25s}.nav-bar.open .nav-item:nth-child(6){transition-delay:.3s}}.app-footer{position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:#000;z-index:1000}.app-container{position:relative;min-height:100vh;padding-bottom:70px}.class-container{background-color:var(--primary-dark);color:var(--background-white);padding:4rem 2rem;min-height:100vh}.class-header{text-align:center;margin-bottom:3rem}.class-header h1{font-size:3rem;color:var(--background-white);margin-bottom:1rem}.header-back-link{font-family:var(--font-mono);color:var(--muted-sand);text-decoration:none;font-size:1rem;transition:color .3s ease}.header-back-link:hover{color:var(--background-white)}.assignments-list{max-width:800px;margin:0 auto}.assignments-list h2{font-size:2rem;color:var(--background-white);border-bottom:2px solid var(--accent-rust);padding-bottom:.5rem;margin-bottom:2rem}.assignments-list ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:1.25rem}.assignments-list li{margin:0}.assignment-button{display:block;background-color:var(--accent-rust);color:var(--background-white);text-decoration:none;padding:1.25rem 2rem;border-radius:15px;text-align:center;font-size:1.1rem;font-weight:700;letter-spacing:.5px;box-shadow:0 5px 15px #0003;border:2px solid var(--muted-sand);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.assignment-button:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000004d;border-color:var(--background-white)}.assignments-list p{font-style:italic;color:var(--muted-sand)}@media(max-width:768px){.class-header h1{font-size:2.5rem}.assignments-list h2{font-size:1.8rem}}@media(max-width:480px){.class-container{padding:3rem 1rem}.class-header h1{font-size:2rem}.header-back-link{font-size:.9rem}.assignments-list h2{font-size:1.5rem}.assignment-button{font-size:1rem;padding:1rem 1.5rem}}