@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&family=Quicksand:wght@500;700&display=swap";.navbar{padding:10px 20px;background-color:var(--nav-bg);border-bottom-left-radius:var(--border-radius-m);border-bottom-right-radius:var(--border-radius-m);box-shadow:0 2px 5px #0000001a;margin-bottom:25px}.navbar-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 15px}.navbar-link{color:var(--header-text);font-weight:700;font-family:var(--heading-font);padding:10px 15px;border-radius:var(--border-radius-s);text-decoration:none;transition:background-color .2s ease,color .2s ease,border-bottom-color .2s ease;display:inline-block;border-bottom:3px solid transparent;text-align:center}.navbar-link:hover{background-color:var(--nav-hover);color:#fff;text-decoration:none;border-bottom-color:var(--accent-peach)}.navbar-link.active{background-color:var(--nav-hover);color:var(--accent-yellow);border-bottom-color:var(--accent-yellow);font-weight:700}.navbar-item.has-dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--main-bg);border:1px solid var(--border-color);border-top:none;padding:10px 0;margin:0;list-style:none;min-width:200px;z-index:1000;border-radius:0 0 var(--border-radius-m) var(--border-radius-m);box-shadow:0 4px 8px #0000001a}.navbar-item.has-dropdown:hover .dropdown-menu{display:block}.dropdown-link{display:block;padding:8px 20px;color:var(--text-color);font-family:var(--body-font);font-weight:400;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease;border-bottom:none}.dropdown-link:hover{background-color:var(--details-bg);color:var(--link-color)}.dropdown-link.active{background-color:var(--details-bg);font-weight:700;color:var(--link-color)}.footer{padding:25px 15px;margin-top:40px;background-color:var(--details-bg);border-top:1px solid var(--border-color);text-align:center;color:var(--text-color);font-size:.9em}.footer-content p{margin:5px 0}.footer-content a{color:var(--link-color);text-decoration:none}.footer-content a:hover{color:var(--link-hover-color);text-decoration:underline}.app-layout{max-width:1100px;margin:0 auto;padding:0 15px}.app-nav{padding:10px 15px;background-color:var(--nav-bg);border-bottom-left-radius:var(--border-radius-m);border-bottom-right-radius:var(--border-radius-m);box-shadow:0 2px 4px #0000000d;margin-bottom:20px}.app-nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:20px}.app-nav ul li a{color:var(--header-text);font-weight:700;font-family:var(--heading-font);padding:5px 10px;border-radius:var(--border-radius-s)}.app-nav ul li a:hover{background-color:var(--nav-hover);text-decoration:none}.app-nav ul li a.active{background-color:var(--nav-hover);font-weight:700}.app-main{padding:20px 0;min-height:70vh}.app-footer{text-align:center;padding:30px 15px;color:#999;font-size:.9em;border-top:1px solid var(--border-color);margin-top:40px}.homepage-container{padding:40px 20px;text-align:center;background:linear-gradient(135deg,#f3eef7,#fdfafc);min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--border-radius-m)}.homepage-mascot{max-height:150px;margin-bottom:25px;animation:floatAnimation 6s ease-in-out infinite}.homepage-container h1{color:var(--header-bg);margin-bottom:20px;font-size:2.8em}.homepage-container p{color:var(--text-color);font-size:1.2em;max-width:600px}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.teaching-assistant-container{max-width:800px;margin:20px auto;padding:25px;background-color:var(--main-bg);border-radius:var(--border-radius-m);box-shadow:0 2px 8px #00000014}.back-link{margin-bottom:20px;font-size:.9em}.teaching-assistant-container h2{text-align:center;margin-bottom:10px;color:var(--header-bg)}.teaching-assistant-container h3{margin-top:30px;border-bottom:1px solid var(--border-color);padding-bottom:5px}.teaching-assistant-container p{text-align:center;margin-bottom:25px;color:var(--text-color)}.form-group{margin-bottom:20px}#assistant-form label{display:block;margin-bottom:6px;font-weight:700;color:#555}#assistant-form input[type=text],#assistant-form input[type=number],#assistant-form select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius-s);font-size:1em;font-family:var(--body-font)}.advanced-options-details{margin-top:25px;background-color:transparent;border:none}.advanced-options-details>summary{padding:10px 15px;background-color:var(--details-bg);border:1px solid var(--details-border);border-radius:var(--border-radius-m);cursor:pointer;font-weight:700;font-family:var(--heading-font);color:#555;list-style-position:inside;transition:background-color .2s ease}.advanced-options-details[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.advanced-options-details>summary:hover{background-color:#e8e1ef}.advanced-options-content{border:1px solid var(--details-border);border-top:none;padding:15px;background-color:#fdfcff;border-bottom-left-radius:var(--border-radius-m);border-bottom-right-radius:var(--border-radius-m);margin-bottom:20px}.value-display{font-weight:700;margin-left:5px;display:inline-block;min-width:30px}#assistant-form input[type=range]{width:calc(100% - 50px);vertical-align:middle;cursor:pointer;accent-color:var(--accent-yellow)}#assistant-form button{display:block;width:100%;padding:12px 20px;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:var(--border-radius-m);cursor:pointer;margin-top:25px;font-size:1.1em;font-weight:700;font-family:var(--heading-font);transition:background-color .2s ease,opacity .2s ease}#assistant-form button:hover{background-color:var(--button-hover-bg)}#assistant-form button:disabled{opacity:.6;cursor:not-allowed}.output-area{margin-top:15px;padding:20px;border:1px solid var(--output-border);background-color:var(--output-bg);min-height:150px;border-radius:var(--border-radius-m);font-size:1em;color:var(--text-color)}.output-area pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;font-family:var(--body-font)}.output-area .loading{font-style:italic;color:#5a8a6d}.output-area .error{color:#d9534f;font-weight:700;white-space:pre-wrap}:root{--bg-color: #FFF8E1;--text-color: #5D4037;--main-bg: #ffffff;--border-color: #FFE0B2;--header-bg: #FFA07A;--header-text: #ffffff;--nav-bg: #FF8A65;--nav-hover: #FF7043;--accent-yellow: #FFD54F;--accent-peach: #FFCCBC;--accent-green: #A5D6A7;--accent-orange: var(--nav-hover);--unicorn-sparkle: var(--accent-yellow);--button-bg: var(--accent-yellow);--button-text: var(--text-color);--button-hover-bg: #FFCA28;--link-color: #D84315;--link-hover-color: var(--accent-orange);--output-bg: #FFF3E0;--output-border: var(--accent-yellow);--details-bg: #FFE0B2;--details-border: var(--accent-yellow);--heading-font: "Quicksand", sans-serif;--body-font: "Nunito", sans-serif;--border-radius-s: 4px;--border-radius-m: 8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--body-font);line-height:1.6;background-color:var(--bg-color);color:var(--text-color);font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:700;color:var(--text-color)}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover-color);text-decoration:underline}img{max-width:100%;height:auto;display:block}hr{border:none;border-top:1px solid var(--border-color);margin:2em 0}