/* The scene positions this 300 × 540 display in the monitor's screen plane. */
.dn-screen{--dn-ink:#202724;--dn-paper:#f3f1e8;--dn-muted:#757d70;--dn-line:#26382b25;--dn-accent:#587661;width:300px;height:540px;padding:22px 27px 24px;overflow:hidden;display:flex;flex-direction:column;gap:20px;background:var(--dn-paper);color:var(--dn-ink);font-family:Inter,"PingFang SC","Hiragino Sans GB",sans-serif;line-height:1.4;position:relative;isolation:isolate;color-scheme:light;touch-action:manipulation}
.dn-eyebrow{font:500 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;margin:0;color:var(--dn-muted,#777e70)}
.dn-category{font:inherit;white-space:nowrap}
.dn-screen-art{position:relative;display:grid;place-items:center;width:100%;height:245px;flex-shrink:0;border:0;background:none;color:var(--dn-ink);padding:0;isolation:isolate}
.dn-art-orbit{position:absolute;width:205px;height:205px;border:var(--dm-rule,1px solid) var(--dn-accent);border-radius:50%;opacity:.38;transform:rotate(-22deg) scaleX(.84)}
.dn-art-orbit::after{content:"";position:absolute;inset:18px;border:inherit;border-radius:inherit}
.dn-art-sheet{display:block;width:159px;height:181px;padding:8px;background-color:var(--dn-paper);background-image:var(--dm-texture,none);background-size:var(--dm-size,240px 240px);background-position:36% 70%;border:var(--dm-rule,1px solid) var(--dn-ink);border-radius:var(--dm-round,4px);box-shadow:var(--dm-shadow,3px 3px 0 #0002);transform:rotate(-7deg)}
.dn-art-sheet svg{display:block;width:100%;height:100%}
.dn-art-world{color:var(--dn-accent)}
.dn-art-rule{opacity:.65}
.dn-art-corner{position:absolute;right:15px;bottom:30px;font:42px/1 Georgia,serif;color:var(--dn-accent)}
.dn-screen-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px 9px;border-top:var(--dm-rule,1px solid) var(--dn-ink);padding-top:20px;flex:1;align-content:center}
.dn-screen-tabs .dn-category{border:var(--dm-rule,1px solid) var(--dn-line);border-radius:var(--dm-round,3px);padding:12px 2px;font-family:var(--dm-title,inherit);font-weight:var(--dm-title-weight,600);font-size:21px;line-height:1.2;letter-spacing:.01em;background:transparent;color:var(--dn-ink)}
.dn-screen-tabs .dn-category:last-child{grid-column:1/-1}
.dn-screen-tabs .dn-category[aria-pressed="true"]{background:var(--dn-ink);color:var(--dn-paper);border-color:var(--dn-ink)}
.dn-screen button:focus-visible{outline:3px solid var(--dn-accent);outline-offset:5px}
.dn-screen-art:hover .dn-art-sheet{transform:rotate(-4deg)}
/* The same drawn news emblem changes its mark-making with the scene medium. */
[data-style="watercolor"] .dn-art-sheet{border-color:var(--dn-line);box-shadow:5px 6px 14px #a991ae38;border-radius:12px 6px 17px 5px}
[data-style="watercolor"] .dn-art-world{opacity:.75;stroke-width:4.5}
[data-style="watercolor"] .dn-art-rule{stroke-width:7;opacity:.38}
[data-style="comic"] .dn-art-sheet{border-width:3px;box-shadow:5px 5px 0 var(--dn-ink)}
[data-style="comic"] .dn-art-world{stroke-width:4}
[data-style="punk"] .dn-art-sheet{transform:rotate(-10deg);border-style:dashed;clip-path:polygon(0 2%,27% 0,53% 2%,79% 0,100% 3%,98% 37%,100% 69%,98% 100%,62% 98%,28% 100%,0 98%)}
[data-style="punk"] .dn-art-world{stroke-width:5;stroke-dasharray:10 2}
[data-style="mandala"] .dn-art-sheet{border-width:4px;outline:1px solid var(--dn-accent);outline-offset:5px}
[data-style="mandala"] .dn-art-orbit{border-width:5px;border-style:double}
[data-style="pop"] .dn-art-sheet{border-width:3px;box-shadow:6px 5px 0 #df5178,-4px -3px 0 #54b4ca}
[data-style="pop"] .dn-art-world{stroke-width:5}
[data-style="future"] .dn-art-sheet{clip-path:polygon(0 0,85% 0,100% 12%,100% 100%,0 100%);transform:rotate(-4deg);box-shadow:4px 3px 0 var(--dn-accent)}
[data-style="future"] .dn-art-world{stroke-dasharray:13 3}
[data-style="future"] .dn-art-orbit{border-radius:12%;transform:rotate(30deg) scale(.82)}
[data-style="renaissance"] .dn-art-world{stroke-width:1.8}
[data-style="renaissance"] .dn-art-rule{stroke-width:2;stroke-dasharray:4 1}
[data-style="ink"] .dn-art-world{stroke-width:2;stroke-dasharray:17 1 3 1}
[data-style="ink"] .dn-art-rule{stroke-width:2;stroke-dasharray:2 2}
[data-style="graffiti"] .dn-art-world{stroke-width:6;stroke-linecap:square;stroke-dasharray:22 2}
[data-style="graffiti"] .dn-art-rule{stroke-width:8;stroke-dasharray:22 3}
[data-style="offset"] .dn-art-world{filter:drop-shadow(1.5px .5px #b1556380) drop-shadow(-1px -.7px #41879580)}
[data-style="offset"] .dn-art-rule{stroke-dasharray:2 1;stroke-width:4}
.dn-dialog{--dn-ink:#202724;--dn-paper:#f6f4ed;--dn-muted:#72786d;--dn-line:#25362a20;--dn-accent:#4c6955;color-scheme:light;width:min(840px,calc(100vw - 36px));max-height:calc(100dvh - 48px);margin:auto;padding:0;background:var(--dn-paper);color:var(--dn-ink);border:1px solid #ffffff70;border-radius:12px;box-shadow:0 35px 120px #060d1480;overscroll-behavior:contain;font-family:Inter,"PingFang SC","Hiragino Sans GB",sans-serif}
.dn-dialog::backdrop{background:#11191ace;backdrop-filter:blur(12px)}
.dn-reader-header{padding:34px 38px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.dn-reader-header .dn-eyebrow{font-size:10px;color:var(--dn-accent)}
.dn-reader-header h2{font-size:32px;font-weight:600;letter-spacing:.055em;margin:10px 0}
.dn-reader-intro{font-size:12px;color:var(--dn-muted);line-height:1.8;margin:0}
.dn-close{display:grid;place-items:center;border:1px solid var(--dn-line);width:34px;height:34px;border-radius:50%;padding:0;color:var(--dn-ink);background:transparent;font-size:25px;font-weight:300;flex-shrink:0}
.dn-close:hover{background:#2027240d}
.dn-reader-tabs{display:flex;gap:5px;overflow-x:auto;padding:0 38px;border-bottom:1px solid var(--dn-line);position:sticky;top:0;z-index:2;background:var(--dn-paper)}
.dn-reader-tabs .dn-category{position:relative;border:0;border-radius:0;padding:16px 16px 17px;font-size:13px;font-weight:500;color:var(--dn-muted);background:transparent}
.dn-reader-tabs .dn-category:first-child{margin-left:-16px}
.dn-reader-tabs .dn-category[aria-pressed="true"]{color:var(--dn-ink)}
.dn-reader-tabs .dn-category[aria-pressed="true"]::after{content:"";position:absolute;height:2px;bottom:0;left:16px;right:16px;background:var(--dn-accent)}
.dn-reader-meta{padding:18px 38px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}
.dn-update{font-size:10px;line-height:1.7;color:var(--dn-muted);margin:0}
.dn-refresh{font-size:11px;white-space:nowrap;background:transparent;color:var(--dn-accent);padding:7px 0 7px 10px}
.dn-refresh:disabled{cursor:wait;opacity:.55}
.dn-notice{margin:13px 38px 0;padding:11px 13px;background:#ae8c2920;border-left:2px solid #a2864f;color:#655b39;font-size:11px;line-height:1.8}
.dn-notice[hidden]{display:none}
.dn-reader-items{padding:0 38px;margin:0;list-style:none}
.dn-story{padding:24px 0;display:grid;grid-template-columns:30px 1fr 18px;gap:17px;border-bottom:1px solid var(--dn-line)}
.dn-story-rank{font:italic 23px/1.4 Georgia,serif;color:#8a917e}
.dn-story-title{font-size:17px;line-height:1.65;font-weight:550;color:var(--dn-ink);text-decoration:none;overflow-wrap:anywhere}
.dn-story-title:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--dn-accent)}
.dn-story-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;line-height:1.6;margin:11px 0 0;color:var(--dn-muted)}
.dn-story-meta>span{color:var(--dn-accent)}
.dn-story-arrow{color:var(--dn-muted);font-size:19px;line-height:1.6}
.dn-reader-foot{font-size:10px;line-height:1.8;letter-spacing:.025em;color:var(--dn-muted);padding:23px 38px 27px}
.dn-empty{list-style:none;text-align:center;padding:65px 20px;color:var(--dn-muted);font-size:13px;line-height:1.8}
.dn-empty-mark{display:block;font:40px Georgia,serif;margin-bottom:16px;color:var(--dn-accent)}
.dn-empty p{margin:0}
.dn-dialog button:focus-visible,.dn-dialog a:focus-visible{outline:2px solid var(--dn-accent);outline-offset:4px}
@media(max-width:600px){.dn-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:9px}.dn-reader-header{padding:27px 23px 17px}.dn-reader-header h2{font-size:27px}.dn-reader-intro{font-size:11px}.dn-reader-tabs{padding:0 23px;gap:0}.dn-reader-tabs .dn-category{font-size:12px;padding:15px 12px}.dn-reader-tabs .dn-category:first-child{margin-left:-12px}.dn-reader-tabs .dn-category[aria-pressed="true"]::after{left:12px;right:12px}.dn-reader-meta{padding:14px 23px 0}.dn-notice{margin:10px 23px 0}.dn-reader-items{padding:0 23px}.dn-story{grid-template-columns:23px 1fr 12px;gap:11px;padding:20px 0}.dn-story-rank{font-size:20px}.dn-story-title{font-size:15px}.dn-reader-foot{padding:22px 23px}.dn-update{font-size:9px}}