*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--entry-bg,#f9edf3);color:var(--entry-ink,#725c6a)}body{font:15px/1.7 -apple-system,'PingFang SC',sans-serif}input,button{font:inherit}
#moon-gate .gate-controls{position:absolute;top:504px;left:30px;right:30px;pointer-events:auto;text-align:center}
#password-form{width:100%;margin:0}.password-wrap{display:flex;align-items:center;border-bottom:1px solid #bda4b557;padding:0;background:none;transition:border-color .2s}.password-wrap input{flex:1;min-width:0;width:0;border:0;background:none;padding:10px 0;color:#725c6a;font-size:16px;outline:none;height:44px}.password-wrap input::placeholder{font-size:11px;color:#977384;opacity:.75;letter-spacing:1px}.password-wrap:focus-within{border-color:#a58094}.password-wrap button{border:0;background:none;color:#977384;min-width:44px;min-height:44px;font-size:10px;padding:0;flex:none}.password-wrap .gate-primary svg{display:block;width:24px;height:24px;margin:auto}.gate-preview,#gate-retry{border:0;background:none;color:#977384;min-height:44px;padding:10px;font:11px/1.5 'Songti SC',serif;letter-spacing:2px}
#gate-copy{font-size:10px;line-height:1.8;color:#8e7c88;margin:8px 0 0}#gate-copy:empty{display:none}#gate-error{font-size:11px;color:#a34f71;line-height:1.8;margin:8px 0 0}#gate-error:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#moon-gate button:disabled{opacity:.45;cursor:wait}#moon-gate .moon-content{transition:opacity .25s ease}body.unlocking .password-wrap{opacity:.65}body.unlocked .gate-controls{opacity:.5}
@media(max-height:620px){#moon-gate .gate-controls{top:435px}}
@media(prefers-reduced-motion:reduce){#moon-gate .moon-content,.password-wrap{transition:none}}
.password-wrap input:focus-visible{outline:none}.password-wrap input:-webkit-autofill{-webkit-background-clip:text;-webkit-text-fill-color:#725c6a}
/* The same moonlight entrance, with a compact touch keypad. */
#moon-gate .moon-stage{width:min(100%,390px);height:690px;max-height:none;flex:none;margin:auto}
#moon-gate .moon-eyebrow{top:20px}#moon-gate .moon-hero{top:65px}#moon-gate .moon-chinese{font-size:46px}#moon-gate .moon-caption{top:147px;font-size:25px}#moon-gate .moon-line{top:179px;left:60px;width:270px}#moon-gate .moon-verse{display:none}#moon-gate .moon-glass{inset:45px 40px 24px;border-radius:180px 180px 35px 35px;opacity:.36}
#moon-gate .gate-controls{top:248px;left:40px;right:40px}#pin-label{font-size:13px;letter-spacing:3px;margin:0 0 18px}#pin-dots{display:flex;justify-content:center;gap:16px;height:14px;margin-bottom:26px}#pin-dots i{width:9px;height:9px;border-radius:50%;border:1px solid #ad8b9d;transition:background .1s}#pin-dots i.filled{background:#ad8b9d}
.pin-keypad{display:grid;grid-template-columns:repeat(3,70px);gap:13px 27px;justify-content:center}.pin-keypad button{touch-action:manipulation;border:1px solid #ffffffb0;background:#ffffff38;box-shadow:inset 0 1px #fff9,0 5px 22px #a1839710;color:#826d7b;width:70px;height:70px;border-radius:50%;font:30px/1 -apple-system,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:transform .12s,background .12s}.pin-keypad button small{font:8px sans-serif;letter-spacing:2px;height:8px}.pin-keypad button:active{transform:scale(.94);background:#e8d1df99}.pin-keypad #pin-delete{border:0;box-shadow:none;background:transparent;font-size:22px}#gate-copy{margin-top:14px}
body.legacy-password #moon-gate .gate-controls{top:340px}
@media(max-height:710px){#moon-gate .moon-stage{height:610px}#moon-gate .moon-eyebrow{top:6px}#moon-gate .moon-hero{top:40px}#moon-gate .moon-caption{top:115px}#moon-gate .moon-line{top:140px}#moon-gate .gate-controls{top:202px}.pin-keypad button{width:62px;height:62px}.pin-keypad{grid-template-columns:repeat(3,62px);gap:11px 27px}}
#moon-gate .moon-glass{margin:0;width:auto;height:auto;left:40px;right:40px;top:45px;bottom:24px}#moon-gate .moon-hero{top:50px;height:85px}#moon-gate .moon-caption{top:158px}
@media(max-height:710px){#moon-gate .moon-hero{top:20px;height:80px}#moon-gate .moon-caption{top:115px}}
#moon-gate .gate-controls{left:24px;right:24px}#moon-gate .moon-line{left:40px;width:calc(100% - 80px)}