.reader-take{max-width:660px;margin:64px auto 0;padding:44px 0 0;border-top:1px solid #ffffff24;color:#eee9df}
.reader-take>.reader-overline{font:500 10px/1.7 system-ui;letter-spacing:.18em;color:#ddc38d;margin:0 0 20px}
.reader-take h2{font:400 34px/1.2 Georgia,serif;color:#f5e5c8;letter-spacing:-.02em;margin:0 0 16px}
.reader-take .reader-take-intro{font:15px/1.7 system-ui;color:#bfc2c6;margin:0 0 26px}
.reader-take .reader-share{display:flex;justify-content:space-between;align-items:center;background:#dec89c;color:#182638;border:1px solid #dec89c;border-radius:7px;min-height:54px;padding:14px 24px;font:600 14px system-ui;max-width:100%}
.reader-text-button{display:inline-flex;align-items:center;gap:10px;padding:8px 0;min-height:44px;border:0;background:none;color:#e2c996;font:500 13px/1.5 system-ui;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.reader-save-line{display:flex;gap:18px;border-top:1px solid #ffffff1c;margin-top:30px;padding-top:28px}
.reader-save-line>span{flex:0 0 26px}.reader-save-line .reader-feature-icon{width:26px;height:26px;color:#c5ae81}
.reader-save-line strong{font:500 16px system-ui;color:#eee5d3}.reader-save-line p{font:13px/1.6 system-ui;color:#adb5c0;margin:8px 0 2px;max-width:38ch}
.reader-dialog{position:fixed;inset:0;margin:auto;max-height:90dvh;max-width:490px;width:calc(100% - 32px);padding:32px;background:#152337;color:#f1e9db;border:1px solid #a78c5b80;border-radius:16px;box-shadow:0 20px 100px #0007;overflow:auto;box-sizing:border-box}
.reader-dialog::backdrop{background:#050b16d9;backdrop-filter:blur(6px)}.reader-dialog h2{font:400 28px/1.25 Georgia,serif;max-width:15ch;padding-right:20px;margin:6px 0 16px}.reader-dialog p{font:13px/1.6 system-ui;color:#bbc1cc}
.reader-close{position:absolute;right:12px;top:12px;min-width:44px;min-height:44px;padding:8px;background:transparent;color:#e8d8b6;border:0;font:12px system-ui;cursor:pointer}
.reader-card-preview{min-height:100px;margin:20px 0;text-align:center}.reader-card-preview img{width:auto;max-width:100%;height:auto;max-height:48dvh;display:block;margin:auto;box-shadow:0 8px 30px #0004}
.reader-share-actions{display:flex;align-items:center;justify-content:center;gap:18px}.reader-dialog .btn{background:#dec89c;color:#152337;padding:14px 20px;font:600 13px system-ui;border-radius:6px;border:0;cursor:pointer}.reader-dialog .btn:disabled{opacity:.5}.reader-invite{display:block;margin:14px auto 0;text-align:center}.sharing-status{margin-bottom:0;overflow-wrap:anywhere}
.sharing-manual{margin-top:16px}.sharing-manual label{font:12px/1.6 system-ui}.sharing-url{display:block;width:100%;box-sizing:border-box;background:#102035;color:#eee5d3;padding:12px;border:1px solid #ffffff55;border-radius:4px;margin-top:6px;font:12px/1.6 system-ui}
.reader-dialog [hidden],.reader-take [hidden]{display:none!important}
.reader-dialog :is(button,a,input):focus-visible,.reader-take :is(button,a):focus-visible{outline:2px solid #e4c68c;outline-offset:5px}
@media(max-width:700px){.reader-take{margin:50px 20px 0;padding-top:36px}.reader-take h2{font-size:29px;max-width:16ch}.reader-take .reader-share{width:100%;padding-inline:18px}.reader-save-line{margin-top:30px;padding-top:24px}.reader-save-line p{font-size:12px}.reader-save-line strong{font-size:15px}.reader-dialog{padding:28px 22px;max-height:92dvh}.reader-dialog h2{font-size:27px}.reader-share-actions{gap:12px}}
