.guestbook-page-wrap{max-width:820px;margin:0 auto;padding:40px 24px 80px}.page-hero-top-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.btn-surprise-me{border-radius:var(--radius-pill);color:#a855f7;font-family:var(--font-main);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#a855f71f,#ec48991f);border:1.5px solid #a855f74d;padding:8px 18px;font-size:.82rem;font-weight:800;box-shadow:0 2px 10px #a855f726}.btn-surprise-me:hover{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);transform:scale(1.06)rotate(-2deg);box-shadow:0 4px 18px #a855f766}.btn-surprise-me.rolling{animation:.6s infinite alternate diceRoll}@keyframes diceRoll{0%{transform:rotate(-10deg)scale(1.05)}to{transform:rotate(10deg)scale(.95)}}.gb-hub-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:40px;padding:24px}.gb-tabs-nav{background:var(--bg-secondary);border-radius:var(--radius-pill);gap:8px;margin-bottom:24px;padding:4px;display:flex}.gb-tab{border-radius:var(--radius-pill);font-family:var(--font-main);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;flex:1;padding:10px 16px;font-size:.85rem;font-weight:700}.gb-tab:hover{color:var(--text-primary)}.gb-tab.active{background:var(--bg-card);color:#a855f7;box-shadow:0 2px 8px #0000000f}.gb-panel{display:none}.gb-panel.active{animation:.3s fadeInModal;display:block}.gb-form{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.gb-form input,.gb-form textarea{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-input);width:100%;font-family:var(--font-main);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);box-sizing:border-box;outline:none;padding:12px 16px;font-size:.88rem}.gb-form input:focus,.gb-form textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.btn-gb-send{border-radius:var(--radius-pill);color:#fff;font-family:var(--font-main);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border:none;align-self:flex-end;padding:10px 22px;font-size:.85rem;font-weight:700;box-shadow:0 4px 14px #a855f74d}.btn-gb-send:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f773}.gb-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.gb-visibility-row{align-items:center;gap:8px;display:flex}.gb-vis-chip{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.gb-vis-chip input[type=radio]{accent-color:#a855f7;margin:0;width:auto!important}.gb-vis-chip:has(input:checked){color:#a855f7;background:#a855f714;border-color:#a855f7}.secret-box-intro{text-align:center;margin-bottom:16px}.secret-box-intro h3{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:800}.secret-box-intro p{color:var(--text-muted);font-size:.84rem}.public-messages-section h4,.qa-section h4{color:var(--text-primary);margin-bottom:14px;font-size:.92rem;font-weight:800}.public-messages-list,.qa-feed-list{flex-direction:column;gap:12px;display:flex}.gb-msg-card,.qa-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:16px;display:flex}.gb-msg-header{justify-content:space-between;font-size:.78rem;display:flex}.gb-msg-author{color:var(--text-primary);font-weight:700}.gb-msg-time{color:var(--text-muted)}.gb-msg-text{color:var(--text-primary);font-size:.88rem;line-height:1.5}.qa-card{gap:10px}.qa-question,.qa-answer{gap:8px;font-size:.88rem;line-height:1.5;display:flex}.qa-q-badge{color:#a855f7;font-weight:900}.qa-a-badge{color:#22c55e;font-weight:900}.qa-q-text{color:var(--text-primary);font-weight:700}.qa-a-text{color:var(--text-secondary)}.qa-meta{color:var(--text-muted);font-size:.74rem}.gb-section-wrap{margin-bottom:40px}.visitor-map-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px}.map-header-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.map-title{color:var(--text-primary);font-size:1.05rem;font-weight:800}.map-count{color:#22c55e;border-radius:var(--radius-pill);background:#22c55e1a;padding:4px 12px;font-size:.76rem;font-weight:700}.svg-map-box{border-radius:var(--radius-lg);background:#0b0f19;width:100%;padding:12px;overflow:hidden}.world-svg-map{width:100%;height:auto}.land-path{fill:#1e293b;stroke:#334155;stroke-width:1px}.map-dot-pulse{fill:#22c55e40;animation:2s ease-out infinite pulse-ring}.map-dot-core{fill:#22c55e}@keyframes pulse-ring{0%{r:2;opacity:1}to{r:12;opacity:0}}.puzzle-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:28px;transition:transform .3s;display:flex}.puzzle-form{flex-direction:column;gap:14px;display:flex}.pz-picker-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pz-dd{flex:auto;min-width:70px;position:relative}.pz-dd.pz-dd-num{flex:0 0 76px}.pz-dd.pz-dd-num .pz-dd-value{font-size:.86rem;font-weight:800}.pz-dd-option.pz-num-option{letter-spacing:.2px;width:48px;height:48px;color:var(--text-primary);font-size:.78rem;font-weight:800}.pz-dd-panel.pz-panel-num[data-type=year] .pz-dd-option{width:52px;font-size:.72rem}.pz-dd-panel.pz-panel-num{min-width:272px;max-height:244px;display:grid}.pz-dd-panel.pz-panel-num[data-type=day],.pz-dd-panel.pz-panel-num[data-type=month]{grid-template-columns:repeat(5,1fr)}.pz-dd-panel.pz-panel-num[data-type=year]{grid-template-columns:repeat(4,1fr);min-width:260px;max-height:280px}.pz-dd-toggle{width:100%;height:48px;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition), transform var(--transition);background-color:#a855f712;border:2px solid #a855f752;border-radius:10px;justify-content:center;align-items:center;gap:6px;display:flex}.pz-dd-value{font-size:1.35rem;line-height:1}.pz-dd-caret{color:#a855f7;font-size:.7rem;line-height:1}.pz-dd-toggle:hover:not(:disabled){background-color:#a855f71f;border-color:#a855f799;transform:translateY(-2px)}.pz-dd-toggle:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f726}.pz-dd-toggle:disabled{opacity:.45;cursor:not-allowed}.pz-dd-panel{z-index:50;background:var(--bg-card);border:1px solid var(--border-strong);min-width:250px;max-width:300px;box-shadow:var(--shadow-lg);border-radius:16px;grid-template-columns:repeat(5,1fr);gap:6px;max-height:220px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)}.pz-dd-panel[hidden]{display:none}.pz-dd-panel::-webkit-scrollbar{width:6px}.pz-dd-panel::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:999px}.pz-dd-option{width:44px;height:44px;color:var(--text-primary);border:1.5px solid var(--border);background:var(--bg-input);cursor:pointer;transition:border-color var(--transition), background-color var(--transition), transform var(--transition), box-shadow var(--transition);border-radius:12px;justify-content:center;align-items:center;font-size:1.45rem;display:flex}.pz-dd-option:hover{color:var(--text-primary);background:#a855f724;border-color:#a855f78c;transform:translateY(-2px)scale(1.1);box-shadow:0 4px 12px #a855f733}.pz-attempts{justify-content:center;gap:8px;display:flex}.pz-attempt-dot{font-size:1.15rem;transition:transform .25s}.pz-attempt-dot.used{opacity:.55;filter:grayscale(.4);transform:scale(.9)}.pz-status{text-align:center;border-radius:var(--radius-md);padding:10px 14px;font-size:.82rem;font-weight:700}.pz-status-warn{color:#dc2626;background:#dc262614}.puzzle-card.shake{animation:.4s ease-in-out cardShake}@keyframes cardShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.puzzle-header{text-align:center;flex-direction:column;align-items:center;display:flex}.puzzle-lock-icon{margin-bottom:8px;font-size:2.5rem}.puzzle-title{color:var(--text-primary);font-size:1.15rem;font-weight:900}.puzzle-desc{color:var(--text-muted);font-size:.84rem}.btn-puzzle-submit{border-radius:var(--radius-pill);color:#fff;font-family:var(--font-main);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border:none;align-self:center;padding:12px 28px;font-size:.88rem;font-weight:700;box-shadow:0 4px 14px #a855f74d}.btn-puzzle-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f773}.puzzle-unlocked-content{text-align:center;flex-direction:column;gap:10px;padding:12px;display:flex}.unlocked-badge{color:#22c55e;border-radius:var(--radius-pill);background:#22c55e1a;align-self:center;padding:4px 14px;font-size:.8rem;font-weight:800}.unlocked-text{color:var(--text-primary);font-size:.92rem;line-height:1.6}.unlocked-quote{color:var(--text-muted);font-size:.84rem;font-style:italic}.surprise-modal-overlay{z-index:99999;opacity:0;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:none;position:fixed;inset:0}.surprise-modal-overlay.open{opacity:1}.surprise-modal-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0807c7;position:absolute;inset:0}.surprise-modal-card{z-index:2;background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-xl);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:32px 28px;display:flex;position:relative;box-shadow:0 20px 50px #0006,0 0 30px #a855f726}.surprise-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:color .2s;position:absolute;top:16px;right:18px}.surprise-modal-close:hover{color:var(--text-primary)}.surprise-icon-wrap{background:#a855f71f;border:1px solid #a855f740;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;display:flex}.surprise-icon{font-size:2.2rem;line-height:1}.surprise-title{color:var(--text-primary);margin-bottom:6px;font-size:1.3rem;font-weight:900}.surprise-desc{color:var(--text-muted);margin-bottom:18px;font-size:.85rem;line-height:1.5}.surprise-form{flex-direction:column;gap:12px;width:100%;display:flex}.surprise-input,.surprise-textarea{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-input);width:100%;font-family:var(--font-main);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);box-sizing:border-box;outline:none;padding:11px 14px;font-size:.88rem}.surprise-input:focus,.surprise-textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.btn-surprise-send{border-radius:var(--radius-pill);color:#fff;width:100%;font-family:var(--font-main);cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border:none;padding:12px 20px;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #a855f759}.btn-surprise-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.btn-surprise-send:disabled{opacity:.6;cursor:not-allowed}.surprise-result{justify-content:center;align-items:center;padding:20px;display:flex}.surprise-sealed-animation{flex-direction:column;align-items:center;gap:10px;animation:.4s fadeInModal;display:flex}.envelope-icon{font-size:3rem;animation:1.2s infinite alternate sealPulse}@keyframes sealPulse{0%{transform:scale(.9)}to{transform:scale(1.1)}}.sealed-msg{color:var(--text-primary);font-size:.92rem;font-weight:700;line-height:1.5}.gb-popup{z-index:999999;background:var(--bg-card,#1a1528);border:1.5px solid var(--border,#ffffff1f);min-width:280px;max-width:380px;color:var(--text-primary,#fff);font-family:var(--font-main,sans-serif);opacity:0;pointer-events:none;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 18px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px)scale(.95);box-shadow:0 10px 30px #00000059,0 0 15px #a855f71a}.gb-popup.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.gb-popup-success{border-color:#22c55e66;box-shadow:0 10px 30px #00000059,0 0 15px #22c55e26}.gb-popup-error{border-color:#ef444466;box-shadow:0 10px 30px #00000059,0 0 15px #ef444426}.gb-popup-icon{flex-shrink:0;font-size:1.3rem;line-height:1.2}.gb-popup-body{flex-direction:column;flex:1;gap:2px;display:flex}.gb-popup-title{font-size:.88rem;font-weight:800;line-height:1.3}.gb-popup-msg{color:var(--text-muted,#a1a1aa);font-size:.8rem;line-height:1.4}.gb-popup-close{color:var(--text-muted,#a1a1aa);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:1.1rem;line-height:1;transition:color .15s}.gb-popup-close:hover{color:var(--text-primary,#fff)}@media (width<=480px){.gb-popup{min-width:auto;max-width:none;bottom:16px;left:16px;right:16px}}.voicemail-card{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:20px 10px;display:flex}.voicemail-intro h3{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:800}.voicemail-intro p{color:var(--text-muted);font-size:.84rem}.btn-record-circle{color:#fff;cursor:pointer;width:110px;height:110px;transition:transform var(--transition), box-shadow var(--transition);background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;box-shadow:0 6px 24px #a855f766}.btn-record-circle:hover{transform:scale(1.06);box-shadow:0 8px 30px #a855f78c}.btn-record-circle:active{transform:scale(.95)}.record-icon{font-size:1.8rem}.record-text{font-size:.72rem;font-weight:700}.btn-stop-active{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:1.5s infinite pulseStopBtn;box-shadow:0 6px 24px #ef444473}@keyframes pulseStopBtn{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 16px #ef444400}to{box-shadow:0 0 #ef444400}}.voicemail-status-bar{color:var(--text-primary);align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.recording-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.2s infinite pulse-dot;box-shadow:0 0 8px #ef4444}.record-timer{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.voicemail-wave-bars{justify-content:center;align-items:center;gap:4px;height:32px;display:flex}.voicemail-wave-bars span{background:linear-gradient(#ec4899,#a855f7);border-radius:2px;width:4px;animation:.8s ease-in-out infinite alternate waveBar}.voicemail-wave-bars span:first-child{height:20%;animation-delay:0s}.voicemail-wave-bars span:nth-child(2){height:60%;animation-delay:.2s}.voicemail-wave-bars span:nth-child(3){height:90%;animation-delay:.4s}.voicemail-wave-bars span:nth-child(4){height:40%;animation-delay:.1s}.voicemail-wave-bars span:nth-child(5){height:80%;animation-delay:.3s}.voicemail-wave-bars span:nth-child(6){height:50%;animation-delay:.5s}.voicemail-wave-bars span:nth-child(7){height:30%;animation-delay:.2s}@keyframes waveBar{0%{height:20%}to{height:100%}}.audio-preview-wrap{width:100%;max-width:400px}.voicemail-audio-player{accent-color:#a855f7;width:100%;height:40px}.preview-actions-row{justify-content:center;gap:12px;display:flex}.btn-voicemail-alt{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;padding:10px 20px;font-size:.85rem;font-weight:700}.btn-voicemail-submit{border-radius:var(--radius-pill);color:#fff;font-family:var(--font-main);cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border:none;padding:10px 24px;font-size:.85rem;font-weight:700;box-shadow:0 4px 14px #a855f759}