/* Bright performance-print treatment, retaining the reading interaction. */
.book{background:#f7f8f4;box-shadow:6px 6px 0 #dddfe0,12px 12px 0 #ff3986}.book-bar{background:#131515;border-bottom:4px solid #ff6514}.contents{background:#ff6b19;border-right:3px solid #171717;box-shadow:none;padding-top:40px}.contents>.label{display:inline-block;background:#d8f43d;padding:8px 11px;transform:rotate(-3deg);font-weight:700}.contents h2{font-family:Noto,sans-serif;font-weight:850;font-size:37px;letter-spacing:-.06em;line-height:1.2;margin:25px 0}.contents>p{color:#281609}.chapter{border-top:2px solid #151515;margin-top:8px}.chapter[aria-pressed=true]{background:#d8f43d;color:#141714;box-shadow:5px 5px 0 #151515}.chapter small{font-weight:500}.directory-note{color:#482814}.folio{border-top:2px solid #1b1b1b}.right-page{background:linear-gradient(90deg,#bcc9ca 0,#f6f8f5 12px,#f6f8f5 100%);padding-top:42px}#tabs{gap:7px;padding-right:30px;border-bottom:3px solid #191919}#tabs button{border-radius:0;padding:13px 16px;border:1px solid #181818;border-bottom:0;background:#34cbed;transform:translateY(0)}#tabs button:nth-child(2){background:#ff71b1}#tabs button:nth-child(3){background:#d8f43d}#tabs button:nth-child(4){background:#b9a3fa}#tabs button:nth-child(5){background:#ff9b4e}#tabs button[aria-pressed=true]{background:#171717!important;color:#fff;box-shadow:0 4px 0 #ff3986!important;transform:translateY(-5px)}.page-heading{border-bottom:1px solid #a8b3b4;padding:24px 0 14px}.page-heading h2{font-family:Noto;font-size:33px;font-weight:850;letter-spacing:-.04em}.page-heading>span{color:#40505a}.skill-row{padding:17px 2px;border-top:1px solid #b4c0c1}.skill-row summary{font-weight:650}.skill-row summary:hover{color:#9c124c}.card-entry{background:#34cbed;padding:22px 18px;box-shadow:6px 6px 0 #fb3985;margin:20px 0 24px;position:relative}.card-entry:before{content:'';position:absolute;top:-2px;left:14px;width:35px;height:6px;background:#171717}#insert{background:#fff;border:2px solid #181818;box-shadow:8px 8px 0 #34cbed;padding:24px;margin-top:25px}#return-card{background:#d8f43d;padding:9px 12px;border:1px solid;font-weight:600}.insert-top>.label{display:inline-block;background:#ff71b1;padding:7px 10px}.insert-top h2{font-family:Noto;font-weight:850;font-size:32px}.boundary{color:#576165}.book-bottom{background:#d8f43d;color:#171717;border-top:2px solid;font-weight:500}.right-page:has(#break-page:not([hidden])){background:#b9a3fa}#break-page>.label{display:inline-block;background:#d8f43d;padding:9px 12px;transform:rotate(-2deg)}#break-page h2{font-family:Noto;font-weight:850;letter-spacing:-.05em}.drink-tabs{display:flex;justify-content:center;gap:12px;margin:25px 0 0}.drink-tabs button{background:#f7f8f5;border:2px solid #181818;padding:12px 16px;text-align:left;box-shadow:3px 3px 0 #181818}.drink-tabs button span{display:block;font-size:10px;margin-top:5px}.drink-tabs button[aria-pressed=true]{background:#d8f43d;transform:rotate(-3deg)}#cup-button{margin:16px auto;width:220px}#cup-button>span{border:2px solid #181818;box-shadow:4px 4px 0 #181818;background:#ff751e}.tea .ice{opacity:0;transition:none}.tea .liquid{transform:scaleY(1);opacity:0;transition:opacity 2s ease}.tea.filling .liquid,.tea.full .liquid{opacity:1}.tea>svg>path:first-of-type{opacity:0}.tea .liquid path:first-child{fill:var(--tea-color)}.tea .liquid path:last-child{stroke:var(--tea-surface)}#bookmark{position:absolute;right:0;top:0;z-index:1;width:39px;height:50px;background:#ff3986;color:#171717;border:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);padding:2px 0 12px;font-size:20px}#bookmark span{display:block;font-size:8px}#bookmark[aria-pressed=true]{background:#d8f43d}.bookmark-status{position:absolute;right:50px;top:10px;font-size:10px;background:#f6f8f5;color:#222}.bookmark-status:empty{display:none}@media(max-width:700px){.contents{padding:22px}.contents h2{font-size:28px;margin:20px 0}.contents>.label{font-size:10px}.chapter{font-size:14px}.right-page{padding:42px 14px 22px}#tabs{gap:4px;padding-right:0}#tabs button{font-size:11px;padding:12px 10px}.page-heading h2{font-size:27px}.drink-tabs{gap:7px}.drink-tabs button{padding:10px 12px;font-size:12px}#insert{padding:15px}.insert-top h2{font-size:27px}#break-page h2{font-size:29px}#cup-button svg{height:250px}}@media(prefers-reduced-motion:reduce){.tea .liquid{transition:none}}