:root{--black: #1a1a1a;--gray-dark: #555;--gray-mid: #888;--gray-light: #bbb;--gray-faint: #e5e5e5;--gray-bg: #f7f7f7;--white: #ffffff;--serif: "Lora", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--sans);color:var(--black);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}.global-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;transition:opacity .4s ease,visibility .4s ease}.global-loader.hidden{opacity:0;visibility:hidden}.spinner{width:40px;height:40px;border:3px solid var(--gray-faint);border-top-color:var(--black);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.spinner-text{font-family:var(--sans);font-size:13px;letter-spacing:.05em;color:var(--gray-mid)}@keyframes spin{to{transform:rotate(360deg)}}.page{display:none}.page.active{display:flex;flex-direction:column;flex:1;animation:pageFadeIn .4s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.main-content{flex:1;display:flex;flex-direction:column}.site-header{position:sticky;top:0;background:var(--white);z-index:100}nav{padding:20px 60px;display:flex;justify-content:space-between;align-items:baseline}.nav-left{display:flex;align-items:baseline;gap:12px}.nav-logo{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--black);letter-spacing:-.02em;text-decoration:none}.nav-subtitle{font-family:var(--serif);font-size:11px;color:var(--gray-mid)}.nav-lang{display:flex;gap:5px;align-items:baseline;font-family:var(--sans);font-size:10px;letter-spacing:.06em}.lang-btn{background:none;border:none;cursor:pointer;padding:0;font-size:10px;font-family:var(--sans);letter-spacing:.06em;color:var(--gray-light);transition:color .2s}.lang-btn.active{color:var(--black);font-weight:500}.lang-sep{color:var(--gray-faint)}.nav-right{display:flex;align-items:baseline;gap:28px;font-size:15px;color:var(--gray-light)}.nav-link{cursor:pointer;text-decoration:none;color:var(--gray-light);transition:color .2s;font-family:var(--serif);font-size:15px;font-weight:600}.nav-link:hover,.nav-link.active{color:var(--black)}.nav-divider{height:1.5px;background:var(--black);margin:0 60px}.home-body{display:grid;grid-template-columns:2fr 1px 1fr;gap:40px;padding:64px 60px 20px}.esai-pilihan{margin:auto 60px 0;padding:30px 0;border-top:.5px solid var(--gray-faint)}.esai-pilihan__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;padding-right:32px}.esai-pilihan__label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-mid)}.esai-pilihan__link-all{font-size:13px;font-weight:300;color:var(--gray-dark);text-decoration:none;border-bottom:1px solid var(--gray-faint);padding-bottom:1px;transition:color .15s,border-color .15s}.esai-pilihan__link-all:hover{color:var(--black);border-color:var(--gray-mid)}.esai-pilihan__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.esai-card{padding:0 32px 0 0;border-right:1px solid var(--gray-faint);display:flex;flex-direction:column}.esai-card:first-child{padding-left:0}.esai-card:last-child{border-right:none;padding-right:0;padding-left:32px}.esai-card:nth-child(2){padding-left:32px}.esai-card:only-child{padding-left:0;padding-right:0;border-right:none}.esai-card__bar{width:24px;height:2px;background:var(--gray-faint);margin-bottom:12px}.esai-card--featured .esai-card__bar{background:var(--black);width:32px}.esai-card__kategori{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-mid);margin-bottom:10px}.esai-card__judul{font-family:var(--serif);font-size:17px;font-weight:600;line-height:1.4;color:var(--black);margin-bottom:10px;text-decoration:none;display:block}.esai-card--featured .esai-card__judul{font-size:19px}.esai-card__judul:hover{color:var(--gray-dark)}.esai-card__kutipan{font-size:13px;line-height:1.7;color:var(--gray-dark);margin-bottom:12px;font-style:italic;font-family:var(--serif);flex:1}.esai-card__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray-mid);margin-bottom:16px}.esai-card__meta-dot{width:3px;height:3px;border-radius:50%;background:var(--gray-faint)}.esai-card__baca{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-family:var(--sans);font-weight:300;color:var(--gray-dark);text-decoration:none;transition:color .15s;align-self:flex-end}.esai-card__baca:hover{color:var(--black)}.esai-card__baca-arrow{font-size:14px;transition:transform .15s}.esai-card__baca:hover .esai-card__baca-arrow{transform:translate(3px)}.esai-card:last-child .esai-card__baca{margin-right:32px}.home-divider{background:var(--gray-faint)}.featured-tag{font-size:11px;font-weight:500;color:var(--gray-mid);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-family:var(--sans)}.featured-title{font-family:var(--serif);font-size:28px;color:var(--black);line-height:1.3;margin-bottom:8px;letter-spacing:-.01em;cursor:pointer;transition:opacity .2s}.featured-title:hover{opacity:.7}.featured-excerpt{font-size:14px;color:var(--gray-dark);line-height:1.85;margin-bottom:14px;font-family:var(--sans);font-weight:300}.featured-meta{font-size:10px;color:var(--gray-light);font-family:var(--sans);margin-bottom:12px}.featured-group{display:flex;flex-direction:column;gap:40px}.sidebar-tag{font-size:11px;font-weight:500;color:var(--gray-mid);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-family:var(--sans)}.sidebar-list{display:flex;flex-direction:column;gap:0}.sidebar-item{padding:14px 0;border-bottom:.5px solid var(--gray-faint);cursor:pointer}.sidebar-item:first-child{padding-top:0}.sidebar-item:last-child{border-bottom:none}.sidebar-item-title{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--black);line-height:1.4;margin-bottom:8px;transition:opacity .2s}.sidebar-item:hover .sidebar-item-title{opacity:.6}.sidebar-item-date{font-size:11px;color:var(--gray-light);font-family:var(--sans)}.sidebar-item-excerpt{font-size:13px;color:var(--gray-dark);line-height:1.6;margin-top:8px;font-family:var(--sans);font-weight:300;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.list-header{padding:30px 60px 16px}.list-header h1{font-family:var(--serif);font-size:13px;font-weight:400;color:var(--gray-light);text-transform:uppercase;letter-spacing:.14em}.post-list{padding:0 60px 20px;display:flex;flex-direction:column;gap:0}.post-item{display:flex;gap:24px;align-items:baseline;padding:14px 0;border-top:.5px solid var(--gray-faint);cursor:pointer}.post-item:last-child{border-bottom:.5px solid var(--gray-faint)}.post-item-date{width:72px;flex-shrink:0;font-size:11px;color:var(--gray-light);font-family:var(--sans)}.post-item-content{flex:1}.post-item-title{font-family:var(--serif);font-size:17px;color:var(--black);line-height:1.4;margin-bottom:5px;transition:opacity .2s}.post-item:hover .post-item-title{opacity:.6}.post-item-excerpt{font-size:13px;color:var(--gray-mid);line-height:1.7;font-family:var(--sans);font-weight:300}.post-item-read{font-size:10px;color:var(--gray-light);flex-shrink:0;font-family:var(--sans)}.article-wrap{max-width:720px;margin:0 auto;padding:48px 60px 80px;display:block}.article-meta-top{font-size:10px;color:var(--gray-light);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px;font-family:var(--sans)}.article-title{font-family:var(--serif);font-size:32px;color:var(--black);line-height:1.25;letter-spacing:-.01em;margin-bottom:16px}.article-date{font-size:11px;color:var(--gray-light);font-family:var(--sans);margin-bottom:36px;padding-bottom:36px;border-bottom:.5px solid var(--gray-faint)}.article-body{font-family:var(--serif);font-size:15px;line-height:1.85;color:var(--black)}.article-body p{margin-bottom:24px}.article-body p:last-child{margin-bottom:0}.article-back{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--gray-light);cursor:pointer;margin-bottom:32px;font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;transition:color .2s;text-decoration:none;background:none;border:none}.article-back:hover{color:var(--black)}#page-about{justify-content:center}.about-wrap{max-width:860px;margin:0 auto;padding:32px 60px 40px;display:flow-root}.about-wrap h1{font-family:var(--serif);font-size:30px;margin-bottom:24px;letter-spacing:-.01em}.about-author-box{float:right;width:340px;margin-left:40px;padding-left:32px;border-left:1px solid var(--gray-faint);margin-bottom:20px}@media(max-width:600px){.about-author-box{float:none;width:100%;max-width:320px;margin-left:0;padding-left:0;border-left:none;margin-bottom:24px}}.about-author-img{width:100%;height:auto;border-radius:12px;object-fit:cover;display:block}.about-wrap p{font-size:16px;color:var(--gray-dark);line-height:1.85;margin-bottom:20px;font-family:var(--sans);font-weight:300}.about-wrap .about-sig{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--gray-mid);margin-top:16px}#public-site{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}footer{border-top:.5px solid var(--gray-faint);padding:20px 60px 16px;margin-top:auto}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:40px}@media(max-width:600px){.footer-grid{flex-direction:column}}.newsletter-form{display:flex;gap:8px;margin-top:12px}.newsletter-form input{padding:10px 14px;border:.5px solid var(--gray-faint);border-radius:4px;font-family:var(--sans);font-size:13px;width:240px;outline:none;transition:border-color .2s}.newsletter-form input:focus{border-color:var(--black)}.newsletter-form button{background:var(--black);color:var(--white);border:none;border-radius:4px;padding:10px 18px;font-family:var(--sans);font-size:12px;font-weight:500;cursor:pointer;transition:opacity .2s}.newsletter-form button:hover{opacity:.8}.footer-brand-name{font-family:var(--serif);font-size:18px;color:var(--black);letter-spacing:-.02em;margin-bottom:10px}.footer-brand-desc{font-size:12px;color:var(--gray-light);line-height:1.8;font-family:var(--sans);max-width:380px}.footer-col-title{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--gray-light);font-family:var(--sans);margin-bottom:14px}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-link{font-size:13px;color:var(--gray-mid);font-family:var(--sans);cursor:pointer;transition:color .2s;text-decoration:none;background:none;border:none;text-align:left;padding:0}.footer-link:hover{color:var(--black)}.footer-bottom{border-top:.5px solid var(--gray-faint);padding-top:20px;display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:11px;color:var(--gray-light);font-family:var(--sans)}.footer-copy span{color:var(--gray-mid)}.footer-right{font-size:11px;color:var(--gray-light);font-family:var(--sans);cursor:pointer;transition:color .2s;background:none;border:none;padding:0;line-height:inherit}.footer-right:hover{color:var(--black)}[data-ann]{position:relative}[data-ann]:after{content:attr(data-ann);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--black);color:var(--white);font-family:var(--sans);font-size:11px;white-space:nowrap;padding:5px 10px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .18s;z-index:200;letter-spacing:.01em;font-weight:400}[data-ann]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--black);opacity:0;transition:opacity .18s;z-index:200;pointer-events:none}[data-ann]:hover:after,[data-ann]:hover:before{opacity:1}#admin-login{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--white);z-index:1000;align-items:center;justify-content:center}#admin-login.show{display:flex}#admin-login{background:#fafafa!important}.login-box{width:360px;background:#fff;padding:40px;border:1px solid #eaeaea;border-radius:8px}.login-logo{font-family:var(--serif);font-size:18px;font-style:italic;color:var(--black);margin-bottom:24px;opacity:.8}.login-box h2{font-family:var(--serif);font-size:26px;font-weight:400;margin-bottom:8px;letter-spacing:-.01em;color:var(--black)}.login-box p{font-size:14px;line-height:1.5;color:var(--gray-mid);margin-bottom:32px;font-family:var(--sans)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-mid);margin-bottom:7px;font-family:var(--sans)}.form-group input,.form-group textarea,.form-group select{width:100%;border:.5px solid var(--gray-faint);border-radius:4px;padding:10px 12px;font-size:14px;font-family:var(--sans);color:var(--black);background:var(--white);outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--black)}.form-group textarea{height:200px;resize:vertical;font-family:var(--serif);font-size:15px;line-height:1.7}.btn-primary{width:100%;background:var(--black);color:var(--white);border:none;border-radius:4px;padding:11px;font-size:12px;font-family:var(--sans);letter-spacing:.06em;cursor:pointer;transition:opacity .2s;text-transform:uppercase}.btn-primary:hover{opacity:.8}.login-error{font-size:12px;color:#c0392b;margin-top:10px;display:none;font-family:var(--sans)}#admin-panel{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--white);z-index:999;overflow-y:auto}#admin-panel.show{display:block}.admin-nav{padding:20px 48px;border-bottom:.5px solid var(--gray-faint);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--white);z-index:10}.admin-logo{font-family:var(--serif);font-size:16px;color:var(--black);display:flex;align-items:center;gap:10px}.admin-badge{font-family:var(--sans);font-size:9px;color:var(--gray-light);text-transform:uppercase;letter-spacing:.1em;border:.5px solid var(--gray-faint);padding:2px 7px;border-radius:2px}.admin-actions{display:flex;gap:12px;align-items:center}.btn-sm{font-size:11px;font-family:var(--sans);padding:7px 16px;border-radius:4px;cursor:pointer;transition:all .2s;letter-spacing:.04em}.btn-outline{background:none;border:.5px solid var(--gray-faint);color:var(--gray-mid)}.btn-outline:hover{border-color:var(--black);color:var(--black)}.btn-dark{background:var(--black);border:.5px solid var(--black);color:var(--white)}.btn-dark:hover{opacity:.8}.btn-danger{background:none;border:.5px solid #e0e0e0;color:#c0392b}.btn-danger:hover{border-color:#c0392b}.admin-body{padding:40px 48px}.admin-view{display:none}.admin-view.active{display:block;animation:pageFadeIn .3s ease-out forwards}.admin-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--gray-light);margin-bottom:20px;font-family:var(--sans)}.post-table{width:100%;border-collapse:collapse}.post-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-light);font-family:var(--sans);font-weight:400;padding:0 16px 12px 0;border-bottom:.5px solid var(--gray-faint)}.post-table td{padding:14px 16px 14px 0;font-size:13px;border-bottom:.5px solid var(--gray-faint);vertical-align:middle;font-family:var(--sans)}.post-table tr:last-child td{border-bottom:none}.td-title{font-family:var(--serif);font-size:14px;color:var(--black)}.td-date{color:var(--gray-light);font-size:11px;width:110px}.td-lang{color:var(--gray-mid);font-size:10px;width:60px;text-transform:uppercase;letter-spacing:.08em}.td-status{color:var(--gray-mid);font-size:10px;width:100px;text-transform:uppercase;letter-spacing:.08em}.td-actions{width:120px;text-align:right}.td-actions-wrap{display:flex;gap:8px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:9px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--sans);line-height:1}.badge-draft{background-color:#fef2f2;color:#ef4444;border:.5px solid #fee2e2}.badge-published{background-color:#f0fdf4;color:#22c55e;border:.5px solid #dcfce7}.editor-grid{display:grid;grid-template-columns:1fr 280px;gap:32px}.editor-sidebar-section{border:.5px solid var(--gray-faint);border-radius:6px;padding:18px;margin-bottom:16px}.editor-sidebar-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-light);margin-bottom:14px;font-family:var(--sans)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-title-input{font-family:var(--serif)!important;font-size:22px!important;font-weight:400!important;border:none!important;border-bottom:.5px solid var(--gray-faint)!important;border-radius:0!important;padding:0 0 14px!important;margin-bottom:20px;width:100%;color:var(--black);outline:none}.editor-title-input:focus{border-bottom-color:var(--black)!important}.editor-title-input::placeholder{color:var(--gray-faint)}.editor-excerpt-input{font-size:14px!important;font-family:var(--sans)!important;height:60px!important;padding:12px 14px!important}.editor-body-input{min-height:550px;font-family:var(--serif)!important;font-size:16px!important;line-height:1.85!important;border:.5px solid var(--gray-faint)!important;border-radius:4px;padding:16px!important;width:100%;resize:vertical;outline:none;color:var(--black)}.editor-body-input:focus{border-color:var(--black)!important}.publish-btn-full{width:100%;background:var(--black);color:var(--white);border:none;border-radius:4px;padding:11px;font-size:11px;font-family:var(--sans);letter-spacing:.08em;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.publish-btn-full:hover{opacity:.75}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23bbb' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.success-toast{position:fixed;bottom:32px;right:32px;background:var(--black);color:var(--white);font-size:12px;font-family:var(--sans);padding:12px 20px;border-radius:4px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:9999}.success-toast.show{opacity:1}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;border-radius:8px;margin:24px 0;background-color:var(--gray-faint)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.tiktok-container{padding-bottom:150%;max-width:325px;margin:24px auto}@media(max-width:768px){nav{padding:20px 24px}.nav-divider{margin:0 24px}.home-body{grid-template-columns:1fr;gap:32px;padding:28px 24px 48px}.home-divider{display:none}.post-list,.list-header{padding-left:24px;padding-right:24px}.article-wrap{grid-template-columns:1fr;gap:40px;padding:32px 24px 60px}.related-essays{position:static;margin-top:40px;padding-top:30px;border-top:.5px solid var(--gray-faint)}.about-wrap{padding:32px 24px 60px}footer{padding:20px 24px}footer{padding:36px 24px 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.admin-nav{padding:16px 24px}.admin-body{padding:24px}.editor-grid{grid-template-columns:1fr}}.numeric-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0 60px;margin-top:auto;margin-bottom:30px}.numeric-pagination button{background:none;border:.5px solid var(--gray-faint);color:var(--gray-mid);min-width:34px;height:34px;padding:0 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--sans);font-size:12px;letter-spacing:.04em;transition:all .2s ease}.numeric-pagination button:hover{border-color:var(--black);color:var(--black)}.numeric-pagination button.active{background:var(--black);color:var(--white);border-color:var(--black)}.numeric-pagination button.btn-next{padding:0 16px;margin-left:8px}.numeric-pagination button.btn-dots{border:none;cursor:default;min-width:auto;padding:0}.numeric-pagination button.btn-dots:hover{color:var(--gray-mid);border:none}