.reader-feed-entry{display:flex;justify-content:flex-end;margin:0 0 10px}
.reader-feed-entry button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 13px;background:#fff;border:1px solid #dce3ed;border-radius:12px;color:#364766;font:600 .875rem inherit;cursor:pointer}.reader-feed-entry svg{width:19px;height:19px}
.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px 0;min-height:62px}.reader-modes{display:flex;gap:3px;padding:3px;background:#edf1f6;border:1px solid #e2e7ee;border-radius:13px}.reader-modes button,.reader-font{min-height:40px;border:0;border-radius:10px;padding:8px 14px;background:transparent;color:#5c687b;font-size:.875rem;font-weight:600;cursor:pointer}.reader-modes button[aria-pressed=true]{background:white;color:#173564;box-shadow:0 1px 4px #12213b12}
.reader-font{display:flex;align-items:center;gap:5px;font-size:1.125rem;padding:6px 10px}.reader-font span{font-size:.75rem;font-weight:500}
.reader-toolbar [hidden],.reader-feed-entry [hidden],.reader-card-head[hidden],.reader-dock[hidden],#readerActionsSlot[hidden],#readerDiscussionClose[hidden],#readerDiscussionBackdrop[hidden],#readerTail[hidden],#readerEnd[hidden],.reader-end [hidden]{display:none!important}
.reader-progress,#readerFirstMenu{display:none}.reader-discussion,#readerFlow,#readerFirst{display:contents}
body.card-reading #readerFirstMenu{display:block}
body.card-reading{background:#101b2b;overflow:hidden}
body.card-reading .desktop-sidebar{display:none}
body.card-reading .app-shell{display:block;max-width:none;padding:0;background:#101b2b;min-height:0}
body.card-reading #subHeader{position:fixed;inset:0 0 auto;max-width:680px;margin:auto;width:100%;height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;background:#101b2b;border:0;z-index:42;color:#edf3ff}
body.card-reading #subHeader .icon-button{color:#edf3ff}body.card-reading #subHeaderTitle{font-size:.875rem;color:#d6e2f5;letter-spacing:.04em}
.reader-compose[hidden]{display:none!important}
body.card-reading #subHeaderAction{display:none}
body.card-reading .reader-compose{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 13px;border:1px solid #5472a2;border-radius:12px;background:#254b83;color:#fff;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer}
body.card-reading .reader-compose:focus-visible{outline:3px solid #b9d6ff;outline-offset:2px}
body.card-reading #detailView{position:fixed;inset:0;margin:0 auto;max-width:680px;height:100dvh;border:0;border-radius:0;background:#101b2b;overflow:hidden;z-index:40;display:flex;flex-direction:column;padding:calc(54px + env(safe-area-inset-top)) 0 0;isolation:isolate}
body.card-reading .reader-toolbar{flex:none;padding:0 14px 10px;min-height:50px}.card-reading .reader-modes{background:#1d293e;border-color:#2b3850;padding:2px}.card-reading .reader-modes button{color:#aebdd4;min-height:36px;padding:6px 12px;font-size:.8125rem}.card-reading .reader-modes button[aria-pressed=true]{background:#edf4ff;color:#203557}.card-reading .reader-font{color:#d1dff2;min-height:36px}.card-reading .reader-font[aria-pressed=true]{background:#243b5c;color:#c9ed9b}
body.card-reading #readerFlow{display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;padding:0 12px max(24px,env(safe-area-inset-bottom));scroll-padding:16px}
body.card-reading #readerFirst,.reader-stream-post{display:block;background:#fff;border-radius:20px;overflow:clip;color:#263449;box-shadow:0 8px 30px #03091622}
body.card-reading #readerTail{display:block}
.reader-stream-post{margin-top:24px;position:relative}
.reader-stream-post::before{content:'다음 이야기';display:block;background:#eaf0f8;color:#4e6380;padding:11px 24px;font-size:.6875rem;font-weight:600;letter-spacing:.12em}
.reader-card-head{display:flex;justify-content:space-between;gap:12px;color:#526986;font:600 .6875rem/1.5 Inter,sans-serif;letter-spacing:.08em;margin-bottom:22px}#readerPosition{font-size:.8125rem;font-variant-numeric:tabular-nums;color:#294fb3}
body.card-reading .detail-article{min-height:0;overflow:visible;background:transparent;border:0;border-radius:0;padding:26px 24px 20px;margin:0;box-shadow:none}
body.card-reading .detail-category{font-size:.75rem;background:#edf3ff;color:#2452b5;border-radius:6px;padding:5px 8px}
body.card-reading .detail-article h1,body.card-reading .detail-article h2{font-size:1.75rem;line-height:1.5;letter-spacing:-.04em;margin:14px 0 18px;word-break:keep-all;overflow-wrap:anywhere;font-weight:700}
body.card-reading .detail-meta{font-size:.75rem;gap:8px;color:#718096;padding-bottom:20px;border-color:#edf0f5;flex-wrap:wrap}.card-reading .detail-meta .spacer{display:none}.card-reading #detailViews{margin-left:auto}
body.card-reading .detail-body{font-size:1.0625rem;line-height:1.9;letter-spacing:-.015em;padding:24px 0 0;color:#263449;min-height:0;overflow-wrap:anywhere}body.card-reading.reader-large .detail-body{font-size:1.25rem}
body.card-reading .detail-body img,body.card-reading .detail-gallery img{max-width:100%;height:auto;border-radius:12px}.card-reading .post-image-block{margin:16px 0}
body.card-reading .detail-actions{display:flex;flex-wrap:wrap;gap:4px;margin:24px 0 0;padding:14px 0 0;border-top:1px solid #e9edf3}
body.card-reading .action-button{flex:1;min-height:44px;padding:8px 5px;font-size:.75rem;white-space:nowrap;border:0;background:#f4f7fb;border-radius:9px;color:#415875}
body.card-reading #copyPostLinkBtn{display:none}
body.card-reading .reader-discussion{display:block;position:static;background:#f7f9fc;border-top:1px solid #e8edf4;padding:0;border-radius:0;max-height:none}
body.card-reading .comments-section{overflow:visible;padding:20px 24px 12px;min-height:0}
body.card-reading .comments-head{margin-top:0}.card-reading .comments-head h2{font-size:1rem}.card-reading .comment{background:transparent}
body.card-reading .comment-composer{position:static;width:100%;transform:none;max-width:none;border:0;border-top:1px solid #e4eaf2;border-radius:0;padding:14px 20px 20px;background:#f7f9fc;margin:0;box-shadow:none}
body.card-reading #commentSubmit{min-width:56px;min-height:44px;border-radius:12px}
.reader-stream-comments{background:#f7f9fc;border-top:1px solid #e8edf4;padding:22px 24px}
.reader-stream-comments h3{margin:0 0 14px;font-size:1rem}.reader-stream-comments .comment-body{white-space:pre-wrap;overflow-wrap:anywhere}
.reader-stream-comments .comment.reply{margin-left:14px;border-left:2px solid #d5e0ef;padding-left:14px}
.reader-inline-form{display:grid;gap:10px;margin-top:18px}.reader-inline-form textarea{width:100%;min-height:84px;resize:vertical;border:1px solid #d8e2ef;border-radius:12px;padding:13px;font:inherit;font-size:16px;color:#263449;background:#fff}
.reader-inline-form button,.reader-stream-comments>button,.reader-end button{min-height:44px;border:1px solid #ccd8e8;border-radius:10px;padding:9px 14px;font:inherit;font-size:.8125rem;cursor:pointer;background:#fff;color:#345278}
.reader-inline-form button[type=submit]{justify-self:end;background:#2c57da;color:#fff;border:0;min-width:72px}
.reader-inline-note{font-size:.8125rem;line-height:1.6;color:#63758c}.reader-reply-cancel{justify-self:start;text-align:left}
.reader-end{text-align:center;padding:40px 18px 32px;color:#aec0d8;font-size:.8125rem;line-height:1.8}.reader-end>span{color:#bcec8b;font-size:24px}.reader-end button{margin-top:8px;background:#1e3048;color:#edf3ff;border-color:#3a4f6c}
body.card-reading .app-return-note-post{display:none}
.reader-toolbar button:focus-visible,.reader-feed-entry button:focus-visible,.reader-stream-post button:focus-visible{outline:2px solid #83a8ff;outline-offset:3px}
@media(max-width:900px){.reader-feed-entry{margin:0 18px 8px}.reader-toolbar{padding:14px 20px 0}.card-reading .detail-article h1,.card-reading .detail-article h2{font-size:1.625rem}}
@media(max-width:360px){body.card-reading #readerFlow{padding-left:8px;padding-right:8px}body.card-reading .detail-article{padding:22px 18px 18px}.reader-stream-comments,body.card-reading .comments-section{padding-left:18px;padding-right:18px}}
@media(display-mode:standalone) and (max-width:900px){html.community-app>body.card-reading>.app-shell{overflow:hidden;min-height:0;padding:0}}
@media(prefers-reduced-motion:reduce){#readerFlow{scroll-behavior:auto}}