/* Dicatat! - Maganghub Mode: fonts, design tokens, reset, base elements */

/* Plus Jakarta Sans (variable, 400-800), self-hosted. SIL OFL 1.1 - see fonts/OFL.txt */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Save-failure banner */
#savewarn{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 10px);z-index:10000;display:flex;align-items:center;gap:12px;max-width:min(92vw,560px);padding:11px 14px;border-radius:12px;background:#b42318;color:#fff;font-size:13px;font-weight:600;line-height:1.4;box-shadow:0 8px 28px rgba(0,0,0,.35)}
#savewarn[hidden]{display:none}
#savewarn button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:2px 4px;opacity:.85}
:root{
  --bg:#f3f6fb;
  --card:#ffffff;
  --ink:#20242E;
  --mute:#5e677d;
  --line:#e2e8f2;
  --line-soft:#edf1f8;
  --acc:#0070C9;
  --acc-h:#005da8;
  --acc-soft:rgba(0,112,201,.10);
  --pos:#0d9f6e;
  --neg:#e03e3e;
  --warn:#d9820f;
  --hdr:rgba(255,255,255,.92);
  --hdr-ink:#20242E;
  --hdr-mute:#5e677d;
  --hdr-btn:#f3f6fb;
  --hdr-bd:#dce3ef;
  --inp:#f4f7fc;
  --sh:0 1px 3px rgba(32,36,46,.04),0 10px 28px rgba(32,36,46,.035);
  --sh-h:0 4px 12px rgba(32,36,46,.06),0 14px 32px rgba(0,112,201,.06);
  --dp-bg:#ffffff;
  --dp-inp:#f4f7fc;
  --dp-cell:#f7f9fc;
  --dp-cell-bd:#e2e8f2;
  --dp-cell-h:#edf2f9;
  --dp-out:#b0b8c9;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#090b10;
    --card:#121620;
    --ink:#F1F1F1;
    --mute:#8e97ab;
    --line:#212736;
    --line-soft:#1a202d;
    --acc:#0070C9;
    --acc-h:#1a88e0;
    --acc-soft:rgba(0,112,201,.22);
    --pos:#19b980;
    --neg:#f25757;
    --warn:#f5a623;
    --hdr:rgba(6,8,13,.88);
    --hdr-ink:#F1F1F1;
    --hdr-mute:#8e97ab;
    --hdr-btn:#141926;
    --hdr-bd:#242c3d;
    --inp:#181e2b;
    --sh:0 4px 22px rgba(0,0,0,.32);
    --sh-h:0 8px 28px rgba(0,0,0,.45),0 0 0 1px rgba(0,112,201,.28);
    --dp-bg:#11151e;
    --dp-inp:#0a0d14;
    --dp-cell:#171d2b;
    --dp-cell-bd:#242d40;
    --dp-cell-h:#20283a;
    --dp-out:#495163;
  }
}
:root[data-theme="dark"]{
  --bg:#090b10;
  --card:#121620;
  --ink:#F1F1F1;
  --mute:#8e97ab;
  --line:#212736;
  --line-soft:#1a202d;
  --acc:#0070C9;
  --acc-h:#1a88e0;
  --acc-soft:rgba(0,112,201,.22);
  --pos:#19b980;
  --neg:#f25757;
  --warn:#f5a623;
  --hdr:rgba(6,8,13,.88);
  --hdr-ink:#F1F1F1;
  --hdr-mute:#8e97ab;
  --hdr-btn:#141926;
  --hdr-bd:#242c3d;
  --inp:#181e2b;
  --sh:0 4px 22px rgba(0,0,0,.32);
  --sh-h:0 8px 28px rgba(0,0,0,.45),0 0 0 1px rgba(0,112,201,.28);
  --dp-bg:#11151e;
  --dp-inp:#0a0d14;
  --dp-cell:#171d2b;
  --dp-cell-bd:#242d40;
  --dp-cell-h:#20283a;
  --dp-out:#495163;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{touch-action:manipulation;overscroll-behavior-y:none}
body{margin:0;min-width:320px;font:14px/1.55 'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
[hidden]{display:none!important}
.in{max-width:1320px;width:100%;margin:0 auto;padding-left:clamp(20px,3.5vw,40px);padding-right:clamp(20px,3.5vw,40px)}
#mob-bar,#mob-sheet,#mob-backdrop,.mob-view-pill{display:none}