:root{--md-primary: #993C1D;--md-on-primary: #FFFFFF;--md-primary-container: #F5C4B3;--md-on-primary-container: #4A1B0C;--md-secondary: #7A5B4E;--md-on-secondary: #FFFFFF;--md-secondary-container: #F0DDD3;--md-on-secondary-container: #2E1810;--md-tertiary: #3C6E7A;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #C8E6EC;--md-on-tertiary-container: #062024;--md-surface: #FFFBF8;--md-surface-dim: #E0D5CD;--md-surface-container-lowest: #FFFFFF;--md-surface-container-low: #FCF1EA;--md-surface-container: #F6EBE3;--md-surface-container-high: #F0E4DC;--md-surface-container-highest: #EAE0D8;--md-on-surface: #211A16;--md-on-surface-variant: #52443C;--md-outline: #85746B;--md-outline-variant: #D7C3B8;--md-inverse-surface: #372E29;--md-inverse-on-surface: #FCEEE6;--md-scrim: #000000;--md-shadow: #000000;--md-surface-tint: #993C1D}[data-theme=dark]{--md-primary: #FFB599;--md-on-primary: #5C1D00;--md-primary-container: #7A2D0F;--md-on-primary-container: #FFDBCB;--md-secondary: #E7C0AE;--md-on-secondary: #422C21;--md-secondary-container: #5B4236;--md-on-secondary-container: #F5DED2;--md-tertiary: #A0CED9;--md-on-tertiary: #00363D;--md-tertiary-container: #1D4E58;--md-on-tertiary-container: #C8E6EC;--md-surface: #18120E;--md-surface-dim: #18120E;--md-surface-container-lowest: #120D09;--md-surface-container-low: #211A16;--md-surface-container: #251D19;--md-surface-container-high: #2F2723;--md-surface-container-highest: #3A312D;--md-on-surface: #EDE0D9;--md-on-surface-variant: #D7C3B8;--md-outline: #A08D83;--md-outline-variant: #52443C;--md-inverse-surface: #EDE0D9;--md-inverse-on-surface: #372E29}[data-theme=sepia]{--md-primary: #8B3D14;--md-on-primary: #FFFFFF;--md-primary-container: #FFD6BE;--md-on-primary-container: #2E1200;--md-secondary: #6B5D3F;--md-on-secondary: #FFFFFF;--md-secondary-container: #F5E0BB;--md-on-secondary-container: #241A04;--md-tertiary: #3C6E7A;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #C8E6EC;--md-on-tertiary-container: #062024;--md-surface: #FDF6EE;--md-surface-dim: #E0D6C9;--md-surface-container-lowest: #FFFFFF;--md-surface-container-low: #F9F0E4;--md-surface-container: #F3E9DB;--md-surface-container-high: #EDE2D2;--md-surface-container-highest: #E7DBC9;--md-on-surface: #1E1810;--md-on-surface-variant: #4D4030;--md-outline: #7E7261;--md-outline-variant: #CFC0A7}[data-font=inter]{font-family:Inter,system-ui,sans-serif}[data-font=literata]{font-family:Literata,Georgia,serif}:root{--font-body-size: 1.125rem}[data-font-size="-1"]{--font-body-size: 1rem}[data-font-size="0"]{--font-body-size: 1.125rem}[data-font-size="1"]{--font-body-size: 1.3rem}[data-mood=tenang] body{letter-spacing:.02em;word-spacing:.05em}[data-mood=tenang] .article-body p{margin-bottom:1.4em}[data-mood=fokus] body{letter-spacing:0;word-spacing:0;line-height:1.45}[data-mood=fokus] .article-body p{margin-bottom:1em}[data-mood=reflektif] body{letter-spacing:.01em;word-spacing:.03em;line-height:1.7;font-style:italic}[data-mood=reflektif] .article-body p{margin-bottom:1.5em}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--md-surface);color:var(--md-on-surface);transition:background-color .3s ease,color .3s ease;line-height:1.6;padding-top:64px;padding-bottom:32px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.md3-top-app-bar{position:fixed;top:0;left:0;right:0;height:64px;z-index:1000;background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant);box-shadow:0 1px 3px #00000014;transition:background-color .3s ease}.md3-top-bar-content{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.md3-brand{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--md-primary);white-space:nowrap}.md3-icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--md-on-surface);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s;min-width:40px;min-height:40px}.md3-icon-btn:hover{background-color:var(--md-surface-variant, rgba(0,0,0,.08))}.md3-desktop-nav{display:flex;gap:4px;flex-wrap:nowrap}@media(max-width:768px){.md3-desktop-nav{display:none}}.md3-desktop-nav a{padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant);transition:all .2s ease}.md3-desktop-nav a:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}.md3-desktop-nav a.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.md3-chip-group{display:flex;gap:8px;flex-wrap:wrap}.md3-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--md-outline);background:transparent;color:var(--md-on-surface-variant);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.md3-chip:hover{background:var(--md-surface-container-high)}.md3-chip.selected{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:transparent}.font-literata{font-family:Literata,Georgia,serif}.font-inter{font-family:Inter,system-ui,sans-serif}.md3-main{max-width:1200px;margin:0 auto;padding:0 24px}.hero{max-width:800px;padding:64px 32px;border-radius:24px;transition:background 1.2s ease,color .8s ease}[data-theme=light] .hero[data-time=morning]{background:linear-gradient(135deg,#fff9e6,#f0fdf4)}[data-theme=light] .hero[data-time=day]{background:linear-gradient(135deg,#f3f8f5,#ebf5f1)}[data-theme=light] .hero[data-time=evening]{background:linear-gradient(135deg,#fff2e6,#f5ebeb)}[data-theme=light] .hero[data-time=night]{background:linear-gradient(135deg,#edf2f7,#e2e8f0)}[data-theme=dark] .hero[data-time=morning]{background:linear-gradient(135deg,#1c2321,#121a18)}[data-theme=dark] .hero[data-time=day]{background:linear-gradient(135deg,#151a18,#101413)}[data-theme=dark] .hero[data-time=evening]{background:linear-gradient(135deg,#231c1a,#141110)}[data-theme=dark] .hero[data-time=night]{background:linear-gradient(135deg,#0f1316,#090c0e)}[data-theme=sepia] .hero[data-time=morning]{background:linear-gradient(135deg,#fcf5e3,#f4eed8)}[data-theme=sepia] .hero[data-time=day]{background:linear-gradient(135deg,#faf2e5,#f3ebdd)}[data-theme=sepia] .hero[data-time=evening]{background:linear-gradient(135deg,#f9eada,#ecdccd)}[data-theme=sepia] .hero[data-time=night]{background:linear-gradient(135deg,#e8dcc4,#dcd0b8)}@media(prefers-reduced-motion:reduce){.hero{transition:none!important}}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--md-primary);margin:0 0 16px}h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;font-weight:700;margin:0 0 16px;color:var(--md-on-surface);letter-spacing:-.02em}h2{font-size:1.75rem;font-weight:600;line-height:1.2;margin:0 0 8px;color:var(--md-on-surface)}h3{font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 8px}.lead{font-size:1.125rem;color:var(--md-on-surface-variant);max-width:640px;line-height:1.7}.md3-btn-filled{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 24px;border-radius:20px;border:none;background:var(--md-primary);color:var(--md-on-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.md3-btn-filled:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;text-decoration:none}.section{padding:32px 0 64px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-head a{font-size:.875rem;font-weight:500;color:var(--md-primary)}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.card{display:block;padding:16px;border:1px solid var(--md-outline-variant);border-radius:16px;background:var(--md-surface-container-low);transition:all .2s ease}.card:hover{background:var(--md-surface-container);box-shadow:0 2px 6px #00000014;text-decoration:none}.card h2{font-size:1.125rem;margin:8px 0}.card p{font-size:.875rem;color:var(--md-on-surface-variant);line-height:1.5;margin:0 0 12px}.card .meta{font-size:.75rem;color:var(--md-outline)}.category{display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.06em;color:var(--md-primary);text-transform:uppercase;background:var(--md-primary-container);color:var(--md-on-primary-container);padding:2px 10px;border-radius:100px}.manifesto{border-top:1px solid var(--md-outline-variant);padding:64px 0;font-size:1.75rem;font-weight:500;max-width:800px;line-height:1.4;color:var(--md-on-surface)}.article{max-width:720px;margin:0 auto;padding:48px 0 120px}.article-header{margin-bottom:48px}.article-header h1{font-size:clamp(2rem,5vw,3.2rem)}.article-body{font-size:var(--font-body-size);line-height:1.9}.article-body h2{margin-top:2em}.article-body p{margin:1.2em 0}.article-body blockquote{border-left:3px solid var(--md-primary);padding-left:20px;color:var(--md-on-surface-variant);margin:24px 0}.article-body img{max-width:100%;border-radius:16px}.article-sources{border-top:1px solid var(--md-outline-variant);margin-top:48px;padding-top:24px;font-size:.875rem}.back{font-size:.875rem;color:var(--md-primary);font-weight:500;display:inline-block;margin-bottom:32px}.prose{max-width:720px}.prose li{margin:8px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.md3-footer{max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--md-outline-variant);font-size:.8125rem;color:var(--md-on-surface-variant)}.progress{position:fixed;top:64px;left:0;height:3px;background:var(--md-primary);z-index:1001;width:0;transition:width .1s linear}.md3-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:80px;background:var(--md-surface-container);z-index:1000;align-items:center;justify-content:space-around;padding:0 8px;border-top:1px solid var(--md-outline-variant);box-shadow:0 -1px 3px #0000000a}.md3-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:100%;gap:4px;cursor:pointer;position:relative;background:none;border:none;color:var(--md-on-surface-variant);text-decoration:none;transition:color .15s ease;flex:1}.md3-nav-item.active{color:var(--md-on-surface)}.md3-nav-indicator{position:absolute;top:12px;width:0;height:32px;border-radius:16px;background:var(--md-secondary-container);transition:width .2s cubic-bezier(.2,0,0,1);z-index:1}.md3-nav-item.active .md3-nav-indicator{width:64px}.md3-nav-icon{width:24px;height:24px;position:relative;z-index:2}.md3-nav-label{font-size:.75rem;font-weight:500;position:relative;z-index:2;white-space:nowrap}.md3-sheet-overlay{display:none;position:fixed;inset:0;background:#00000052;z-index:2000;opacity:0;transition:opacity .25s ease;pointer-events:none}.md3-sheet-overlay.open{display:block;opacity:1;pointer-events:all}.md3-bottom-sheet{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--md-surface-container-low);border-radius:28px 28px 0 0;padding:16px 24px 32px;z-index:2001;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,0,0,1)}.md3-bottom-sheet.open{display:block;transform:translateY(0)}@media(min-width:769px){.md3-bottom-sheet{max-width:400px;left:auto;right:24px;border-radius:28px;transform:translateY(20px);opacity:0}.md3-bottom-sheet.open{display:block;transform:translateY(0);opacity:1}}.md3-sheet-drag{width:32px;height:4px;background:var(--md-outline-variant);border-radius:2px;margin:0 auto 20px}.md3-sheet-title{font-size:1.25rem;font-weight:600;margin:0 0 20px;color:var(--md-on-surface)}.md3-sheet-section{margin-bottom:20px}.md3-sheet-label{font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant);margin:0 0 10px}.md3-sheet-close{display:block;width:100%;padding:12px;border:none;border-radius:100px;background:var(--md-primary);color:var(--md-on-primary);font-size:.875rem;font-weight:600;cursor:pointer;margin-top:8px}@media(max-width:768px){.desktop-prefs,.md3-desktop-nav{display:none}.md3-bottom-nav{display:flex}.md3-bottom-sheet,.md3-sheet-overlay{display:block;pointer-events:none}.md3-bottom-sheet.open,.md3-sheet-overlay.open{pointer-events:all}body{padding-top:64px;padding-bottom:110px}.hero{padding:32px 20px 24px;border-radius:16px}h1{font-size:1.75rem}.section-head{flex-direction:column;align-items:flex-start;gap:8px}.grid{grid-template-columns:1fr;gap:12px}.manifesto{font-size:1.25rem;padding:40px 0}.md3-top-app-bar{background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant)}.md3-top-bar-content,.md3-main{padding:0 16px}.md3-footer{padding:24px 16px;margin-bottom:40px}}