.quis-container{max-width:600px;margin:20px auto;padding:20px;border:2px solid #ddd;border-radius:12px;background-color:#fafafa;font-family:sans-serif}.quis-body h3{margin-bottom:15px}.quis-option{display:block;margin:8px 0;cursor:pointer}.quis-option input{margin-right:10px}.quis-buttons{margin-top:20px;display:flex;justify-content:space-between}.quis-buttons button{padding:8px 16px;background-color:#c00;color:#fff;border:none;border-radius:6px;cursor:pointer}.quis-buttons button:hover{background-color:#900}.progress-wrapper{background:#eee;border-radius:10px;overflow:hidden;height:10px;margin:20px auto;max-width:720px;position:relative}.progress-bar{height:10px;background-color:#b00;width:0%;transition:width 0.3s ease;position:relative}.progress-bar::after{content:attr(data-percent) '%';position:absolute;right:10px;top:-20px;color:#900;font-weight:700;font-size:13px}.progress{font-weight:700;text-align:center;margin-bottom:20px}#resultBox{padding:0 30px 40px 30px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 0 8px rgb(0 0 0 / .05);max-width:720px;margin:30px auto;font-family:sans-serif}#resultBox img{object-fit:cover}#resultBox h3{font-size:22px;margin:10px 0;color:#111}#resultBox p{font-size:16px;color:#333}#resultBox p+p{font-size:14px;color:#666}#resultBox div[style*="text-align:center"][style*="margin-top:40px"]{margin-top:40px;font-size:12px;color:#888}#resultBox img[alt="TokohIndonesia"]{margin-left:6px;vertical-align:middle}.share-buttons{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.share-buttons button{background:#222;color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:13px}.share-buttons button:hover{background:#b00}#deskripsiBox{background:#f9f9f9;padding:20px;border-radius:8px;max-width:720px;margin:30px auto;box-shadow:0 0 8px rgb(0 0 0 / .05)}#deskripsiBox h4{color:#b00;font-size:18px;margin-bottom:15px}#deskripsiBox>div{margin-bottom:15px;border-left:4px solid #ccc;padding-left:12px;color:#333}#deskripsiBox strong{display:block;margin-bottom:5px;color:#111}#statistikBox{max-width:720px;margin:30px auto;margin-top:40px;background:#fff;padding:0 30px 40px 30px;border-radius:8px;border:1px solid #ddd;box-shadow:0 0 8px rgb(0 0 0 / .05)}#statistikBox h3{margin-bottom:10px;font-size:18px;color:#111;border-left:4px solid #999;padding-left:10px}.statistik-bar{margin-top:20px}.statistik-item{margin-bottom:12px}.statistik-item .label{font-weight:700;margin-bottom:4px}.statistik-item .bar{background:#eee;border-radius:10px;height:18px;position:relative;overflow:hidden}.statistik-item .bar span{position:absolute;right:10px;top:0;line-height:18px;font-size:13px;color:#fff}.td-fix-index h1{text-align:center;color:#b00}.td-fix-index p{text-align:center;margin-top:-10px;font-size:14px;color:#555}#quis-disclaimer{background:#fff6d3;border:1px solid #ffecb5;padding:15px 20px;border-radius:5px;margin:20px auto;max-width:720px;position:relative;font-size:14px;color:#333}#quis-disclaimer strong{color:#b00}#quis-disclaimer button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#a00}#quizForm{max-width:720px;margin:30px auto 20px;padding:20px;border:1px solid #eee;border-radius:8px;background:#fff}#quizForm fieldset{border:none;padding:0;margin:0}#quizForm legend{font-size:18px;margin-bottom:15px;color:#111}#quizForm label{display:block;margin-bottom:10px;font-size:15px;cursor:pointer;color:#222}#quizForm input[type="radio"]{margin-right:8px}.quis-buttons{display:flex;justify-content:space-between;max-width:720px;margin:10px auto 30px}.quis-buttons button{padding:8px 16px;background-color:#b00;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.quis-buttons button:hover{background-color:#800}.fade-in{animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-buttons button{transition:transform 0.2s ease,background 0.2s ease}.share-buttons button:hover{transform:scale(1.05);background:#d00}.statistik-item .bar{transform:scaleX(0);transform-origin:left;animation:growBar 0.6s ease forwards}@keyframes growBar{to{transform:scaleX(1)}}.result-tabs{text-align:center;margin:20px 0 30px}.tab-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tab-btn{padding:6px 14px;border:1px solid #bbb;background:#f9f9f9;cursor:pointer;border-radius:6px;font-size:14px;color:#333;transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease}.tab-btn:hover{background:#eee}.tab-btn.active{background:#b00;color:#fff;border-color:#900;transform:scale(1.05)}.logo-center{text-align:center;margin-top:20px}.tab-content{opacity:0;transform:translateY(10px);transition:opacity 0.4s ease,transform 0.4s ease;display:none}.tab-content.active{display:block;opacity:1;transform:translateY(0)}.result-tabs{text-align:center;margin:20px 0 30px}.tab-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tab-btn{padding:6px 14px;border:1px solid #bbb;background:#f9f9f9;cursor:pointer;border-radius:6px;font-size:14px;color:#333;transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease}.tab-btn:hover{background:#eee}.tab-btn.active{background:#b00;color:#fff;border-color:#900;transform:scale(1.05)}#triviaBox{margin:25px auto;max-width:720px;font-size:16px;color:#333;line-height:1.6}#triviaBox ul{list-style:none;padding:0;margin:0}#triviaBox li{margin:10px 0;padding-left:28px;position:relative;font-size:16px}#triviaBox li::before{content:"🟊";position:absolute;left:0;color:#b00;font-size:18px;line-height:1}.trivia-panel{background:#fffdf7;border:1px solid #ddd;border-radius:10px;padding:18px 22px;margin:25px auto;max-width:720px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.trivia-title{font-size:18px;color:#b00;margin-bottom:12px;text-align:center}.trivia-panel ul{list-style:none;padding:0;margin:0}.trivia-panel li{margin:10px 0;padding-left:26px;position:relative;line-height:1.6}.trivia-panel li::before{content:"🔹";position:absolute;left:0;color:#b00;font-size:16px}#statistikBox h4{margin-top:25px;color:#b00;font-size:16px;border-bottom:2px solid #eee;padding-bottom:5px}#statistikBox ul{list-style:none;padding:0;margin:10px 0 20px 0}#statistikBox ul li{padding:6px 10px;border-bottom:1px solid #f1f1f1;font-size:14px;color:#333}#statistikBox ul li:last-child{border-bottom:none}.statistik-bar{margin-top:20px}.statistik-item{margin-bottom:10px}.statistik-item .label{font-weight:700;font-size:14px;margin-bottom:5px}.statistik-item .bar{background:#eee;border-radius:4px;overflow:hidden;position:relative;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:right;padding-right:8px}.subtabs{margin-top:20px}.subtab-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.subtab-btn{padding:6px 14px;background:#f9f9f9;border:1px solid #bbb;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease}.subtab-btn:hover{background:#eee}.subtab-btn.active{background:#b00;color:#fff;border-color:#900;transform:scale(1.05)}.subtab-content{display:none}.subtab-content.active{display:block}#shareImageBox{margin:30px auto;max-width:720px;text-align:center}#sharecardPreview{margin-top:0}#sharecardPreview img{max-width:100%;height:auto;border-radius:8px;border:1px solid #ccc;box-shadow:0 2px 5px rgb(0 0 0 / .08)}#sharecardPreview a{display:inline-block;margin-top:18px;padding:10px 20px;background:#b00;color:#fff;border-radius:5px;text-decoration:none;font-size:14px;transition:background 0.2s ease}#sharecardPreview a:hover{background:#900}#ratingStars{display:inline-block}#ratingStars span{font-size:28px;padding:4px;transition:transform 0.25s ease,color 0.25s ease,text-shadow 0.3s ease;display:inline-block;color:#bbb;cursor:pointer;position:relative}#ratingStars span:hover{transform:scale(1.3) rotate(-5deg);color:#e66;text-shadow:0 0 8px rgb(255 0 0 / .4)}#ratingStars span:hover~span{color:#ccc}#ratingStars .active{color:#b00;text-shadow:0 0 6px rgb(255 0 0 / .6)}#ratingStars .active::after{content:"✨";position:absolute;top:-14px;right:-10px;font-size:14px;animation:sparkle 0.8s ease-out forwards}@keyframes sparkle{0%{opacity:0;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}100%{opacity:0;transform:scale(.8) rotate(45deg)}}#tabGlobal h4.rating-title{margin-top:30px;color:#b00;font-size:16px;border-bottom:2px solid #eee;padding-bottom:5px}#tabGlobal .rating-summary{font-size:14px;color:#333;margin-top:10px;display:flex;align-items:center;gap:8px}#tabGlobal .rating-summary .star{font-size:18px;color:#e2b007}.kpri-sidebar-inline{font-size:12.5px;margin-top:-46px;line-height:1.4;color:#111}.kpri-sidebar-inline strong{color:red;margin-right:4px}