.reader-gate{border:0;padding:0;border-radius:20px;max-width:min(880px,calc(100vw - 28px));width:100%;max-height:min(92vh,850px);overflow:auto;box-shadow:0 32px 110px #152d25aa;background:#fffdf7;color:#253e38;font-family:'Nunito Sans Variable',Arial,sans-serif}.reader-gate::backdrop{background:rgba(25,39,34,.7);backdrop-filter:blur(5px)}.gate-inner{display:grid;grid-template-columns:.9fr 1.1fr;min-height:500px}.gate-story{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:35px;background:#204c3b;color:#fff;overflow:hidden}.gate-art{position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,51,36,.98),rgba(18,51,36,.3) 75%),url('images/bon-anime-atlas.png') 0 0/300% 200% no-repeat;opacity:.96}.gate-story-content{position:relative;z-index:1}.gate-kicker{font-size:11px;letter-spacing:.08em;font-weight:800}.gate-story h2{font-family:'Literata Variable',Georgia,serif;font-size:30px;line-height:1.25;margin:14px 0}.gate-story p{font-size:14px;line-height:1.7;margin:10px 0}.gate-benefits{padding:0;margin:20px 0 0;list-style:none;font-size:13px;line-height:2}.gate-form-panel{padding:34px 40px;position:relative}.gate-close{position:absolute;right:20px;top:17px;width:36px;height:36px;border-radius:50%;background:#f1f1e9;color:#355343;font-size:20px}.gate-form-panel h3{font-family:'Literata Variable',Georgia,serif;font-size:25px;line-height:1.3;margin:20px 0 6px}.gate-subtitle{font-size:13px;line-height:1.6;color:#65796e;margin:0 0 18px}.gate-label{display:block;font-weight:700;font-size:13px;margin:12px 0 5px}.gate-input{display:block;width:100%;height:44px;border:1px solid #cbd6cb;background:white;border-radius:9px;padding:0 13px;color:#233d33;font-size:15px}.gate-input:focus{outline:2px solid #6ba689;outline-offset:1px;border-color:#23634e}.gate-input[aria-invalid=true]{border-color:#bb4d3c}.gate-error{display:block;font-size:12px;color:#a33d2f;margin-top:3px;min-height:0}.gate-consent{display:flex;align-items:flex-start;gap:10px;margin:17px 0 5px;font-size:12px;color:#465e52;line-height:1.5}.gate-consent input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:#23634e}.gate-submit{display:block;width:100%;padding:13px 16px;margin-top:16px;border-radius:10px;background:#23634e;color:#fff;font-weight:800;font-size:15px}.gate-submit:hover{background:#194f3c}.gate-submit:disabled{opacity:.6;cursor:wait}.gate-reassurance{text-align:center;font-size:11px;line-height:1.55;color:#718477;margin:11px 0 0}.gate-notice{font-size:12px;line-height:1.5;color:#a33d2f;min-height:1.2em;margin:8px 0 0}.gate-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.chapter-locked{color:#82918a}.chapter-lock{float:right;font-size:11px}.gate-status{font-size:12px;color:#617b6c}.reader-gate button:focus-visible,.reader-gate input:focus-visible{outline:3px solid #d39a47;outline-offset:2px}@media(max-width:650px){.reader-gate{max-height:92vh}.gate-inner{grid-template-columns:1fr}.gate-story{padding:22px 24px;min-height:175px}.gate-story h2{font-size:22px;margin:8px 0}.gate-story p{font-size:12px;margin:5px 0}.gate-benefits{display:none}.gate-form-panel{padding:18px 24px 24px}.gate-form-panel h3{font-size:21px;margin:8px 35px 3px 0}.gate-close{top:12px;right:15px}.gate-label{margin-top:10px}.gate-subtitle{margin-bottom:10px}}