.nail-area{--nail-ink:#422c35;--nail-berry:#892d50;--nail-mid:#715663;--nail-line:#e6d6dc;color:var(--nail-ink);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;max-width:1232px;padding:clamp(18px,4.5vw,62px) clamp(14px,4vw,48px) 50px;margin:auto}
.nail-area *{box-sizing:border-box}.nail-area [hidden]{display:none!important}.nail-area button,.nail-area input{font:inherit}
.nail-gate{display:grid;grid-template-columns:1.08fr 1fr;align-items:stretch;overflow:hidden;border:1px solid var(--nail-line);border-radius:22px;background:#fff;box-shadow:0 8px 34px #6c394609}
.gate-copy{align-self:center;padding:clamp(25px,4.7vw,68px) clamp(24px,5.2vw,76px)}
.gate-label{color:var(--nail-berry);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:.07em}.gate-lock{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;background:#f6e6eb}
.nail-area svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gate-lock svg{width:13px;height:13px}
.gate-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,5vw,76px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:16px 0 14px;color:var(--nail-ink)}.gate-copy h1 em{color:var(--nail-berry);font-weight:400}
.gate-intro{color:var(--nail-mid);font-size:15px;line-height:1.65;margin:0}.gate-copy form{max-width:365px;margin-top:clamp(22px,2.5vw,36px)}.gate-copy label{font-size:13px;font-weight:650}
.gate-field{display:flex;align-items:stretch;height:48px;margin:8px 0 12px;border:1px solid #cfb8c2;background:#fffcfd;border-radius:8px;overflow:hidden}.gate-field:focus-within{outline:2px solid var(--nail-berry);outline-offset:2px}
.gate-field input{min-width:0;flex:1;border:0;background:transparent;padding:10px 13px;font-size:16px;color:var(--nail-ink);outline:none}.gate-field input::placeholder{color:#8b737d}
.nail-area button{cursor:pointer}.nail-area button:focus-visible{outline:3px solid #b25678;outline-offset:3px}.gate-field button{flex:0 0 43px;display:grid;place-items:center;border:0;background:transparent;color:var(--nail-mid)}.gate-field button:focus-visible{outline-offset:-3px}
.gate-primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;padding:10px 17px;border:1px solid transparent;border-radius:8px;background:var(--nail-berry);color:#fff;font-size:14px;font-weight:650}.gate-primary:hover{background:#732341}.gate-primary:disabled{background:#96516b;cursor:progress}
.gate-visual{min-width:0;min-height:380px;position:relative;background:#f4e0e3}.gate-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#gate-status{font-size:13px;color:#842644;line-height:1.45;margin:0}#gate-status:not(:empty){margin-top:10px}
.reader-actions{display:flex;justify-content:flex-end;margin-bottom:3px}.reader-actions button{min-height:37px;padding:7px 13px;border:1px solid var(--nail-line);border-radius:7px;color:var(--nail-berry);background:#fff}.reader-actions button:hover{background:#f7e8ee}
#reader-host iframe{display:block;width:100%;min-height:300px;border:0;background:#fffcfd;border-radius:8px}
html[lang=my] .nail-area,html[lang=my] .gate-copy h1{font-family:"Myanmar Text","Noto Sans Myanmar","Myanmar Sangam MN",sans-serif;line-height:1.8;letter-spacing:normal}
html[lang=my] .nail-area .gate-copy h1{font-size:clamp(27px,3.8vw,48px);line-height:1.65}
html[lang=my] .gate-field{height:54px}html[lang=my] .gate-field input{padding-block:2px}
@media(max-width:720px){.nail-area{padding:18px 14px 30px}.nail-gate{grid-template-columns:1fr}.gate-copy{padding:27px 22px}.gate-copy form{max-width:100%;margin-top:22px}.gate-copy h1{font-size:clamp(43px,10vw,57px);margin:12px 0}.gate-visual{min-height:auto;aspect-ratio:2.4}.gate-visual img{object-position:center 53%}}