*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[hidden]{display:none!important}.no-results{grid-column:1 / -1}:root{--brand-1: #667eea;--brand-2: #764ba2;--bg-page-from: #667eea;--bg-page-to: #764ba2;--bg-surface: #ffffff;--bg-surface-soft: #f8f9fc;--bg-header: rgba(255, 255, 255, .15);--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--text-on-brand: #ffffff;--text-header: #ffffff;--border: #e5e7eb;--border-soft: #f0f0f0;--shadow-card: 0 10px 30px rgba(0, 0, 0, .15);--shadow-header: 0 8px 24px rgba(31, 38, 135, .18);--input-bg: #ffffff;--input-border: #e0e0e0;--input-focus: #667eea;--pagination-btn-bg: #ffffff;--pagination-btn-border: #e0e0e0;--pagination-btn-text: #333;--heart: #ff6b6b;--theme-icon-color: #1f2937;--theme-btn-bg: rgba(255, 255, 255, .9);--theme-btn-bg-hover: #ffffff;--footer-bg: rgba(255, 255, 255, .12);--footer-border: rgba(255, 255, 255, .22);--footer-text: #ffffff;--footer-text-soft: rgba(255, 255, 255, .78);--footer-link: #ffffff;--footer-link-hover: #fde68a;--footer-chip-bg: rgba(255, 255, 255, .18);--footer-divider: rgba(255, 255, 255, .25);--footer-accent: #fde68a}[data-theme=dark]{--bg-page-from: #0f172a;--bg-page-to: #1e1b4b;--bg-surface: #1f2937;--bg-surface-soft: #111827;--bg-header: rgba(17, 24, 39, .65);--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-on-brand: #ffffff;--text-header: #f9fafb;--border: #374151;--border-soft: #1f2937;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-header: 0 8px 24px rgba(0, 0, 0, .4);--input-bg: #111827;--input-border: #374151;--input-focus: #8b5cf6;--pagination-btn-bg: #111827;--pagination-btn-border: #374151;--pagination-btn-text: #f3f4f6;--heart: #ff6b6b;--theme-icon-color: #f9fafb;--theme-btn-bg: rgba(31, 41, 55, .9);--theme-btn-bg-hover: #374151;--footer-bg: rgba(15, 23, 42, .55);--footer-border: rgba(255, 255, 255, .08);--footer-text: #f3f4f6;--footer-text-soft: #9ca3af;--footer-link: #f3f4f6;--footer-link-hover: #c4b5fd;--footer-chip-bg: rgba(255, 255, 255, .06);--footer-divider: rgba(255, 255, 255, .1);--footer-accent: #c4b5fd}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.bi{display:inline-block;vertical-align:-.125em;line-height:1}.icon-label{display:inline-flex;align-items:center;gap:8px}.icon-label .bi{font-size:1.05em;flex-shrink:0}.filter-group label.icon-label .bi{color:var(--brand-1);font-size:1.1rem}.footer-stat .bi{font-size:.95rem}.brand-logo .bi{font-size:1.4rem;color:var(--brand-1)}.footer-brand .brand-logo .bi{font-size:1.5rem}.items-per-page label .bi{color:var(--brand-1);margin-right:2px}.btn-visit .bi{margin-right:6px;font-size:1rem}.live-status .bi{font-size:.7rem}.live-status.online .bi{color:#22c55e}.live-status.offline .bi{color:#ef4444}.pagination-btn .bi{font-size:.85rem;vertical-align:-1px}.footer-social .bi{font-size:1.25rem;line-height:1}.btn-reset .bi,.btn-reset-settings .bi,.btn-done-settings .bi{margin-right:6px;font-size:.95rem}.heart .bi{font-size:.95rem;vertical-align:-1px}.settings-header h3 .bi{color:var(--brand-1);font-size:1.2rem}.settings-close .bi{font-size:1rem;line-height:1}.theme-toggle .bi{font-size:1.05rem;line-height:1}.info-content{text-align:center;padding:16px 4px 8px}.info-icon-wrap{width:72px;height:72px;border-radius:50%;margin:0 auto 18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;box-shadow:0 8px 20px #667eea59}.info-icon-wrap .bi{font-size:2rem;line-height:1}.info-text{color:var(--text-secondary);font-size:.98rem;line-height:1.6;margin-bottom:10px}.info-text strong{color:var(--brand-1);font-weight:700}[data-contrast=high] .info-text strong{color:#000}[data-contrast=high][data-theme=dark] .info-text strong{color:#fff}[data-contrast=high] .filter-group label.icon-label .bi,[data-contrast=high] .items-per-page label .bi{color:#000}[data-contrast=high][data-theme=dark] .filter-group label.icon-label .bi,[data-contrast=high][data-theme=dark] .items-per-page label .bi{color:#fff}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg-page-from) 0%,var(--bg-page-to) 100%);min-height:100vh;padding:20px;color:var(--text-primary);transition:background .5s ease,color .3s ease}.container{max-width:1200px;margin:0 auto}.site-header{position:sticky;top:0;z-index:100;margin:-20px -20px 30px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-header);transition:background .3s ease,box-shadow .3s ease}.brand{display:flex;align-items:center;gap:12px;color:var(--text-header);text-decoration:none;font-weight:700}.brand-logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#fff,#e0e7ff);display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 12px #00000026}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-size:1.1rem;letter-spacing:.3px}.brand-sub{font-size:.72rem;font-weight:500;opacity:.85}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:var(--theme-btn-bg);color:var(--theme-icon-color);font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .25s ease,background .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #0000001a;font-family:inherit}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e;background:var(--theme-btn-bg-hover)}.theme-toggle:focus-visible{outline:3px solid var(--brand-1);outline-offset:2px}.theme-toggle svg{width:18px;height:18px;transition:transform .5s ease}.theme-toggle:hover svg{transform:rotate(20deg) scale(1.05)}[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:inline-block}[data-theme=dark] .icon-moon{display:none}.hero{text-align:center;color:var(--text-header);margin-bottom:40px;padding:10px 16px 6px}.hero h1{font-size:2.5rem;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.25)}.hero p{font-size:1.05rem;opacity:.92;line-height:1.55;max-width:760px;margin:0 auto}.live-status{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;margin-top:14px;padding:6px 14px;background:#ffffff2e;border-radius:999px;border:1px solid rgba(255,255,255,.25)}.jurnal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.jurnal-card{background:var(--bg-surface);border-radius:12px;padding:25px;box-shadow:var(--shadow-card);border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.jurnal-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #00000047}.jurnal-card h2{color:var(--brand-1);font-size:1.4rem;margin-bottom:15px;border-bottom:2px solid var(--brand-1);padding-bottom:10px}.info-row{display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0;border-bottom:1px solid var(--border-soft)}.info-label{font-weight:600;color:var(--text-secondary)}.info-value{color:var(--text-primary);text-align:right}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.badge-sinta-1{background:#8bc34a;color:#fff}.badge-sinta-2{background:#cddc39;color:#fff}.badge-sinta-3{background:#ffeb3b;color:#333}.badge-sinta-4{background:#ffc107;color:#333}.badge-sinta-5{background:#ff9800;color:#fff}.badge-sinta-6{background:#ff5722;color:#fff}.btn-visit{display:inline-block;width:100%;padding:12px 20px;margin-top:20px;background:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 100%);color:var(--text-on-brand);text-decoration:none;border-radius:8px;text-align:center;font-weight:600;transition:opacity .3s ease,transform .2s ease;border:none;cursor:pointer}.btn-visit:hover{opacity:.92;transform:translateY(-1px)}.loading{text-align:center;color:var(--text-header);font-size:1.5rem;padding:50px}.error{text-align:center;color:#ffcdd2;background:#f003;padding:20px;border-radius:8px;margin:20px 0}.filter-section{background:var(--bg-surface);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:var(--shadow-card);border:1px solid var(--border);transition:background .3s ease}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:600;color:var(--text-secondary);margin-bottom:5px;font-size:.9rem}.filter-group input,.filter-group select{padding:10px 12px;border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:8px;font-size:.95rem;transition:border-color .3s ease,background .3s ease;font-family:inherit}.filter-group input::-moz-placeholder{color:var(--text-muted)}.filter-group input::placeholder{color:var(--text-muted)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--input-focus)}.filter-actions{display:flex;gap:10px;align-items:center}.btn-reset{padding:10px 20px;background:var(--bg-surface-soft);color:var(--text-secondary);border:2px solid var(--border);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-family:inherit}.btn-reset:hover{background:var(--border);border-color:var(--text-muted)}.result-count{margin-left:auto;color:var(--brand-1);font-weight:600;font-size:.95rem}.pagination-section{background:var(--bg-surface);border-radius:12px;padding:20px 25px;margin-top:30px;box-shadow:var(--shadow-card);border:1px solid var(--border);transition:background .3s ease}.pagination-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.items-per-page{display:flex;align-items:center;gap:10px}.items-per-page label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.items-per-page select{padding:8px 12px;border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:8px;font-size:.95rem;transition:border-color .3s ease;font-family:inherit;cursor:pointer}.items-per-page select:focus{outline:none;border-color:var(--input-focus)}.pagination-info{color:var(--text-secondary);font-size:.9rem}.pagination-buttons{display:flex;gap:5px;flex-wrap:wrap}.pagination-btn{padding:8px 12px;border:2px solid var(--pagination-btn-border);background:var(--pagination-btn-bg);color:var(--pagination-btn-text);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;min-width:40px;font-family:inherit}.pagination-btn:hover:not(:disabled){border-color:var(--brand-1);color:var(--brand-1)}.pagination-btn.active{background:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 100%);color:var(--text-on-brand);border-color:var(--brand-1)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.nav-btn{font-weight:600}.site-footer{margin-top:60px;color:var(--footer-text);background:var(--footer-bg);border:1px solid var(--footer-border);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 50px #0000002e;overflow:hidden;position:relative;transition:background .3s ease,border-color .3s ease}.site-footer:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6,#38bdf8);opacity:.85}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:32px;padding:40px 32px 28px}.footer-col h4{font-size:.95rem;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px;color:var(--footer-text);position:relative;padding-bottom:8px}.footer-col h4:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:linear-gradient(90deg,#fde68a,#f472b6);border-radius:2px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.footer-brand .brand-logo{width:44px;height:44px;font-size:1.5rem}.footer-brand .brand-title{font-size:1.2rem}.footer-tagline{color:var(--footer-text-soft);line-height:1.6;font-size:.92rem;margin-bottom:16px}.footer-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.footer-stat{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--footer-chip-bg);border:1px solid var(--footer-divider);border-radius:999px;font-size:.78rem;color:var(--footer-text);font-weight:600}.footer-stat strong{color:var(--footer-accent);font-weight:700}[data-color-scheme=blue]{--brand-1: #3b82f6;--brand-2: #1e40af;--bg-page-from: #60a5fa;--bg-page-to: #1e3a8a;--input-focus: #3b82f6;--footer-link-hover: #93c5fd}[data-color-scheme=blue][data-theme=dark]{--bg-page-from: #0c1a3d;--bg-page-to: #312e81}[data-color-scheme=green]{--brand-1: #10b981;--brand-2: #047857;--bg-page-from: #34d399;--bg-page-to: #065f46;--input-focus: #10b981;--footer-link-hover: #6ee7b7}[data-color-scheme=green][data-theme=dark]{--bg-page-from: #022c22;--bg-page-to: #064e3b}[data-color-scheme=red]{--brand-1: #ef4444;--brand-2: #b91c1c;--bg-page-from: #f87171;--bg-page-to: #991b1b;--input-focus: #ef4444;--footer-link-hover: #fca5a5}[data-color-scheme=red][data-theme=dark]{--bg-page-from: #450a0a;--bg-page-to: #7f1d1d}[data-font-size=small] body{font-size:14px}[data-font-size=medium] body{font-size:16px}[data-font-size=large] body{font-size:18px}[data-font-size=xlarge] body{font-size:20px}[data-font-family=sans] body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[data-font-family=serif] body{font-family:Georgia,Times New Roman,Times,serif}[data-font-family=mono] body{font-family:Courier New,Courier,monospace}[data-font-family=comic] body{font-family:Comic Sans MS,Comic Sans,cursive}[data-contrast=high]{--text-primary: #000000;--text-secondary: #0a0a0a;--text-muted: #1f1f1f;--bg-surface: #ffffff;--bg-surface-soft: #f5f5f5;--border: #000000;--border-soft: #222222;--input-border: #000000;--pagination-btn-border: #000000;--pagination-btn-bg: #ffffff;--pagination-btn-text: #000000}[data-contrast=high][data-theme=dark]{--text-primary: #ffffff;--text-secondary: #f5f5f5;--text-muted: #e0e0e0;--bg-surface: #000000;--bg-surface-soft: #0a0a0a;--border: #ffffff;--border-soft: #cccccc;--input-border: #ffffff;--pagination-btn-border: #ffffff;--pagination-btn-bg: #000000;--pagination-btn-text: #ffffff}[data-contrast=high] .jurnal-card,[data-contrast=high] .filter-section,[data-contrast=high] .pagination-section,[data-contrast=high] .no-results,[data-contrast=high] .btn-reset,[data-contrast=high] .pagination-btn,[data-contrast=high] .items-per-page select,[data-contrast=high] .filter-group input,[data-contrast=high] .filter-group select{border-width:2px!important;font-weight:600}[data-contrast=high] :focus-visible{outline:3px solid #ffeb3b!important;outline-offset:2px}[data-style=flat] .jurnal-card,[data-style=flat] .filter-section,[data-style=flat] .pagination-section,[data-style=flat] .no-results,[data-style=flat] .site-footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:var(--bg-surface)!important}[data-style=flat] .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 100%)!important;border-bottom:1px solid rgba(255,255,255,.2)}[data-style=flat][data-theme=dark] .site-header{background:linear-gradient(135deg,var(--brand-2) 0%,var(--bg-page-to) 100%)!important}[data-style=flat] .site-footer:before{display:none}[data-style=flat] .btn-visit{background:var(--brand-1)!important}[data-style=flat]:not([data-theme=dark]){--footer-text: var(--text-primary);--footer-text-soft: var(--text-secondary);--footer-link: var(--text-secondary);--footer-link-hover: var(--brand-1);--footer-border: var(--border);--footer-chip-bg: var(--bg-surface-soft);--footer-divider: var(--border);--footer-accent: var(--brand-1)}[data-style=flat] .footer-col h4:after{background:linear-gradient(90deg,var(--brand-1),var(--brand-2))}[data-style=flat] .footer-social a:hover{color:var(--text-on-brand)}[data-style=flat]:not([data-theme=dark]) .footer-brand .brand-logo{border:1px solid var(--border)}[data-style=flat][data-contrast=high]:not([data-theme=dark]){--footer-text: #000000;--footer-text-soft: #0a0a0a;--footer-link: #000000;--footer-link-hover: #000000;--footer-accent: #000000}[data-style=flat][data-contrast=high] .footer-stat,[data-style=flat][data-contrast=high] .footer-social a{border-width:2px!important;font-weight:700}[data-style=transparent] .site-header{background:#ffffff14}[data-style=transparent] .jurnal-card,[data-style=transparent] .filter-section,[data-style=transparent] .pagination-section,[data-style=transparent] .no-results{background:#ffffff8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.35)}[data-style=transparent][data-theme=dark] .jurnal-card,[data-style=transparent][data-theme=dark] .filter-section,[data-style=transparent][data-theme=dark] .pagination-section,[data-style=transparent][data-theme=dark] .no-results{background:#1118278c;border:1px solid rgba(255,255,255,.08)}.settings-modal{position:fixed;inset:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:200;padding:16px;animation:fadeIn .2s ease}.settings-modal.open{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel{background:var(--bg-surface);color:var(--text-primary);width:100%;max-width:460px;border-radius:16px;box-shadow:0 20px 60px #00000059;border:1px solid var(--border);animation:slideUp .25s ease;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 14px;border-bottom:1px solid var(--border-soft);background:var(--bg-surface);flex-shrink:0;position:sticky;top:0;z-index:2}.settings-body{flex:1 1 auto;overflow-y:auto;padding:18px 24px 20px;overscroll-behavior:contain}.settings-footer{display:flex;gap:10px;padding:14px 24px 18px;border-top:1px solid var(--border-soft);background:var(--bg-surface);flex-shrink:0}.settings-header h3{font-size:1.15rem;color:var(--brand-1);display:flex;align-items:center;gap:8px}.settings-close{background:transparent;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-secondary);padding:4px 10px;border-radius:8px;transition:background .2s ease;font-family:inherit}.settings-close:hover{background:var(--bg-surface-soft)}.setting-group{margin-bottom:18px}.setting-group label.title{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px}.option-btn{padding:10px 12px;border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);border-radius:10px;cursor:pointer;font-weight:600;font-size:.88rem;transition:all .2s ease;font-family:inherit;text-align:center}.option-btn:hover{border-color:var(--brand-1);transform:translateY(-1px)}.option-btn.active{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;border-color:transparent}.option-btn .preview{display:block;font-size:.72rem;font-weight:500;opacity:.8;margin-top:2px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:2px solid var(--input-border);border-radius:10px;background:var(--input-bg)}.toggle-row .toggle-text{font-weight:600}.toggle-row .toggle-desc{font-size:.78rem;color:var(--text-muted);margin-top:2px}.switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.switch input{display:none}.switch-slider{position:absolute;inset:0;background:var(--border);border-radius:999px;cursor:pointer;transition:background .25s ease}.switch-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .25s ease}.switch input:checked+.switch-slider{background:linear-gradient(135deg,var(--brand-1),var(--brand-2))}.switch input:checked+.switch-slider:before{transform:translate(20px)}.settings-footer button{flex:1;padding:10px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-family:inherit;font-size:.9rem;transition:transform .2s ease,opacity .2s ease}.btn-reset-settings{background:var(--bg-surface-soft);color:var(--text-secondary);border:1px solid var(--border)!important}.btn-done-settings{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff}.settings-footer button:hover{transform:translateY(-1px)}@media (max-width: 500px){.settings-panel{padding:18px}.option-grid{grid-template-columns:repeat(2,1fr)}}.color-swatches{display:flex;flex-wrap:wrap;gap:12px}.color-swatch{width:56px;height:56px;border-radius:14px;border:3px solid transparent;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px #0000002e}.color-swatch:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 18px #00000047}.color-swatch:focus-visible{outline:3px solid var(--brand-1);outline-offset:3px}.color-swatch.active{border-color:var(--text-primary);transform:translateY(-2px)}.color-swatch.active:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}.color-swatch[data-value=default]{background:linear-gradient(135deg,#667eea,#764ba2)}.color-swatch[data-value=blue]{background:linear-gradient(135deg,#3b82f6,#1e40af)}.color-swatch[data-value=green]{background:linear-gradient(135deg,#10b981,#047857)}.color-swatch[data-value=red]{background:linear-gradient(135deg,#ef4444,#b91c1c)}.color-swatch-label{display:block;margin-top:10px;font-size:.85rem;color:var(--text-secondary);font-weight:500}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col a{color:var(--footer-link);text-decoration:none;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease,transform .2s ease}.footer-col a:hover{color:var(--footer-link-hover);transform:translate(3px)}.footer-col a:before{content:"›";color:var(--footer-link-hover);font-weight:700;transition:transform .2s ease}.footer-col a:hover:before{transform:translate(2px)}.footer-social{display:flex;gap:10px;margin-top:4px}.footer-social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--footer-chip-bg);border:1px solid var(--footer-divider);color:var(--footer-text);transition:transform .25s ease,background .25s ease,color .25s ease}.footer-social a:before{content:none}.footer-social a:hover{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));border-color:transparent;transform:translateY(-3px);color:#fff}.footer-social svg{width:18px;height:18px}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 32px;border-top:1px solid var(--footer-divider);background:#00000014;font-size:.85rem;color:var(--footer-text-soft)}[data-theme=dark] .footer-bottom{background:#00000040}.footer-bottom p{margin:0}.footer-bottom .made-with{color:var(--footer-text)}.heart{color:var(--heart);display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.back-to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;box-shadow:0 10px 24px #667eea73;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;z-index:90}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 14px 28px #667eea8c}.back-to-top:focus-visible{outline:3px solid #fde68a;outline-offset:2px}.back-to-top svg{width:20px;height:20px}.no-results{text-align:center;padding:50px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);color:var(--text-primary);font-size:1.1rem;font-weight:600}@media (max-width: 768px){.site-header{padding:12px 16px}.brand-title{font-size:1rem}.brand-sub{font-size:.65rem}.theme-toggle{padding:7px 10px;font-size:0;gap:0}.theme-toggle .theme-label{display:none}.hero h1{font-size:1.9rem}.jurnal-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:5px}.info-value{text-align:left}.pagination-controls{flex-direction:column;align-items:stretch}.items-per-page{justify-content:center}.pagination-info{text-align:center;order:-1}.pagination-buttons{justify-content:center}}@media (max-width: 640px){.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;align-items:stretch}.result-count{margin-left:0;text-align:center}}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px;padding:32px 24px 20px}}@media (max-width: 560px){.footer-grid{grid-template-columns:1fr;padding:28px 20px 16px}.footer-bottom{flex-direction:column;text-align:center;padding:16px 20px}}.site-footer,.footer-bottom,.footer-stat,.footer-col a,.footer-social a,body,.jurnal-card,.filter-section,.pagination-section,.btn-reset,.pagination-btn,.items-per-page select,.filter-group input,.filter-group select{transition:background-color .4s ease,color .4s ease,border-color .4s ease}html{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.55) transparent}[data-theme=dark] html{scrollbar-color:rgba(139,92,246,.7) transparent}@supports (scrollbar-color: color-mix(in srgb,red,blue)){html{scrollbar-color:color-mix(in srgb,var(--brand-1) 55%,transparent) transparent}[data-theme=dark] html{scrollbar-color:color-mix(in srgb,var(--brand-1) 75%,transparent) transparent}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#667eea8c;border-radius:999px;border:3px solid transparent;background-clip:padding-box;-webkit-transition:background .25s ease;transition:background .25s ease}::-webkit-scrollbar-thumb:hover{background:#667eead9;background-clip:padding-box;border:3px solid transparent}@supports (background: color-mix(in srgb,red,blue)){::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-1) 55%,transparent)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-1) 85%,transparent)}}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--brand-1),var(--brand-2));background-clip:padding-box;border:3px solid transparent}::-webkit-scrollbar-corner{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#8b5cf6b3;background-clip:padding-box;border:3px solid transparent}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#a78bfaf2;background-clip:padding-box;border:3px solid transparent}@supports (background: color-mix(in srgb,red,blue)){[data-theme=dark] ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-1) 70%,transparent)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-1) 95%,transparent)}}[data-contrast=high] ::-webkit-scrollbar{width:16px;height:16px}[data-contrast=high] ::-webkit-scrollbar-thumb{background:#000!important;background-clip:padding-box;border:3px solid #fff!important}[data-contrast=high][data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff!important;border:3px solid #000!important}[data-contrast=high] html{scrollbar-color:#000 transparent}[data-contrast=high][data-theme=dark] html{scrollbar-color:#fff transparent}.settings-body::-webkit-scrollbar,.jurnal-grid::-webkit-scrollbar{width:10px;height:10px}.settings-body::-webkit-scrollbar-thumb,.jurnal-grid::-webkit-scrollbar-thumb{background:var(--brand-1);background-clip:padding-box;border:3px solid transparent}.settings-body::-webkit-scrollbar-thumb:hover,.jurnal-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--brand-1),var(--brand-2));background-clip:padding-box;border:3px solid transparent}