@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap";:root{--bg:#e0e5ec;--surface:#e0e5ec;--text:#3d4852;--muted:#6b7280;--accent:#6c63ff;--accent-lt:#8b84ff;--success:#38b2ac;--danger:#e05252;--navy:#3d4852;--navy-light:#6b7280;--green:#38b2ac;--red:#e05252;--terracotta:#6c63ff;--cream:#e0e5ec;--paper:#e0e5ec;--line:transparent;--sh-light:#ffffff8c;--sh-dark:#a3b1c6a6;--shadow-sm:5px 5px 10px var(--sh-dark), -5px -5px 10px var(--sh-light);--shadow-md:9px 9px 16px var(--sh-dark), -9px -9px 16px var(--sh-light);--shadow-lg:12px 12px 20px #a3b1c6b3, -12px -12px 20px #fff9;--shadow-in:inset 6px 6px 10px var(--sh-dark), inset -6px -6px 10px var(--sh-light);--shadow-in-deep:inset 10px 10px 20px #a3b1c6b3, inset -10px -10px 20px #fff9;--shadow-in-sm:inset 3px 3px 6px var(--sh-dark), inset -3px -3px 6px var(--sh-light);--radius-card:24px;--radius-btn:16px;--radius-sm:12px;--radius-pill:9999px;--transition:.3s ease-out}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:15px}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text);margin:0 0 .4em;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700}button{cursor:pointer;font-family:DM Sans,sans-serif}a{color:var(--accent)}.screen.center-screen{max-width:780px;margin:0 auto;padding:56px 28px 96px;position:relative}.screen.center-screen h1{color:var(--text);margin-bottom:.2em;font-size:2rem;font-weight:800}.subtitle{color:var(--muted);margin-bottom:2.4em;font-size:.95rem;line-height:1.6}.grade-block{margin-bottom:2.4em}.grade-block h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border:none;margin-bottom:14px;padding:0;font-size:.72rem;font-weight:700}.option-row{flex-wrap:wrap;gap:14px;display:flex}.option-col{flex-direction:column;gap:12px;display:flex}.option-card{background:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius-card);color:var(--text);text-align:left;min-width:210px;transition:transform var(--transition), box-shadow var(--transition);border:none;padding:18px 22px;font-size:.92rem;font-weight:500;position:relative}.option-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.option-card:active{box-shadow:var(--shadow-in-sm);transform:translateY(1px)}.option-card.selected{box-shadow:var(--shadow-in);color:var(--accent);transform:translateY(0)}.option-card.selected:after{content:"✓";color:var(--success);font-size:1rem;font-weight:700;position:absolute;top:14px;right:18px}.option-card-title{margin-bottom:5px;font-size:.95rem;font-weight:600;display:block}.option-card-items{color:var(--muted);font-size:.76rem;line-height:1.5;display:block}.link-back{color:var(--muted);transition:color var(--transition);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:28px;padding:0;font-size:.88rem;font-weight:500;display:inline-flex}.link-back:hover{color:var(--accent)}.lang-question{margin-bottom:2em}.lang-question p{margin-bottom:.7em;font-weight:500}.toggle{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--radius-pill);color:var(--text);transition:box-shadow var(--transition), transform var(--transition), color var(--transition);border:none;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500}.toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.toggle.active{box-shadow:var(--shadow-in);color:var(--accent);transform:translateY(0)}.primary-btn{background:var(--accent);color:#fff;border-radius:var(--radius-btn);transition:transform var(--transition), box-shadow var(--transition);border:none;margin-top:1.6em;padding:13px 30px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;box-shadow:7px 7px 14px #6c63ff59,-4px -4px 10px #fff6}.primary-btn:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #6c63ff73,-6px -6px 14px #ffffff80}.primary-btn:active{transform:translateY(1px);box-shadow:inset 4px 4px 8px #0003,inset -2px -2px 6px #ffffff26}.primary-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.hint{color:var(--muted);font-size:.83rem}.hint.small{margin:2px 0 8px;font-size:.76rem}.hint.inline{display:inline}.hint.warn{color:#7c5700;border-radius:var(--radius-sm);background:#ffc86426;border-left:3px solid #e0a020;margin-top:8px;padding:8px 12px}.checkbox-row{cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.checkbox-row input{flex-shrink:0;margin-top:4px}.lang-eligibility{border-radius:var(--radius-sm);box-shadow:var(--shadow-in-sm);margin:10px 0 18px;padding:13px 18px;font-size:.88rem;font-weight:500}.lang-eligibility.eligible{color:var(--success)}.lang-eligibility.ineligible{color:var(--muted)}.lang-eligibility p{margin:0}.build-screen{background:var(--bg);flex-direction:column;height:100vh;display:flex}.build-header{background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative;box-shadow:0 4px 12px #a3b1c680,0 -2px 6px #ffffffb3}.build-header h1{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.header-actions{align-items:center;gap:8px;display:flex}.header-actions button{background:var(--bg);box-shadow:var(--shadow-sm);color:var(--text);border-radius:var(--radius-btn);transition:box-shadow var(--transition), transform var(--transition);border:none;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500}.header-actions button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.header-actions button:active{box-shadow:var(--shadow-in-sm);transform:translateY(.5px)}.header-actions .primary-btn{margin-top:0;padding:8px 18px;font-size:.82rem}.build-layout{flex:1;grid-template-columns:1.3fr 1.4fr .9fr;gap:14px;padding:14px;display:grid;overflow:hidden}.left-col,.mid-col,.right-col{min-height:0;overflow-y:auto}.section-title{color:var(--muted);margin-top:16px;font-size:.95rem;font-weight:600}.left-col::-webkit-scrollbar{width:4px}.mid-col::-webkit-scrollbar{width:4px}.right-col::-webkit-scrollbar{width:4px}.left-col::-webkit-scrollbar-track{background:0 0}.mid-col::-webkit-scrollbar-track{background:0 0}.right-col::-webkit-scrollbar-track{background:0 0}.left-col::-webkit-scrollbar-thumb{background:#a3b1c680;border-radius:4px}.mid-col::-webkit-scrollbar-thumb{background:#a3b1c680;border-radius:4px}.right-col::-webkit-scrollbar-thumb{background:#a3b1c680;border-radius:4px}.course-browser{background:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius-card);border:none;padding:14px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--radius-pill);color:var(--muted);transition:box-shadow var(--transition), color var(--transition), transform var(--transition);border:none;padding:6px 13px;font-size:.76rem;font-weight:500}.tab:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tab.active{box-shadow:var(--shadow-in);color:var(--accent)}.tab-badge{background:var(--success);color:#fff;border-radius:var(--radius-pill);justify-content:center;align-items:center;margin-left:5px;padding:1px 5px;font-size:.6rem;font-weight:700;display:inline-flex;box-shadow:2px 2px 4px #38b2ac4d}.subtabs{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.subtab{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--radius-pill);color:var(--muted);transition:box-shadow var(--transition), color var(--transition), transform var(--transition);border:none;padding:4px 11px;font-size:.72rem;font-weight:500}.subtab:hover{box-shadow:var(--shadow-md);color:var(--text);transform:translateY(-1px)}.subtab.active{box-shadow:var(--shadow-in);color:var(--accent)}.section-panel{padding-top:6px}.section-panel-header{align-items:center;gap:10px;margin-bottom:8px;font-size:.78rem;display:flex}.section-count{color:var(--muted)}.section-note{color:var(--accent);font-size:.72rem;font-style:italic}.quad-sync-note{color:var(--muted);margin-left:auto;font-size:.72rem;font-style:italic}.browser-toolbar{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.82rem;display:flex}.browser-toolbar select{border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-in-sm);color:var(--text);cursor:pointer;border:none;outline:none;margin-left:6px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:.8rem}.count{color:var(--muted)}.table-wrap{border-radius:var(--radius-sm);max-height:340px;box-shadow:var(--shadow-in);overflow:auto}table{border-collapse:collapse;width:100%;font-size:.76rem}th,td{white-space:nowrap;text-align:left;border-bottom:1px solid #a3b1c640;padding:7px 9px}th.sortable{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;background:var(--surface);z-index:1;font-size:.72rem;font-weight:600;position:sticky;top:0}th.sortable:hover{color:var(--accent)}tr.added-row{background:#38b2ac12}tr:hover td{background:#a3b1c61f}.empty-row{text-align:center;color:var(--muted);padding:24px;font-size:.85rem}.add-btn{width:26px;height:26px;box-shadow:var(--shadow-sm);background:var(--surface);color:var(--muted);transition:box-shadow var(--transition), color var(--transition), transform var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;line-height:1;display:flex}.add-btn:hover{box-shadow:var(--shadow-md);color:var(--accent);transform:translateY(-1px)}.add-btn:active{box-shadow:var(--shadow-in-sm)}.add-btn.added{box-shadow:var(--shadow-in-sm);color:var(--success)}.quad-badge{background:var(--surface);box-shadow:var(--shadow-in-sm);color:var(--accent);border-radius:var(--radius-pill);vertical-align:middle;letter-spacing:.04em;align-items:center;margin-left:6px;padding:1px 6px;font-family:DM Sans,monospace;font-size:.6rem;font-weight:700;display:inline-flex}.calendar-wrap{background:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius-card);border:none;padding:14px}.calendar-header{grid-template-columns:52px repeat(5,1fr);display:grid}.day-header{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:6px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:700}.calendar-grid{grid-template-columns:52px repeat(5,1fr);height:560px;display:grid;position:relative}.time-gutter{position:relative}.hour-label{color:var(--muted);font-size:.65rem;font-weight:500;position:absolute;transform:translateY(-6px)}.day-column{border-left:1px solid #a3b1c64d;position:relative}.hour-line{border-top:1px solid #a3b1c633;position:absolute;left:0;right:0}.course-block{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);padding:5px 7px;font-size:.66rem;position:absolute;left:3px;right:3px;overflow:hidden;box-shadow:4px 4px 8px #0000002e,-2px -2px 6px #ffffff40}.course-block:hover{transform:translateY(-1px)scale(1.01);box-shadow:6px 6px 12px #00000038,-3px -3px 8px #ffffff4d}.course-block.conflict{outline:2px solid var(--danger)}.block-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.2}.block-sub,.block-note{opacity:.88;font-size:.62rem}.remove-block{color:#fff;width:14px;height:14px;transition:background var(--transition);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;line-height:1;display:flex;position:absolute;top:2px;right:3px}.remove-block:hover{background:#fff6}.conflict-note{color:var(--danger);margin-top:10px;font-size:.78rem;font-weight:500}.added-list-trigger{margin-top:12px}.course-list-btn{background:var(--surface);width:100%;box-shadow:var(--shadow-md);border-radius:var(--radius-card);text-align:left;color:var(--text);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition);border:none;align-items:center;gap:10px;padding:13px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:600;display:flex}.course-list-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.course-list-btn:active{box-shadow:var(--shadow-in);transform:translateY(.5px)}.course-list-btn-icon{color:var(--accent);font-size:1rem}.course-list-btn-hint{color:var(--muted);margin-left:auto;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:400}.requirement-sidebar{background:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius-card);border:none;padding:16px}.req-header-bar{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.req-header-bar h3{margin:0;font-size:1rem;font-weight:700}.req-progress{color:#fff;background:var(--accent);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;padding:3px 10px;font-size:.76rem;font-weight:600;box-shadow:3px 3px 6px #6c63ff4d}.req-program-label{color:var(--muted);margin:0 0 14px;font-size:.76rem;font-weight:500}.req-category{border-top:1px solid #a3b1c640;margin-bottom:14px;padding-top:12px}.req-section-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:7px;display:flex}.req-section-head strong{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem}.req-rule-hint{color:var(--muted);margin-left:auto;font-size:.68rem}.req-item{color:var(--muted);border-radius:var(--radius-sm);transition:background var(--transition);align-items:flex-start;gap:8px;margin:4px 0;padding:4px 6px;font-size:.78rem;display:flex}.req-item.fulfilled{color:var(--text)}.req-item.indented{margin-left:10px}.req-item-text{flex-direction:column;gap:1px;display:flex}.req-item-label{font-weight:500;line-height:1.3}.req-item-detail{color:var(--muted);font-size:.7rem;font-style:italic}.req-item.fulfilled .req-item-detail{color:var(--success);font-style:normal;font-weight:500}.req-other-options{color:var(--muted);margin:4px 0 0 26px;font-size:.7rem}.req-option-block{margin:6px 0 4px 10px}.req-option-label{color:var(--text);margin-bottom:3px;font-family:Plus Jakarta Sans,sans-serif;font-size:.76rem;font-weight:600}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:3px;display:inline-block}.dot.green{background:var(--success);box-shadow:0 0 4px #38b2ac80}.dot.red{background:var(--danger);box-shadow:0 0 4px #e0525266}.dot.grey{background:var(--muted);opacity:.4}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#3d485266;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-lg), 0 32px 80px #a3b1c666;flex-direction:column;max-height:92vh;display:flex;position:relative;overflow:hidden}.modal-close{background:var(--surface);box-shadow:var(--shadow-sm);width:32px;height:32px;color:var(--muted);cursor:pointer;z-index:2;transition:box-shadow var(--transition), color var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:14px;right:16px}.modal-close:hover{box-shadow:var(--shadow-md);color:var(--text)}.course-detail{width:520px;max-width:100%;display:flex}.course-detail-stripe{border-radius:var(--radius-card) 0 0 var(--radius-card);flex-shrink:0;width:8px}.course-detail-body{flex:1;padding:28px 32px 24px 24px}.course-detail-body h2{margin-bottom:18px;padding-right:24px;font-size:1.15rem;line-height:1.35}.course-detail-grid{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.detail-field{flex-direction:column;gap:3px;display:flex}.detail-field.span{grid-column:1/-1}.detail-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:Plus Jakarta Sans,sans-serif;font-size:.67rem;font-weight:600}.detail-value{color:var(--text);background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-in-sm);padding:6px 10px;font-size:.88rem;font-weight:500}.course-detail-actions{border-top:1px solid #a3b1c640;margin-top:22px;padding-top:16px}.remove-btn-modal{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--danger);border-radius:var(--radius-btn);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition);border:none;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600}.remove-btn-modal:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.remove-btn-modal:active{box-shadow:var(--shadow-in-sm);transform:translateY(.5px)}.course-list-modal{flex-direction:column;width:90vw;max-width:1200px;padding:28px 32px 24px;display:flex}.course-list-modal h2{margin-bottom:18px;padding-right:32px}.modal-table-wrap{border-radius:var(--radius-sm);max-height:calc(92vh - 100px);box-shadow:var(--shadow-in);flex:1;overflow:auto}.modal-table-wrap table{border-collapse:collapse;width:100%;font-size:.82rem}.modal-table-wrap th{background:var(--surface);z-index:1;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600;position:sticky;top:0}.modal-table-wrap th,.modal-table-wrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #a3b1c633;padding:9px 13px}.modal-table-wrap td:first-child{white-space:normal;max-width:280px}.modal-table-wrap tr:hover td{background:#a3b1c61a}.remove-link{color:var(--danger);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600}.remove-link:hover{background:#e052521a}.lang-toggle{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--radius-pill);color:var(--text);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition);border:none;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600}.lang-toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.lang-toggle:active{box-shadow:var(--shadow-in-sm);transform:translateY(.5px)}.top-bar-floating{position:absolute;top:20px;right:24px}.watermark{color:var(--muted);opacity:.55;z-index:500;pointer-events:auto;-webkit-user-select:none;user-select:none;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500;position:fixed;bottom:10px;right:14px}.watermark a{color:var(--muted);text-decoration:none}.watermark a:hover{color:var(--accent)}@media (width<=1100px){.build-layout{grid-template-columns:1fr;overflow-y:auto}}.star-btn{background:var(--surface);width:24px;height:24px;box-shadow:var(--shadow-sm);color:var(--muted);transition:box-shadow var(--transition), color var(--transition), transform var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:flex}.star-btn:hover{box-shadow:var(--shadow-md);color:#e0a020;transform:translateY(-1px)}.star-btn:active{box-shadow:var(--shadow-in-sm)}.star-btn.starred{color:#e0a020;box-shadow:var(--shadow-in-sm)}tr.starred-row{background:#e0a0200f}tr.starred-row.added-row{background:#38b2ac17}.tab-badge.fav-badge{background:#e0a020;box-shadow:2px 2px 4px #e0a0204d}.fav-empty{padding:32px 20px;font-size:.85rem;line-height:1.6}.save-btn,.load-btn{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);border-radius:var(--radius-btn);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition);border:none;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600}.save-btn:hover,.load-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-btn:active,.load-btn:active{box-shadow:var(--shadow-in-sm);transform:translateY(.5px)}.load-from-file-row{border-top:1px solid #a3b1c64d;margin-top:32px;padding-top:24px}.load-file-btn{background:var(--surface);box-shadow:var(--shadow-md);color:var(--muted);border-radius:var(--radius-btn);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition), color var(--transition);border:none;padding:12px 22px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600}.load-file-btn:hover{box-shadow:var(--shadow-lg);color:var(--accent);transform:translateY(-2px)}.load-file-btn:active{box-shadow:var(--shadow-in);transform:translateY(.5px)}.load-modal{width:560px;max-width:100%;padding:28px 32px}.load-modal h2{margin-bottom:8px}.load-subtitle{color:var(--muted);margin-bottom:22px;font-size:.88rem;line-height:1.55}.drop-zone{box-shadow:var(--shadow-in);border-radius:var(--radius-card);text-align:center;cursor:pointer;transition:box-shadow var(--transition);background:var(--surface);-webkit-user-select:none;user-select:none;padding:30px 20px}.drop-zone:hover{box-shadow:var(--shadow-in-deep)}.drop-zone.drop-valid{box-shadow:inset 4px 4px 10px #38b2ac40,inset -4px -4px 10px #fff9}.drop-zone.drop-error{box-shadow:inset 4px 4px 10px #e0525233,inset -4px -4px 10px #fff9}.drop-icon{margin-bottom:10px;font-size:2rem}.drop-text{color:var(--text);margin-bottom:4px;font-size:.92rem;font-weight:600}.drop-hint{color:var(--muted);font-size:.78rem}.drop-err-text{color:var(--danger)}.load-result{margin-top:20px}.load-summary{box-shadow:var(--shadow-in-sm);border-radius:var(--radius-sm);margin-bottom:14px;padding:14px 16px}.load-summary-row{border-bottom:1px solid #a3b1c633;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-size:.84rem;display:flex}.load-summary-row:last-child{border-bottom:none}.load-label{color:var(--muted);flex-shrink:0;font-weight:500}.load-value{color:var(--text);text-align:right;font-weight:600}.load-skipped{color:var(--danger);font-size:.78rem;font-weight:400}.load-warnings{box-shadow:var(--shadow-in-sm);border-radius:var(--radius-sm);border-left:3px solid #e0a020;margin-bottom:16px;padding:12px 16px}.load-warn-title{color:#7c5700;margin-bottom:8px;font-size:.82rem;font-weight:700}.load-warn-item{color:var(--muted);margin-bottom:6px;padding-left:10px;font-size:.8rem;line-height:1.5}.load-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.load-cancel-btn{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--muted);border-radius:var(--radius-btn);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition);border:none;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600}.load-cancel-btn:hover{box-shadow:var(--shadow-md)}.load-restore-btn{background:var(--accent);color:#fff;border-radius:var(--radius-btn);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);border:none;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:700;box-shadow:5px 5px 12px #6c63ff59,-3px -3px 8px #ffffff4d}.load-restore-btn:hover{transform:translateY(-2px);box-shadow:7px 7px 16px #6c63ff73,-4px -4px 10px #fff6}.load-restore-btn:active{transform:translateY(.5px);box-shadow:inset 3px 3px 8px #0003}.confoscope-tag{border-radius:var(--radius-pill);white-space:nowrap;box-shadow:var(--shadow-in-sm);letter-spacing:.01em;border:1px solid;align-items:center;padding:2px 8px;font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700;display:inline-flex}.confoscope-tag.no-rating{background:var(--surface);color:var(--muted);box-shadow:none;border-color:#0000;font-style:italic;font-weight:400}.detail-extra{margin-top:5px}.compare-btn{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--accent);border-radius:var(--radius-btn);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition);border:none;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700}.compare-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.compare-page{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.compare-header{background:var(--bg);z-index:10;flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 4px 12px #a3b1c680}.compare-back-btn{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;transition:box-shadow var(--transition), transform var(--transition);border:none;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600}.compare-back-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.compare-title{color:var(--text);white-space:nowrap;margin:0;font-size:1.1rem}.compare-view-toggle{gap:6px;margin-left:auto;display:flex}.view-toggle-btn{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;transition:box-shadow var(--transition), color var(--transition);border:none;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600}.view-toggle-btn.active{box-shadow:var(--shadow-in);color:var(--accent)}.view-toggle-btn:hover:not(.active){box-shadow:var(--shadow-md);color:var(--text)}.compare-body{flex:1;grid-template-columns:280px 1fr;display:grid;overflow:hidden}.compare-sidebar{border-right:1px solid #a3b1c64d;flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}.compare-upload-zone{box-shadow:var(--shadow-in);border-radius:var(--radius-card);text-align:center;cursor:pointer;background:var(--surface);transition:box-shadow var(--transition);padding:20px 14px}.compare-upload-zone:hover,.compare-upload-zone.dragging{box-shadow:var(--shadow-in-deep)}.compare-upload-icon{margin-bottom:8px;font-size:1.6rem}.compare-upload-text{color:var(--text);margin-bottom:4px;font-size:.82rem;font-weight:600}.compare-upload-hint{color:var(--muted);font-size:.72rem}.stack-list{flex-direction:column;gap:8px;display:flex}.stack-list-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 4px;font-size:.72rem;font-weight:700}.stack-card{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);opacity:.65;padding:10px 12px}.stack-card.active{opacity:1;box-shadow:var(--shadow-md)}.stack-card-top{align-items:flex-start;gap:8px;display:flex}.stack-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.stack-card-info{flex:1;min-width:0}.stack-card-label{color:var(--text);font-size:.82rem;font-weight:700;line-height:1.3}.stack-card-meta{color:var(--muted);margin-top:2px;font-size:.72rem}.stack-toggle input{cursor:pointer;width:16px;height:16px}.stack-card-actions{gap:6px;margin-top:8px;display:flex}.stack-base-btn{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;transition:box-shadow var(--transition), color var(--transition);border:none;padding:4px 10px;font-size:.72rem;font-weight:600}.stack-base-btn.active{color:#e0a020;box-shadow:var(--shadow-in-sm)}.stack-remove-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8rem}.stack-remove-btn:hover{color:var(--danger)}.base-badge{color:#fff;border-radius:var(--radius-pill);background:#e0a020;margin-left:6px;padding:1px 6px;font-size:.62rem;font-weight:700;display:inline-block}.optimal-hint{color:var(--muted);background:var(--surface);box-shadow:var(--shadow-in-sm);border-radius:var(--radius-sm);gap:8px;padding:10px 12px;font-size:.76rem;line-height:1.5;display:flex}.compare-main{padding:16px;overflow-y:auto}.compare-empty{text-align:center;color:var(--muted);padding:80px 40px}.compare-empty h2{color:var(--text);margin-bottom:10px}.sidebyside-wrap{flex-direction:column;gap:20px;display:flex}.sidebyside-calendars{align-items:flex-start;gap:12px;display:flex;overflow-x:auto}.sidebyside-col{flex:1;min-width:260px}.sidebyside-col-header{color:var(--text);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface);box-shadow:var(--shadow-sm);border-left:3px solid;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:.8rem;font-weight:700;display:flex}.mini-cal{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:10px}.mini-cal-header{grid-template-columns:24px repeat(5,1fr);margin-bottom:4px;display:grid}.mini-day-head{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-bottom:4px;font-size:.65rem;font-weight:700}.mini-cal-grid{grid-template-columns:24px repeat(5,1fr);height:420px;display:grid;position:relative}.mini-time-col{position:relative}.mini-hour-label{color:var(--muted);font-size:.55rem;position:absolute;right:3px;transform:translateY(-5px)}.mini-day-col{border-left:1px solid #a3b1c640;position:relative}.mini-hour-line{border-top:1px solid #a3b1c626;position:absolute;left:0;right:0}.mini-block{color:#fff;border-radius:3px;padding:2px 3px;font-size:.55rem;transition:opacity .2s;position:absolute;left:1px;right:1px;overflow:hidden}.mini-block.dropped{cursor:pointer}.mini-block:hover{opacity:.85}.mini-block-title{font-weight:700;line-height:1.2}.mini-block.dropped .mini-block-title{text-decoration:line-through}.overlay-legend{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-size:.78rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.overlay-block{cursor:default}.diff-table-wrap{border-radius:var(--radius-sm);box-shadow:var(--shadow-in);overflow:auto}.diff-table{border-collapse:collapse;width:100%;font-size:.8rem}.diff-table th{background:var(--surface);z-index:1;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid #a3b1c640;padding:9px 12px;font-size:.72rem;font-weight:700;position:sticky;top:0}.diff-table td{vertical-align:middle;border-bottom:1px solid #a3b1c626;padding:7px 12px}.diff-row-shared td{background:#38b2ac0f}.diff-row-partial td{background:#f2cc8f1a}.diff-sched{color:var(--muted);flex-direction:column;gap:2px;font-size:.72rem;display:flex}.diff-check{text-align:center}.diff-yes{color:var(--success);font-size:1rem;font-weight:700}.diff-no{color:var(--muted);font-size:.8rem}.optimal-section{border-top:1px solid #a3b1c64d;padding-top:16px}.optimal-toggle{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);border-radius:var(--radius-btn);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition);border:none;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:700;display:inline-flex}.optimal-toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.optimal-toggle.active{box-shadow:var(--shadow-in);color:var(--accent)}.optimal-count-badge{background:var(--danger);color:#fff;border-radius:var(--radius-pill);padding:1px 7px;font-size:.68rem;font-weight:700}.optimal-reset-btn{border:1px solid var(--muted);color:var(--muted);border-radius:var(--radius-btn);cursor:pointer;transition:border-color var(--transition), color var(--transition);background:0 0;margin-left:10px;padding:6px 14px;font-size:.78rem}.optimal-reset-btn:hover{border-color:var(--danger);color:var(--danger)}.optimal-empty{text-align:center;color:var(--muted);padding:32px 20px}.optimal-empty-icon{margin-bottom:10px;font-size:2rem}.optimal-panel{flex-direction:column;gap:16px;margin-top:16px;display:flex}.optimal-group{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:14px 16px}.optimal-dropped-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.optimal-dropped-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem;font-weight:700}.optimal-dropped-name{color:var(--danger);font-size:.92rem;font-weight:700}.optimal-code{background:#a3b1c633;border-radius:4px;padding:1px 6px;font-size:.72rem}.optimal-req-label{color:var(--muted);margin-bottom:10px;font-size:.78rem}.optimal-no-rep{color:var(--muted);font-size:.8rem;font-style:italic}.optimal-replacements{flex-direction:column;gap:8px;display:flex}.optimal-rep{border-radius:var(--radius-sm);border-left:3px solid;padding:10px 12px}.optimal-rep.no-conflict{border-left-color:var(--success);background:#38b2ac0f}.optimal-rep.has-conflict{background:#e0a0200d;border-left-color:#e0a020}.optimal-rep-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.optimal-source-badge{border-radius:var(--radius-pill);padding:2px 8px;font-size:.67rem;font-weight:700}.optimal-source-badge.stack{color:var(--accent);background:#6c63ff1f}.optimal-source-badge.pool{color:var(--muted);background:#a3b1c640}.optimal-ok{color:var(--success);font-size:.72rem;font-weight:600}.optimal-conflict{color:#e0a020;font-size:.72rem;font-weight:600}.optimal-rep-title{color:var(--text);margin-bottom:4px;font-size:.88rem;font-weight:700}.optimal-rep-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.72rem;display:flex}.optimal-rep-meta code{background:#a3b1c633;border-radius:3px;padding:1px 5px}.optimal-conflict-list{color:#9b5700;margin-top:5px;font-size:.72rem;font-style:italic}