:root{--red:#d82f29;--red-dark:#b61f1a;--ink:#212323;--muted:#6b7073;--line:#e7e8e9;--canvas:#f7f8f9;--paper:#fff;--red-tint:#fff1ef;--radius:18px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.55}button{color:inherit}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dc736f;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.25;letter-spacing:-1.1px}h2{font-size:1.4rem;line-height:1.35;letter-spacing:-.5px}h3{font-size:1.125rem;line-height:1.4}p{line-height:1.65}small{font-size:.8125rem;line-height:1.6}svg.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:1.6px;font-weight:750;line-height:1.5}.red-dot{color:var(--red)}.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:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:14px;border:2px solid var(--red)}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;border:1px solid transparent;padding:12px 19px;font-weight:650;font-size:.9375rem;min-height:46px;transition:background .15s,transform .15s}.button.primary{color:white;background:var(--red)}.button.primary:hover{background:var(--red-dark)}.button.secondary{background:var(--paper);border-color:#dadde0}.button.secondary:hover{background:#f2f3f4}.button.danger{color:#b6221d;background:#fff;border-color:#f1c4c0}.button.full{width:100%}.text-button{border:0;background:transparent;padding:7px 0;color:var(--muted);display:inline-flex;align-items:center;gap:7px;font-size:.875rem}.text-button:hover{color:var(--red)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:transparent;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#f1f2f3}.brand{display:flex;align-items:center;gap:10px;font-size:1.16rem;letter-spacing:-.7px;white-space:nowrap}.brand img{flex-shrink:0}.brand-bold,.brand b{font-weight:800}.brand small{font-size:.8rem;font-weight:500}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:34px 24px;display:flex;flex-direction:column;background:var(--paper);z-index:10}.sidebar .brand{margin-bottom:57px}.side-label{font-size:.625rem;letter-spacing:1.65px;font-weight:700;color:#8a8d90;margin:0 12px 17px}.nav-item{width:100%;border:0;display:flex;align-items:center;gap:15px;font-size:.9375rem;background:transparent;padding:15px 16px;border-radius:11px;text-align:left;margin-bottom:7px}.nav-item.active{color:var(--red);background:var(--red-tint);font-weight:700}.nav-item:not(.active):hover{background:#f4f5f6}.sidebar-bottom{margin-top:auto}.sidebar-bottom p{font-size:.75rem;color:#8a8d90;margin:25px 12px 0}.mobile-header,.mobile-nav{display:none}.site-main{max-width:1410px;margin-left:248px;padding:40px 44px 50px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading .eyebrow{color:var(--red);margin-bottom:7px}.today{font-size:.875rem;color:var(--muted)}.feed-layout{display:grid;grid-template-columns:minmax(0,660px) minmax(220px,280px);gap:32px;justify-content:center}.feed-column{min-width:0}.post-card{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);overflow:hidden;margin-bottom:28px}.post-header{display:flex;align-items:center;gap:12px;padding:20px 22px}.editor-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:white;font-weight:800;font-size:1.6rem;letter-spacing:-2px;flex-shrink:0;padding-right:3px}.editor-mark span{color:#ff665b}.post-header strong{display:flex;align-items:center;gap:9px;font-size:.9375rem}.post-header time{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.publisher-label{font-size:.625rem;letter-spacing:.8px;font-weight:650;color:#9b302a;background:var(--red-tint);padding:3px 5px;border-radius:3px}.orientation-label{font-size:.75rem;color:var(--muted);margin-left:auto}.media-stage{background:#17191b;display:flex;justify-content:center;align-items:center;overflow:hidden}.video-box{width:100%;aspect-ratio:16/9;min-height:200px;position:relative}.media-stage.portrait .video-box{width:min(100%,350px);max-width:calc(72svh * 9 / 16);aspect-ratio:9/16;min-width:200px}.media-stage.square .video-box{aspect-ratio:1;max-width:560px}.video-poster{display:block;position:absolute;inset:0;border:0;padding:0;width:100%;height:100%;background:#17191b;color:#fff;overflow:hidden}.video-poster>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.video-poster:hover>img{transform:scale(1.025)}.portrait .video-poster>img,.square .video-poster>img{object-fit:contain}.video-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#0005)}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fffc;color:#242627;width:65px;height:65px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 30px #0002;z-index:1}.play-circle .icon{width:29px;height:29px;fill:currentColor;margin-left:4px;stroke-width:1.2}.poster-source{position:absolute;right:16px;bottom:14px;color:white;font-size:.6875rem;font-weight:800;letter-spacing:1px;z-index:1}.video-box iframe,.player-target{position:absolute;inset:0;width:100%;height:100%;border:0}.player-error{font-size:.875rem;padding:12px 22px;color:#9b302a;background:var(--red-tint)}.post-content{padding:0 22px 20px}.post-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 15px}.comment-action{color:var(--ink);font-size:.875rem}.comment-action .icon{margin-right:3px}.youtube-link{font-size:.75rem;display:flex;align-items:center;gap:6px;color:var(--muted)}.youtube-link .icon{width:14px;height:14px}.youtube-link:hover{color:var(--red)}.post-content h2{font-size:1.1875rem;letter-spacing:-.3px;line-height:1.45;margin-bottom:8px}.caption{font-size:.9375rem;white-space:pre-wrap;overflow-wrap:anywhere;color:#555b5e;line-height:1.6}.caption .text-button{padding:0 4px}.comment-invitation{border:0;border-top:1px solid #f0f1f2;margin-top:17px;background:transparent;color:#7d8183;font-size:.8125rem;padding:16px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px}.comment-invitation .icon{width:17px;height:17px}.right-rail{position:sticky;top:30px;align-self:start}.profile-card{border:1px solid #efdedb;border-radius:var(--radius);background:#fff5f3;padding:27px 24px}.avatar-stack{display:flex;padding:4px 0 27px 5px}.avatar-stack .avatar{margin-left:-5px;border:3px solid #fff5f3;width:48px;height:48px;font-size:25px}.profile-card .eyebrow{color:#ac4c43;font-size:.6875rem;letter-spacing:1.3px}.profile-card h2{margin-top:11px;font-size:1.65rem;line-height:1.3;letter-spacing:-.8px}.profile-card p:not(.eyebrow){font-size:.875rem;color:#7b625f;margin-top:14px;margin-bottom:21px;line-height:1.65}.profile-card>small{display:block;text-align:center;margin-top:11px;color:#90746f;font-size:.75rem}.rail-note{margin-top:35px;padding:0 8px}.note-line{display:block;width:29px;height:3px;background:var(--ink);margin-bottom:16px}.rail-note h3{font-size:1rem;font-weight:650;line-height:1.6}.rail-note p{color:var(--muted);font-size:.8125rem;margin-top:9px;line-height:1.7}.rail-footer{padding:27px 8px 0;border-top:1px solid var(--line);margin-top:29px;color:#8b8f92}.rail-footer>span{font-size:.875rem;letter-spacing:-.4px}.rail-footer p{font-size:.75rem;line-height:1.7;margin-top:9px}.avatar{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.avatar.large{width:60px;height:60px;font-size:31px}.peach{background:#ffe3c7}.violet{background:#e8e2fc}.green{background:#def0dd}.blue{background:#dcecfb}.rose{background:#f7dcd7}.gray{background:#e9ecef}.yellow{background:#fff0be}.sand{background:#eae0d6}.profile-identity{display:flex;align-items:center;gap:14px}.profile-identity h2{margin-top:4px}.feed-end{text-align:center;padding:8px 0 32px}.end-caption{font-size:.8125rem;color:#8b8f92;padding:16px}.loading-card{display:flex;align-items:center;gap:14px;justify-content:center;border:1px solid var(--line);border-radius:var(--radius);padding:80px 24px;background:white;color:var(--muted)}.spinner{width:23px;height:23px;border:2px solid #eee;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:65px 30px;border:1px solid var(--line);border-radius:var(--radius);background:white}.empty-state>.icon{width:46px;height:46px;color:var(--red);margin-bottom:24px}.empty-state .eyebrow{color:var(--red);margin-bottom:10px}.empty-state h2{font-size:1.5rem}.empty-state p:not(.eyebrow){color:var(--muted);margin:12px auto 23px;max-width:370px}.notice{font-size:.875rem;padding:12px 18px;border:1px solid #e8dbb3;background:#fff9e8;border-radius:10px;margin-bottom:24px}.modal{padding:0;border:1px solid var(--line);border-radius:22px;color:var(--ink);background:white;width:min(480px,calc(100% - 32px));max-height:90svh;box-shadow:0 25px 100px #0003}.modal::backdrop{background:#1d202273;backdrop-filter:blur(5px)}.modal-inner{padding:36px}.modal .eyebrow{color:var(--red);margin-bottom:10px}.modal h2{font-size:1.6rem;margin-bottom:10px}.modal .muted{font-size:.9375rem;margin-bottom:26px}.dialog-close{position:absolute;right:12px;top:10px}.profile-modal .modal-inner{padding-top:45px}.modal label:not(.avatar-option){display:block;font-size:.875rem;font-weight:650;margin-bottom:9px}input,textarea,select{width:100%;background:white;color:var(--ink);border:1px solid #d5d9dc;border-radius:9px;padding:12px 14px;min-height:46px}input::placeholder,textarea::placeholder{color:#909598}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{outline:none;border-color:#ca6b64;box-shadow:0 0 0 3px #d82f2910}form>small{display:block;margin-top:8px;color:var(--muted)}#initials{text-transform:uppercase}.avatar-field{padding:0;border:0;margin:24px 0}.avatar-field legend{font-weight:650;font-size:.875rem;margin-bottom:13px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px 9px}.avatar-option{display:flex;align-items:center;flex-direction:column;gap:6px;cursor:pointer;position:relative;padding:5px 2px;border-radius:9px}.avatar-option>span:last-child{font-size:.75rem;color:var(--muted)}.avatar-option input{appearance:none;position:absolute;inset:0;width:100%;height:100%;border:2px solid transparent;padding:0;background:transparent;margin:0;cursor:pointer;min-height:0}.avatar-option input:checked{border-color:var(--red);background:#d82f2904}.avatar-option:has(input:checked)>span:last-child{color:var(--red);font-weight:650}.form-error{color:#b5231e;font-size:.875rem;line-height:1.5;margin:12px 0}.form-error:empty{display:none}.privacy-note{font-size:.75rem;color:var(--muted);margin-top:17px;line-height:1.65}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:27px;z-index:100;max-width:min(520px,90%);background:#232626;color:white;padding:14px 22px;border-radius:12px;font-size:.875rem;box-shadow:0 5px 25px #0002}.comments-modal{width:min(520px,calc(100% - 32px));height:740px;max-height:88svh}.comments-modal[open]{display:flex;flex-direction:column}.dialog-header{padding:25px 26px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.dialog-header .eyebrow{margin-bottom:5px}.dialog-header h2{font-size:1.4rem;margin:0}.comment-context{font-size:.875rem;color:var(--muted);padding:15px 26px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.comments-scroll{padding:12px 26px;flex:1;min-height:80px;overflow:auto}.comment-row{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-bottom:1px solid #f0f1f2}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.comment-meta strong{font-size:.875rem}.comment-meta time{font-size:.75rem;color:#8a8f92}.comment-body p{font-size:.9375rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.delete-comment{font-size:.75rem;color:#9d625d}.comment-compose{padding:20px 26px 23px;border-top:1px solid var(--line);background:#fcfcfc}.comment-compose>p{font-size:.9375rem;text-align:center;margin-bottom:12px}.comment-compose>small{color:var(--muted);display:block;text-align:center;margin-top:9px;font-size:.75rem}.compose-identity{display:flex;align-items:center;gap:9px;margin-bottom:12px}.compose-identity .avatar{width:28px;height:28px;font-size:17px}.compose-identity strong{font-size:.8125rem}.compose-identity>span:last-child{margin-left:auto;font-size:.75rem;color:var(--muted)}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.compose-footer small{font-size:.75rem;color:var(--muted)}.compose-footer .button{font-size:.8125rem;padding:10px 13px;min-height:40px}.empty-comments{text-align:center;padding:35px 10px;color:var(--muted)}.empty-comments>.icon{width:38px;height:38px;margin-bottom:15px;color:#b5b9bc}.empty-comments h3{color:var(--ink);font-size:1rem}.empty-comments p{font-size:.875rem;margin-top:7px}.list-note{padding:30px 10px;text-align:center;font-size:.875rem;color:var(--muted)}
/* Ruang redaksi */
.admin-main{max-width:1440px;margin-left:248px;padding:40px 44px 60px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.admin-heading .eyebrow{color:var(--red);margin-bottom:7px}.admin-heading>div>p:last-child{font-size:.9375rem;color:var(--muted);margin-top:8px}.login-page{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-brand-panel{background:#252829;color:white;padding:50px 60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.login-brand-panel .brand{font-size:1.6rem}.login-brand-panel h1{font-size:3.5rem;line-height:1.15;letter-spacing:-2px;max-width:430px}.login-brand-panel h1>span{color:#ff766b}.login-brand-panel p{color:#b9c0c2;font-size:1rem;max-width:330px;margin-top:22px}.login-brand-panel small{color:#939b9d}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-form-wrap{width:min(380px,100%)}.login-form-wrap .eyebrow{color:var(--red);margin-bottom:14px}.login-form-wrap h2{font-size:2rem}.login-form-wrap>p{color:var(--muted);margin:12px 0 32px;font-size:.9375rem}.field{margin-bottom:21px}.field label{display:block;font-size:.875rem;font-weight:650;margin-bottom:9px}.field small{display:block;color:var(--muted);margin-top:7px;font-size:.75rem}.login-footer{margin-top:28px;text-align:center;color:var(--muted);font-size:.8125rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.stat span{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:9px}.stat strong{font-size:1.8rem}.stat>.icon{color:#bb615a;width:28px;height:28px}.admin-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.admin-list-header h2{font-size:1.2rem}.admin-list-header>span{font-size:.8125rem;color:var(--muted)}.admin-post{display:flex;gap:22px;background:white;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px;align-items:center}.admin-thumbnail{width:168px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#222;flex-shrink:0}.admin-post-info{min-width:0;flex:1}.admin-post-info h3{font-size:1rem;overflow-wrap:anywhere;margin:9px 0}.admin-post-info .meta{font-size:.75rem;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.status-pill{font-size:.6875rem;padding:4px 8px;border-radius:5px;font-weight:650;background:#fff2d6;color:#896009}.status-pill.published{background:#e6f3e9;color:#287043}.post-tools{display:flex;gap:5px;align-items:center}.post-tools .icon-button{width:38px;height:38px}.admin-empty{padding:70px 20px}.admin-editor{width:min(960px,calc(100% - 40px));max-height:93svh}.editor-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:27px 30px}.editor-preview{background:var(--canvas);border-radius:12px;padding:18px;align-self:start;position:sticky;top:0}.editor-preview .eyebrow{color:var(--muted);font-size:.6875rem;margin-bottom:16px}.preview-placeholder{padding:55px 20px;text-align:center;border:1px dashed #cbd0d3;border-radius:9px;color:var(--muted);font-size:.875rem}.preview-placeholder>.icon{width:38px;height:38px;display:block;margin:0 auto 14px;color:#9ca2a6}.editor-preview .post-card{margin:0;border-radius:10px}.editor-preview .post-header{padding:14px}.editor-preview .post-content{padding:16px}.editor-preview .post-content h2{font-size:1rem}.editor-preview .caption{font-size:.875rem}.editor-preview .video-box{min-height:0}.editor-preview .media-stage.portrait .video-box{width:180px;min-width:0}.preview-image{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding:20px 30px;background:white;position:sticky;bottom:0}.editor-actions .form-error{margin-right:auto}.orientation-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.orientation-options label{display:flex!important;align-items:center;gap:8px;font-size:.8125rem!important;border:1px solid var(--line);padding:10px;border-radius:7px;margin:0!important;font-weight:500!important;cursor:pointer}.orientation-options input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--red)}.orientation-options label:has(:checked){border-color:var(--red);background:var(--red-tint)}.admin-user{padding:15px 12px;border-top:1px solid var(--line);margin-top:24px;color:var(--muted);font-size:.8125rem}.admin-user strong{color:var(--ink);display:block;margin-top:5px}.confirm-modal{padding:30px}.confirm-modal>h2{padding-right:20px}.confirm-modal>p{color:var(--muted);font-size:.9375rem;margin:15px 0 24px}.confirm-actions{display:flex;justify-content:flex-end;gap:12px}.admin-comments-modal .comments-scroll{min-height:250px}.admin-mobile-header{display:none}
.image-failed{visibility:hidden}.video-poster.thumbnail-unavailable:before{content:"Thumbnail belum tersedia";position:absolute;left:15px;right:15px;top:calc(50% + 47px);font-size:.8125rem;color:#c3c7c9;z-index:2}.preview-placeholder{overflow-wrap:anywhere}
@media(min-width:1600px){.site-main{margin-right:auto}.feed-layout{justify-content:start}}
@media(max-width:1250px){.sidebar{width:218px;padding:32px 17px}.sidebar .brand{font-size:1.05rem;gap:7px}.sidebar .brand img{width:33px;height:33px}.site-main,.admin-main{margin-left:218px;padding:32px 28px}.feed-layout{gap:24px;grid-template-columns:minmax(0,650px) 245px}.profile-card{padding:24px 19px}.profile-card h2{font-size:1.45rem}.admin-post{gap:16px}.admin-thumbnail{width:130px}}
@media(max-width:1090px){.right-rail{display:none}.feed-layout{display:block;max-width:680px;margin:auto}.site-main .page-heading{max-width:680px;margin-left:auto;margin-right:auto}.admin-main{padding:32px 24px}.admin-post{flex-wrap:wrap}.post-tools{margin-left:auto}.stat{padding:18px}.stats{gap:12px}.stat>.icon{display:none}.login-brand-panel{padding:40px}.login-brand-panel h1{font-size:2.8rem}}
@media(max-width:760px){.sidebar{display:none}.site-main,.admin-main{margin:0;padding:25px 18px 90px}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:12px 18px;position:sticky;top:0;z-index:10;min-height:65px}.brand{font-size:1.125rem}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fffc;backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:15;padding:5px 10px max(6px,env(safe-area-inset-bottom))}.mobile-nav>*{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:45%;min-height:47px;border:0;background:transparent;font-size:.6875rem;color:var(--muted)}.mobile-nav [aria-current=page]{color:var(--red)}.mobile-nav .icon{width:21px;height:21px}.page-heading{margin-bottom:22px;gap:10px}h1{font-size:1.65rem;letter-spacing:-.7px}.page-heading .eyebrow{font-size:.625rem;letter-spacing:1.4px}.today{font-size:.75rem}.post-card{margin-bottom:22px;border-radius:13px}.post-header{padding:15px}.post-header strong{font-size:.8125rem;gap:7px}.post-header time{font-size:.6875rem}.publisher-label{font-size:.5625rem}.editor-mark{width:35px;height:35px;font-size:1.4rem}.orientation-label{font-size:.6875rem}.post-content{padding:0 16px 16px}.post-content h2{font-size:1.075rem}.caption{font-size:.9rem}.post-actions{padding:14px 0}.comment-action{font-size:.8125rem;gap:5px}.youtube-link{font-size:.6875rem;gap:4px}.youtube-link .icon{width:12px}.comment-action .icon{width:20px;height:20px}.portrait .video-box{max-width:calc(67svh * 9 / 16)}.toast{bottom:82px;text-align:center;font-size:.8125rem}.modal-inner{padding:28px 24px}.modal h2{font-size:1.4rem}.comments-modal{width:100%;max-height:91svh;border-radius:22px 22px 0 0;margin:auto 0 0;max-width:100%;border-bottom:0}.dialog-header{padding:22px 21px 15px}.comment-context{padding:14px 21px}.comments-scroll{padding:10px 21px}.comment-compose{padding:17px 21px max(23px,env(safe-area-inset-bottom))}.compose-identity>span:last-child{font-size:.6875rem}.admin-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:white;border-bottom:1px solid var(--line)}.admin-mobile-header .text-button{font-size:.8125rem}.admin-heading{align-items:flex-start;margin-bottom:24px}.admin-heading .eyebrow{font-size:.625rem}.admin-heading .button{font-size:.8125rem;padding:10px 13px;min-height:43px}.admin-heading>div>p:last-child{font-size:.8125rem}.stats{gap:8px;margin-bottom:26px}.stat{padding:15px 12px;gap:5px;border-radius:10px}.stat span{font-size:.6875rem}.stat strong{font-size:1.4rem}.admin-list-header>span{display:none}.admin-post{padding:15px;gap:13px}.admin-thumbnail{width:97px}.admin-post-info h3{font-size:.9rem;line-height:1.4}.admin-post-info .meta{font-size:.6875rem;gap:8px}.post-tools{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:7px}.login-page{display:block}.login-brand-panel{padding:28px;min-height:245px;gap:28px}.login-brand-panel .brand{font-size:1.3rem}.login-brand-panel h1{font-size:2.2rem;max-width:300px;letter-spacing:-1px}.login-brand-panel p,.login-brand-panel small{display:none}.login-form-panel{padding:35px 28px}.login-form-wrap h2{font-size:1.75rem}.editor-grid{display:block;padding:22px}.editor-preview{position:static;margin-top:24px}.admin-editor{width:100%;max-width:100%;height:100svh;max-height:100svh;border-radius:0;border:0;margin:0}.editor-actions{padding:16px 22px;gap:8px;flex-wrap:wrap}.editor-actions .button{font-size:.8125rem;padding:11px 13px}.editor-actions .form-error{width:100%}.notice{font-size:.8125rem}.empty-state{padding:45px 20px}}
@media(max-width:370px){.site-main{padding-left:10px;padding-right:10px}.today{display:none}.publisher-label{display:none}.post-header{gap:9px}.post-actions{gap:6px}.comment-action{font-size:.75rem}.youtube-link{font-size:.625rem}.avatar-grid{gap:9px 5px}.modal-inner{padding:24px 18px}.compose-footer{flex-direction:column;align-items:stretch}.compose-footer small{text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Menu postingan, Share, dan like */
.post-header{position:relative;z-index:2}
.post-header>div:not(.post-menu-wrap){min-width:0}
.post-menu-wrap{position:relative;margin-left:auto;flex-shrink:0}
.post-menu-toggle{width:44px;height:44px;color:var(--muted)}
.post-menu-toggle[aria-expanded=true]{background:#f1f2f3;color:var(--ink)}
.post-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:5;min-width:184px;padding:6px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #0002}
.post-menu [role=menuitem]{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 14px;border:0;border-radius:7px;background:white;color:var(--ink);font-size:.875rem;text-align:left;white-space:nowrap}
.post-menu [role=menuitem]:hover,.post-menu [role=menuitem]:focus-visible{background:var(--red-tint);color:var(--red)}
.post-actions{flex-wrap:wrap;column-gap:14px;row-gap:4px}
.post-reactions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.post-reactions .text-button{min-height:44px;white-space:nowrap}
.like-action{font-size:.875rem;color:var(--ink)}
.like-action .icon{margin-right:3px}
.like-action[aria-pressed=true]{color:var(--red)}
.like-action[aria-pressed=true] .icon{fill:currentColor}
.like-action:disabled{opacity:.6}
.post-actions>.youtube-link{margin-left:auto;min-height:36px}
.shared-post-notice{margin-bottom:18px}
#share-link{margin:20px 0 14px;font-size:.875rem}
#copy-link-status{margin-top:12px;font-size:.9rem}
@media(max-width:760px){.post-reactions{gap:16px}.like-action{font-size:.8125rem;gap:5px}.like-action .icon{width:20px;height:20px}.post-actions{padding:8px 0 12px}.post-menu{min-width:174px}}
@media(max-width:420px){.post-actions>.youtube-link{font-size:.75rem}.post-reactions{width:100%;gap:22px}}