:root{font-family:Arial,sans-serif;--pink:#e70068}*{box-sizing:border-box}body{margin:0;background:#faf8f7;min-height:100dvh}button,textarea{font:inherit}button{cursor:pointer}.pc-help{box-shadow:0 18px 80px #2a13251a}.pc-help-head{margin:0}.avatar{width:48px;height:48px;display:grid;place-items:center;font-size:34px;background:#f4e6ed;border-radius:50%;transition:transform .28s}.avatar.talking{animation:nod 1.6s ease-in-out infinite}.reset{margin-left:auto;border:0;background:transparent;font-size:25px;color:#947b87;width:36px;height:36px}.pc-help-form{align-items:center}.pc-help-form textarea{flex:1;min-width:0;border:0;background:none;outline:none;resize:none;max-height:90px;padding:4px;font-size:16px;line-height:1.5;color:inherit}.pc-help-form button{width:38px;height:38px;background:var(--pink);color:white;border:0;border-radius:50%;font-size:18px}.note{display:block;text-align:center;color:#9b8690;font-size:9px;padding:10px 4px 13px}.wrap{position:relative;margin-bottom:18px}.wrap .pc-help-message{margin-bottom:0}.reaction{display:block;margin:-4px 28px 0 auto;position:relative;width:max-content;border:1px solid #edd6e2;background:#fff;border-radius:15px;padding:2px 7px;font-size:17px;line-height:1.25;animation:pop .277s}.mine-wrap .reaction{margin-left:30px;margin-right:auto}.reactbar{display:flex;gap:2px;justify-content:flex-end;opacity:0;transition:opacity .15s}.wrap:hover .reactbar,.wrap:focus-within .reactbar{opacity:1}.reactbar button{border:0;background:transparent;font-size:12px;padding:5px}.seen{text-align:right;color:#aa929f;font-size:9px;margin:4px 1px}.typing{display:flex;gap:5px;padding:14px;width:64px}.typing i{width:6px;height:6px;background:#c78ba9;border-radius:50%;animation:dots 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible{outline:2px solid #e70068;outline-offset:2px}@keyframes dots{50%{opacity:.25;transform:translateY(-3px)}}@keyframes nod{50%{transform:rotate(-5deg)}}@keyframes pop{50%{transform:scale(1.3)}}@media(hover:none){.reactbar{opacity:1}}@media(max-width:480px){.pc-help{width:calc(100vw - 20px);height:calc(100dvh - 24px);max-height:760px;border-radius:23px}.pc-help-head{padding:13px}.pc-help-head strong{font-size:15px}.pc-help-head small{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.avatar{object-fit:cover;object-position:50% 30%;flex-shrink:0}.reactbar{display:none;opacity:1}.wrap.reactions-open .reactbar{display:flex}.pc-help-message{cursor:pointer}

.wrap:not(.mine-wrap){padding-left:35px}.message-avatar{position:absolute;left:0;top:2px;width:27px;height:27px;border-radius:50%;object-fit:cover;object-position:50% 30%}.pc-help-message{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.reactbar{flex-wrap:wrap;justify-content:flex-start;gap:4px;padding:8px;border:1px solid #eedbe5;border-radius:15px;background:#fff9fc;box-shadow:0 5px 20px #251f2510;margin-top:5px}.reactbar button{font-size:19px;padding:6px}.reactbar .copy-message{font-size:12px;padding:7px 10px}.reaction{cursor:pointer}
:root{--pink:#8b5cf6;color-scheme:dark}body{background:#08060d;color:#eee8fa}.pc-help{--help-bg:#100b19;--help-ink:#eee8fa;--help-line:#30213f;background:var(--help-bg);border-color:#39254d;box-shadow:0 20px 90px #0009}.pc-help-head{background:#130d1f;border-color:#30213f}.pc-help-head small{color:#bca9d3;opacity:1}.avatar{background:#241733}.reset{color:#c2a8df}.pc-help-message{background:#20122f;border-color:#38214e;color:#eee6fa}.pc-help-message.mine{background:#361650;border-color:#542978;color:#f4ebff}.pc-help-form{background:#0b0711;border-color:#3c2751}.pc-help-form textarea{color:#f0e7fa}.pc-help-form textarea::placeholder{color:#927eaa}.pc-help-form button{background:#6732a0;color:#fff}.note{color:#9b85b2}.reactbar{background:#1a1027;border-color:#452963;box-shadow:0 5px 22px #0008}.reactbar button{color:#f0e8fa}.reaction{background:#27133b;border-color:#563077}.seen{color:#ae91c8}.typing i{background:#b180e2}.copy-message:hover,.reset:hover{background:#301747;border-radius:12px}button:focus-visible{outline-color:#ba8af0}
/* Fit each message to its text while preserving readable wrapping. */
.wrap{width:fit-content;max-width:100%;min-width:0;margin-right:28px}.wrap.mine-wrap{max-width:calc(100% - 28px);margin-left:auto;margin-right:0}.wrap:not(.mine-wrap){margin-right:12px}.wrap>.pc-help-message,.wrap>.pc-help-message.mine{width:fit-content;max-width:100%;min-width:0;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;box-sizing:border-box}.wrap .reactbar{width:max-content;max-width:100%}.wrap .seen{white-space:nowrap}.wrap .reaction{margin-right:0}.mine-wrap .self-reaction{margin-left:auto;margin-right:0}

/* Match Print Café's borderless reaction styling. */
.wrap>.reaction{position:absolute;bottom:4px;left:44px;right:auto;min-width:26px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;font-size:21px;line-height:1;box-shadow:none;cursor:pointer;z-index:1}.wrap.mine-wrap>.reaction{left:9px;right:auto;bottom:14px;margin:0}.wrap.mine-wrap>.self-reaction{left:auto;right:8px}.wrap>.emoji-message,.wrap>.emoji-message.mine{background:transparent;border:0;box-shadow:none;padding:4px 2px;font-size:28px;line-height:1.3}.reactbar>button{background:transparent;border:0;box-shadow:none}

/* Reactions are anchored to the bubble, independent of receipt/menu height. */
.bubble-shell{position:relative;width:fit-content;max-width:100%;min-width:0}.bubble-shell>.pc-help-message,.bubble-shell>.pc-help-message.mine{width:fit-content;max-width:100%;min-width:0;margin:0;box-sizing:border-box;overflow-wrap:anywhere}.bubble-shell>.reaction,.mine-wrap .bubble-shell>.reaction{position:absolute;bottom:0;top:auto;left:9px;right:auto;margin:0;transform:translateY(50%);min-width:26px;width:26px;height:26px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1;z-index:2;animation:none}.mine-wrap .bubble-shell>.self-reaction{left:auto;right:8px}.bubble-shell>.emoji-message,.bubble-shell>.emoji-message.mine{background:transparent;border:0;box-shadow:none;padding:4px 2px;font-size:28px;line-height:1.3}.wrap{margin-bottom:24px}.mine-wrap .seen{margin-top:12px}

.pc-help-form #input{flex:1;min-width:0;width:0;height:auto;padding:8px 4px;border:0;background:transparent;color:#f0e7fa;font:inherit;font-size:16px;line-height:1.5;outline:none}.pc-help-form #input::placeholder{color:#927eaa}

.pc-help-log{min-height:0;scroll-behavior:auto;overflow-anchor:none}.pc-help-head,.pc-help-form,.note{flex-shrink:0}

.pc-help-head{position:relative}

/* Breathing neon belongs only to message thumbnails. */
.message-avatar{box-shadow:0 0 0 1px #a855f780,0 0 5px 1px #9333ea55;animation:message-avatar-neon 2.4s ease-in-out infinite}
@keyframes message-avatar-neon{0%,100%{box-shadow:0 0 0 1px #a855f766,0 0 4px 0 #9333ea40}50%{box-shadow:0 0 0 2px #c084fc,0 0 10px 3px #a855f7a6,0 0 16px 4px #7e22ce40}}
@media(prefers-reduced-motion:reduce){.message-avatar{animation:none;box-shadow:0 0 0 1px #a855f7aa,0 0 6px 1px #9333ea66}}

.vote-choices{display:flex;gap:8px;margin-top:10px}.vote-choices button{border:1px solid #7442a0;border-radius:999px;background:#28133c;color:#f1e8ff;padding:8px 20px;font:inherit;font-size:14px}.vote-choices button:hover{background:#462363}.vote-choices button:focus-visible{outline:2px solid #c084fc;outline-offset:2px}

.comic-notice-card{display:flex;flex-direction:column;gap:7px;max-width:100%;padding:15px 18px;margin-top:10px;border:1px solid #704897;border-radius:14px;background:#231331;color:#f6efff;text-align:left;font:inherit;cursor:pointer}.comic-notice-card span{font-size:11px;color:#c4aad9}.comic-dialog{padding:0;border:1px solid #65458b;border-radius:16px;background:#160d20;color:#eee;max-width:min(96vw,850px);max-height:94dvh;overflow:auto}.comic-dialog::backdrop{background:#000c}.comic-toolbar{display:flex;justify-content:space-between;gap:12px;position:sticky;top:0;background:#1d102b;padding:12px;z-index:3}.comic-toolbar button{border:1px solid #704897;border-radius:10px;padding:8px 12px;background:#321947;color:white}.comic-paper{position:relative;isolation:isolate;box-sizing:border-box;width:210mm;min-height:297mm;max-width:100%;padding:20mm 18mm;background:#fffdf7;color:#191a24;font:16px/1.65 Georgia,serif;overflow:hidden}.comic-paper:before{content:none;position:absolute;top:40%;left:0;right:0;text-align:center;transform:rotate(-30deg);font:bold 100px Georgia;color:#67509712;z-index:-1}.comic-mark{text-align:center;font:bold 15px/1.5 Arial;color:#322747;letter-spacing:1px}.comic-subhead{text-align:center;font:12px Arial;color:#62596c;border-bottom:2px solid #443258;padding:8px 0 16px}.comic-meta{text-align:right;font:12px Arial;margin-top:20px}.comic-paper h2{text-align:center;font:bold 23px/1.6 Georgia;margin:28px 0 12px}.comic-warning{text-align:center;font:bold 10px Arial;letter-spacing:.7px;color:#70406b;border:1px solid #bfa7c2;padding:8px}.comic-signature{display:flex;flex-direction:column;gap:7px;margin:30px 0 15px;text-align:right;font-size:13px}.comic-signature i{font:italic 22px cursive;color:#383f82}.comic-stamp{display:grid;place-content:center;text-align:center;border:3px double #57418f;border-radius:50%;width:120px;height:120px;transform:rotate(-12deg);color:#57418f;font:bold 11px/1.8 Arial;opacity:.8;margin-top:-35px}.comic-paper footer{margin-top:25px;border-top:1px solid #ccc;padding-top:12px;text-align:center;font:10px Arial;color:#666}@media(max-width:600px){.comic-paper{padding:24px 20px;font-size:14px;min-height:0}.comic-paper h2{font-size:19px}.comic-paper:before{font-size:64px}.comic-stamp{width:100px;height:100px;font-size:9px;margin-top:0}}@page{size:A4;margin:0}@media print{body>*:not(.comic-dialog){display:none!important}.comic-dialog[open]{display:block!important;position:static;margin:0;padding:0;max-height:none;max-width:none;width:210mm;border:0;background:white;overflow:visible}.comic-toolbar{display:none!important}.comic-paper{width:210mm;max-width:none;min-height:297mm;padding:20mm 18mm;font-size:16px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.comic-paper h2{font-size:23px}}

.pc-help-form #attach-photo{flex:0 0 30px;width:30px;height:34px;padding:0;border:0;background:transparent;color:#bd97eb;font-size:27px;border-radius:50%}.pc-help-form #attach-photo:disabled{opacity:.4;cursor:wait}.chat-photo{display:block;max-width:100%;width:min(260px,60vw);height:auto;border-radius:13px;margin-top:7px}.photo-progress{display:block;max-width:260px;padding:8px 4px;color:#c4acd9;font-size:11px;line-height:1.5}

.news-roundup{width:min(100%,420px);margin-top:10px;padding:14px 16px;border:1px solid #44305c;border-radius:16px;background:#160f22;color:#e8def5;font:14px/1.55 Arial,sans-serif;overflow-wrap:anywhere}.news-roundup ol{margin:0;padding-left:20px}.news-roundup li{padding:0 0 14px 4px}.news-roundup li:last-child{padding-bottom:0}.news-roundup a{color:#d3b2ff;text-decoration:underline;text-underline-offset:3px}.news-roundup a:hover{color:white}.news-roundup a:focus-visible{outline:2px solid #c084fc;outline-offset:3px}.news-roundup small{display:block;margin-top:5px;color:#b5a2cb;font-size:11px}.news-satire{padding-bottom:12px;margin:0 0 12px;border-bottom:1px solid #44305c;color:#dbc8f1;font-size:13px}

/* Articles stay above the chat; the original page retains its scroll and draft. */
.news-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(960px,calc(100vw - 24px));height:min(900px,92dvh);max-width:100vw;max-height:96dvh;padding:0;margin:auto;border:1px solid #60427e;border-radius:20px;background:#140d20;color:#f1e8fb;overflow:hidden;box-shadow:0 24px 90px #000a}.news-dialog::backdrop{background:#030108c9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.news-viewer{height:100%;min-height:0;display:flex;flex-direction:column}.news-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 8px 20px;border-bottom:1px solid #3f2b53;flex-shrink:0;font:13px/1.5 Arial,sans-serif;color:#cbb3e2}.news-viewer-close{width:44px;height:44px;flex-shrink:0;border:1px solid #5a3b77;border-radius:50%;background:#29173b;color:#fff;font:30px/1 Arial,sans-serif;cursor:pointer}.news-viewer-close:hover{background:#46245f}.news-viewer h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;flex-shrink:0;margin:14px 20px 0;font:600 17px/1.45 Arial,sans-serif;overflow-wrap:anywhere}.news-viewer-info{padding:10px 20px 14px;flex-shrink:0;font:12px/1.5 Arial,sans-serif}.news-viewer-status{margin:0 0 7px;color:#bca7cf}.news-viewer-info a{display:inline-block;min-height:28px;line-height:28px;color:#dbbbff;text-underline-offset:3px}.news-viewer a:focus-visible,.news-viewer button:focus-visible{outline:2px solid #d4a9ff;outline-offset:3px}.news-viewer-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#fff}.news-viewer-content iframe{display:block;width:100%;height:100%;border:0;background:#fff}.news-viewer-unavailable{margin:0;display:grid;place-content:center;box-sizing:border-box;min-height:100%;padding:30px;text-align:center;font:15px/1.6 Arial,sans-serif;color:#c7b1dc;background:#1a1026}@media(max-width:600px){.news-dialog{width:calc(100vw - 12px);height:95dvh;max-height:95dvh;border-radius:16px}.news-viewer-toolbar{padding-left:14px}.news-viewer h2{font-size:15px;margin:10px 14px 0}.news-viewer-info{padding:8px 14px 10px;font-size:11px}}

.comic-notice-card{align-items:flex-start}.comic-notice-preview{display:block;box-sizing:border-box;width:min(198px,100%);height:auto;aspect-ratio:794/1123;align-self:center;border-radius:2px;box-shadow:3px 5px 14px #0008;transform:rotate(-.6deg);margin:3px 0 10px}.comic-notice-card:hover .comic-notice-preview{box-shadow:4px 7px 18px #000b}.comic-notice-card:focus-visible{outline:2px solid #d5a8ff;outline-offset:4px}

.comic-paper{background:linear-gradient(102deg,#fffef9,#f7f4e9);font-size:14px;line-height:1.55}.comic-paper h2{font-size:21px;margin:24px 0 6px}.notice-subtitle{text-align:center;font:12px/1.5 Arial,sans-serif;letter-spacing:1px;margin-bottom:28px}.notice-body p{margin:0 0 14px}.comic-signature{margin:18px 0 0;gap:5px}.comic-signature svg{align-self:flex-end;width:180px;height:74px}.comic-stamp{font-size:9px;width:105px;height:105px;margin-top:-95px;opacity:.72}.notice-signature-field{margin:28px 0 0 auto;width:300px;max-width:100%;break-inside:avoid}.notice-signature-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;font:13px/1.4 Arial,sans-serif;margin-bottom:8px}.notice-signature-field button{background:#f1eee7;border:1px solid #b7b0a7;color:#2d3143;border-radius:7px;padding:7px 9px;font:12px/1.3 Arial,sans-serif;cursor:pointer}.notice-signature-field button:focus-visible{outline:2px solid #46578a;outline-offset:2px}.notice-signature-pad{position:relative;overflow:hidden;border:1px solid #bdb6aa;border-radius:4px;background:#fffdf7}.notice-signature-pad canvas{display:block;width:100%;height:90px;touch-action:pan-y}.notice-signature-hint{position:absolute;inset:0;display:grid;place-content:center;padding:12px;text-align:center;pointer-events:none;color:#9b9389;font:11px/1.5 Arial,sans-serif}.notice-signature-hint[hidden]{display:none}.is-signing .notice-signature-pad{outline:2px solid #5b6b9b;outline-offset:2px}.is-signing canvas{cursor:crosshair;touch-action:none}.notice-signature-controls{display:flex;gap:9px;align-items:center;margin-top:8px}.notice-signature-controls small{font:10px/1.4 Arial,sans-serif;color:#756e67}.notice-signature-controls button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.comic-paper{font-size:13px;padding:24px 20px}.comic-paper h2{font-size:18px}.comic-stamp{width:85px;height:85px;font-size:7px;margin-top:-80px}.comic-signature svg{width:140px;height:65px}.notice-signature-field{margin-top:24px}.comic-mark{font-size:13px}.notice-subtitle{font-size:10px}}@media print{.comic-paper{font-size:14px;line-height:1.5}.comic-paper h2{font-size:21px}.notice-signature-field button,.notice-signature-controls,.notice-signature-hint{display:none!important}.notice-signature-pad{outline:0!important}.notice-signature-field{width:300px}.comic-paper footer{margin-top:18px}}

@media(min-width:800px) and (hover:hover) and (pointer:fine){.pc-help{width:min(460px,calc(100vw - 48px));height:min(660px,calc(100dvh - 48px));max-height:calc(100dvh - 48px)}}
.comic-paper{display:flex;flex-direction:column}.notice-submit-row{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:auto;padding-top:28px}.notice-submit-row small{font:11px/1.4 Arial,sans-serif;color:#7b3434}.notice-submit{padding:10px 22px;border:1px solid #28375b;border-radius:7px;background:#28375b;color:#fff;font:14px/1.3 Arial,sans-serif;cursor:pointer}.notice-submit:focus-visible{outline:2px solid #46578a;outline-offset:3px}.comic-notice-card:first-child{margin-top:0}@media print{.notice-submit-row{display:none!important}}

.pc-help-form input:disabled{opacity:.65;cursor:not-allowed}.pc-help-form button:disabled{opacity:.4;cursor:not-allowed}

.notice-submit:disabled{opacity:.55;cursor:wait}.notice-submit-row small{max-width:calc(100% - 120px)}

/* Article portraits and media remain inside the chat. */
.news-viewer-toolbar{position:relative;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.news-viewer-toolbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-viewer-avatar{display:block;justify-self:center;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 30%;box-shadow:0 0 0 1px #a855f780}.news-viewer-close{justify-self:end}.news-roundup .news-headline{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:start;text-decoration:none}.news-headline-title{text-decoration:underline;text-underline-offset:3px}.news-thumbnail{position:relative;display:grid;place-items:center;width:80px;height:56px;overflow:hidden;border-radius:8px;background:#2c1c3f;border:1px solid #62417e;color:#bfa4d6;font-size:23px}.news-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.news-thumbnail img[hidden]{display:none}.news-roundup small{margin-left:90px}.news-roundup li{padding-bottom:16px}@media(max-width:380px){.news-roundup .news-headline{grid-template-columns:64px minmax(0,1fr);gap:8px}.news-thumbnail{width:64px;height:48px}.news-roundup small{margin-left:72px}}
