:root{--ie-primary:#0073aa;--ie-secondary:#005177;--ie-text:#333;--ie-border:#ddd;--ie-bg:#f9f9f9}.ie-guestbook{max-width:100%;margin:0 auto}.ie-form{padding:10px;margin-bottom:20px}.ie-form label{display:block;margin-bottom:8px;font-size:16px;color:var(--ie-text)}.ie-form input[type="text"],.ie-form textarea,.ie-form select{width:100%;padding:10px;border:1px solid var(--ie-border);border-radius:4px;margin-bottom:15px;font-size:16px}.ie-btn{width:100%;background:var(--ie-primary);color:#fff;border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-size:16px;transition:background 0.3s}.ie-btn:hover{background:var(--ie-secondary)}.ie-entry{border:1px solid var(--ie-border);border-radius:10px;padding:5px 10px;margin:10px;background:#fff;word-wrap:break-word;overflow:hidden}.ie-entry-header{display:flex;align-items:center;margin-bottom:10px}.ie-initials{display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;width:35px!important;height:35px!important;aspect-ratio:1/1!important;font-weight:bold!important;font-size:18px!important;color:#fff!important;background:#000;margin-right:10px!important;flex-shrink:0!important;overflow:hidden!important;text-align:center!important}.ie-initials strong{color:#fff!important;width:100%;text-align:center;line-height:normal;font-size:inherit;font-weight:inherit;display:block}@media (max-width:600px){.ie-initials{width:32px!important;height:32px!important;font-size:15px!important;margin-right:7px!important}}.ie-name{margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ie-status{white-space:nowrap;align-items:center;border-radius:45px;padding:2px 8px;font-size:12px}.ie-status svg{width:18px;height:18px;vertical-align:middle;margin-right:3px}.ie-message{font-size:15px;color:#333;margin:-10px 0 5px 45px}.ie-time{font-size:12px;font-style:italic;color:#777;margin-top:-30px;margin-left:45px}@media (max-width:480px){.ie-entry-header{flex-direction:column;align-items:flex-start}.ie-name-status{margin-top:5px}}@media (max-width:600px){.ie-form{padding:5px;font-size:15px}.ie-form label,.ie-form input,.ie-form textarea,.ie-form select{font-size:15px}.ie-entry{margin:5px 0;padding:5px}.ie-message,.ie-time{margin-left:39px;font-size:14px}#guestbook-entries{max-height:350px}}.ie-loading{text-align:center;padding:10px;color:#0073aa;font-size:16px}.ie-radio-wrapper{width:100%;position:relative;margin-bottom:15px}.ie-radio-group{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:20px;padding:10px 5px 15px;-webkit-overflow-scrolling:touch;width:100%}.ie-radio-label{display:flex;align-items:center;position:relative;padding-left:30px;cursor:pointer;font-size:15px;white-space:nowrap;user-select:none;color:var(--ie-text);font-weight:500;flex-shrink:0;transition:all 0.2s ease}.ie-radio-label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.ie-checkmark{position:absolute;left:0;height:20px;width:20px;background-color:#f8f9fa;border-radius:50%;border:2px solid var(--ie-border);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.ie-radio-label:hover .ie-checkmark{border-color:var(--ie-primary);background-color:rgb(0 115 170 / .1)}.ie-radio-label input:checked~.ie-checkmark{background-color:var(--ie-primary);border-color:var(--ie-primary)}.ie-checkmark:after{content:"";position:absolute;display:none;width:10px;height:10px;border-radius:50%;background:#FFF}.ie-radio-label input:checked~.ie-checkmark:after{display:block}.ie-radio-label input:focus~.ie-checkmark{box-shadow:0 0 0 3px rgb(0 115 170 / .2);outline:none}@media (max-width:1024px){.ie-radio-group{gap:15px}.ie-radio-label{font-size:14px;padding-left:28px}.ie-checkmark{height:18px;width:18px}.ie-checkmark:after{width:8px;height:8px}}@media (max-width:768px){.ie-radio-group{gap:10px;padding:8px 5px 12px}.ie-radio-label{font-size:13px;padding-left:26px}.ie-checkmark{height:16px;width:16px;border-width:1.5px}.ie-checkmark:after{width:7px;height:7px}}@media (max-width:480px){.ie-radio-group{gap:8px}.ie-radio-label{font-size:12px;padding-left:24px}.ie-checkmark{height:14px;width:14px}.ie-checkmark:after{width:6px;height:6px}}.ie-radio-text{margin-left:8px;line-height:1}@media (max-width:768px){.ie-radio-text{margin-left:6px}}@media (max-width:480px){.ie-radio-text{margin-left:4px}}.comment-counts-container{display:flex;justify-content:space-around;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:85%}.count-item{text-align:center;flex:1;margin:0 5px;display:inline-block;flex-direction:column;align-items:center;padding:3px 4px;border-radius:5px}.count-number{display:block;font-size:24px;font-weight:700}.count-label{display:block;font-size:.9em}.count-item.comments{background-color:#9dfab4}.count-item.hadir{background-color:#d6e3fa}.count-item.tidak-hadir{background-color:#f5c2c2}#guestbook-entries{max-height:500px;overflow-y:auto;padding-right:8px;margin-bottom:15px;transition:max-height 0.3s}@media (max-width:600px){#guestbook-entries{max-height:350px}}