:root{--soft-pink: hsl(340, 82%, 76%);--warm-purple: hsl(270, 50%, 60%);--peach: hsl(20, 90%, 80%);--soft-blue: hsl(210, 60%, 75%);--moonlight: hsl(45, 30%, 90%);--night-sky: hsl(230, 40%, 12%);--deep-purple: hsl(260, 45%, 18%);--starlight: hsl(50, 100%, 95%);--firefly-glow: hsl(55, 100%, 70%);--sakura-pink: hsl(330, 70%, 82%);--glass-bg: hsla(270, 30%, 20%, .25);--glass-border: hsla(340, 60%, 70%, .3);--glass-hover: hsla(340, 60%, 70%, .15);--glass-shadow: hsla(270, 50%, 10%, .4);--text-primary: hsl(0, 0%, 95%);--text-secondary: hsl(340, 30%, 80%);--text-glow: hsl(340, 80%, 75%);--font-body: "Quicksand", "Inter", system-ui, sans-serif;--font-title: "Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(ellipse at 50% 0%,var(--deep-purple),transparent 70%),linear-gradient(180deg,var(--night-sky),#0a0e1c);overflow:hidden}#app{width:100vw;height:100vh}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,var(--starlight),transparent),radial-gradient(1.5px 1.5px at 70% 60%,var(--starlight),transparent),radial-gradient(1px 1px at 40% 80%,var(--moonlight),transparent),radial-gradient(1px 1px at 85% 20%,var(--moonlight),transparent),radial-gradient(1.5px 1.5px at 55% 15%,var(--starlight),transparent);opacity:.6;animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.7}}.glass-panel{position:relative;width:100%;max-width:380px;padding:32px 28px;border-radius:22px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 20px 60px var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:rise .6s ease}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.title{font-family:var(--font-title);font-size:1.7rem;text-align:center;color:var(--text-primary);text-shadow:0 0 18px var(--text-glow);margin-bottom:4px}.subtitle{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:22px}.field{margin-bottom:16px}.field label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.3px}.field input[type=text],.field input[type=password]{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#ffffff59}.field input:focus{border-color:var(--soft-pink);box-shadow:0 0 0 3px var(--glass-hover)}.password-row{position:relative;display:flex;align-items:center}.password-row input{padding-right:44px}.toggle-eye{position:absolute;right:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:6px;line-height:1}.gender-group{display:flex;gap:10px}.gender-option{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.gender-option input{display:none}.gender-option.selected{background:var(--glass-hover);border-color:var(--soft-pink);color:var(--text-primary);box-shadow:0 0 16px var(--glass-hover)}.enter-btn{width:100%;margin-top:8px;padding:13px;border-radius:14px;border:none;cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:.4px;color:#2a1430;background:linear-gradient(135deg,var(--soft-pink),var(--warm-purple));box-shadow:0 8px 24px var(--glass-shadow);transition:transform .15s,box-shadow .2s,opacity .2s}.enter-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px var(--glass-shadow)}.enter-btn:active{transform:translateY(0)}.enter-btn:disabled{opacity:.6;cursor:default}.guest-note{text-align:center;font-size:.78rem;color:var(--text-secondary);margin-top:16px;opacity:.8}.form-error{min-height:18px;text-align:center;font-size:.82rem;color:var(--soft-pink);margin-bottom:10px}.welcome-avatar{width:84px;height:84px;border-radius:50%;margin:0 auto 16px;box-shadow:0 0 40px var(--glass-hover)}.welcome-line{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:6px}.badge{display:inline-block;font-size:.7rem;padding:2px 10px;border-radius:999px;background:#ffffff1f;border:1px solid var(--glass-border);color:var(--text-secondary);margin-top:8px}canvas{display:block}.hud{position:fixed;top:16px;left:16px;display:flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 8px 24px var(--glass-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);-webkit-user-select:none;user-select:none;z-index:10;animation:hud-in .7s ease}@keyframes hud-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.hud-dot{width:9px;height:9px;border-radius:50%}.hud-name{font-weight:600;letter-spacing:.3px}.hud-badge{font-size:.68rem;padding:1px 8px;border-radius:999px;background:#ffffff1f;border:1px solid var(--glass-border);color:var(--text-secondary)}.emote-btn{position:fixed;left:16px;bottom:16px;width:52px;height:52px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px var(--glass-shadow);font-size:1.4rem;cursor:pointer;z-index:44}.emote-wheel{position:fixed;left:120px;bottom:188px;width:0;height:0;z-index:46;opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.emote-wheel.visible{opacity:1;transform:scale(1);pointer-events:auto}.emote-opt{position:absolute;width:46px;height:46px;margin:-23px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:1.4rem;cursor:pointer;transition:transform .12s}.emote-opt:hover{transform:scale(1.25)}.cafe-sit-btn{position:fixed;left:50%;bottom:92px;transform:translate(-50%);padding:10px 18px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:0 10px 30px var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;z-index:42;display:none}.cafe-sit-btn.visible{display:block}.mood-btn{position:fixed;top:16px;right:70px;width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px var(--glass-shadow);font-size:1.1rem;cursor:pointer;z-index:44}.mood-menu{position:fixed;top:68px;right:70px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 10px 30px var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:45;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.mood-menu.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mood-opt{padding:8px 14px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;white-space:nowrap;text-align:left}.mood-opt:hover{background:var(--glass-hover)}.photo-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:18px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 12px 34px var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:75;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.photo-bar.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.photo-filters{display:flex;gap:6px}.photo-filter{padding:7px 12px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;cursor:pointer}.photo-filter.active{background:var(--glass-hover);color:var(--text-primary);border-color:var(--soft-pink)}.photo-capture,.photo-exit{padding:8px 14px;border-radius:12px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600}.photo-capture{color:#2a1430;background:linear-gradient(135deg,var(--soft-pink),var(--warm-purple))}.photo-exit{color:var(--text-primary);background:#ffffff14;border:1px solid var(--glass-border)}body.photo-mode .hud,body.photo-mode .chat-toggle,body.photo-mode .chat-panel,body.photo-mode .emote-btn,body.photo-mode .emote-wheel,body.photo-mode .mute-btn,body.photo-mode .mood-btn,body.photo-mode .mood-menu,body.photo-mode .vc-btn,body.photo-mode .interaction-bar,body.photo-mode .mg-zone-prompt,body.photo-mode .cafe-sit-btn{display:none!important}.mute-btn{position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px var(--glass-shadow);font-size:1.1rem;cursor:pointer;z-index:44}.toast-container{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50;pointer-events:none}.toast{padding:9px 18px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 8px 24px var(--glass-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-primary);font-family:var(--font-body);font-size:.88rem;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.toast.show{opacity:1;transform:translateY(0)}.net-status{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#7a1f2e66;border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;z-index:50;display:none}.net-status.visible{display:block}.interaction-bar{position:fixed;bottom:26px;left:50%;transform:translate(-50%,16px);display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:20px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 10px 30px var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:40;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;max-width:92vw;flex-wrap:wrap;justify-content:center}.interaction-bar.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.bar-title{font-family:var(--font-title);color:var(--text-secondary);font-size:.9rem;padding:0 6px 0 4px;white-space:nowrap}.interaction-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;padding:7px 10px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:transform .12s,background .2s,box-shadow .2s}.interaction-btn:hover{transform:translateY(-2px);background:var(--glass-hover);box-shadow:0 6px 16px var(--glass-shadow)}.interaction-btn.romantic{border-color:#e87da180}.ib-emoji{font-size:1.2rem}.ib-label{font-size:.7rem;color:var(--text-secondary);white-space:nowrap}.interaction-prompt{position:fixed;bottom:120px;left:50%;transform:translate(-50%,16px);padding:16px 22px;border-radius:18px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 12px 34px var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center;z-index:45;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.interaction-prompt.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.prompt-text{font-family:var(--font-body);color:var(--text-primary);font-size:1rem;margin-bottom:12px}.prompt-actions{display:flex;gap:10px;justify-content:center}.prompt-accept,.prompt-decline{padding:9px 18px;border-radius:12px;border:1px solid var(--glass-border);font-family:var(--font-body);font-size:.9rem;cursor:pointer;color:var(--text-primary);transition:transform .12s,box-shadow .2s}.prompt-accept{background:linear-gradient(135deg,var(--soft-pink),var(--warm-purple));color:#2a1430;font-weight:600}.prompt-decline{background:#ffffff0f}.prompt-accept:hover,.prompt-decline:hover{transform:translateY(-1px)}.mg-zone-prompt{position:fixed;top:70px;left:50%;transform:translate(-50%,-16px);z-index:42;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.mg-zone-prompt.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.mg-zone-btn{padding:10px 18px;border-radius:16px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;cursor:pointer;box-shadow:0 8px 24px var(--glass-shadow);transition:transform .12s}.mg-zone-btn:hover{transform:translateY(-2px)}.mg-invite{position:fixed;bottom:150px;left:50%;transform:translate(-50%,16px);padding:16px 22px;border-radius:18px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 12px 34px var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center;z-index:45;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.mg-invite.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.mg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#110b1e73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:60}.mg-overlay.visible{display:flex}.mg-panel{width:340px;max-width:92vw;padding:22px;border-radius:22px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 24px 60px var(--glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);animation:rise .4s ease}.mg-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mg-title{font-family:var(--font-title);font-size:1.25rem;color:var(--text-primary)}.mg-leave{background:#ffffff0f;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);padding:6px 12px;font-family:var(--font-body);cursor:pointer}.mg-status{text-align:center;color:var(--text-secondary);min-height:22px;margin-bottom:12px}.mg-result{font-family:var(--font-title);font-size:1.2rem;color:var(--text-glow)}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ttt-cell{aspect-ratio:1;font-size:2rem;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0d;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center}.ttt-cell:not(:disabled):hover{background:var(--glass-hover);transform:scale(1.04)}.ttt-cell:disabled{cursor:default}.wish-prompt{text-align:center;color:var(--text-secondary);margin-bottom:12px}.wish-input{width:100%;height:80px;resize:none;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-primary);font-family:var(--font-body);padding:10px;outline:none}.wish-send{width:100%;margin-top:10px;padding:11px;border-radius:12px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;color:#2a1430;background:linear-gradient(135deg,var(--soft-pink),var(--warm-purple))}.wish-send:disabled{opacity:.7;cursor:default}.wish-reveal{margin-top:14px;text-align:center;color:var(--text-primary)}.wish-reveal.shown .wish-rise{color:var(--text-glow);font-family:var(--font-title);margin-bottom:10px;animation:rise .6s ease}.wish-line{font-size:.9rem;color:var(--text-secondary);margin:4px 0}.wish-wait{color:var(--text-secondary);font-size:.9rem}.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mem-card{aspect-ratio:1;font-size:1.5rem;border-radius:12px;border:1px solid var(--glass-border);background:#663d8f40;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s,background .2s}.mem-card.up{background:#ffffff1f}.mem-card:not(:disabled):hover{transform:scale(1.05)}.cc-field{position:relative;height:320px;border-radius:16px;background:linear-gradient(180deg,#1f254766,#1e143480);border:1px solid var(--glass-border);overflow:hidden;cursor:none;touch-action:none}.cc-item{position:absolute;font-size:1.5rem;transform:translate(-50%);pointer-events:none}.cc-basket{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:2rem;pointer-events:none}.fish-stage{text-align:center;font-size:3rem;margin:8px 0}.fish-action{width:100%;padding:11px;border-radius:12px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;color:#2a1430;background:linear-gradient(135deg,var(--soft-blue),var(--warm-purple))}.fish-action:disabled{opacity:.6;cursor:default}.fish-log{margin-top:12px;max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.fish-line{font-size:.85rem;color:var(--text-secondary)}.fish-line em{color:var(--text-glow)}.rh-field{position:relative;height:300px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-radius:16px;overflow:hidden;background:#1a112c80;border:1px solid var(--glass-border);touch-action:none}.rh-lane{position:relative;border-right:1px solid hsla(0,0%,100%,.06);transition:background .1s}.rh-lane.good{background:#33cc6640}.rh-lane.bad{background:#c333}.rh-key{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:8px;padding:2px 8px;pointer-events:none}.rh-note{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:1.3rem;pointer-events:none}.rh-line{position:absolute;left:0;right:0;bottom:40px;height:2px;background:#e87da180;pointer-events:none}.chat-toggle{position:fixed;right:16px;bottom:16px;width:52px;height:52px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px var(--glass-shadow);font-size:1.4rem;cursor:pointer;z-index:55}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--soft-pink);color:#2a1430;font-size:.72rem;font-weight:700;line-height:20px;display:none}.chat-badge.visible{display:block}.chat-panel{position:fixed;right:16px;bottom:80px;width:320px;max-width:90vw;height:440px;max-height:70vh;display:flex;flex-direction:column;border-radius:20px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 18px 50px var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:56;opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.chat-panel.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-family:var(--font-title);color:var(--text-primary);border-bottom:1px solid var(--glass-border)}.chat-close{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-msg{max-width:80%;align-self:flex-start}.chat-msg.self{align-self:flex-end;text-align:right}.chat-meta{font-size:.68rem;color:var(--text-secondary);margin-bottom:3px;padding:0 6px}.chat-guest{font-size:.6rem;padding:0 5px;border-radius:999px;background:#ffffff1f;border:1px solid var(--glass-border)}.chat-bubble{display:inline-block;padding:8px 12px;border-radius:14px;background:#ffffff14;color:var(--text-primary);font-size:.9rem;word-break:break-word;text-align:left}.chat-msg.self .chat-bubble{background:linear-gradient(135deg,#e467918c,#8c53c68c)}.chat-typing{min-height:18px;padding:0 16px;font-size:.76rem;color:var(--text-secondary);font-style:italic}.chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--glass-border)}.chat-input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-primary);font-family:var(--font-body);outline:none}.chat-input:focus{border-color:var(--soft-pink)}.chat-send{width:44px;border-radius:12px;border:none;cursor:pointer;color:#2a1430;background:linear-gradient(135deg,var(--soft-pink),var(--warm-purple));font-size:1.1rem}.chat-media{width:38px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0f;cursor:pointer;font-size:1.1rem}.chat-media:hover{background:var(--glass-hover)}.chat-bubble.media{padding:4px;overflow:hidden}.chat-thumb{display:block;max-width:200px;max-height:200px;border-radius:10px;cursor:pointer;transition:transform .15s}.chat-thumb:hover{transform:scale(1.02)}.chat-video{display:block;max-width:220px;border-radius:10px}.chat-caption{font-size:.85rem;color:var(--text-secondary);padding:2px 6px}.media-viewer{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0d0816d9;z-index:80}.media-viewer.visible{display:flex}.mv-content img,.mv-content video{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 20px 60px var(--glass-shadow)}.mv-close{position:absolute;top:18px;right:22px;width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:1.1rem;cursor:pointer}.mem-zone-btn{position:fixed;bottom:96px;left:50%;transform:translate(-50%,16px);padding:10px 18px;border-radius:16px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;box-shadow:0 8px 24px var(--glass-shadow);z-index:42;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.mem-zone-btn.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.mem-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);width:360px;max-width:92vw;max-height:80vh;overflow-y:auto;padding:20px;border-radius:20px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 20px 60px var(--glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.mem-panel.visible{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}.mem-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-title);font-size:1.2rem;margin-bottom:12px}.mem-close{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer}.mem-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.mem-item{padding:8px 12px;border-radius:12px;background:#ffffff0f;font-size:.88rem}.mem-from{color:var(--text-glow);font-weight:600}.mem-date{font-size:.68rem;color:var(--text-secondary);margin-left:6px}.mem-empty{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:12px}.mem-input,.mem-sp-input{width:100%;height:64px;resize:none;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-primary);font-family:var(--font-body);padding:10px;outline:none;margin-bottom:8px}.mem-add,.mem-sp-set{width:100%;padding:10px;border-radius:12px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;color:#2a1430;background:linear-gradient(135deg,var(--soft-pink),var(--warm-purple))}.mem-surprise{margin-top:16px;padding-top:14px;border-top:1px solid var(--glass-border)}.mem-sub{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.surprise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0d0817bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:95;opacity:0;transition:opacity .4s ease}.surprise-overlay.visible{opacity:1}.sp-card{position:relative;max-width:420px;margin:24px;padding:32px 28px;border-radius:24px;text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 24px 70px var(--glass-shadow);transform:scale(.9);transition:transform .4s ease}.surprise-overlay.visible .sp-card{transform:scale(1)}.sp-title{font-family:var(--font-title);font-size:1.4rem;color:var(--text-glow);margin-bottom:14px}.sp-text{font-size:1.1rem;color:var(--text-primary);line-height:1.5;margin-bottom:22px}.sp-close{padding:10px 22px;border-radius:14px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;color:#2a1430;background:linear-gradient(135deg,var(--soft-pink),var(--warm-purple))}.sp-hearts{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.sp-heart{position:absolute;bottom:-40px;font-size:1.6rem;animation:floatUp 4s linear infinite}@keyframes floatUp{to{transform:translateY(-110vh) rotate(40deg);opacity:0}}.vc-btn{position:fixed;right:78px;bottom:16px;width:52px;height:52px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px var(--glass-shadow);font-size:1.3rem;cursor:pointer;z-index:55}.vc-window{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:#07060f;z-index:65}.vc-window.visible{display:block}.vc-window.min{inset:auto;right:16px;bottom:80px;width:260px;height:170px;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px var(--glass-shadow);border:1px solid var(--glass-border)}.vc-remote{width:100%;height:100%;object-fit:cover;background:#07060f}.vc-local{position:absolute;right:18px;top:18px;width:180px;max-width:30vw;border-radius:12px;border:1px solid var(--glass-border);box-shadow:0 8px 24px var(--glass-shadow);object-fit:cover;background:#1a1530}.vc-window.min .vc-local{width:70px;right:8px;top:8px}.vc-bar{position:absolute;top:16px;left:18px;display:flex;gap:12px;align-items:center;color:#fff;font-family:var(--font-body);text-shadow:0 1px 6px rgba(0,0,0,.6)}.vc-status{font-size:.95rem}.vc-timer{font-size:.9rem;color:var(--text-secondary)}.vc-window.min .vc-bar{font-size:.7rem;top:6px;left:8px}.vc-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:10px 16px;border-radius:999px;background:#1b122b8c;border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.vc-window.min .vc-controls{bottom:6px;gap:6px;padding:5px 8px}.vc-control{width:46px;height:46px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff14;color:#fff;font-size:1.15rem;cursor:pointer;transition:transform .12s,background .2s}.vc-window.min .vc-control{width:30px;height:30px;font-size:.8rem}.vc-control:hover{transform:translateY(-2px)}.vc-control.off{background:#c336}.vc-control.hang{background:#d92626d9;transform:rotate(135deg)}.vc-control.hang:hover{transform:rotate(135deg) translateY(-2px)}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.intro-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#0a0e1c,#000);opacity:1}.intro-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;opacity:0;padding:24px}.intro-title{font-family:var(--font-title);font-size:clamp(2rem,7vw,4.2rem);color:var(--text-primary);text-shadow:0 0 30px var(--text-glow),0 0 60px hsla(340,70%,60%,.4);letter-spacing:1px}.intro-title.for-grace{color:#ffe3ee;text-shadow:0 0 30px var(--sakura-pink),0 0 70px hsla(330,80%,70%,.6)}.intro-sub{font-family:var(--font-body);font-size:clamp(.95rem,2.5vw,1.3rem);color:var(--text-secondary);text-shadow:0 0 14px rgba(0,0,0,.6)}.intro-skip{position:absolute;right:22px;bottom:22px;padding:8px 16px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;pointer-events:auto}.intro-skip:hover{background:var(--glass-hover)}