.character-drop{--drop-surface:#edf0ff;--drop-ink:#16131f;--drop-muted:#51475f;--drop-action:#d5ff57;--drop-error:#a71935;position:fixed;z-index:40;right:max(1.5rem,env(safe-area-inset-right));bottom:max(1.5rem,env(safe-area-inset-bottom));width:min(28rem,calc(100vw - 3rem));max-height:calc(100dvh - 2rem);color:var(--drop-ink);color-scheme:light;background:var(--drop-surface);border:2px solid var(--drop-ink);border-radius:14px;box-shadow:6px 6px 0 var(--drop-ink);animation:character-note-arrive .24s cubic-bezier(.16,1,.3,1);overflow:auto;overscroll-behavior:contain;font-family:var(--font-sans),sans-serif}.character-drop-art{height:232px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;overflow:hidden;padding-top:28px}.character-drop-girl{position:relative;min-width:0;height:100%;overflow:hidden}.character-drop-girl img{position:absolute;top:0;width:225%;max-width:none;height:auto}.girl-fable img{left:1%}.girl-gemini img{left:-5%;width:110%}.girl-astra img{left:-128%}.girl-astra img.astra-hair-logo{left:32%;top:16%;width:12%;height:auto;transform:rotate(-12deg)}.character-drop-body{position:relative;padding:10px 24px 22px}.character-drop h2{font-size:clamp(1.6rem,4vw,1.9rem);line-height:1.07;font-weight:800;letter-spacing:-.035em;margin:0 0 12px;max-width:17ch;text-wrap:balance}.character-drop p{font-size:.94rem;line-height:1.5;margin:0 0 18px;text-wrap:pretty}.character-drop label{display:block;font-size:.8rem;font-weight:700;margin-bottom:7px}.character-drop-fields{display:flex;gap:8px}.character-drop input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;width:100%;border:1.5px solid var(--drop-muted);border-radius:6px;background:#fff;color:var(--drop-ink);font:inherit;font-size:16px;padding:11px 12px;height:48px}.character-drop input::placeholder{color:var(--drop-muted)}.character-drop button{cursor:pointer;touch-action:manipulation}.character-drop-done,.character-drop-fields button{flex:0 0 auto;border:2px solid var(--drop-ink);border-radius:6px;padding:10px 15px;min-height:48px;font:inherit;font-weight:750;color:var(--drop-ink);background:var(--drop-action);transition:background-color .12s,transform .12s}.character-drop-done:hover,.character-drop-fields button:hover{background:#c1ec31}.character-drop-done:active,.character-drop-fields button:active{transform:translateY(1px)}.character-drop-fields button:disabled{cursor:wait;background:#dce4c0}.character-drop-close{position:absolute;top:5px;right:5px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--drop-ink);background:transparent}.character-drop-close:hover{background:#dce0f4}.character-drop :focus-visible,.character-drop-reopen:focus-visible{outline:3px solid #3346ff;outline-offset:3px}.character-drop input[aria-invalid=true]{border-color:var(--drop-error)}.character-drop .character-drop-error{color:var(--drop-error);font-size:.85rem;margin:8px 0 0}.character-drop .character-drop-error:empty{display:none}.character-drop .character-drop-fine{font-size:.73rem;line-height:1.5;color:var(--drop-muted);margin:11px 0 0}.character-drop-fine a{text-decoration:underline;text-underline-offset:3px;color:inherit}.character-drop-honey{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.character-drop-reopen{position:fixed;z-index:35;right:max(1.5rem,env(safe-area-inset-right));bottom:max(1.5rem,env(safe-area-inset-bottom));border:1px solid #16131f;border-radius:6px;padding:10px 14px;min-height:44px;font:inherit;font-size:.8rem;color:#16131f;background:#edf0ff;cursor:pointer;touch-action:manipulation}.character-drop-reopen:hover{background:#dce0f4}@keyframes character-note-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.character-drop{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.character-drop-body{padding:10px 18px 18px}.character-drop-art{height:194px}.character-drop p{font-size:.87rem;margin-bottom:14px}.character-drop h2{font-size:1.65rem;margin-bottom:10px}.character-drop-fields button{padding-inline:12px}.character-drop-reopen{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}}@media (max-height:520px){.character-drop-art{display:none}.character-drop-body{padding-top:24px}.character-drop h2{padding-right:25px}}@media (prefers-reduced-motion:reduce){.character-drop{animation:none}.character-drop button{transition:none}}@media (forced-colors:active){.character-drop{border-color:CanvasText;box-shadow:none}.character-drop button,.character-drop input{border:1px solid ButtonText}}