@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/opendyslexic-latin-400-normal.nUhe5EwG.woff2)format("woff2"),url(/_astro/opendyslexic-latin-400-normal.Cv3YY6GF.woff)format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/opendyslexic-latin-700-normal.Bnmt45Ln.woff2)format("woff2"),url(/_astro/opendyslexic-latin-700-normal.wYUJcbXi.woff)format("woff")}:root,html[data-theme=light]{--fg:#111;--muted:#666;--body:#333;--bg:#fff;--link:#111;--border:#ccc;--max:36rem;--font:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size:16px;--line-height:1.6;--letter-spacing:normal;--word-spacing:normal;color-scheme:light}html[data-theme=dark]{--fg:#eee;--muted:#999;--body:#ccc;--bg:#111;--link:#eee;--border:#444;color-scheme:dark}html[data-dyslexia=on]{--font:"OpenDyslexic", "Comic Sans MS", "Arial", sans-serif;--font-size:1.125rem;--line-height:1.85;--letter-spacing:.04em;--word-spacing:.12em}html[data-theme=light][data-dyslexia=on]{--bg:#f7f3e9;--body:#222}*,:before,:after{box-sizing:border-box}html{color-scheme:light}body{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);-webkit-font-smoothing:antialiased;margin:0}main{width:min(100% - 2.5rem, var(--max));margin:0 auto;padding:4.5rem 0 5rem}.identity{min-width:0}.prefs-bar{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:1.25rem;display:flex}.prefs-label{color:var(--muted);margin:0;font-size:.85rem}.prefs{flex-wrap:wrap;gap:.4rem;display:flex}.prefs button{appearance:none;border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;background:0 0;margin:0;padding:.4rem .7rem;font-size:.85rem;line-height:1.2}.prefs button:hover{border-color:var(--fg)}.prefs button[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.site-mark{margin:0 0 .35rem;font-size:.95rem}.site-mark a{color:var(--muted);text-decoration:none}.site-mark a:hover{color:var(--fg);text-underline-offset:.15em;text-decoration:underline}h1{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}html[data-dyslexia=on] h1,html[data-dyslexia=on] h2{letter-spacing:.03em}.role{color:var(--muted);margin:.15rem 0 0;font-size:.95rem}section{margin-top:2.75rem}h2{margin:0 0 .85rem;font-size:1rem;font-weight:600}p{color:var(--body);margin:0 0 1rem}p:last-child{margin-bottom:0}a{color:var(--link);text-underline-offset:.15em;text-decoration:underline 1px}a:hover{color:var(--fg)}.projects{margin:0;padding:0;list-style:none}.projects li+li{margin-top:.85rem}.projects a,.projects .project,.post-list a{text-decoration:none;display:block}.projects a:hover .name,.post-list a:hover .name{text-underline-offset:.15em;text-decoration:underline}.projects .name,.post-list .name{font-weight:600}.projects .desc,.post-list .desc{color:var(--muted);font-size:.95rem;display:block}.post-list{margin:0;padding:0;list-style:none}.post-list li+li{margin-top:.85rem}.post-list time{color:var(--muted);margin-top:.15rem;font-size:.85rem;display:block}.section-link{margin-top:1.25rem}.section-link a{text-decoration:none}.section-link a:hover{text-underline-offset:.15em;text-decoration:underline}.prose{margin-top:1.5rem}.prose :first-child{margin-top:0}.prose h2,.prose h3{margin:2rem 0 .75rem;font-size:1rem;font-weight:600}.prose p,.prose ul,.prose ol,.prose pre{color:var(--body);margin:0 0 1rem}.prose ul,.prose ol{padding-left:1.25rem}.prose li+li{margin-top:.35rem}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.prose pre{border:1px solid var(--border);background:color-mix(in srgb, var(--fg) 4%, var(--bg));padding:.9rem 1rem;overflow-x:auto}.prose pre code{font-size:.85rem}.links{flex-wrap:wrap;gap:.35rem 1rem;display:flex}.links a{text-decoration:none}.links a:hover{text-underline-offset:.15em;text-decoration:underline}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}html[data-locale=en] [data-locale=id],html[data-locale=id] [data-locale=en],[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}html[data-view-mode=laptop] .classic-view,html[data-view-mode=classic] .laptop-view{display:none!important}.laptop-view{margin-top:1.5rem}.laptop-shell{justify-content:center;padding:.5rem 0 2rem;display:flex}.laptop-device{width:min(100%,52rem)}.laptop-screen{background:#000;border:1px solid #1a1a1a;border-radius:14px 14px 0 0;padding:10px 10px 0;box-shadow:0 24px 48px #0000002e,inset 0 0 0 1px #ffffff0a}.laptop-base{background:linear-gradient(#d4d4d4 0%,#b8b8b8 100%);border-radius:0 0 12px 12px;height:14px;margin:0 8%;position:relative;box-shadow:0 8px 20px #0000001f}.laptop-notch{background:#a8a8a8;border-radius:0 0 4px 4px;width:72px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.messages-app{color:#111;background:#f5f5f7;border-radius:8px 8px 0 0;flex-direction:column;min-height:28rem;display:flex;overflow:hidden}.messages-toolbar{background:#ececef;border-bottom:1px solid #d8d8dc;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.traffic-lights{gap:.4rem;display:flex}.traffic-lights .light{border-radius:50%;width:.72rem;height:.72rem}.traffic-lights .red{background:#ff5f57}.traffic-lights .yellow{background:#febc2e}.traffic-lights .green{background:#28c840}.messages-title{text-align:center;flex:1;margin:0;padding-right:2.5rem;font-size:.82rem;font-weight:600}.messages-layout{flex:1;grid-template-columns:minmax(9.5rem,34%) 1fr;min-height:24rem;display:grid}.messages-sidebar{background:#fff;border-right:1px solid #d8d8dc;overflow-y:auto}.conversation-list{margin:0;padding:0;list-style:none}.conversation-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-bottom:1px solid #ececef;align-items:flex-start;gap:.65rem;padding:.7rem .75rem;display:flex}.conversation-item[data-active=true]{color:#fff;background:#007aff}.conversation-item[data-active=true] .conversation-preview{color:#ffffffd1}.avatar{background:var(--accent,#8e8e93);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.68rem;font-weight:700;display:grid}.conversation-copy{min-width:0}.conversation-name{font-size:.82rem;font-weight:600;display:block}.conversation-preview{color:#666;text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.72rem;line-height:1.35;display:block;overflow:hidden}.messages-chat{background:#fff;flex-direction:column;min-width:0;display:flex}.chat-panel{flex-direction:column;flex:1;min-height:24rem;display:flex}.chat-header{border-bottom:1px solid #ececef;align-items:center;gap:.55rem;padding:.65rem .85rem;display:flex}.chat-header h2{margin:0;font-size:.85rem;font-weight:600}.chat-thread{background:#fff;flex-direction:column;flex:1;gap:.45rem;padding:.85rem;display:flex;overflow-y:auto}.bubble-row{flex-direction:column;max-width:82%;display:flex}.bubble-row.sent{align-self:flex-end;align-items:flex-end}.bubble-row.received{align-self:flex-start;align-items:flex-start}.bubble{border-radius:1.1rem;margin:0;padding:.55rem .75rem;font-size:.82rem;line-height:1.45}.bubble-row.sent .bubble{color:#fff;background:linear-gradient(#47b5ff 0%,#0a7cff 100%);border-bottom-right-radius:.3rem}.bubble-row.received .bubble{color:#111;background:#e9e9eb;border-bottom-left-radius:.3rem}.delivered{color:#8e8e93;margin:.2rem .35rem 0;font-size:.68rem}.chat-input{border-top:1px solid #ececef;padding:.65rem .85rem .85rem}.input-fake{color:#8e8e93;background:#fff;border:1px solid #d8d8dc;border-radius:1.1rem;padding:.55rem .75rem;font-size:.8rem;display:block}html[data-theme=dark] .laptop-screen{border-color:#333}html[data-theme=dark] .laptop-base{background:linear-gradient(#555 0%,#3a3a3a 100%)}html[data-theme=dark] .laptop-notch{background:#444}@media (width<=640px){.messages-layout{grid-template-columns:1fr}.messages-sidebar{border-bottom:1px solid #d8d8dc;border-right:0;max-height:9.5rem}.messages-app{min-height:26rem}.chat-thread{padding:.65rem}.bubble-row{max-width:92%}}@media (prefers-reduced-motion:reduce){.conversation-item{transition:none}}