.guestbook-backdrop{z-index:9999;background:#0000004d;animation:.3s fadeIn;position:fixed;inset:0}.guestbook-context-menu{border-radius:12px;width:400px;height:600px;overflow:hidden;box-shadow:0 10px 40px #00000040,0 0 0 1px #0000000d}.guestbook-floating-window{z-index:1000;position:fixed;bottom:0;right:0}.imessage-container{background:linear-gradient(#fff 0%,#f8f9fa 100%);flex-direction:column;max-width:800px;height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.imessage-container.floating{width:100%;max-width:none;height:100%;max-height:100%;box-shadow:none;border-radius:0;margin:0;position:relative;overflow:hidden}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.imessage-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#fffffffa;border-bottom:.5px solid #0000000f;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.back-btn{color:#007aff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-family:inherit;text-decoration:none;transition:opacity .2s;display:flex}.back-btn:hover{opacity:.7}.header-info{text-align:center;flex:1}.contact-name{color:#000;font-size:15px;font-weight:600}.contact-status{color:#8e8e93;margin-top:2px;font-size:12px}.imessage-messages{background:0 0;flex-direction:column;flex:1;gap:4px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:40px 20px;display:flex}.empty-state-icon{opacity:.3;font-size:64px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{color:#000;opacity:.6;font-size:18px;font-weight:600}.empty-state-description{color:#8e8e93;max-width:250px;font-size:14px}.imessage-messages::-webkit-scrollbar{width:6px}.imessage-messages::-webkit-scrollbar-track{background:0 0}.imessage-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.message-group{flex-direction:row;align-items:flex-end;gap:6px;max-width:75%;margin-top:12px;animation:.25s cubic-bezier(.25,.46,.45,.94) slideUp;display:flex}.message-group.them{align-self:flex-start}.message-group.me{flex-direction:row-reverse;align-self:flex-end}.message-group.grouped{margin-top:1px}.message-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble{word-wrap:break-word;border-radius:18px;width:fit-content;max-width:100%;margin-bottom:0;padding:10px 16px;font-size:16px;font-weight:400;line-height:1.4;position:relative;overflow:hidden}.message-group.them .message-bubble{color:#000;background:linear-gradient(135deg,#f0f0f5 0%,#e8e8ed 100%);border-bottom-left-radius:4px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d}.message-group.me .message-bubble{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#0d8bf2 50%,#007aff 100%);border-bottom-right-radius:4px;margin-left:auto;box-shadow:0 4px 12px #2196f34d,0 2px 4px #007aff33}.message-group:not(.grouped) .message-bubble:before{content:"";width:20px;height:20px;position:absolute;bottom:0}.message-group.them:not(.grouped) .message-bubble:before{background:linear-gradient(135deg,#f0f0f5 0%,#e8e8ed 100%);border-bottom-right-radius:16px;left:-8px;box-shadow:0 2px 8px #00000014}.message-group.them:not(.grouped) .message-bubble:after{content:"";background:linear-gradient(#fff 0%,#f8f9fa 100%);border-bottom-right-radius:10px;width:10px;height:20px;position:absolute;bottom:0;left:-10px}.message-group.me:not(.grouped) .message-bubble:before{background:linear-gradient(135deg,#2196f3 0%,#0d8bf2 50%,#007aff 100%);border-bottom-left-radius:16px;right:-8px;box-shadow:0 4px 12px #2196f34d}.message-group.me:not(.grouped) .message-bubble:after{content:"";background:linear-gradient(#fff 0%,#f8f9fa 100%);border-bottom-left-radius:10px;width:10px;height:20px;position:absolute;bottom:0;right:-10px}.sender-name{color:#6b6b70;letter-spacing:-.02em;margin-bottom:3px;margin-left:12px;font-size:12px;font-weight:600}.message-text{white-space:pre-wrap;word-break:break-word}.reply-reference{background:#0000000d;border-left:3px solid #0003;border-radius:6px;max-width:100%;margin-bottom:6px;padding:6px 10px;font-size:13px;overflow:hidden}.message-group.me .reply-reference{background:#ffffff26;border-left-color:#fff6}.reply-reference-header{align-items:center;gap:4px;min-width:0;margin-bottom:2px;display:flex}.reply-name{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.reply-text{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.message-time{color:#6b6b70;opacity:0;white-space:nowrap;align-self:flex-end;padding:0 4px 2px;font-size:11px;font-weight:500;transition:opacity .15s}.message-group:hover .message-time{opacity:.9}.imessage-input-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-top:.5px solid #0000000f;padding:12px 16px;position:relative;box-shadow:0 -1px 3px #0000000a}.reply-preview{background:#f7f7f8;border-left:4px solid #007aff;border-radius:12px;align-items:flex-start;gap:10px;max-width:100%;margin-bottom:10px;padding:12px 14px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.reply-preview-content{flex:1;min-width:0;overflow:hidden}.reply-preview-header{align-items:center;gap:4px;min-width:0;margin-bottom:4px;display:flex}.reply-preview-name{color:#007aff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.reply-preview-text{color:#000;opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.reply-cancel-btn{color:#8e8e93;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;transition:all .2s;display:flex}.reply-cancel-btn:hover{color:#000;background:#0000000d}.name-setup-wrapper{align-items:center;gap:6px;margin-bottom:8px;display:flex}.name-input-container{background:#f2f2f7;border-radius:16px;flex:1;gap:4px;min-height:32px;padding:1px 1px 1px 12px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.name-input-container:focus-within{background:#fff;box-shadow:0 0 0 1.5px #007aff4d,0 1px 4px #007aff1a}.name-input{background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-family:inherit;font-size:13px}.name-save-btn{color:#fff;cursor:pointer;background:#34c759;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.name-save-btn:hover{background:#2fb350;transform:scale(1.05)}.name-save-btn:active{transform:scale(.95)}.random-name-btn{cursor:pointer;background:#f2f2f7;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.random-name-btn:hover{background:#e5e5ea;transform:scale(1.05);box-shadow:0 2px 4px #00000014}.random-name-btn:active{transform:scale(.95)}.current-name-display{background:#f7f7f8;border-radius:16px;align-items:center;gap:6px;min-height:32px;margin-bottom:8px;padding:6px 10px;display:flex;box-shadow:0 1px 2px #0000000a}.current-name-text{color:#000;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.name-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:all .2s;display:flex}.name-edit-btn:hover{background:#0000000d;transform:scale(1.08)}.name-edit-btn:active{transform:scale(.92)}.imessage-input-form{align-items:flex-end;gap:6px;display:flex}.input-wrapper{background:0 0;border-radius:18px;flex-direction:column;flex:1;gap:4px;min-height:36px;padding:8px 12px;transition:all .2s;display:flex}.input-wrapper:focus-within{background:0 0}.name-input-wrapper{align-items:center;gap:6px;min-height:18px;display:flex}.name-input{color:#007aff;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:11px;font-weight:600}.name-input::placeholder{color:#aeaeb2}.name-char-count{color:#8e8e93;white-space:nowrap;opacity:.7;font-size:10px;font-weight:500}.name-display{color:#007aff;cursor:pointer;text-align:left;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:11px;font-weight:600;transition:opacity .2s}.name-display:hover{opacity:.7}.message-input-row{flex:1;align-items:flex-end;gap:8px;display:flex}.message-input{resize:none;color:#000;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:120px;padding:0;font-family:inherit;font-size:16px;line-height:1.4;transition:height .1s;overflow-y:auto}.message-input::placeholder{color:#aeaeb2}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.send-btn{color:#fff;cursor:pointer;width:32px;min-width:32px;height:32px;box-shadow:none;background:#007aff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s ease-out;display:flex}.send-btn:hover:not(:disabled){background:#06c;transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{cursor:not-allowed;opacity:.5;background:#e5e5ea}.send-btn svg{transform:translate(1px)}.guestbook-notice{text-align:center;color:#8e8e93;opacity:.8;margin-top:8px;font-size:11px}@media (max-width:768px){.imessage-container{max-width:100%}.imessage-header{padding:12px 16px}.imessage-messages{padding:16px}.message-group{max-width:80%}.message-bubble{padding:9px 13px;font-size:15px}.imessage-input-container{padding:10px 12px}}@media (prefers-color-scheme:dark){.imessage-container{background:linear-gradient(#1c1c1e 0%,#121212 100%)}.imessage-header{background:#1c1c1ef2;border-bottom-color:#ffffff1f;box-shadow:0 1px 3px #0000004d}.contact-name{color:#fff}.contact-status{color:#98989d}.imessage-messages{background:0 0}.imessage-messages::-webkit-scrollbar-thumb{background:#fff3}.message-group.them .message-bubble{color:#fff;background:linear-gradient(135deg,#3a3a3c 0%,#2c2c2e 100%);box-shadow:0 2px 8px #0000004d,0 1px 2px #0003}.message-group.them:not(.grouped) .message-bubble:before{background:linear-gradient(135deg,#3a3a3c 0%,#2c2c2e 100%);box-shadow:0 2px 8px #0000004d}.message-group.them:not(.grouped) .message-bubble:after,.message-group.me:not(.grouped) .message-bubble:after{background:linear-gradient(#1c1c1e 0%,#121212 100%)}.sender-name,.message-time{color:#98989d}.reply-reference{background:#ffffff14;border-left-color:#ffffff4d}.imessage-input-container{background:#1c1c1ef2;border-top-color:#ffffff1f;box-shadow:0 -1px 3px #0000004d}.reply-preview{background:#2c2c2e;box-shadow:0 1px 3px #0000004d}.reply-preview-text{color:#fff}.current-name-display{background:#2c2c2e;box-shadow:0 1px 2px #0000004d}.current-name-text{color:#fff}.name-input-container{background:#2c2c2e;box-shadow:0 1px 2px #0000004d}.name-input-container:focus-within{background:#3a3a3c;box-shadow:0 0 0 1.5px #007aff80,0 1px 4px #007aff33}.name-input{color:#fff}.name-input::placeholder{color:#6b6b70}.random-name-btn{background:#2c2c2e;box-shadow:0 1px 2px #0000004d}.random-name-btn:hover{background:#3a3a3c;box-shadow:0 2px 4px #0006}.name-edit-btn:hover{background:#ffffff1a}.reply-cancel-btn:hover{color:#fff;background:#ffffff1a}.input-wrapper,.input-wrapper:focus-within{background:0 0}.message-input{color:#fff}.message-input::placeholder{color:#6b6b70}.send-btn:disabled{background:#3a3a3c}.empty-state-title{color:#fff}.empty-state-description,.guestbook-notice{color:#98989d}}