/* Black ink, red notes, yellow daisies: paper-layered comic, not photo cards. */
:root{--j-lilac:#eee9dc;--j-pink:#f0d0c5;--j-acid:#f2d538;--v9-ink:#17191b;--v9-red:#b22b27}
.doodle-flower{color:#e0bb21}.topbar{background-color:#242525}.art9[hidden]{display:none}
.page-heading{background:#252827;background-image:none}.page-heading:after{content:'✿';position:absolute;right:24px;bottom:0;color:#f1ce30;font-size:125px;line-height:1;opacity:.8}
.page-heading{position:relative;padding-right:120px}.page-heading>*{position:relative;z-index:1}
.journal-page{background:#fbf7ea;color:var(--v9-ink);border:2px solid #17191b;box-shadow:5px 6px #ddc9a7,6px 7px #17191b}
.chapter-tabs button[aria-pressed=true]{background:#f7d63b;color:#181818;border-color:#181818}.date-sticker{background:#f7d63b;border-color:#17191b;color:#17191b}.handwriting,.comic-arrow{color:var(--v9-red)}
.art9{position:relative}.art9 img{height:240px;object-fit:contain;filter:drop-shadow(3px 4px 0 #15151514)}.art9 figcaption{font-size:10px;color:#504c43}.art9 figcaption b{font-size:10px}.art9 figcaption small{font-size:9px}.art9 .visual-zoom{overflow:visible}.art9 .zoom-mark{background:#f5d631;color:#17191b;border-color:#17191b}.art9 .visual-zoom:hover img{transform:rotate(-2deg) translateY(-6px)}
.comic-lead{position:relative;display:grid;grid-template-columns:40% 60%;align-items:center;min-height:480px;margin:12px 0 34px;isolation:isolate}.comic-lead:before{content:'✿';position:absolute;right:17%;top:6%;font-size:330px;color:#edc9323b;line-height:1;z-index:-1}.comic-copy{z-index:1;padding:20px 12px 20px 0}.comic-copy .beat-time{margin-top:26px}.comic-copy h3{font:700 35px/1.35 serif;letter-spacing:-1px;margin:12px 0}.comic-copy p{font-size:14px;line-height:2}.comic-arrow{font:100px/1 serif;display:block;transform:rotate(15deg)}.day-characters{margin:0 -12px 0 -10px;transform:rotate(2deg);animation:paper-arrive .6s both}.day-characters img{height:460px}.day-characters figcaption{font-size:9px;text-align:right}.speech-note{position:absolute;right:8%;top:0;background:#fffdf3;border:2px solid #151515;padding:9px 16px;border-radius:50% 45% 40% 55%;font-weight:800;transform:rotate(5deg);font-size:15px;z-index:3}.speech-note:after{content:'';position:absolute;width:13px;height:13px;background:#fffdf3;border-left:2px solid #171717;border-bottom:2px solid #171717;bottom:-8px;left:20px;transform:skew(-20deg) rotate(-28deg)}
.comic-notes{display:grid;grid-template-columns:1fr 1fr;gap:38px}.comic-note{position:relative;padding:20px 20px 26px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#a79d7b33 30px);transform:rotate(-1.6deg);border-top:1px dashed #6d6557}.comic-note:nth-child(2){transform:rotate(1.8deg);background:#f1dfce}.comic-note h3{font:700 25px/1.5 serif;margin:10px 0}.comic-note p{font-size:13px;line-height:2}.comic-note .note-drawing{margin:-8px -22px 10px 0;float:right;width:62%;shape-outside:ellipse(50% 46%)}.note-drawing img{height:180px}.comic-note:after{content:'';clear:both;display:block}.note-drawing figcaption{display:none}.comic-note .beat-time{clear:both}.scribble-count{color:var(--v9-red)}.ink-marker{background:#f6d831;color:#161616}.journal-note{background:#f7e897;color:#171717}.journal-note>span{font-size:42px;color:#171717}.journal-note .tiny-prop{display:none}
.fashion-cover{position:relative;background:#f7f1df;isolation:isolate;min-height:640px;border:2px solid #1a1a1a;padding:42px 35px;overflow:hidden;box-shadow:6px 7px #edcd2e}.fashion-copy{width:49%;position:relative;z-index:2}.fashion-copy h1{font:900 clamp(65px,7vw,108px)/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:35px 0}.fashion-copy h1 em{font:400 27px/1.4 'Permanent Marker',cursive;white-space:nowrap;color:#b52b26}.fashion-copy h2{font:700 35px/1.5 serif;margin:32px 0 18px}.fashion-copy mark{background:#f2d133;color:#171717}.fashion-copy p{font-size:13px}.fashion-duo{position:absolute;right:-1%;bottom:0;width:56%;z-index:1;transform:rotate(2deg)}.fashion-duo img{height:570px}.fashion-duo figcaption{padding-left:25%;font-size:9px}.cover-daisy{font:400 470px/1 serif;color:#e7c42f;position:absolute;right:1%;top:-30px;z-index:-1;transform:rotate(-13deg)}.fashion-caption{position:absolute;left:35px;bottom:25px;font-size:24px;font-weight:700;transform:rotate(-5deg)}.fashion-caption small{font:10px monospace}.paper-chapter{padding-right:32px}.paper-date{color:#b22b27}.journal-ribbon{background:#17191b;color:#f5d432;white-space:normal}.pocket-drawing{float:right;width:50%;margin:-14px -8px 0 9px}.pocket-drawing img{height:145px}.pocket-drawing figcaption{display:none}.v9-pockets section{background:#f7eebc}.v9-pockets section:nth-child(2){background:#efdbcc}.v9-pockets section:nth-child(3){background:#e7e9ce}
.card-drawing{float:right;width:48%;margin:-6px -8px 10px 12px;transform:rotate(3deg);shape-outside:ellipse(50% 48%)}.card-drawing img{height:170px}.card-drawing figcaption{font-size:9px}.place-card{overflow:visible}.place-card .card-top{display:block}.place-card .card-top .badge{margin-top:6px}.has-art9:after{content:'';display:block;clear:both}.rule-card .card-drawing{float:none;width:100%;margin:-18px 0 16px}.rule-card .card-drawing img{height:160px}.shopping-drawing{float:right;width:220px;margin:0 0 20px 24px;transform:rotate(3deg)}.shopping-drawing img{height:230px}.shopping-note h3{clear:both}.detail-drawing{float:right;width:180px;margin:4px 0 14px 20px;transform:rotate(3deg)}.detail-drawing img{height:175px}.detail-drawing figcaption b{font-size:9px}.fold-body:after,.fold-content:after{content:'';clear:both;display:block}.fold>summary .fold-thumb{display:none}.concert-drawing{float:right;width:37%;margin:-20px -10px 0 15px;transform:rotate(4deg)}.concert-drawing img{height:260px}.concert-drawing figcaption{color:#f3e7ca}.hotel-comic{display:grid;grid-template-columns:53% 47%;align-items:center;padding:20px 20px 28px;background:#f5e7bd;border:1px solid #171717;transform:rotate(-.6deg);margin-bottom:30px}.hotel-comic>.art9 img{height:370px}.hotel-comic>div{padding:20px}.hotel-comic h2{font-size:32px;font-family:serif}.hotel-comic p,.hotel-comic small{line-height:1.8}.coffee-cutouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));clear:both;margin-top:20px;gap:10px}.coffee-cutouts .art9 img{height:150px}.coffee-cutouts figcaption b{font-size:9px}.coffee-cutouts figcaption small{font-size:8px}.download .card-drawing{float:none;width:100%;margin:0 0 15px}.download .card-drawing img{height:160px}.visual-figure.art9.is-photo .visual-zoom{background:none;border:0;box-shadow:none}.art9.is-photo img{object-fit:contain}
@keyframes paper-arrive{from{opacity:0;transform:translateY(15px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@media(max-width:900px){.comic-lead{grid-template-columns:43% 57%;min-height:400px}.day-characters img{height:370px}.comic-copy h3{font-size:29px}.comic-notes{gap:22px}.note-drawing img{height:150px}.fashion-copy h2{font-size:29px}.fashion-duo img{height:490px}.fashion-cover{min-height:600px}.card-drawing{float:none;width:80%;margin:-12px auto 12px;transform:rotate(2deg)}}
@media(max-width:650px){.page-heading{padding-right:48px}.page-heading:after{font-size:76px;right:4px;opacity:.35}.comic-lead{display:flex;flex-direction:column;min-height:0;padding-top:8px;margin-bottom:40px}.comic-copy{width:100%;padding:0;display:grid;grid-template-columns:1fr 45px}.comic-copy>*{grid-column:1}.comic-copy h3{font-size:28px;margin:8px 0}.comic-copy .beat-time{margin-top:18px}.comic-copy p{font-size:13px;line-height:1.9;margin:4px 0}.comic-copy .comic-arrow{grid-column:2;grid-row:2/5;font-size:58px;align-self:center;transform:rotate(65deg)}.day-characters{width:100%;margin:10px 0 0;transform:rotate(2deg)}.day-characters img{height:330px}.speech-note{position:relative;align-self:end;top:auto;right:0;order:3;font-size:12px;margin-top:-15px}.comic-lead:before{font-size:230px;top:auto;bottom:50px;right:15%}.comic-notes{grid-template-columns:1fr;gap:36px}.comic-note{padding:20px 15px}.comic-note .note-drawing{width:55%;margin:0 -3px 10px 10px}.note-drawing img{height:165px}.comic-note h3{font-size:24px}.comic-note .beat-time{clear:none}.fashion-cover{padding:25px 20px;min-height:870px}.fashion-copy{width:100%}.fashion-copy h1{font-size:85px;margin:28px 0 18px}.fashion-copy h1 em{font-size:25px}.fashion-copy h2{font-size:27px;line-height:1.35;margin:20px 0 10px}.fashion-copy p{font-size:12px}.fashion-duo{width:94%;right:0;bottom:0}.fashion-duo img{height:410px}.fashion-duo figcaption{font-size:8px}.cover-daisy{font-size:390px;top:440px;right:-35px}.fashion-caption{font-size:17px;bottom:405px;left:auto;right:20px}.fashion-caption small{font-size:8px}.card-drawing{width:65%;float:right;margin:0 -4px 10px 8px}.card-drawing img{height:165px}.place-card h3{clear:both}.shopping-drawing{width:145px;margin-left:12px}.shopping-drawing img{height:180px}.detail-drawing{width:130px;margin-left:12px}.detail-drawing img{height:140px}.concert-drawing{width:44%;margin-top:0}.concert-drawing img{height:190px}.hotel-comic{grid-template-columns:1fr;padding:16px}.hotel-comic>.art9 img{height:290px}.hotel-comic>div{padding:10px}.hotel-comic h2{font-size:29px}.coffee-cutouts{gap:6px}.coffee-cutouts .art9 img{height:115px}.coffee-cutouts figcaption{padding:5px 0}.pocket-drawing img{height:140px}}
@media(prefers-reduced-motion:reduce){.day-characters{animation:none}.art9 img{transition:none}.art9 .visual-zoom:hover img{transform:none}}
@media print{.comic-lead,.comic-note,.fashion-cover{break-inside:avoid}.fashion-duo img{height:400px}.art9 img{max-height:300px}.fashion-cover{min-height:600px}.comic-lead{min-height:350px}.day-characters img{height:330px}}
@media screen and (min-width:651px){.fashion-caption{left:auto;right:24px;top:16px;bottom:auto;font-size:18px;z-index:3}}
/* Keep the minibar/laundry pair above the text on narrow screens. */
@media(max-width:650px){.fold-body:has(>.detail-drawing ~ .detail-drawing)>p:first-of-type{clear:both}}