*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body.light-mode{--primary-color:#222;--primary-gradient:linear-gradient(135deg, #333, #555);--bg-color:#fff;--surface-color:#f5f5f5;--text-color:#111;--text-muted:#666;--border-color:#ccc;--tr-hover-color:#eee;--surface-transparent:#f5f5f5e6;color:var(--text-color);background-color:#fff!important}body.light-mode .nav-bar a{border-color:var(--border-color);color:var(--text-muted);background:0 0}body.light-mode .nav-bar a.active{border:2px solid var(--text-color);color:var(--text-color);font-weight:700}body.light-mode .nav-bar a:hover{color:var(--text-color);border-color:var(--text-muted);background:#0000000d}body.light-mode .search-container input{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}body.light-mode .table-container{background:var(--surface-transparent);border-color:var(--border-color);color:var(--text-color)}body.light-mode .search-icon{color:var(--text-muted)}body.light-mode table th{background:var(--border-color);color:var(--text-color)}body.light-mode table td{color:var(--text-color);border-color:var(--border-color)}body.light-mode table tr:hover{background:var(--tr-hover-color)}body.light-mode h1{color:var(--text-color)}body.light-mode .routine-maker-container{background:var(--surface-color);border-color:var(--border-color)}body.light-mode .routine-header{background:var(--border-color);color:var(--text-color)}body.light-mode .routine-table th,body.light-mode .routine-table td{border-color:var(--border-color);color:var(--text-color)}body.light-mode #routineClashes{color:var(--text-color)!important}body.light-mode .modal-content{background:var(--surface-color);color:var(--text-color);border-color:var(--border-color)}body.light-mode .modal-header{background:var(--surface-color);border-color:var(--border-color)}body.light-mode .modal-header h2,body.light-mode .close-modal,body.light-mode .modal-body,body.light-mode .modal-body p{color:var(--text-color)}body.light-mode .modal-body strong{color:var(--text-muted)}body.light-mode .pagination button,body.light-mode .semester-select{background:var(--surface-color);color:var(--text-color);border-color:var(--border-color)}body.light-mode .footer{color:var(--text-muted)}body.light-mode .announcement-bar{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}body.light-mode .announcement-bar .view-extension-btn,body.light-mode .float-btn,body.light-mode .floating-help-btn{background:var(--text-color);color:var(--bg-color)}body.light-mode .routine-toggle-btn{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}body.light-mode .routine-course-block{background:var(--text-color);color:var(--bg-color)}body.light-mode .quick-tips-section{background:var(--surface-color);border-color:var(--border-color)}body.light-mode .social-links a{border-color:var(--border-color);color:var(--text-muted);background:0 0}body.light-mode .social-links a:hover{background:var(--border-color);color:var(--text-color)}body.light-mode .new-feature-link,body.light-mode .trending-link{border-color:var(--text-muted)!important;color:var(--text-color)!important;background:0 0!important}body.light-mode .new-feature-link:hover,body.light-mode .trending-link:hover{background:var(--text-color)!important;color:var(--bg-color)!important}.theme-toggle{z-index:1000;background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);box-shadow:none;letter-spacing:.5px;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:opacity .2s;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{opacity:.8;box-shadow:none;transform:none}body.light-mode .theme-toggle{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}@media (max-width:768px){.theme-toggle{padding:6px 12px;font-size:.8rem;top:10px;right:10px}}.search-row{z-index:100;background:var(--bg-color);box-shadow:-20px 0 0 var(--bg-color), 20px 0 0 var(--bg-color);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-top:2rem;margin-bottom:1rem;padding:15px 0;display:flex;position:sticky!important;top:0!important}.search-row .search-container{margin:0}.search-row .search-main{flex:2;min-width:200px}.search-row .search-small{flex:1;min-width:150px}.search-row .search-small input{padding:10px 16px}@media (max-width:768px){.search-row{flex-direction:column}.search-row .search-main,.search-row .search-small{width:100%;max-width:100%}}.mode-toggle-container{background:0 0;border:1px solid #4755694d;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:fit-content;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:10px 16px;display:flex}.mode-label{color:var(--text-muted);opacity:.6;font-size:.9rem;font-weight:500;transition:all .3s}.mode-label.active{color:var(--text-color);opacity:1}.mode-toggle-switch{cursor:pointer;width:50px;height:26px;position:relative}.mode-toggle-switch input{opacity:0;width:0;height:0}.mode-toggle-slider{background:#47556999;border-radius:26px;transition:all .3s;position:absolute;inset:0}.mode-toggle-slider:before{content:"";background:#e2e8f0;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.mode-toggle-switch input:checked+.mode-toggle-slider{background:linear-gradient(135deg,#8b5cf680,#6366f180)}.mode-toggle-switch input:checked+.mode-toggle-slider:before{transform:translate(24px)}body.simple-mode .routine-maker-container,body.simple-mode .details-column,body.simple-mode th:last-child,body.simple-mode td:last-child,body.simple-mode .conflict-legend,body.simple-mode .plan-btn-warn,body.simple-mode .modal-clash-icon,body.simple-mode .clash-indicator,body.simple-mode .course-routine-indicator,body.simple-mode .search-row .search-small{display:none!important}body.simple-mode .search-row .search-main{flex:1;max-width:100%}