:root{--paper:#fafaf9;--ink:#1c1917;--ink-light:#57534e;--border-strict:1.5px solid var(--ink);--border-soft:#d6d3d1;--day-mon:#fef08a;--day-tue:#fbcfe8;--day-wed:#d1fae5;--day-thu:#ffedd5;--day-fri:#dbeafe;--active-color:#e11d48}body{color:var(--ink);background-color:#e7e5e4;justify-content:center;padding:2rem;display:flex}.svelte-1uha8ag{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:IBM Plex Sans Thai,sans-serif}.document-wrapper.svelte-1uha8ag{background:var(--paper);width:100%;max-width:1200px;box-shadow:6px 6px 0px var(--ink);border:var(--border-strict);padding:3rem}header.svelte-1uha8ag{border-bottom:var(--border-strict);justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}h1.svelte-1uha8ag{letter-spacing:-.01em;font-size:2.5rem;font-weight:500;line-height:1.1}.header-right.svelte-1uha8ag{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.meta-stamp.svelte-1uha8ag{text-align:right;color:var(--ink-light);text-transform:uppercase;flex-direction:column;align-items:flex-end;font-family:IBM Plex Mono,monospace;font-size:.875rem;display:flex}.live-clock.svelte-1uha8ag{color:var(--active-color);letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.2}.settings-button.svelte-1uha8ag{border:var(--border-strict);background:var(--paper);color:var(--ink);cursor:pointer;padding:.6rem .9rem;font-family:IBM Plex Mono,monospace;font-size:.85rem;box-shadow:2px 2px #1c19171f}.debug-panel.svelte-1uha8ag{border:var(--border-strict);background:#fff;grid-template-columns:auto auto auto;align-items:center;gap:.5rem .75rem;min-width:320px;padding:.75rem;display:grid}.debug-title.svelte-1uha8ag{color:var(--ink-light);text-transform:uppercase;grid-column:1/-1;font-family:IBM Plex Mono,monospace;font-size:.75rem}.debug-panel.svelte-1uha8ag label:where(.svelte-1uha8ag){font-size:.85rem;font-weight:500}.debug-panel.svelte-1uha8ag input[type=time]:where(.svelte-1uha8ag),.debug-panel.svelte-1uha8ag select:where(.svelte-1uha8ag){border:1px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);padding:.45rem .5rem;font-size:.9rem}.debug-toggle.svelte-1uha8ag{grid-column:1/-1;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.debug-note.svelte-1uha8ag{color:var(--ink-light);grid-column:1/-1;font-size:.75rem}.timetable.svelte-1uha8ag{border:var(--border-strict);background-color:var(--paper);position:relative;overflow:hidden}.time-row.svelte-1uha8ag{border-bottom:var(--border-strict);background-color:var(--paper);z-index:3;display:flex;position:relative}.row-spacer.svelte-1uha8ag,.day-label.svelte-1uha8ag{border-right:var(--border-strict);flex-shrink:0;width:65px}.time-track.svelte-1uha8ag{flex:1;grid-template-columns:repeat(7,1fr);display:grid}.time-marker.svelte-1uha8ag{color:var(--ink);border-left:1px solid var(--border-soft);padding:.75rem .25rem;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:600}.time-marker.svelte-1uha8ag:first-child{border-left:none}.timetable-body.svelte-1uha8ag{position:relative}.grid-lines-container.svelte-1uha8ag{pointer-events:none;z-index:1;grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0 0 0 65px}.grid-line.svelte-1uha8ag{border-left:1px dashed var(--ink-light);opacity:.3}.grid-line.svelte-1uha8ag:first-child{border-left:none}.lunch-break-col.svelte-1uha8ag{border-left:1px dashed var(--ink-light);border-right:1px dashed var(--ink-light);opacity:1;background:repeating-linear-gradient(45deg,#0000,#0000 5px,#0000000a 5px 10px);justify-content:center;align-items:center;display:flex}.lunch-tag.svelte-1uha8ag{color:var(--ink-light);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;font-weight:600;transform:rotate(-90deg)}#time-ticker.svelte-1uha8ag{background-color:var(--active-color);z-index:10;pointer-events:none;width:2px;transition:left .5s;position:absolute;top:0;bottom:0}#time-ticker.svelte-1uha8ag:before{content:"";background-color:var(--active-color);border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:-3px}.day-row.svelte-1uha8ag{border-bottom:1px solid var(--border-soft);z-index:2;height:125px;display:flex;position:relative}.day-row.svelte-1uha8ag:last-child{border-bottom:none}.day-label.svelte-1uha8ag{background-color:var(--paper);justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;transition:box-shadow .3s;display:flex}.day-mon.svelte-1uha8ag .day-label:where(.svelte-1uha8ag){background-color:var(--day-mon)}.day-tue.svelte-1uha8ag .day-label:where(.svelte-1uha8ag){background-color:var(--day-tue)}.day-wed.svelte-1uha8ag .day-label:where(.svelte-1uha8ag){background-color:var(--day-wed)}.day-thu.svelte-1uha8ag .day-label:where(.svelte-1uha8ag){background-color:var(--day-thu)}.day-fri.svelte-1uha8ag .day-label:where(.svelte-1uha8ag){background-color:var(--day-fri)}.day-track.svelte-1uha8ag{flex:1;grid-template-columns:repeat(14,1fr);display:grid;position:relative}.class-placement.svelte-1uha8ag{padding:.35rem .25rem}.class-block.svelte-1uha8ag{border:var(--border-strict);background:var(--paper);flex-direction:column;width:100%;height:100%;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px #1c19171a}.class-block.is-current.svelte-1uha8ag{outline:2px solid var(--active-color);outline-offset:-2px;box-shadow:inset 0 0 0 1px var(--active-color), 4px 4px 0 #e11d4833;z-index:5;border-color:#0000}.class-block.is-next.svelte-1uha8ag{outline:2px dashed var(--ink);outline-offset:-2px;border-color:#0000}.status-badge.svelte-1uha8ag{z-index:10;border-bottom-right-radius:4px;align-items:center;gap:.4rem;padding:3px 6px;font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:0;left:0;box-shadow:2px 2px #0000001a}.is-current.svelte-1uha8ag .status-badge:where(.svelte-1uha8ag){background-color:var(--active-color);color:var(--paper)}.is-next.svelte-1uha8ag .status-badge:where(.svelte-1uha8ag){background-color:var(--ink);color:var(--paper)}.live-dot.svelte-1uha8ag{background-color:var(--paper);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite svelte-1uha8ag-pulse-dot}@keyframes svelte-1uha8ag-pulse-dot{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.block-inner.svelte-1uha8ag{background:inherit;flex-direction:column;height:100%;padding:.75rem;display:flex}.split-container.svelte-1uha8ag{width:100%;height:100%;padding:0;display:flex}.half-term.svelte-1uha8ag{flex-direction:column;flex:1;padding:.75rem;display:flex;position:relative}.half-term.svelte-1uha8ag:first-child{border-right:1px dashed var(--ink)}.is-current.svelte-1uha8ag .block-inner:where(.svelte-1uha8ag),.is-next.svelte-1uha8ag .block-inner:where(.svelte-1uha8ag),.is-current.svelte-1uha8ag .half-term:where(.svelte-1uha8ag),.is-next.svelte-1uha8ag .half-term:where(.svelte-1uha8ag){padding-top:1.5rem}.week-flag.svelte-1uha8ag{background:var(--ink);color:var(--paper);border-bottom-left-radius:4px;padding:2px 4px;font-family:IBM Plex Mono,monospace;font-size:.65rem;line-height:1;position:absolute;top:0;right:0}.course-code.svelte-1uha8ag{margin-bottom:.25rem;font-family:IBM Plex Mono,monospace;font-size:.95rem;font-weight:600;line-height:1}.course-title.svelte-1uha8ag{word-wrap:break-word;flex-grow:1;font-size:.95rem;font-weight:500;line-height:1.2}.course-meta.svelte-1uha8ag{color:var(--ink-light);justify-content:space-between;align-items:flex-end;margin-top:.5rem;font-size:.8rem;display:flex}.inst-name.svelte-1uha8ag{font-weight:400}.sec-tag.svelte-1uha8ag{background-color:var(--ink);color:var(--paper);border-radius:2px;padding:1px 4px;font-family:IBM Plex Mono,monospace;font-size:.7rem}.day-mon.svelte-1uha8ag .class-block:where(.svelte-1uha8ag){background-color:#fef9c3}.day-tue.svelte-1uha8ag .class-block:where(.svelte-1uha8ag){background-color:#fce7f3}.day-wed.svelte-1uha8ag .class-block:where(.svelte-1uha8ag){background-color:#ecfdf5}.day-thu.svelte-1uha8ag .class-block:where(.svelte-1uha8ag){background-color:#ffedd5}.day-fri.svelte-1uha8ag .class-block:where(.svelte-1uha8ag){background-color:#eff6ff}.settings-backdrop.svelte-1uha8ag{z-index:1000;background:#1c191759;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-popup.svelte-1uha8ag{background:var(--paper);border:var(--border-strict);width:100%;max-width:420px;box-shadow:6px 6px 0px var(--ink);padding:1rem}.settings-header.svelte-1uha8ag{border-bottom:var(--border-strict);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.settings-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:1.1rem;font-weight:600}.settings-close.svelte-1uha8ag{border:var(--border-strict);color:var(--ink);cursor:pointer;background:#fff;width:32px;height:32px}.settings-body.svelte-1uha8ag{gap:1rem;display:grid}.settings-field.svelte-1uha8ag{gap:.4rem;font-size:.9rem;font-weight:500;display:grid}.settings-field.svelte-1uha8ag input:where(.svelte-1uha8ag),.settings-field.svelte-1uha8ag select:where(.svelte-1uha8ag){border:1px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);padding:.5rem .6rem;font-size:.95rem}.hidden.svelte-1uha8ag{display:none}@media (width<=900px){body{padding:.5rem}.document-wrapper.svelte-1uha8ag{box-shadow:none;border:none;padding:1.5rem}header.svelte-1uha8ag{flex-direction:column;align-items:stretch}.header-right.svelte-1uha8ag{align-items:stretch}.meta-stamp.svelte-1uha8ag{text-align:left;align-items:flex-start}.debug-panel.svelte-1uha8ag{grid-template-columns:1fr;min-width:0}.time-row.svelte-1uha8ag,.grid-lines-container.svelte-1uha8ag,#time-ticker.svelte-1uha8ag{display:none!important}.timetable.svelte-1uha8ag{background:0 0;border:none}.timetable-body.svelte-1uha8ag{flex-direction:column;gap:.75rem;display:flex}.day-row.svelte-1uha8ag{border:1.5px solid var(--ink);background:var(--paper);flex-direction:column;height:auto;margin-bottom:0}.day-label.svelte-1uha8ag{border-right:none;border-bottom:1px solid var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;width:100%;padding:.85rem 1rem;font-size:1rem}.day-track.svelte-1uha8ag{flex-direction:column;gap:.75rem;margin-top:0;padding:.75rem;display:flex}.class-placement.svelte-1uha8ag{padding:0;grid-column:auto!important;width:100%!important}.class-block.svelte-1uha8ag:before{content:attr(data-time);border-bottom:1px solid var(--ink);background-color:var(--paper);padding:.5rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.85rem;display:block}.split-container.svelte-1uha8ag{flex-direction:column}.half-term.svelte-1uha8ag:first-child{border-right:none;border-bottom:1px dashed var(--ink)}.day-row.is-collapsed.svelte-1uha8ag .day-track:where(.svelte-1uha8ag){display:none}.day-row.is-collapsed.svelte-1uha8ag .day-label:where(.svelte-1uha8ag){border-bottom:none}.day-row.is-collapsed.svelte-1uha8ag .day-label:where(.svelte-1uha8ag):after{content:"เปิด";color:var(--ink-light);font-family:IBM Plex Mono,monospace;font-size:.75rem}.day-row.is-expanded.svelte-1uha8ag .day-label:where(.svelte-1uha8ag):after{content:"ปิด";color:var(--ink-light);font-family:IBM Plex Mono,monospace;font-size:.75rem}}