*{box-sizing:border-box}body{margin:0}.corner-page{max-width:640px;margin:auto;padding:24px 24px 60px}.corner-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:5px}.corner-page h1{text-align:center;margin:24px 0 32px}.corner-page footer{text-align:center;font-size:12px;margin-top:40px}.novelgrid{display:grid}.gridmore{display:block;text-align:center}
.ycar{max-width:420px;margin:0 auto 20px}.ycar__name{text-align:center;font-size:20px;margin:16px 0}.ycar__stage{position:relative;overflow:hidden;border:1px solid var(--cafe-line);touch-action:pan-y}.ycar__track{display:flex;transition:transform .35s ease}.ycar__slide{flex:0 0 100%;min-width:0;display:block}.ycar__slide img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.ycar__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:26px;cursor:pointer}.ycar__nav--prev{left:8px}.ycar__nav--next{right:8px}.ycar__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.ycar__chips button{font-size:14px;min-height:44px;padding:6px 12px;cursor:pointer}
html[data-cafe-novel-menu] #cafe-novels{grid-column:1/-1;padding:24px 0 16px;background:none;border:0;box-shadow:none;--cafe-ink:#254b3a;--cafe-accent:#276349;--cafe-muted:#526956}
html[data-cafe-novel-menu] #cafe-novels .yume__head{justify-content:center;padding:0;margin:0;border:0;gap:10px}
html[data-cafe-novel-menu] #cafe-novels .yume__head::before{width:32px;height:32px}
html[data-cafe-novel-menu] #cafe-novels>.cafe-spark{display:none}
html[data-cafe-novel-menu] #novelGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 40px;max-width:680px;margin:28px auto 0;padding:16px 0 24px;align-items:center;justify-items:center}
html[data-cafe-novel-menu] #novelGrid .novel-bubble{position:relative;width:100%;max-width:160px;aspect-ratio:1;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;transform:none;rotate:none;animation:none;transition:none;-webkit-tap-highlight-color:transparent}
html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(2){max-width:128px;top:20px;--bubble-delay:-3s;--bubble-duration:8s}
html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(3){max-width:144px;top:-12px;--bubble-delay:-5s}
html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(4){max-width:128px;top:12px;--bubble-delay:-2s;--bubble-duration:9s}
html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(5){max-width:160px;top:24px;--bubble-delay:-6s}
html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(6){max-width:112px;top:-8px;--bubble-delay:-4s;--bubble-duration:8s}
html[data-cafe-novel-menu] #novelGrid img{position:absolute;inset:18.75%;width:62.5%;height:62.5%;object-fit:cover;image-rendering:auto;clip-path:polygon(20% 0,80% 0,80% 5%,95% 5%,95% 20%,100% 20%,100% 80%,95% 80%,95% 95%,80% 95%,80% 100%,20% 100%,20% 95%,5% 95%,5% 80%,0 80%,0 20%,5% 20%,5% 5%,20% 5%)}
html[data-cafe-novel-menu] #novelGrid:focus-within .novel-bubble__body,html[data-cafe-novel-menu] #novelGrid:hover .novel-bubble__body,html[data-cafe-novel-menu][data-cafe-paused="true"] .novel-bubble__body{animation-play-state:paused}
html[data-cafe-novel-menu] #novelGrid .novel-bubble:hover{outline:none;transform:none}
html[data-cafe-novel-menu] #novelGrid .novel-bubble:focus-visible{outline:2px dashed #276349;outline-offset:4px}
html[data-cafe-novel-menu] #novelGrid .novel-bubble:hover .novel-bubble__body,html[data-cafe-novel-menu] #novelGrid .novel-bubble:focus-visible .novel-bubble__body{filter:brightness(1.06)}
html[data-cafe-novel-menu] #cafe-novels .gridmore{width:fit-content;min-height:44px;margin:28px auto 0;padding:8px 4px;font-size:14px;text-decoration:underline;text-underline-offset:6px}
@media(max-width:680px){html[data-cafe-novel-menu] #cafe-novels{padding:20px 0 12px}html[data-cafe-novel-menu] #novelGrid{max-width:420px;gap:16px 12px;margin-top:20px}html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(2){width:84%}html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(3){width:94%}html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(4){width:88%}html[data-cafe-novel-menu] #novelGrid .novel-bubble:nth-child(6){width:78%}html[data-cafe-novel-menu] .hero .cafe-mascot{width:80px;height:120px}}
html[data-cafe-novel-menu] #cafe-novels{--cafe-ink:#623e3a;--cafe-accent:#a53849;--cafe-muted:#795850}
@media(prefers-reduced-motion:reduce){.ycar__track{transition:none}}
