:root{--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC","PingFang SC","Microsoft YaHei","Noto Sans TC","PingFang TC",sans-serif;--font-heading:Georgia,"Noto Serif SC","Noto Serif TC",ui-serif,"Times New Roman",var(--font-body);--color-bg:#fbf9f4;--color-surface:#fff;--color-ink:#28241f;--color-ink-muted:#6b6255;--color-border:#e7e0d3;--color-accent:#a6472e;--color-accent-hover:#8a3a25;--color-accent-soft:#f3e4dc;--color-gold:#b8892b;--color-success:#3f7a54;--color-danger:#b3392c;--color-skeleton:#eee7d8;--accent-terracotta:#a6472e;--accent-gold:#b8892b;--accent-moss:#5c6e4f;--accent-slate:#3f5b72;--accent-plum:#6b4a5e;--accent-clay:#8c5a3c;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--radius:12px;--radius-sm:8px;--container-max:1180px;--shadow-hover:0 8px 24px rgba(40,36,31,0.08)}html.night-mode{--color-bg:#1b1815;--color-surface:#242019;--color-ink:#f1eae0;--color-ink-muted:#b3a896;--color-border:#3a342b;--color-accent:#e08464;--color-accent-hover:#eb9a80;--color-accent-soft:#3a2620;--color-skeleton:#2e2a22}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}h1,h2,h3{font-family:var(--font-heading);line-height:1.25;margin:0 0 var(--space-2)}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0 0 var(--space-2)}button{font-family:inherit}@media (min-width:768px){h1{font-size:2.25rem}h2{font-size:1.625rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:#fff;padding:var(--space-1) var(--space-2);z-index:100;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}#main-content{padding-top:var(--space-4)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media (min-width:1024px){.container{padding:0 var(--space-5)}}.grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}.rail{display:flex;gap:var(--space-3);overflow-x:auto;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch}.rail>*{flex:0 0 auto;width:220px;scroll-snap-align:start}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);position:-webkit-sticky;position:sticky;top:0;z-index:20}.site-header__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);padding-bottom:var(--space-3)}.site-header__brand{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-ink)}.site-header__brand:hover{color:var(--color-ink);text-decoration:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-ink)}@media (min-width:768px){.nav-toggle{display:none}}.site-nav{display:none;flex-direction:column;flex-basis:100%;gap:var(--space-2);padding:var(--space-2) 0}.site-nav.is-open{display:flex}@media (min-width:768px){.site-nav{display:flex;flex-direction:row;flex-basis:auto;align-items:center;padding:0}}.search-field{display:flex;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .75rem;background:var(--color-bg)}.search-field input{border:0;font:inherit;width:100%;outline:none}.night-mode-toggle,.search-field input{background:transparent;color:var(--color-ink)}.night-mode-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .75rem;cursor:pointer}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-6);padding:var(--space-4) 0;color:var(--color-ink-muted);font-size:.875rem}.site-footer__disclaimer{font-size:.8rem;max-width:60ch}.disclaimer-note{font-size:.85rem;color:var(--color-ink-muted);background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin:0 0 var(--space-3)}.breadcrumbs{font-size:.875rem;margin-bottom:var(--space-3)}.breadcrumbs,.breadcrumbs a{color:var(--color-ink-muted)}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs__sep{margin:0 .4em}.hero{padding:var(--space-5) 0 var(--space-4);text-align:center}.hero__eyebrow{color:var(--color-accent);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.04em}.hero__lede{color:var(--color-ink-muted);max-width:40ch;margin:0 auto var(--space-3)}.button{display:inline-flex;align-items:center;gap:.4em;padding:.65em 1.25em;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:1px solid transparent}.button:hover{text-decoration:none}.button--primary{background:var(--color-accent);color:#fff}.button--primary:hover{background:var(--color-accent-hover);color:#fff}.button--secondary{background:transparent;border-color:var(--color-border);color:var(--color-ink)}.button--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease,-webkit-transform .15s ease}.card,.card:hover{color:var(--color-ink)}.card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:var(--shadow-hover);text-decoration:none}.card--accented{border-top:3px solid var(--card-accent,var(--color-accent))}.card__media{position:relative;aspect-ratio:4/3;background:var(--color-skeleton);overflow:hidden}.card__media--wide{aspect-ratio:16/9}.card__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .2s ease}[data-skeleton-wrap].is-loaded img{opacity:1}.card__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--card-accent,var(--color-accent));color:#fff;font-family:var(--font-heading);font-size:2.5rem}.card__body{padding:var(--space-2)}.card__title{font-family:var(--font-heading);font-size:1.05rem;margin:0 0 .25em}.card__desc{font-size:.9rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.card__desc,.card__meta{color:var(--color-ink-muted)}.card__meta{font-size:.8rem;margin-top:.5em}.category-hero{background:var(--card-accent-soft,var(--color-accent-soft));border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.category-hero__desc{color:var(--color-ink-muted);margin:0}.message-row{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:var(--space-2);margin-bottom:var(--space-2)}.message-row__title{font-family:var(--font-heading);font-size:1.1rem;margin:0 0 var(--space-1)}.message-row__meta{color:var(--color-ink-muted);font-size:.8rem;margin-bottom:var(--space-2)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6em .75em;background:var(--color-bg);flex:1 1 240px}.chip,.chip__label{display:flex;gap:.4em}.chip__label{align-items:center;font-weight:600;font-size:.875rem}.chip__actions{display:flex;align-items:center;gap:.6em}.chip audio{width:100%;height:32px}.chip__download{display:inline-flex;align-items:center;gap:.3em;font-size:.8rem;white-space:nowrap}.load-more-wrap{text-align:center;margin:var(--space-4) 0}.icon{width:1.25em;height:1.25em;flex:none}.kiosk{min-height:100vh;background:#16130f;color:#f1eae0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3);text-align:center}.kiosk__label{font-size:.9rem;color:#b3a896;margin-bottom:var(--space-2)}.absensi-kiosk{position:relative;width:100%;max-width:420px}.absensi-kiosk__scanner{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;background:#000}.absensi-kiosk__frame{position:absolute;inset:10%;pointer-events:none}.absensi-kiosk__corner{position:absolute;width:28px;height:28px;border:3px solid #e08464}.absensi-kiosk__corner--tl{top:0;left:0;border-right:0;border-bottom:0}.absensi-kiosk__corner--tr{top:0;right:0;border-left:0;border-bottom:0}.absensi-kiosk__corner--bl{bottom:0;left:0;border-right:0;border-top:0}.absensi-kiosk__corner--br{bottom:0;right:0;border-left:0;border-top:0}.absensi-kiosk__hint{margin-top:var(--space-2);color:#b3a896}.absensi-kiosk__flash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);z-index:30}.absensi-kiosk__flash--success{background:#3f7a54;color:#fff}.absensi-kiosk__flash--error{background:#b3392c;color:#fff}.absensi-kiosk__flash-icon{font-size:4rem;line-height:1}.absensi-kiosk__flash-message{font-family:var(--font-heading);font-size:2rem;padding:0 var(--space-3)}.state-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4)}.state-page__icon{color:var(--color-ink-muted);margin-bottom:var(--space-2);width:48px;height:48px}.state-page__title{font-family:var(--font-heading)}.state-page__desc{color:var(--color-ink-muted);max-width:48ch}