/* Original red/black/paper, original layouts. Small guide lives inside existing chrome. */
.flavour-mode #music{border:2px solid var(--black);background:var(--paper);color:var(--black);min-height:36px;padding:5px 8px;font:900 10px/1.2 sans-serif;white-space:nowrap;flex-shrink:0}
.flavour-mode #music[aria-pressed="true"]{background:var(--red);color:var(--paper)}
.flavour-mode #screen-label.chiqi-pocket-status{display:flex;align-items:center;gap:5px;flex:1;min-width:0;max-width:300px;white-space:normal}
.chiqi-pocket{display:block;width:38px;height:36px;flex:none;overflow:hidden;background:var(--paper);border:1px solid var(--paper);clip-path:polygon(7% 0,100% 0,94% 100%,0 92%)}
.chiqi-pocket-face{display:block;width:100%;height:100%}
.chiqi-pocket-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.chiqi-pocket-copy small{font:800 8px/1.1 monospace;opacity:.8}
.chiqi-quote{position:relative;display:block;max-width:220px;font:600 11px/1.35 sans-serif;letter-spacing:0;text-transform:none}
.chiqi-pocket-copy .chiqi-quote{background:var(--paper);color:var(--black);padding:3px 5px;clip-path:polygon(0 0,100% 0,100% 100%,7% 100%,0 70%)}
.chiqi-menu-guide{display:inline-flex;vertical-align:middle;align-items:center;gap:9px;margin-left:15px;max-width:270px;color:var(--paper);font:600 11px/1.4 sans-serif;letter-spacing:0}
.chiqi-menu-guide .chiqi-pocket-face{width:44px;height:40px;flex:none;background:var(--paper);border:2px solid var(--red)}
.chiqi-chapter-bubble{position:relative;border:2px solid var(--black);background:var(--paper);color:var(--black)!important;padding:12px 16px!important;box-shadow:5px 5px 0 var(--red);width:fit-content;max-width:min(100%,600px);isolation:isolate}
.chiqi-chapter-bubble:after{content:'';position:absolute;left:22px;bottom:-11px;width:16px;height:16px;background:var(--paper);border-right:2px solid var(--black);border-bottom:2px solid var(--black);transform:skew(-15deg) rotate(45deg);z-index:-1}
.flavour-mode .project,.flavour-mode .note{position:relative;isolation:isolate;rotate:var(--comic-angle,-1deg)}
.flavour-mode .project .label,.flavour-mode .vn-project-status{border:2px solid var(--paper);outline:2px solid var(--black);transform:rotate(-4deg);box-shadow:3px 3px 0 var(--black)}
.flavour-mode .note{border:3px solid var(--black);box-shadow:5px 6px 0 var(--red);background:var(--paper);padding:24px 18px;margin:13px 4px 20px;background-image:repeating-linear-gradient(125deg,transparent 0 17px,#11111209 17px 19px,transparent 19px 33px)}
.flavour-mode .project:after,.flavour-mode .note:before{content:'';position:absolute;z-index:4;left:21px;top:-7px;width:45px;height:14px;background:repeating-linear-gradient(115deg,var(--paper) 0 7px,#11111233 7px 8px);border:1px solid var(--black);rotate:-11deg;pointer-events:none}
.flavour-mode .note:nth-child(even):before{left:auto;right:21px;rotate:9deg}
.flavour-mode .journal-file-number{display:inline-block;border:2px solid var(--black);padding:3px 7px;background:var(--red);color:var(--paper);rotate:3deg}
@keyframes frost-ambient-drift{from{translate:0 0}to{translate:9px -7px}}
@keyframes frost-star-drift{from{translate:-3px 2px}to{translate:6px -5px}}
.flavour-mode #main .v2-hero-grid,.flavour-mode #main .section:after,.flavour-mode #main .comic-panel:before{animation:frost-ambient-drift 18s ease-in-out infinite alternate!important;pointer-events:none}
.flavour-mode #main .chapter-title:after{animation:frost-star-drift 14s ease-in-out infinite alternate!important;pointer-events:none}
.flavour-mode #drawer:after{animation:frost-ambient-drift 22s ease-in-out infinite alternate!important}
.flavour-mode.file-active #main *,.flavour-mode.file-active #main :before,.flavour-mode.file-active #main :after,.flavour-mode.flavour-suspended #main *,.flavour-mode.flavour-suspended #main :before,.flavour-mode.flavour-suspended #main :after,.flavour-mode.flavour-suspended #drawer:after{animation-play-state:paused!important}
.flavour-mode.reduced #main *,.flavour-mode.reduced #main :before,.flavour-mode.reduced #main :after,.flavour-mode.reduced #drawer:after{animation:none!important}
html.intro-pending .flavour-mode #main :before,html.intro-pending .flavour-mode #main :after,html.intro-pending .flavour-mode #main .v2-hero-grid{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.flavour-mode #main *,.flavour-mode #main :before,.flavour-mode #main :after,.flavour-mode #drawer:after{animation:none!important}}
@media(max-width:600px){.flavour-mode>header{gap:7px;padding-left:12px;padding-right:12px}.flavour-mode #music{font-size:9px;padding:4px 5px;min-height:34px}.flavour-mode #motion{font-size:8px;flex-shrink:0}.flavour-mode .brand small{letter-spacing:1px}.chiqi-pocket{width:27px;height:31px}.chiqi-quote{font-size:9px;line-height:1.3}.chiqi-pocket-copy .chiqi-quote{padding:2px 3px}.chiqi-pocket-copy small{font-size:7px}.flavour-mode #screen-controls{gap:6px}.flavour-mode #screen-controls button{padding:6px 8px}.chiqi-menu-guide{margin:7px 0 0;display:flex;max-width:230px}.flavour-mode .note{padding:20px 12px;gap:10px}.flavour-mode .note h3{overflow-wrap:anywhere}}
.flavour-mode #music{min-height:44px}.flavour-mode #music:disabled{opacity:.55;cursor:default}
.flavour-mode.archive-open #main *,.flavour-mode.archive-open #main :before,.flavour-mode.archive-open #main :after{animation-play-state:paused!important}
@media(max-width:360px){.flavour-mode>header{gap:5px}.flavour-mode .brand{font-size:15px}.flavour-mode .brand small{font-size:6px;letter-spacing:.5px}.flavour-mode #menu{padding:10px 8px}.flavour-mode #menu .fr-arrow{width:14px}.flavour-mode #music{font-size:8px;padding:4px}.flavour-mode #motion{font-size:7px;letter-spacing:0;min-width:44px;min-height:44px}}
.chiqi-pocket-copy .chiqi-quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}