@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Newsreader:opsz,wght@6..72,400&display=swap";:root{color-scheme:light;--page: #f7f5ef;--navy: #011f5b;--red: #990000;--blue: #17559b;--gold: #d4a72c;--muted: #52617b;--line: rgba(1, 31, 91, .15);--panel: #fff;--soft-blue: #e8f0f9;--shadow: rgba(1, 31, 91, .13);font-family:DM Sans,system-ui,sans-serif;color:var(--navy);background:var(--page);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--page)}button,a{font:inherit}a{color:inherit}.page-shell{overflow:hidden;min-height:100vh;background:radial-gradient(circle at 8% 25%,rgba(23,85,155,.08),transparent 22%),radial-gradient(circle at 94% 42%,rgba(153,0,0,.06),transparent 24%),var(--page)}.site-nav{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:24px 30px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:500;letter-spacing:-.02em;text-decoration:none}.brand-mark{position:relative;width:29px;height:29px;border-radius:50% 50% 44% 56%;background:var(--red);transform:rotate(-7deg)}.brand-mark:before{content:"";position:absolute;inset:8px 7px 7px;border:1.7px solid white;border-radius:2px;transform:rotate(7deg)}.brand-mark:after{content:"";position:absolute;top:6px;left:10px;width:9px;height:2px;border-right:2px solid white;border-left:2px solid white;transform:rotate(7deg)}.term-ready{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff94;color:var(--navy);font-size:12px}.term-ready i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #17559b1a}.hero{max-width:1120px;margin:0 auto;padding:88px 24px 112px;text-align:center}.hero h1,.step-copy h2{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero h1{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.13em .18em;margin:0 auto;font-size:clamp(56px,7vw,82px);line-height:.98}.hero h1>span:not(.headline-chip){white-space:nowrap}.headline-chip{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:.82em;border-radius:.48em;box-shadow:0 12px 28px #011f5b24;transform:translateY(.035em)}.path-chip{padding:.18em .29em;background:var(--navy)}.path-chip img{display:block;width:auto;height:.42em}.calendar-chip{gap:.15em;padding:.12em .27em .12em .18em;border:1px solid rgba(1,31,91,.11);background:#fff;color:#253047;font-family:DM Sans,system-ui,sans-serif;letter-spacing:-.035em}.calendar-chip img{display:block;width:auto;height:.58em}.calendar-chip span{font-size:.46em;font-weight:500}.hero>p{margin:30px 0 0;color:var(--muted);font-size:16px}.walkthrough{display:grid;gap:82px;width:min(1120px,calc(100% - 40px));margin:0 auto 94px}.walkthrough-step{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:64px;align-items:center;min-height:510px;padding:54px;border:1px solid var(--line);border-radius:28px;background:#ffffffb8;box-shadow:0 28px 75px #011f5b17}.walkthrough-step.reverse{grid-template-columns:minmax(520px,1.18fr) minmax(0,.82fr)}.walkthrough-step.reverse .step-copy{order:2}.walkthrough-step.reverse .step-visual{order:1}.step-label{display:flex;align-items:center;gap:10px;margin:0 0 20px!important;color:var(--red)!important;font-size:12px!important;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.step-label span{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:12px;letter-spacing:0}.step-copy h2{margin:0 0 18px;font-size:clamp(40px,4.5vw,58px);line-height:1}.step-copy>p:not(.step-label,.drag-status,.privacy-note){margin:0;color:var(--muted);font-size:15px;line-height:1.7}.step-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}.bookmarklet,.path-link,.calendar-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 21px;border-radius:999px;background:var(--navy);color:#fff;font-weight:500;text-decoration:none;box-shadow:0 14px 30px #011f5b30;transition:transform .18s ease,box-shadow .18s ease}.bookmarklet{cursor:grab;-webkit-tap-highlight-color:transparent}.bookmarklet:hover,.path-link:hover,.calendar-link:hover{transform:translateY(-2px);box-shadow:0 18px 38px #011f5b3d}.bookmarklet:active{cursor:grabbing}.copy-action{min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--blue);cursor:pointer;font-size:12px}.drag-status{min-height:18px;margin:10px 0 0;color:var(--muted);font-size:11px}.chrome-help{margin-top:28px;padding:18px;border:1px solid rgba(23,85,155,.17);border-radius:15px;background:var(--soft-blue)}.chrome-help>strong{font-size:12px}.shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.shortcuts>span{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:10px}kbd{min-width:25px;padding:5px 6px;border:1px solid rgba(1,31,91,.18);border-bottom-width:2px;border-radius:6px;background:#fff;color:var(--navy);text-align:center;font:500 10px DM Sans,sans-serif;box-shadow:0 2px 4px #011f5b0d}.chrome-help p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.path-link,.calendar-link{margin-top:28px}.import-list{display:grid;gap:11px;margin:0;padding:0;color:var(--muted);counter-reset:import-step;list-style:none}.import-list li{position:relative;padding-left:31px;font-size:14px;line-height:1.55;counter-increment:import-step}.import-list li:before{content:counter(import-step);position:absolute;top:1px;left:0;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:var(--soft-blue);color:var(--blue);font-size:10px;font-weight:500}.import-list code{padding:2px 5px;border-radius:5px;background:#011f5b0f;color:var(--navy);font:500 11px DM Sans,sans-serif}.privacy-note{display:flex;align-items:center;gap:7px;margin:20px 0 0;color:var(--muted);font-size:12px}.privacy-note span{color:var(--blue)}.step-visual{min-width:0}.chrome-frame,.app-frame{position:relative;overflow:hidden;height:350px;border:1px solid rgba(1,31,91,.16);border-radius:18px;background:#fff;box-shadow:0 22px 55px var(--shadow)}.chrome-tabs{display:flex;align-items:center;gap:6px;height:58px;padding:11px 14px;border-bottom:1px solid var(--line);background:#f7f8fa}.chrome-tabs>span{width:8px;height:8px;border-radius:50%;background:#d6dbe4}.chrome-tabs>div{flex:1;margin-left:10px;padding:8px 12px;border:1px solid rgba(1,31,91,.12);border-radius:8px;background:#fff;color:var(--muted);text-align:center;font-size:10px}.chrome-tabs>b{color:var(--muted);font-size:16px;font-weight:500}.visual-bookmarks{display:flex;align-items:center;gap:8px;height:44px;padding:7px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.visual-bookmarks>span{padding:7px 9px;border-radius:7px}.drop-target{min-width:100px;border:1px dashed rgba(23,85,155,.42);color:var(--blue);text-align:center;animation:target-ready 4s ease-in-out infinite}.mini-page{display:grid;gap:15px;align-content:center;justify-items:center;height:248px;background:radial-gradient(circle at 50% 0,rgba(23,85,155,.08),transparent 60%)}.mini-page i{display:block;width:58%;height:8px;border-radius:999px;background:#011f5b14}.mini-page i:nth-of-type(2){width:43%}.mini-page i:nth-of-type(3){width:50%}.mini-pathcal-mark{width:45px;height:45px;border-radius:50% 50% 44% 56%;background:var(--red);transform:rotate(-7deg)}.drag-token{position:absolute;z-index:2;top:65px;left:38%;display:inline-flex;align-items:center;padding:8px 12px;border-radius:8px;background:var(--navy);color:#fff;font-size:10px;box-shadow:0 12px 25px #011f5b40;animation:bookmark-drag 4s ease-in-out infinite}.drag-token:after{content:"↖";position:absolute;right:-24px;bottom:-25px;color:#111827;font-size:28px;filter:drop-shadow(0 2px 1px white)}.drag-pointer{display:none}.app-top{display:flex;align-items:center;justify-content:space-between;height:64px;padding:14px 18px;background:var(--navy);color:#fff;font-size:10px}.app-top img{width:138px;height:auto}.app-body{display:grid;grid-template-columns:170px 1fr;height:286px}.app-body aside{display:flex;flex-direction:column;gap:7px;padding:20px 12px;border-right:1px solid var(--line);background:#fbfaf6;color:var(--muted);font-size:9px}.app-body aside span,.app-body aside strong{padding:9px 10px;font-weight:400}.app-body aside strong{display:flex;align-items:center;gap:12px;min-height:48px;border-radius:6px;background:#08245f;color:#fff;font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 8px 20px #011f5b2e}.app-body aside strong b{color:#75b6df;font-size:19px;line-height:1;animation:point-primary 1.7s ease-in-out infinite}.mini-schedule{padding:20px 16px}.mini-schedule>div{display:flex;justify-content:space-between;margin-bottom:14px}.mini-schedule strong{font-size:12px}.mini-schedule small{color:var(--blue);font-size:8px}.mini-schedule section{position:relative;height:210px;border:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent 24.7%,var(--line) 25%)}.class-block{position:absolute;width:21%;padding:9px 6px;border-radius:5px;font-style:normal;font-size:7px}.class-block.blue{background:#e4edf8;color:var(--blue)}.class-block.red{background:#f5e5e5;color:var(--red)}.class-block.gold{background:#f5eed8;color:#755b12}.class-block.a{top:28px;left:2%;height:65px}.class-block.b{top:78px;left:27%;height:82px}.class-block.c{top:128px;left:52%;height:55px}.class-block.d{top:28px;left:77%;height:65px}.click-visual .chrome-frame{background:linear-gradient(180deg,#fff,#f4f7fb)}.saved-bookmark{border:1px solid rgba(23,85,155,.28);background:var(--soft-blue);color:var(--blue);animation:bookmark-click 4s ease-in-out infinite}.click-pointer{position:absolute;z-index:3;top:109px;left:128px;color:#111827;font-size:29px;filter:drop-shadow(0 2px 1px white);animation:cursor-click 4s ease-in-out infinite}.export-card{position:absolute;top:145px;left:50%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:min(430px,calc(100% - 34px));padding:20px;border:1px solid rgba(23,85,155,.2);border-radius:15px;background:#fff;box-shadow:0 24px 55px #011f5b29;transform:translate(-50%);animation:export-ready 4s ease-in-out infinite}.success-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--soft-blue);color:var(--blue)}.export-card strong,.export-card small{display:block}.export-card strong{font-family:Newsreader,Georgia,serif;font-size:21px;font-weight:400}.export-card small{margin-top:5px;color:var(--muted);font-size:8px}.export-card>b{padding:9px 11px;border-radius:999px;background:var(--navy);color:#fff;font-size:8px;font-weight:500}.calendar-frame{overflow:hidden;height:350px;border:1px solid rgba(1,31,91,.16);border-radius:18px;background:#fff;box-shadow:0 22px 55px var(--shadow)}.calendar-top{display:flex;align-items:center;gap:10px;height:62px;padding:13px 18px;border-bottom:1px solid var(--line);background:#fbfcfe}.calendar-top img{width:30px;height:32px;object-fit:contain}.calendar-top strong{color:#344054;font-size:15px;font-weight:500}.calendar-top span{margin-left:auto;color:var(--muted);font-size:9px}.calendar-body{display:grid;grid-template-columns:155px 1fr;height:288px}.calendar-body aside{display:flex;flex-direction:column;gap:4px;padding:18px 11px;border-right:1px solid var(--line);background:#fbfaf6;color:var(--muted);font-size:8px}.calendar-body aside span,.calendar-body aside strong{padding:9px 10px;font-weight:400}.calendar-body aside strong{border-radius:6px;background:#e8f0fe;color:#1967d2}.import-panel{padding:22px}.import-panel h3{margin:0 0 17px;color:#344054;font-size:18px;font-weight:500}.selected-file{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #b8cbe3;border-radius:8px;background:#f8fbff}.selected-file>span{display:grid;width:27px;height:27px;place-items:center;border-radius:6px;background:#e8f0fe;color:#1967d2;font-size:10px}.selected-file strong,.selected-file small{display:block}.selected-file strong{color:#344054;font-size:9px}.selected-file small{margin-top:3px;color:var(--muted);font-size:7px}.import-panel label{display:block;margin-top:15px;color:var(--muted);font-size:8px}.import-panel label>div{display:flex;justify-content:space-between;margin-top:5px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;color:#344054;font-size:9px}.import-panel button{float:right;margin-top:14px;padding:9px 17px;border:0;border-radius:5px;background:#1a73e8;color:#fff;font-size:9px;font-weight:500}.semester-note{width:min(760px,calc(100% - 40px));margin:0 auto 100px;padding:19px 24px;border:1px solid var(--line);border-radius:999px;background:#ffffffa8;color:var(--muted);text-align:center;font-size:12px}.semester-note p{margin:0}.semester-note span{color:var(--blue)}.semester-note a{color:var(--blue);font-weight:500;text-decoration:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto;padding:28px 30px 34px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer p{margin:0}footer p a{color:var(--blue);font-weight:500;text-decoration:none}@keyframes bookmark-drag{0%,14%{opacity:1;transform:translate(50px,190px) scale(1)}52%,80%{opacity:1;transform:translate(-75%) scale(.94)}92%,to{opacity:0;transform:translate(-75%) scale(.94)}}@keyframes target-ready{0%,38%{background:transparent}52%,88%{border-style:solid;background:var(--soft-blue)}}@keyframes point-primary{50%{transform:translate(3px)}}@keyframes cursor-click{0%,20%{opacity:0;transform:translate(70px,70px)}38%,48%{opacity:1;transform:translate(0)}58%,to{opacity:0;transform:translate(0)}}@keyframes bookmark-click{0%,38%{transform:scale(1)}45%{transform:scale(.94)}52%,to{transform:scale(1)}}@keyframes export-ready{0%,48%{opacity:0;transform:translate(-50%,15px) scale(.97)}64%,to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:930px){.walkthrough-step,.walkthrough-step.reverse{grid-template-columns:1fr;gap:40px;padding:42px}.walkthrough-step.reverse .step-copy,.walkthrough-step.reverse .step-visual{order:initial}.step-copy{max-width:640px}}@media(max-width:600px){.site-nav{padding:18px}.term-ready{font-size:10px}.hero{padding:64px 16px 82px}.hero h1{gap:.16em .14em;font-size:clamp(44px,15vw,57px)}.path-chip{padding-right:.25em;padding-left:.25em}.hero>p{font-size:14px;line-height:1.5}.walkthrough{width:calc(100% - 20px);gap:40px}.walkthrough-step,.walkthrough-step.reverse{min-height:0;padding:28px 20px 20px;border-radius:20px}.step-copy h2{font-size:40px}.shortcuts{display:grid}.chrome-frame,.app-frame,.calendar-frame{height:310px}.app-body{grid-template-columns:120px 1fr;height:246px}.app-body aside{padding:13px 7px}.app-body aside span,.app-body aside strong{padding:8px 6px;font-size:7px}.app-body aside strong{gap:6px;min-height:42px;letter-spacing:.04em}.app-body aside strong b{font-size:15px}.mini-schedule{padding:14px 8px}.mini-schedule section{height:180px}.app-top img{width:115px}.calendar-body{grid-template-columns:105px 1fr;height:248px}.calendar-body aside{padding:12px 6px}.calendar-body aside span,.calendar-body aside strong{padding:7px 5px;font-size:7px}.import-panel{padding:15px 10px}.drag-token{left:40%}.export-card{grid-template-columns:auto 1fr;top:135px;padding:16px}.export-card>b{grid-column:1 / -1;justify-self:stretch;text-align:center}.semester-note{border-radius:18px;line-height:1.5}footer{flex-direction:column;padding:28px 20px;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.drag-token{opacity:1;transform:translate(-75%)}.export-card{opacity:1;transform:translate(-50%)}}
