: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{border-radius:8px;padding:10px;margin-bottom:20px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.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:40px!important;height:40px!important;aspect-ratio:1/1!important;font-weight:bold!important;font-size:18px!important;color:#fff!important;background:#6420AA;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}.ie-radio{flex-direction:row;flex-wrap:wrap;gap:10px}.ie-radio label{min-width:80px;padding-left:30px;font-size:15px}}@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-initials{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;margin-right:7px}.ie-message,.ie-time{margin-left:39px;font-size:14px}#guestbook-entries{max-height:220px}}.ie-loading{text-align:center;padding:10px;color:#0073aa;font-size:16px}.ie-radio{display:flex;align-items:center;gap:15px;margin-bottom:15px}.ie-radio input[type="radio"]{display:none}.ie-radio label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;font-size:16px;line-height:24px;color:var(--ie-text)}.ie-radio label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:20px;width:20px;border-radius:50%;background:#ddd;border:2px solid var(--ie-primary);transition:all 0.3s}.ie-radio input[type="radio"]:checked+label::before{background:var(--ie-primary)}.ie-radio input[type="radio"]:checked+label::after{content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);height:10px;width:10px;border-radius:50%;background:#fff}.comment-counts-container{display:flex;float:center;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}}