:root{--red:#c0392b;--red-dark:#a93226;--dark:#1a1a1a;--cream:#fdf6ec;--muted:#6b6b6b;--border:#e8e0d4;--card-bg:#ffffff;--body-bg:#fdf6ec;--text:#1a1a1a;--header-bg:#1a1a1a;--search-bg:#ffffff;--input-bg:#fdf6ec;--blue:#2563eb;--blue-bg:#eff6ff;--blue-border:#bfdbfe}[data-theme=dark]{--red:#e05c4e;--red-dark:#c0392b;--dark:#f0f0f0;--muted:#999;--border:#2e2e2e;--card-bg:#1e1e1e;--body-bg:#141414;--text:#f0f0f0;--header-bg:#0e0e0e;--search-bg:#1a1a1a;--input-bg:#252525;--blue:#60a5fa;--blue-bg:#1e2a3a;--blue-border:#1e40af}*,::after,::before{box-sizing:border-box}.text-muted{color:var(--muted)!important}body,html{height:100%}body{font-family:"IBM Plex Sans",sans-serif;background:var(--body-bg);color:var(--text);min-height:100vh}#pageWrapper{display:flex;flex-direction:column;min-height:100vh}main.container{flex:1}.site-header{background:var(--header-bg);border-bottom:3px solid var(--red);padding:1rem 0}.site-title{font-family:"Playfair Display",serif;color:#fff;font-size:1.5rem;letter-spacing:.03em;margin:0;cursor:pointer;user-select:none}.site-title:hover span{text-decoration:underline}.site-title span{color:var(--red)}.site-subtitle{color:#aaa;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0}.btn-theme{background:0 0;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:20px;padding:4px 12px;font-size:.8rem;cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}.btn-theme:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.search-wrapper{background:var(--search-bg);border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.08)}.search-input{border:2px solid var(--border);border-radius:6px 0 0 6px!important;font-family:"IBM Plex Mono",monospace;font-size:1rem;padding:.55rem 1rem;background:var(--input-bg);color:var(--text);transition:none!important}.search-input:focus{border-color:var(--red);background:var(--card-bg);box-shadow:none;outline:0;color:var(--text)}.search-input::placeholder{color:var(--muted);opacity:1}.search-btn{background:var(--red);border:2px solid var(--red);color:#fff;border-radius:0 6px 6px 0!important;padding:.55rem 1.2rem;font-weight:600;transition:background .2s;white-space:nowrap}.search-btn:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}.tab-filterbar{padding:.6rem 0;border-bottom:1px solid var(--border)}.btn-tab{background:0 0;border:1.5px solid var(--border);color:var(--muted);border-radius:20px;padding:3px 14px;font-size:.82rem;font-family:"IBM Plex Sans",sans-serif;cursor:pointer}.btn-tab:hover{border-color:var(--red);color:var(--red)}.btn-tab.active{background:var(--red);border-color:var(--red);color:#fff}.hidden-count{display:inline-block;background:var(--border);color:var(--muted);border-radius:10px;padding:0 6px;font-size:.72rem;margin-left:3px}.btn-tab.active .hidden-count{background:rgba(255,255,255,.25);color:#fff}@media (max-width:500px){#tabDisembunyikan .tab-label{display:none}#tabDisembunyikan::before{content:"🙈";margin-right:2px}}.filter-label{font-size:.78rem;color:var(--muted);white-space:nowrap}.btn-filter{font-size:.78rem;padding:3px 10px;border-radius:20px;border:1.5px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;font-family:"IBM Plex Sans",sans-serif;transition:border-color .15s,background .15s,color .15s}.btn-filter:hover{border-color:var(--red);color:var(--red)}.btn-filter.active{background:var(--red);border-color:var(--red);color:#fff}.select-perpage{background:var(--card-bg);color:var(--text);border:1.5px solid var(--border);border-radius:6px;padding:3px 8px;font-size:.78rem;font-family:"IBM Plex Mono",monospace;cursor:pointer;transition:border-color .15s}.select-perpage:focus{outline:0;border-color:var(--red)}.btn-layout{background:var(--card-bg);border:1.5px solid var(--border);color:var(--muted);border-radius:5px;width:32px;height:32px;font-size:.95rem;cursor:pointer}.btn-layout:hover{border-color:var(--red);color:var(--red)}.btn-layout.active{background:var(--red);border-color:var(--red);color:#fff}.stats-bar{padding:.6rem 0;font-size:.82rem;color:var(--text);border-bottom:1px solid var(--border)}.stats-bar strong{color:var(--text);font-weight:600}.badge-susah{background:#fff3cd;color:#856404;border:1px solid #ffc107;font-size:.7rem;padding:2px 7px;border-radius:4px;font-family:"IBM Plex Mono",monospace}[data-theme=dark] .badge-susah{background:#3a2e00;color:#ffd75e;border-color:#7a6000}mark.hl{background:0 0;color:var(--red);padding:0;font-weight:700}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:7px;padding:1rem 0}.word-card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:.45rem .8rem;display:flex;align-items:center;gap:7px;position:relative;transition:transform .1s,padding-right .15s;cursor:default}.word-card:hover{border-color:var(--red);transform:translateY(-1px);box-shadow:0 3px 10px rgba(192,57,43,.12);padding-right:2rem}.word-card .susah-dot{font-size:15px;bottom:0;margin-right:3px}.word-no{font-family:"IBM Plex Mono",monospace;font-size:.68rem;color:var(--muted);min-width:26px;flex-shrink:0;padding-top:1px}.word-text{font-size:.9rem;font-weight:500;color:var(--text);word-break:break-word;white-space:normal}.table-wrap{padding:.75rem 0}.words-table-single{display:none}.words-table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1rem}@media (max-width:768px){.words-table-single{display:block}.words-table-grid{display:none}}@media (max-width:480px){.words-table-grid{columns:1}}.word-table{width:100%;border-collapse:collapse;font-size:.88rem}.word-table thead th{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border);padding:.4rem .6rem;font-weight:600}.word-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.word-table tbody tr:hover{background:var(--input-bg)}.word-table tbody tr.row-susah td.td-kata{font-weight:600}.td-no{font-family:"IBM Plex Mono",monospace;font-size:.72rem;color:var(--muted);width:36px;padding:.45rem .5rem}.td-kata{padding:.45rem .5rem}.td-badge{width:20px;padding:.45rem 0}.td-action{width:32px;padding:.45rem .3rem;text-align:right}.susah-dot{color:#ffc107;font-size:.6rem;position:relative;bottom:.5px;display:inline-block;margin-right:6px}.btn-hide-word,.btn-restore-word{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:var(--card-bg);color:var(--muted);font-size:.85rem;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;z-index:2}.word-card:hover .btn-hide-word,.word-card:hover .btn-restore-word{display:flex}.btn-hide-word:hover{background:#c0392b;border-color:#c0392b;color:#fff}.btn-restore-word{border-color:#4caf50;color:#4caf50;background:0 0}.btn-restore-word:hover{background:#4caf50;color:#fff}.td-action .btn-hide-word,.td-action .btn-restore-word{position:static;transform:none;display:inline-flex;width:22px;height:22px}@media (max-width:640px){.btn-hide-word,.btn-restore-word{display:flex!important}.word-card{padding-right:2rem}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:7px;padding:1rem 0}.skeleton-card{height:38px;border-radius:6px;background:linear-gradient(90deg,var(--border) 25%,var(--card-bg) 50%,var(--border) 75%);background-size:200% 100%;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.word-hiding{opacity:0;transform:scale(.9);transition:opacity .25s,transform .25s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 220px);padding:2rem 1rem;color:var(--muted)}.empty-state i{font-size:2.5rem;color:var(--red);display:block;margin-bottom:.75rem}.suggest-box{text-align:left;display:inline-block;max-width:400px}.suggest-label{font-size:.8rem;color:var(--muted);margin-bottom:.4rem}.suggest-chip{display:inline-block;background:var(--card-bg);border:1.5px solid var(--border);border-radius:20px;padding:4px 14px;font-size:.85rem;font-family:"IBM Plex Mono",monospace;color:var(--text);text-decoration:none;transition:border-color .15s,color .15s}.suggest-chip:hover{border-color:var(--blue);color:var(--blue)}.info-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#fff;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:8px;padding:.75rem 1rem;margin-top:1rem;margin-bottom:.5rem;font-size:.85rem;color:#92400e;line-height:1.5}[data-theme=dark] .info-alert{background:#2a1f00;border-color:#78450a #78450a #78450a #f59e0b;color:#fbbf24}.info-alert-body{display:flex;align-items:flex-start;gap:10px}.info-alert-close{background:0 0;border:none;color:inherit;font-size:1.2rem;line-height:1;cursor:pointer;opacity:.5;flex-shrink:0;padding:0 2px;transition:opacity .15s}.info-alert-close:hover{opacity:1}.pagination{margin-top:1.25rem}.pagination .page-link{color:var(--text);border-color:var(--border);background:var(--card-bg);font-family:"IBM Plex Mono",monospace;font-size:.82rem;transition:background .15s,color .15s}.pagination .page-item.active .page-link{background:var(--red);border-color:var(--red);color:#fff}.pagination .page-link:hover{background:var(--input-bg);color:var(--red);border-color:var(--red)}.pagination .page-item.disabled .page-link{color:var(--border);background:var(--card-bg)}.hidden-tab-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0 .25rem;font-size:.82rem;color:var(--muted)}.btn-clear-all{background:0 0;border:1px solid #c0392b;color:#c0392b;border-radius:4px;padding:2px 10px;font-size:.78rem;cursor:pointer;transition:background .15s,color .15s}.btn-clear-all:hover{background:#c0392b;color:#fff}footer{border-top:1px solid var(--border);padding:1.25rem 0;color:var(--muted);font-size:.78rem;margin-top:auto}footer a{color:var(--red);text-decoration:none}footer a:hover{text-decoration:underline}footer .container{display:flex;flex-wrap:wrap}@media (max-width:576px){footer .container{flex-direction:column;text-align:center;gap:8px}footer .container>div{justify-content:center;flex-direction:column;gap:6px}}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 220px);padding:2rem 1rem}.hero-title{font-family:"Playfair Display",serif;font-size:2.4rem;color:var(--text);margin-bottom:.4rem}.hero-title span{color:var(--red)}.hero-desc{color:var(--muted);font-size:.95rem;max-width:480px;margin:0 auto .75rem}.hero-total{font-size:.88rem;color:var(--muted);margin-bottom:.25rem}.hero-total strong{color:var(--text)}.example-badges a{display:inline-block;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:4px 14px;margin:4px;font-size:.82rem;font-family:"IBM Plex Mono",monospace;color:var(--text);text-decoration:none;transition:border-color .15s,color .15s}.example-badges a:hover{border-color:var(--red);color:var(--red)}.saweria-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:.6rem 1rem;margin:.5rem 0 .25rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;font-size:.82rem;color:var(--muted)}.saweria-link{display:inline-flex;align-items:center;gap:5px;background:#f97316;color:#fff!important;text-decoration:none;border-radius:20px;padding:3px 14px;font-size:.78rem;font-weight:600;transition:background .2s,transform .1s;white-space:nowrap}.saweria-link:hover{background:#ea6c0a;transform:translateY(-1px)}.saweria-footer-link{color:#f97316!important;text-decoration:none;font-size:.78rem;transition:opacity .15s}.saweria-footer-link:hover{opacity:.8;text-decoration:underline}.filter-indicator{font-size:.75rem;color:var(--muted);font-family:"IBM Plex Mono",monospace;white-space:nowrap;background:var(--card-bg);border:1.5px solid var(--border);border-radius:20px;padding:3px 10px}.btn-filter-mobile{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;border:1.5px solid var(--border);background:var(--card-bg);color:var(--text);font-size:1rem;cursor:pointer;flex-shrink:0}.btn-filter-mobile.has-active,.btn-filter-mobile:hover{border-color:var(--red);color:var(--red)}.btn-filter-mobile.has-active{background:color-mix(in srgb,var(--red) 10%,transparent)}.bs-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;backdrop-filter:blur(2px);opacity:0;transition:opacity .25s}.bs-overlay.open{display:block;opacity:1}.bottom-sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:100%;max-width:720px;z-index:201;background:var(--card-bg);border-radius:20px 20px 0 0;border-top:1px solid var(--border);box-shadow:0 -4px 32px rgba(0,0,0,.18);transition:transform .3s cubic-bezier(.32, .72, 0, 1);max-height:80vh;overflow-y:auto}.bottom-sheet.open{transform:translateX(-50%) translateY(0)}@media (max-width:768px){.bottom-sheet{width:540px}}@media (max-width:576px){.bottom-sheet{width:100%;border-radius:0}}.bs-handle{width:40px;height:4px;border-radius:2px;background:var(--border);margin:12px auto 4px}.bs-content{padding:8px 20px 32px}.bs-section{margin-bottom:20px}.bs-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin-bottom:8px}.bs-chips{display:flex;flex-wrap:wrap;gap:8px}.bs-chip{background:var(--input-bg);border:1.5px solid var(--border);border-radius:20px;padding:6px 16px;font-size:.85rem;font-family:"IBM Plex Sans",sans-serif;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.bs-chip:hover{border-color:var(--red);color:var(--red)}.bs-chip.active{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.bs-apply{width:100%;padding:12px;background:var(--red);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;font-family:"IBM Plex Sans",sans-serif;cursor:pointer;margin-top:4px;transition:background .2s,transform .1s}.bs-apply:hover{background:var(--red-dark)}.bs-apply:active{transform:scale(.98)}@media (min-width:992px){#toolbarMobile,.bottom-sheet,.bs-overlay{display:none!important}}@media (max-width:415px){.btn-tab{padding:3px 8px;font-size:.75rem}#tabDisembunyikan .tab-label{display:none}#tabDisembunyikan::before{content:"⊘";margin-right:2px}.filter-indicator{display:none}.btn-filter-mobile{width:30px;height:30px;font-size:.85rem}.btn-layout{width:30px;height:30px;font-size:16px;display:flex;align-items:center;justify-content:center}#toolbarMobile,.tab-filterbar{gap:6px!important}.stats-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.badge-susah{margin-left:0!important}}.toolbar-hidden{display:none!important}