:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-width:320px;margin:0}#root{min-height:100vh}:root{--bg:#f4f5f7;--surface:#fff;--text:#1a1d23;--muted:#5c6370;--border:#d8dce3;--accent:#2563eb;--highlight:#fef08a;--highlight-border:#ca8a04;--non-ece:#fde8d8;--ece:#dbeafe;--elective:#dcfce7;--planned:#9ca3af}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 1.5rem}.app-header h1{margin:0 0 .25rem;font-size:1.35rem}.subtitle{color:var(--muted);margin:0;font-size:.9rem}.app-main{flex-direction:column;flex:1;min-height:0;display:flex}.app-main-center{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}@media (width<=1024px){.app-main-center{-webkit-overflow-scrolling:touch;overflow:auto hidden}.app-main-center>.planner-panel-wrap{z-index:5;background:var(--bg);flex-shrink:0;position:sticky;right:0}}.app-main-center>.flowchart-wrapper{flex:1;min-width:0}.app-main-center>.planner-panel-wrap{flex-shrink:0;height:100%;min-height:0}.app-main>.electives-panel-wrap{flex-shrink:0;width:100%}body.resizing-col,body.resizing-col *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-row,body.resizing-row *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}.resizable-panel{flex-direction:column;flex-shrink:0;min-width:0;min-height:0;display:flex;position:relative}.resizable-panel--left{height:100%}.resizable-panel--top{width:100%;overflow:hidden}.panel-resize-edge{z-index:30;touch-action:none;background:0 0;position:absolute}.panel-resize-edge--left{cursor:col-resize;width:8px;top:0;bottom:0;left:0;transform:translate(-50%)}.panel-resize-edge--left:after{content:"";background:var(--border);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.panel-resize-edge--top{cursor:row-resize;height:8px;top:0;left:0;right:0;transform:translateY(-50%)}.panel-resize-edge--top:after{content:"";background:var(--border);pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.panel-resize-edge--left:hover:after,.panel-resize-edge--top:hover:after,body.resizing-col .panel-resize-edge--left:after,body.resizing-row .panel-resize-edge--top:after{background:var(--accent)}.flowchart-wrapper{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;padding:.5rem .65rem;display:flex;overflow:hidden}.flowchart-legend{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.68rem;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.swatch{border:1px solid var(--border);border-radius:3px;width:14px;height:14px}.swatch.non-ece{background:var(--non-ece)}.swatch.ece{background:var(--ece)}.swatch.elective{background:var(--elective)}.flowchart-scroll{--flowchart-year-width:18.5rem;--flowchart-year-gap:4.5rem;--flowchart-term-gap:1.35rem;--flowchart-course-gap:1.05rem;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.flowchart-zoom-slot{flex-shrink:0;position:relative}.flowchart-zoom-inner{transform-origin:0 0;will-change:transform;width:max-content;min-width:100%}.flowchart-zoom-controls{flex-wrap:wrap;align-items:center;gap:.25rem;margin-left:auto;display:inline-flex}.zoom-btn{border:1px solid var(--border);background:var(--surface);min-width:1.65rem;color:inherit;cursor:pointer;border-radius:4px;padding:.12rem .4rem;font-size:.72rem;font-weight:700;line-height:1.2}.zoom-btn:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.zoom-btn--reset{padding:.12rem .45rem;font-size:.62rem;font-weight:600}.zoom-label{text-align:center;min-width:2.5rem;font-size:.68rem;font-weight:600}.zoom-hint{color:var(--muted);font-size:.6rem;font-weight:500}.year-headers{grid-template-columns:repeat(4, var(--flowchart-year-width));column-gap:var(--flowchart-year-gap);box-sizing:border-box;row-gap:.5rem;width:max-content;min-width:100%;margin-bottom:.5rem;display:grid}.year-header{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.2rem;font-size:.7rem;font-weight:700}.flowchart-grid{grid-template-columns:repeat(4, var(--flowchart-year-width));column-gap:var(--flowchart-year-gap);box-sizing:border-box;row-gap:.75rem;width:max-content;min-width:100%;padding:.75rem 1rem 1.5rem;display:grid;position:relative}.year-column{column-gap:var(--flowchart-term-gap);z-index:1;grid-template-columns:1fr 1fr;align-content:start;row-gap:.75rem;min-width:0;display:grid;position:relative}.semester-column{flex-direction:column;gap:.65rem;width:100%;min-width:0;display:flex}.semester-label{text-transform:uppercase;color:var(--muted);text-align:center;font-size:.58rem;font-weight:600}.semester-courses{gap:var(--flowchart-course-gap);z-index:1;flex-direction:column;width:100%;padding-bottom:.25rem;display:flex;position:relative;overflow:visible}.course-slot{border:1px solid var(--border);z-index:1;background:var(--surface);box-sizing:border-box;border-radius:5px;flex-direction:column;flex-shrink:0;width:100%;max-width:100%;display:flex;position:relative;overflow:visible}.course-slot:not(.split) .slot-half{min-height:auto}.course-slot.split{width:100%}.course-slot.planned{filter:grayscale(.72);opacity:.62}.slot-half.planned-locked:disabled{cursor:not-allowed;pointer-events:none}.course-slot.planned.overridden{filter:grayscale(.85);opacity:.55;outline:2px dashed #94a3b8}.course-slot{position:relative}.slot-term-tag{z-index:8;color:#9a3412;white-space:normal;overflow-wrap:break-word;background:#ffffff8c;border-radius:999px;max-width:100%;padding:.12rem .4rem;font-size:.44rem;font-weight:700;line-height:1.15;position:relative}.slot-half.hovered .slot-term-tag{background:#fff;border-radius:999px;box-shadow:0 0 0 1.5px #ca8a04}.slot-half.unlock-highlight{z-index:6;box-shadow:inset 0 0 0 2px #ea580c}.course-slot.planned .slot-half.unlock-highlight{box-shadow:inset 0 0 0 2px #c2410c}.residency-met{color:#15803d;font-weight:700}.residency-met-badge{color:#14532d;background:#dcfce7;border-radius:999px;margin-left:.4rem;padding:.15rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.residency-remaining{color:var(--muted);font-size:.8rem;font-weight:500}.planner-residency-tag{color:#1e40af;background:var(--ece);border-radius:3px;margin-left:.3rem;padding:.1rem .35rem;font-size:.68rem;font-weight:600;line-height:1.3;display:inline-block}.global-residency{line-height:1.45}.global-residency .planner-residency-tag{margin-left:0;margin-right:.25rem}.global-residency .residency-count{color:#1e40af;background:var(--ece);border-radius:3px;padding:.08rem .35rem}.residency-total-line{flex-wrap:wrap;align-items:center;gap:.2rem;display:inline-flex}.box-totals .planner-residency-tag{margin-left:0}.planned-course-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.planned-course-title{font-size:.8rem;font-weight:600;line-height:1.25}.planned-course-meta{color:var(--muted);font-size:.72rem;line-height:1.3}.available-course-title,.elective-course-title{white-space:normal;overflow-wrap:break-word;word-break:normal;font-size:.78rem;line-height:1.25;display:block}.available-course-meta,.elective-course-meta{color:var(--muted);font-size:.7rem;font-weight:400;line-height:1.3;display:block}.override-popup{background:var(--surface);border:1px solid var(--border);pointer-events:auto;border-radius:8px;min-width:200px;max-width:260px;padding:.55rem .65rem;font-size:.72rem;box-shadow:0 8px 24px #00000026}.override-popup--portal{z-index:10000;border-color:#fecaca;box-shadow:0 12px 32px #00000038}.override-popup-title{color:#b91c1c;margin:0 0 .25rem;font-weight:700}.override-popup-missing,.override-popup-question{color:var(--text);margin:0 0 .35rem}.override-popup-actions{flex-wrap:wrap;gap:.35rem;display:flex}.btn-override-yes{color:#1a1d23;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;padding:.3rem .5rem;font-size:.68rem;font-weight:600}.btn-override-no{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.3rem .5rem;font-size:.68rem}.planner-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;margin:0 0 .5rem;padding:.45rem .6rem;font-size:.75rem;font-weight:600}.drag-handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;padding:0 .2rem;font-size:1rem;line-height:1}.drag-handle:active{cursor:grabbing}.semester-box.dragging{opacity:.45}.semester-box.drop-target{outline:2px dashed var(--accent);outline-offset:2px}.slot-half{text-align:left;cursor:pointer;width:100%;min-width:0;font:inherit;color:inherit;box-sizing:border-box;border:none;flex-direction:column;flex:auto;align-items:flex-start;gap:.12rem;padding:.38rem .42rem;display:flex;position:relative;overflow:visible}.slot-half.not-ready{opacity:.38}.slot-half.not-ready.hovered{opacity:.55}.course-slot.split .slot-half{flex:none;min-height:auto;padding:.36rem .4rem}.course-slot.split:has(.slot-half:nth-child(3)) .slot-half{min-height:auto;padding:.34rem .38rem}.course-slot.split .slot-half+.slot-half{border-top:2px solid #00000024}.course-slot.split .slot-half:first-child{border-radius:4px 4px 0 0}.course-slot.split .slot-half:last-child{border-radius:0 0 4px 4px}.course-slot:not(.split) .slot-half{border-radius:4px}.slot-half.category-ece{background:var(--ece)}.slot-half.category-non-ece{background:var(--non-ece)}.slot-half.category-elective{background:var(--elective)}.slot-half:before{content:"";background:var(--highlight);pointer-events:none;opacity:0;z-index:2;transition:opacity .1s;position:absolute;inset:0}.slot-half.hovered:before{opacity:.92}.course-slot.split .slot-half.sibling-dim{opacity:.45}.slot-label,.slot-title,.slot-credits{z-index:3;position:relative}.slot-label{white-space:normal;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;width:100%;font-size:.62rem;font-weight:700;line-height:1.25}.course-slot.split .slot-label{font-size:.6rem}.slot-title{color:var(--muted);white-space:normal;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;width:100%;font-size:.52rem;line-height:1.25;display:block}.course-slot.split .slot-title{font-size:.5rem;line-height:1.2}.slot-credits{color:#b91c1c;margin-top:auto;font-size:.46rem;font-weight:600;line-height:1.1}.arrow-layer{pointer-events:none;z-index:1;position:absolute;top:0;left:0;overflow:visible}.prereq-arrow{fill:none;stroke:#94a3b8;stroke-width:1.75px;opacity:.5}.prereq-arrow.active{stroke:#ea580c;stroke-width:1.75px;opacity:1}.planner-panel{background:var(--surface);border-left:1px solid var(--border);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1rem;width:100%;height:100%;min-height:0;padding:1rem;display:flex;overflow:hidden auto}.planner-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.planner-header h2{margin:0;font-size:1.1rem}.planner-help{color:var(--muted);margin:0;font-size:.8rem;line-height:1.4}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.4rem .65rem;font-size:.8rem}.btn-primary:hover{filter:brightness(1.05)}.btn-icon{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.1rem;line-height:1}.btn-icon:hover{color:var(--text)}.semester-boxes{flex-direction:column;gap:.65rem;display:flex}.semester-box{border:2px solid var(--border);cursor:grab;border-radius:8px;padding:.6rem;transition:border-color .15s}.semester-box:active{cursor:grabbing}.semester-box.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.semester-box-header{align-items:center;gap:.25rem;margin-bottom:.4rem;display:flex}.semester-name-input{background:0 0;border:none;flex:1;padding:.15rem 0;font-size:.9rem;font-weight:600}.semester-name-input:focus{outline:1px solid var(--accent);border-radius:4px}.planned-course-list{margin:0;padding:0;font-size:.78rem;list-style:none}.planned-course-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.2rem 0;display:flex}.planned-course-list li:last-child{border-bottom:none}.empty-hint{color:var(--muted);font-size:.78rem;font-style:italic}.box-totals{color:var(--muted);flex-wrap:wrap;gap:.35rem .75rem;margin-top:.4rem;font-size:.75rem;font-weight:600;display:flex}.global-totals{background:var(--bg);border-radius:8px;padding:.75rem}.global-totals h3{margin:0 0 .35rem;font-size:.9rem}.global-totals p{margin:0;font-size:.85rem}.available-section h3{margin:0 0 .5rem;font-size:.9rem}.term-filter{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.term-filter select{border:1px solid var(--border);border-radius:4px;padding:.25rem .4rem}.available-list{margin:0;padding-left:1.1rem;font-size:.78rem;line-height:1.5}.available-list em{color:var(--muted);font-size:.72rem;font-style:normal}.electives-panel{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.electives-panel-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;padding:.75rem 1rem .5rem}.electives-panel-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.65rem 1rem 1rem;overflow:hidden auto}.electives-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.25rem;display:flex}.electives-panel-header h3{margin:0;font-size:.95rem}.elective-intro{color:var(--muted);margin:0 0 .5rem;font-size:.75rem;line-height:1.4}.elective-intro a{color:var(--accent)}.elective-group{margin-top:.65rem}.elective-group h4{margin:0 0 .3rem;font-size:.82rem}.elective-subhead{color:var(--muted);margin:0 0 .25rem;font-size:.72rem;font-weight:600}.elective-list{margin:0;padding-left:1rem;font-size:.72rem;line-height:1.45}.elective-list li{margin-bottom:.35rem}.elective-list.muted{opacity:.75}.elective-senior-tag{color:#9a3412;font-weight:600}.elective-note,.term-tag{color:var(--muted);font-size:.68rem}.elective-details{margin-top:.35rem;font-size:.72rem}.elective-details summary{cursor:pointer;color:var(--muted)}.elective-error{color:#b91c1c;font-size:.75rem}.auto-hide-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.auto-hide-scrollbar.is-scrolling{scrollbar-color:#5c637080 transparent}.auto-hide-scrollbar::-webkit-scrollbar{width:10px;height:10px}.auto-hide-scrollbar::-webkit-scrollbar-track{background:0 0}.auto-hide-scrollbar::-webkit-scrollbar-thumb{background-color:#0000;border-radius:5px}.auto-hide-scrollbar.is-scrolling::-webkit-scrollbar-thumb{background-color:#5c63706b}.auto-hide-scrollbar.is-scrolling::-webkit-scrollbar-thumb:hover{background-color:#5c63709e}