:root{--bg:#f7f2e7;--ink:#241f17;--sub:#736b58;--card:#fffdf8;--line:#e5dcc4;--accent:#2c3a64;--accent-soft:#d2d9ec;--past:#8f8778;--past-soft:#ebe6d9;--now:#8a3324;--now-soft:#f5e2da;--next:#33513b;--next-soft:#e2eae1;--sch-bg:#ffffff;--sch-text:#241f17;--weekend-bg:#eef0f2;--weekend-text:#5b6472;--lib-bg:#e21b1b;--lib-text:#ffffff;--mpls-bg:#00b0f0;--mpls-text:#ffffff;--akademik-bg:#ffc000;--akademik-text:#241f17;--projek-bg:#92d050;--projek-text:#1f3d14;--admin-bg:#b2b2b2;--admin-text:#241f17;--font-display:'Fraunces',serif;--font-body:'Cormorant Garamond',serif;--font-sans:'Inter',sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink)}.sans{font-family:var(--font-sans)}header{max-width:960px;margin:0 auto;padding:2.6rem 1.5rem 1.2rem;position:relative}.exit-btn{position:absolute;top:1.4rem;right:1.5rem;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:12.5px;font-weight:600;color:var(--sub);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:.5rem 1rem;cursor:pointer}.exit-btn:hover{border-color:var(--now);color:var(--now)}.eyebrow{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:var(--accent);margin:0 0 .5rem;font-weight:600}h1{margin:0 0 .3rem;font-family:var(--font-display);font-optical-sizing:auto;font-size:clamp(30px,5vw,44px);font-weight:500;letter-spacing:-.01em}.school-sub{font-family:var(--font-sans);color:var(--sub);font-size:14px;margin:0}.goldline{height:2px;width:64px;background:var(--accent);margin-top:1rem;border:none}nav{max-width:960px;margin:0 auto;padding:0 1.5rem;display:flex;gap:0;border-bottom:1px solid var(--line);overflow-x:auto}nav button{font-family:var(--font-sans);font-size:13.5px;font-weight:500;background:0 0;border:none;padding:.9rem .2rem;margin-right:1.6rem;color:var(--sub);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;letter-spacing:.01em}nav button.active{color:var(--ink);border-bottom-color:var(--accent)}main{max-width:960px;margin:0 auto;padding:1.8rem 1.5rem 3rem}.view{display:none}.view.active{display:block}.badge{display:inline-block;font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 9px;border-radius:20px}.badge.lewat{background:var(--past-soft);color:var(--past)}.badge.berlangsung{background:var(--now-soft);color:var(--now)}.badge.mendatang{background:var(--next-soft);color:var(--next)}.badge.tipe-sekolah{background:var(--accent-soft);color:var(--accent)}.badge.tipe-weekend{background:var(--weekend-bg);color:var(--weekend-text)}.badge.tipe-libur{background:var(--lib-bg);color:var(--lib-text)}.badge.tipe-mpls{background:var(--mpls-bg);color:var(--mpls-text)}.badge.tipe-akademik{background:var(--akademik-bg);color:var(--akademik-text)}.badge.tipe-projek{background:var(--projek-bg);color:var(--projek-text)}.badge.tipe-admin{background:var(--admin-bg);color:var(--admin-text)}.card-shadow{box-shadow:0 1px 2px rgba(36,31,23,.04),0 6px 16px rgba(36,31,23,.05)}.greet{font-family:var(--font-display);font-size:22px;font-weight:500;margin:0 0 .3rem}.today-date{font-family:var(--font-sans);color:var(--sub);font-size:13px;margin:0 0 1.6rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-bottom:2rem}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.1rem}.stat-num{font-family:var(--font-display);font-size:30px;line-height:1;margin-bottom:.35rem;font-weight:500}.stat-label{font-family:var(--font-sans);font-size:12px;color:var(--sub)}.now-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.4rem;margin-bottom:1.6rem}.now-card .sans{font-size:12px;color:var(--sub);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-weight:600}.now-card .title{font-family:var(--font-display);font-size:20px;font-weight:500}.quicklinks{display:flex;gap:.6rem;flex-wrap:wrap}.quicklinks button{font-family:var(--font-sans);font-weight:500;font-size:13px;padding:.65rem 1.1rem;border:1px solid var(--line);background:var(--card);border-radius:10px;cursor:pointer;color:var(--ink)}.quicklinks button:hover{border-color:var(--accent);color:var(--accent)}.month-nav{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;flex-wrap:wrap}.month-nav button.arrow{font-family:var(--font-sans);font-size:16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink)}.month-nav button.arrow:hover{border-color:var(--accent);color:var(--accent)}.month-nav select{font-family:var(--font-sans);font-size:14px;padding:.55rem .9rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}.month-title{font-family:var(--font-display);font-size:22px;font-weight:500;margin-left:.2rem;flex:1}.cal-wrap{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.2rem;margin-bottom:1.2rem}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;font-family:var(--font-sans);font-size:11px;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;text-align:center;font-weight:600;background:var(--accent-soft);border-radius:8px;padding:.4rem 0}.cal-weekdays .weekend{color:var(--lib-bg)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-cell{aspect-ratio:1/1;border-radius:8px;padding:.4rem .3rem;position:relative;font-family:var(--font-sans);font-size:13px;font-weight:500;background:var(--sch-bg);color:var(--sch-text);border:1px solid var(--line);cursor:pointer}.cal-cell.blank{visibility:hidden;cursor:default;border:none}.cal-cell.weekend{background:var(--weekend-bg);color:var(--weekend-text);border-color:var(--weekend-bg)}.cal-cell.libur{background:var(--lib-bg);color:var(--lib-text);border-color:var(--lib-bg)}.cal-cell.mpls{background:var(--mpls-bg);color:var(--mpls-text);border-color:var(--mpls-bg)}.cal-cell.akademik{background:var(--akademik-bg);color:var(--akademik-text);border-color:var(--akademik-bg)}.cal-cell.projek{background:var(--projek-bg);color:var(--projek-text);border-color:var(--projek-bg)}.cal-cell.admin{background:var(--admin-bg);color:var(--admin-text);border-color:var(--admin-bg)}.cal-cell.today{outline:2px solid #d99a1c;outline-offset:-2px}.cal-cell.selected{box-shadow:0 0 0 2px var(--ink) inset}.cal-cell:hover{opacity:.85}.cal-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-family:var(--font-sans);font-size:12px;color:var(--sub)}.cal-legend span{display:inline-flex;align-items:center;gap:.4rem}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.dot.sekolah{background:var(--sch-bg);border:1px solid var(--line)}.dot.weekend{background:var(--weekend-bg)}.dot.libur{background:var(--lib-bg)}.dot.mpls{background:var(--mpls-bg)}.dot.akademik{background:var(--akademik-bg)}.dot.projek{background:var(--projek-bg)}.dot.admin{background:var(--admin-bg)}.annual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.mini-month{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem 1rem}.mini-month h4{font-family:var(--font-display);font-size:16px;font-weight:500;margin:0 0 .55rem;text-align:center}.mini-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-family:var(--font-sans);font-size:9px;color:var(--sub);text-transform:uppercase;text-align:center;margin-bottom:.3rem}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini-cell{aspect-ratio:1/1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:9.5px;background:var(--sch-bg);color:var(--sch-text);cursor:pointer}.mini-cell.blank{visibility:hidden;cursor:default}.mini-cell.weekend{background:var(--weekend-bg);color:var(--weekend-text)}.mini-cell.libur{background:var(--lib-bg);color:var(--lib-text)}.mini-cell.mpls{background:var(--mpls-bg);color:var(--mpls-text)}.mini-cell.akademik{background:var(--akademik-bg);color:var(--akademik-text)}.mini-cell.projek{background:var(--projek-bg);color:var(--projek-text)}.mini-cell.admin{background:var(--admin-bg);color:var(--admin-text)}.mini-cell.today{box-shadow:0 0 0 1.5px #d99a1c inset}.mini-cell:hover{opacity:.8}.cal-detail{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.3rem;margin-bottom:1.6rem;font-family:var(--font-sans)}.cal-detail .placeholder{color:var(--sub);font-size:13px}.cal-detail .dd-date{font-family:var(--font-display);font-size:18px;margin-bottom:.4rem}.cal-detail .dd-cat{margin-bottom:.6rem}.cal-detail .dd-item{font-size:14px;padding:.4rem 0;border-top:1px solid var(--line)}.cal-detail .dd-item:first-of-type{border-top:none}.month-events{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.4rem}.month-events h3{font-family:var(--font-sans);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sub);margin:0 0 .8rem;font-weight:600}.month-item{margin-bottom:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.month-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.month-item .d{font-family:var(--font-sans);font-size:11.5px;color:var(--sub);margin-bottom:.2rem;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.month-item .n{font-size:18px;line-height:1.3}.month-empty{font-family:var(--font-sans);font-size:13px;color:var(--sub)}.sem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.sem-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem}.sem-card h3{margin:0 0 .2rem;font-family:var(--font-display);font-size:20px;font-weight:500}.sem-card .range{font-family:var(--font-sans);font-size:12.5px;color:var(--sub);margin-bottom:1rem}.sem-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-sans);font-size:13px;padding:.5rem 0;border-bottom:1px solid var(--line)}.sem-row:last-of-type{border-bottom:none}.sem-row input{width:70px;padding:.4rem .5rem;border:1px solid var(--line);border-radius:6px;font-size:13px;text-align:center;font-family:var(--font-sans)}.sem-note{font-family:var(--font-sans);font-size:11.5px;color:var(--sub);margin-top:1rem;line-height:1.6}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.3rem;font-family:var(--font-sans)}.toolbar input[type=text]{flex:1;min-width:180px;padding:.6rem .85rem;border:1px solid var(--line);border-radius:8px;font-size:14px;background:var(--card);font-family:var(--font-sans)}.toolbar select{padding:.6rem .85rem;border:1px solid var(--line);border-radius:8px;font-size:14px;background:var(--card);font-family:var(--font-sans)}.semester-heading{font-size:13px;font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin:1.9rem 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid var(--line);font-weight:600}.semester-heading:first-child{margin-top:0}.event{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.event:last-child{border-bottom:none}.event-date{font-family:var(--font-sans);font-size:12px;color:var(--sub);margin-bottom:.2rem}.event-name{font-size:19px;line-height:1.35}.event-badges{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end}.empty{text-align:center;color:var(--sub);font-family:var(--font-sans);font-size:14px;padding:3rem 0}footer{max-width:960px;margin:1rem auto 0;padding:1.2rem 1.5rem 2.2rem;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:11px;color:var(--sub);text-align:center}.splash{position:fixed;inset:0;z-index:100;background:linear-gradient(160deg,#1b2550 0,#2c3a64 55%,#233163 100%);display:flex;align-items:center;justify-content:center;padding:1.5rem}.splash.hide{display:none}body.splash-active{overflow:hidden}.splash-card{max-width:480px;width:100%;text-align:center;color:#fff}.splash-logo{width:112px;height:112px;margin:0 auto 1.4rem;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}.splash-eyebrow{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:#b9c2e0;margin:0 0 .6rem;font-weight:600}.splash-title{font-family:var(--font-display);font-size:clamp(26px,5vw,34px);font-weight:500;margin:0 0 .3rem;letter-spacing:-.01em}.splash-school{font-family:var(--font-sans);font-size:13.5px;color:#d7dcef;margin:0 0 1.6rem}.splash-desc{font-family:var(--font-body);font-size:17px;line-height:1.6;color:#eef0fa;margin:0 0 1.6rem}.splash-features{list-style:none;padding:0;margin:0 0 2rem;text-align:center;display:grid;gap:.55rem;font-family:var(--font-sans);font-size:13px;color:#dfe3f3}.splash-features li{display:flex;align-items:center;justify-content:center;gap:.5rem;line-height:1.5}.splash-features li::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#d99a1c}.splash-enter{font-family:var(--font-sans);font-weight:600;font-size:14.5px;letter-spacing:.02em;padding:.9rem 2.2rem;border-radius:30px;border:none;background:#fff;color:var(--accent);cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.25)}.splash-enter:hover{background:#eef0fa}.splash-foot{margin-top:1.4rem;font-family:var(--font-sans);font-size:11px;color:#a7b0d1}@media (max-width:600px){header{padding:4.4rem 1rem .9rem}.exit-btn{top:1rem;right:1rem;font-size:11.5px;padding:.42rem .8rem}h1{font-size:26px}main{padding:1.2rem 1rem 2.4rem}nav{padding:0 1rem}nav button{margin-right:1.1rem;font-size:12.5px}.cal-cell{font-size:11px;padding:.3rem .2rem}.cal-wrap{padding:.8rem}.month-title{font-size:19px}.stat-num{font-size:24px}.event-name{font-size:16.5px}.mini-cell{font-size:8px}.splash-desc{font-size:15px}.splash-logo{width:88px;height:88px}.splash-title{font-size:24px}.toolbar{flex-direction:column;align-items:stretch}.toolbar select{width:100%}}