:root{--paper: #f4f1e9;--card: #fffdf7;--ink: #36332d;--ink-2: #736d62;--ink-3: #6e675c;--line: #d9d3c6;--accent: oklch(.72 .11 300);--accent-soft: oklch(.93 .04 300);--accent-line: oklch(.58 .13 300);--danger: oklch(.6 .16 25);--good: oklch(.6 .13 155);--font-hand: "Kalam", "Comic Sans MS", cursive;--font-scrawl: "Caveat", cursive;--text-xs: 11px;--text-sm: 13px;--text-base:15px;--text-md: 17px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 34px;--text-3xl: 44px;--text-4xl: 64px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 28px;--space-2xl: 40px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-1: .14s;--dur-2: .24s;--dur-3: .36s;--r-a: 13px 9px 14px 8px / 8px 14px 9px 13px;--r-b: 9px 14px 8px 13px / 13px 8px 14px 9px;--r-c: 14px 8px 12px 11px / 11px 12px 8px 14px;--r-pill: 999px;--r-sm: 9px;--r-md: 14px;--stroke: 2px solid var(--ink)}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-hand);font-size:var(--text-base);line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-style:normal;margin:0;overflow-wrap:anywhere;min-width:0;font-family:var(--font-scrawl);font-weight:700;letter-spacing:-.005em}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px;border-radius:4px}.sk{border:var(--stroke);border-radius:var(--r-a);background:var(--card)}.sk--b{border-radius:var(--r-b)}.sk--c{border-radius:var(--r-c)}.app{min-height:100dvh;display:flex;flex-direction:column}.scroll{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-md) calc(var(--space-2xl) + 76px);max-width:720px;width:100%;margin:0 auto}@media (min-width: 1024px){.app{flex-direction:row}.scroll{padding:var(--space-xl) var(--space-xl) var(--space-xl);max-width:1080px}}.appbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-2xs) var(--space-md)}.appbar__title{font-family:var(--font-scrawl);font-size:var(--text-xl);font-weight:700}.appbar__title em{font-style:normal;color:var(--accent-line);font-size:.6em;margin-left:4px}.appbar__gear{width:36px;height:36px;border:var(--stroke);border-radius:10px;display:grid;place-items:center;font-size:18px;transition:transform var(--dur-2) var(--ease-out)}.appbar__gear:hover{transform:rotate(45deg)}.appbar__actions{display:flex;gap:var(--space-xs);align-items:center}.install{border:2px solid var(--accent-line);background:var(--accent-soft);border-radius:999px;padding:6px 14px;font-family:var(--font-hand);font-weight:700;font-size:var(--text-sm);color:var(--ink);white-space:nowrap;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out);min-height:36px}.install:hover{transform:translate(-1px,-2px);box-shadow:2px 3px #36332d1f}.install:active{transform:translate(0);box-shadow:none}@media (min-width: 1024px){.appbar{display:none}}.hero{background:var(--accent-soft);border:2px solid var(--accent-line);border-radius:18px 14px 20px 12px/14px 20px 12px 18px;padding:var(--space-lg);display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-md)}.hero__num{font-family:var(--font-scrawl);font-weight:700;font-size:var(--text-4xl);line-height:.85;font-variant-numeric:tabular-nums;letter-spacing:-.01em;animation:tick var(--dur-3) var(--ease-out)}.hero__cap{font-size:var(--text-sm);color:var(--ink-2);margin-top:4px}.hero__cap b{color:var(--ink);font-weight:700}@media (min-width: 1024px){.hero{max-width:420px;margin-left:auto;margin-right:auto;text-align:center;align-items:center}}@keyframes tick{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.chips{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-2xs) 2px var(--space-md);scrollbar-width:none;-ms-overflow-style:none}.chips::-webkit-scrollbar{display:none}@media (min-width: 1024px){.chips{justify-content:center;flex-wrap:wrap;overflow-x:visible}}.chip{border:1.5px solid var(--ink);border-radius:var(--r-pill);padding:6px 12px;font-size:var(--text-sm);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-weight:400;background:var(--card);transition:transform var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.chip:hover{transform:translateY(-1px)}.chip:active{transform:translateY(0)}.chip__sgpa{font-weight:700;font-size:var(--text-xs);border:1.5px solid var(--ink-3);border-radius:var(--r-pill);padding:1px 6px;font-variant-numeric:tabular-nums}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.chip[aria-pressed=true] .chip__sgpa{border-color:var(--accent-line)}.courses{display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width: 1024px){.courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}}.course{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--card);border:var(--stroke);animation:rowin var(--dur-3) var(--ease-out);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out);min-width:0;cursor:pointer}.course:nth-child(3n+1){border-radius:var(--r-a)}.course:nth-child(3n+2){border-radius:var(--r-b)}.course:nth-child(3n){border-radius:var(--r-c)}.course:hover{transform:translate(-1px,-2px);box-shadow:3px 4px #36332d1f}.course:active{transform:translate(0);box-shadow:none}@keyframes rowin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.course__l{min-width:0;flex:1}.course__code{display:block;font-weight:700;font-size:var(--text-base);font-family:var(--font-hand)}.course__name{display:block;font-size:var(--text-xs);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course__r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.course__cr{font-size:var(--text-xs);color:var(--ink-2)}.course__grade{border:1.5px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--r-pill);padding:2px 10px;font-weight:700;font-size:var(--text-sm);min-width:32px;text-align:center}.course__grade--ex{border-style:dashed;background:transparent;color:var(--ink-3)}.fab{position:fixed;right:18px;bottom:90px;width:56px;height:56px;border-radius:50%;background:var(--accent-soft);border:2.5px solid var(--ink);display:grid;place-items:center;font-size:28px;font-weight:700;font-family:var(--font-scrawl);box-shadow:3px 4px #36332d2e;z-index:30;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.fab:hover{transform:translate(-1px,-2px) rotate(8deg);box-shadow:4px 6px #36332d33}.fab:active{transform:translate(0);box-shadow:2px 2px #36332d2e}@media (min-width: 1024px){.fab{bottom:32px;right:32px}}.tnav{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:var(--stroke);display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-xs) 0 calc(var(--space-xs) + env(safe-area-inset-bottom));z-index:25}.tnav__i{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--ink-3);padding:6px 0;min-height:44px;white-space:nowrap}.tnav__i[aria-pressed=true]{color:var(--accent-line)}.tnav__i .ic{width:22px;height:22px;border:2px solid currentColor;border-radius:7px}@media (min-width: 1024px){.tnav{display:none}}.rail{display:none}@media (min-width: 1024px){.rail{display:flex;flex-direction:column;gap:var(--space-md);width:200px;border-right:2px solid var(--line);padding:var(--space-xl) var(--space-md);flex-shrink:0}.rail__brand{font-family:var(--font-scrawl);font-size:30px;font-weight:700;margin-bottom:var(--space-md)}.rail__brand em{font-style:normal;color:var(--accent-line);font-size:.55em}.rail__i{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;border-radius:11px;color:var(--ink-2);font-size:var(--text-sm);font-weight:700;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.rail__i:hover{background:#36332d0a;color:var(--ink)}.rail__i[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-line)}.rail__i .ic{width:18px;height:18px;border:2px solid currentColor;border-radius:6px}}.sec-h{font-family:var(--font-scrawl);font-size:var(--text-xl);margin:var(--space-md) 0 var(--space-xs);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-xs)}.sec-h__meta{font-family:var(--font-hand);font-size:var(--text-xs);color:var(--ink-3);font-weight:400}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-md)}.empty__blob{background:var(--accent-soft);border:2.5px solid var(--accent-line);border-radius:62% 38% 55% 45%/52% 60% 40% 48%;width:120px;height:100px;animation:blob 6s ease-in-out infinite}@keyframes blob{0%,to{border-radius:62% 38% 55% 45%/52% 60% 40% 48%}50%{border-radius:50% 50% 40% 60%/60% 45% 55% 40%}}.empty__title{font-family:var(--font-scrawl);font-size:var(--text-2xl);font-weight:700}.empty__sub{font-size:var(--text-sm);color:var(--ink-2);max-width:280px}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap;background:var(--accent-soft);border:2.5px solid var(--ink);border-radius:12px;padding:12px 22px;font-family:var(--font-hand);font-weight:700;font-size:var(--text-base);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out);min-height:44px}.btn:hover{transform:translate(-1px,-2px);box-shadow:3px 4px #36332d26}.btn:active{transform:translate(0);box-shadow:none}.btn--ghost{background:transparent;border-color:var(--ink)}.btn--link{background:transparent;border:0;padding:6px 4px;color:var(--danger);font-weight:700;font-size:var(--text-sm);min-height:32px}.btn--link:hover{transform:none;box-shadow:none;text-decoration:underline}.btn--block{width:100%;justify-content:center}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn[disabled]:hover{transform:none;box-shadow:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#36332d59;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade var(--dur-2) var(--ease-out)}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (min-width: 768px){.scrim{align-items:center;padding:var(--space-xl)}}.sheet{background:var(--card);border:2.5px solid var(--ink);border-radius:24px 24px 0 0;padding:var(--space-md) var(--space-lg) var(--space-xl);width:100%;max-width:520px;max-height:92dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);animation:rise var(--dur-3) var(--ease-out)}@media (min-width: 768px){.sheet{border-radius:22px;max-height:86dvh}}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet__handle{width:50px;height:5px;background:var(--ink-3);border-radius:999px;margin:0 auto 6px}.sheet__title{font-family:var(--font-scrawl);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2xs)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field__row{display:flex;gap:var(--space-xs)}.field__row>.field{flex:1}.lab{font-size:var(--text-xs);color:var(--ink-2);font-weight:400}.lab .muted{color:var(--ink-3)}.fld{border:1.5px solid var(--ink);border-radius:10px;padding:11px 13px;font-size:var(--text-sm);background:var(--card);font-family:var(--font-hand);width:100%;transition:border-color var(--dur-1) var(--ease-out);min-height:44px}.fld:hover,.fld:focus{border-color:var(--accent-line);outline:none}select.fld{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-size:6px 6px;background-repeat:no-repeat;padding-right:32px}.step{display:flex;align-items:center;gap:var(--space-sm);border:1.5px solid var(--ink);border-radius:10px;padding:6px 10px;background:var(--card)}.step__btn{width:32px;height:32px;border:2px solid var(--ink);border-radius:9px;display:grid;place-items:center;font-size:20px;font-weight:700;transition:background var(--dur-1) var(--ease-out)}.step__btn:hover{background:var(--accent-soft)}.step__btn[disabled]{opacity:.3}.step__val{font-family:var(--font-scrawl);font-size:28px;font-weight:700;min-width:30px;text-align:center}.step__range{font-size:var(--text-xs);color:var(--ink-3);margin-left:auto}.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}@media (min-width: 480px){.seg{grid-template-columns:repeat(6,minmax(0,1fr))}}.seg__b{border:1.5px solid var(--ink);border-radius:9px;padding:8px 4px;font-size:var(--text-sm);font-weight:700;text-align:center;font-family:var(--font-hand);background:var(--card);transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out);min-height:40px}.seg__b:hover{transform:translateY(-1px)}.seg__b[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.seg__b--ex{color:var(--ink-3);border-style:dashed}.sheet__actions{display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:var(--space-xs)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);margin-bottom:var(--space-md)}.stat{border:2px solid var(--ink);border-radius:14px 10px 12px 11px/11px 12px 10px 14px;padding:var(--space-sm);background:var(--card);min-width:0}.stat__n{font-family:var(--font-scrawl);font-size:var(--text-2xl);font-weight:700;line-height:.95;font-variant-numeric:tabular-nums}.stat__k{font-size:var(--text-xs);color:var(--ink-2);margin-top:2px}.chart{background:var(--card);border:var(--stroke);border-radius:14px;padding:var(--space-sm);margin-bottom:var(--space-md)}.chart__lab{font-size:var(--text-xs);color:var(--ink-2);margin-bottom:var(--space-2xs)}.chart svg{width:100%;height:auto;display:block}.chart__legend{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--text-xs);color:var(--ink-2);margin-top:var(--space-xs)}.chart__legend span{display:inline-flex;align-items:center;gap:4px}.chart__legend i{width:10px;height:10px;border-radius:3px;border:1.5px solid var(--accent-line)}.del-row{display:flex;justify-content:center;margin-top:var(--space-2xs)}.sem-sec{border:var(--stroke);border-radius:var(--r-a);background:var(--card);padding:var(--space-md);margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);animation:rowin var(--dur-3) var(--ease-out)}.sem-sec:nth-of-type(2n){border-radius:var(--r-b)}.sem-sec:nth-of-type(3n){border-radius:var(--r-c)}.sem-sec__head{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1.5px dashed var(--line)}.sem-sec--collapsed .sem-sec__head{border-bottom-style:dotted;border-bottom-color:transparent;padding-bottom:0}.sem-sec__toggle{width:28px;height:28px;display:grid;place-items:center;border:1.5px solid var(--ink-3);border-radius:8px;color:var(--ink-2);flex-shrink:0;transition:color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.sem-sec__toggle:hover{color:var(--accent-line);border-color:var(--accent-line)}.sem-sec__chev{display:inline-block;transition:transform var(--dur-2) var(--ease-out);font-size:14px;line-height:1}.sem-sec__chev--c{transform:rotate(-90deg)}.sem-sec__right{margin-left:auto}.sem-sec__body{display:flex;flex-direction:column;gap:var(--space-sm);animation:fade var(--dur-2) var(--ease-out)}.sem-sec__title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.sem-sec__title{font-family:var(--font-scrawl);font-size:var(--text-2xl);font-weight:700;line-height:.95}.sem-sec__meta{font-size:var(--text-xs);color:var(--ink-2)}.sem-sec__right{display:flex;align-items:center;gap:var(--space-xs)}.sem-sec__sgpa{font-family:var(--font-scrawl);font-size:var(--text-xl);font-weight:700;border:2px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--r-pill);padding:2px 14px;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}.sem-sec__remove{width:32px;height:32px;border:1.5px solid var(--ink-3);border-radius:8px;color:var(--ink-3);font-size:18px;line-height:1;display:grid;place-items:center;transition:color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.sem-sec__remove:hover{color:var(--danger);border-color:var(--danger)}.sem-sec__empty{color:var(--ink-3);font-size:var(--text-sm);padding:var(--space-xs) 0;text-align:center}.sem-sec__add{border:1.5px dashed var(--ink-3);border-radius:12px;padding:10px;font-family:var(--font-hand);font-weight:700;font-size:var(--text-sm);color:var(--ink-2);background:transparent;transition:color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out);min-height:44px}.sem-sec__add:hover{color:var(--accent-line);border-color:var(--accent-line);background:var(--accent-soft)}.add-sem{display:flex;gap:var(--space-xs);align-items:stretch;margin:var(--space-md) 0 var(--space-md);border:1.5px dashed var(--accent-line);border-radius:14px;padding:var(--space-sm);background:var(--card)}.add-sem .fld{flex:1;min-width:0}.add-sem .btn{flex-shrink:0}.add-sem--done{justify-content:center;border-color:var(--ink-3);background:transparent}@media (max-width: 480px){.add-sem{flex-direction:column}}.combo{position:relative}.combo .fld{width:100%}.combo__list{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--card);border:2px solid var(--ink);border-radius:12px;z-index:60;max-height:280px;overflow-y:auto;box-shadow:3px 4px #36332d1f}.combo__empty{padding:var(--space-sm);font-size:var(--text-sm);color:var(--ink-3);text-align:center}.combo__opt{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-xs);align-items:baseline;padding:8px 12px;width:100%;text-align:left;border-bottom:1px dashed var(--line);font-family:var(--font-hand);font-size:var(--text-sm);transition:background var(--dur-1) var(--ease-out);min-width:0}.combo__opt:last-child{border-bottom:0}.combo__opt.is-hi,.combo__opt:hover{background:var(--accent-soft)}.combo__code{font-weight:700;color:var(--ink);white-space:nowrap}.combo__title{color:var(--ink-2);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.combo__cr{font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}