:root{--pink:#eb398f;--blue:#087bb8;--yellow:#ffdb38;}
body{background:#fff0a6;color:#23516b;}
.topline{background:#ffdc39;color:#23516b;border-bottom:1px solid #e8bc3d;}
.header{background:transparent;}
.library-hero{padding-bottom:25px;}
.suki-title{color:#e92c87;}
.hero-book-stage{perspective:1100px;min-height:510px;isolation:isolate;}
.hero-books{position:relative;height:370px;perspective:1100px;animation:none!important;transform-style:preserve-3d;}
.hero-books .orbit-volume{top:32px;left:calc(50% - 90px);right:auto;bottom:auto;width:180px;height:290px;animation:none!important;opacity:var(--book-depth);transform:rotateY(var(--book-angle)) translateZ(220px) rotateY(calc(-1 * var(--book-angle)));transition:transform 1.3s cubic-bezier(.2,.7,.2,1),opacity .8s;transform-origin:center;box-shadow:inset 8px 0 #ffffff40,5px 6px #fff,7px 8px #8c9ba7,14px 24px 25px #244b693b;}
.hero-books .orbit-volume:hover,.hero-books .orbit-volume:focus-visible{filter:brightness(1.06);outline:3px solid #e92c87;outline-offset:5px;}
.hero-books .volume-blue{background:#75d5f8;}.hero-books .volume-pink{background:#ffa2ce;}.hero-books .volume-yellow{background:#ffe36c;}
.hero-books .volume-topic{font-size:20px;}.hero-books .volume-ribbon{font-size:8px;}.hero-books .volume-open{margin-top:auto;}
.carousel-controls{position:relative;z-index:40;display:flex;justify-content:center;align-items:center;gap:18px;margin:5px 0 25px;}
.carousel-controls button{border:1px solid #177caf;background:#fff8dc;width:42px;height:42px;border-radius:50%;color:#087bb8;font-size:22px;box-shadow:0 4px #217cae;transition:translate .2s;}.carousel-controls button:hover{translate:0 -3px;}.carousel-controls span{font-size:12px;min-width:45px;text-align:center;}
.stage-shelf{bottom:83px;background:#1689c0;box-shadow:0 8px #00618f,0 20px 25px #28536c30;}
.stage-stamp{z-index:45;background:#ffdb38;border:2px solid #e92c87;transform:rotate(12deg);}
.zukan-spread{background:#fff9df;border:2px solid #f0be2a;box-shadow:0 9px #f6cb43;}
.people-section{background:#ffd5e9;border-block:1px solid #f48ab7;}
.person-card{box-shadow:5px 7px #df6e9f35;transition:transform .3s,box-shadow .3s;transform-origin:bottom center;}
.person-card:hover{transform:perspective(800px) rotateY(-3deg) translateY(-8px);box-shadow:8px 14px #df6e9f40;}
.zukan-how{background:#d7f2ff;border:1px solid #65bce5;border-radius:4px 22px 22px 4px;padding:35px;margin-block:65px;box-shadow:7px 7px #59b8e2,11px 11px #fff9dc;}
.encounter-section{padding-block:50px;}.encounter-section #shuffle-picks{margin-bottom:28px;}.editor-picks{perspective:1200px;}
.editor-pick:nth-child(2){rotate:1deg;}.editor-pick:nth-child(3){rotate:-1deg;}.editor-pick{border-left:7px solid #ed398c;background:#fff9e5;box-shadow:4px 6px #ffffef,7px 9px #daab44;}
.pick-photo{border-radius:0;}.pick-perspective{color:#df247d;}
.recent-openings{padding-block:30px 65px;}#recent-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}#recent-books button{display:flex;flex-direction:column;background:#fff8df;border:1px solid #dfc255;border-top:6px solid #eb398f;padding:10px;text-align:left;color:#28536c;box-shadow:0 5px #e0bc46;}#recent-books img{width:100%;aspect-ratio:16/9;object-fit:cover;}#recent-books span{font-size:12px;padding-top:12px;}#recent-books small{display:block;color:#cc3879;margin-bottom:5px;}
.collection-section{background:#c9efff;border-block:1px solid #53abd5;}.collection-heading h2{color:#0a6fa6;}.search-form{box-shadow:0 6px #69bade;}.library-sidebar{border-left:5px solid #198ac0;padding-left:15px;}.sidebar-note{background:#ffe77a;transform:rotate(-2deg);box-shadow:4px 5px #228cc740;}
.video-card{background:#fff9e7;border:1px solid #6eb9d8;border-radius:3px 12px 12px 3px;box-shadow:3px 4px #ffffef,5px 7px #71bad7;padding:7px 7px 0 13px;transition:transform .3s,box-shadow .3s;position:relative;animation:catalogue-arrival .5s both;}
.video-card:before{content:'';position:absolute;left:4px;top:0;bottom:0;border-left:3px solid #f5a4c9;}.video-card:hover{transform:perspective(800px) rotateY(-4deg) translateY(-7px);box-shadow:5px 7px #fff9df,9px 14px #71bad7;}.video-grid{gap:35px 22px;}.video-grid.list .video-card{padding:9px 16px;}.video-card .card-body{padding:14px 5px 24px;}.card-number{border:1px solid #8bb2bf;padding:2px 6px;color:#426b7a;}.topic-tag{background:#ffe37d;}.video-card:nth-child(3n+2):before{border-color:#46b4e6;}.video-card:nth-child(3n+3):before{border-color:#f4d134;}.video-card:nth-child(2){animation-delay:.06s;}.video-card:nth-child(3){animation-delay:.12s;}
.format-entrances button{background:#fff1a1;border:2px solid #dcad32;box-shadow:6px 7px #e3b637;transform:rotate(-1deg);}.format-entrances button+button{background:#ffc0df;border-color:#eb78ac;box-shadow:6px 7px #e57bab;transform:rotate(1deg);}
.about-section{position:relative;background:linear-gradient(90deg,#fff9e0 49.5%,#d8c999 50%,#fff9e0 50.5%);border:1px solid #dac485;box-shadow:0 5px #fff,0 8px #dac485,0 13px #fff,0 16px #dac485,0 28px 35px #8a772931;border-radius:8px 25px 25px 8px;padding:40px;gap:45px;margin-block:85px;perspective:1000px;}.about-photo{align-self:center;transform:rotate(-3deg);box-shadow:5px 12px #f7cb47;transition:transform .5s;}.about-photo:hover{transform:rotate(0deg) translateY(-8px);}.about-copy .eyebrow{color:#e62e85;}.about-copy h2{color:#0a7bb4;}
.footer{position:relative;background:#0b7eb8;border-radius:30px 30px 0 0;color:#fff6ce;padding:50px 40px;margin-top:45px;box-shadow:0 -8px #f34598,0 -17px #ffda33;}.footer .brand,.footer .brand strong,.footer .brand small,.footer .footer-links a,.footer .footer-links button{color:#fff6ce;}.footer-thanks{font-size:20px;}.footer .brand em{color:#ffe341;}.footer-links a,.footer-links button{border-bottom:1px solid #ffffff55;padding-block:8px;}.footer:before{content:'また、ふらっと。次の一編に会いに。';display:block;color:#ffe348;font-size:clamp(20px,3vw,35px);font-weight:700;margin-bottom:25px;}
[hidden]{display:none!important;}
@keyframes catalogue-arrival{from{opacity:0;transform:translateY(25px) rotateX(5deg);}to{opacity:1;transform:none;}}
.motion-paused *{animation-play-state:paused!important;}.motion-paused .orbit-volume{transition:none;}
@media(max-width:900px){.library-hero{overflow:hidden;}.about-section{padding:26px;gap:30px;}#recent-books{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.hero-book-stage{min-height:450px;}.hero-books{height:315px;}.hero-books .orbit-volume{left:calc(50% - 73px);width:146px;height:255px;top:22px;padding:13px 10px 10px 19px;transform:rotateY(var(--book-angle)) translateZ(155px) rotateY(calc(-1 * var(--book-angle)));}.hero-books .volume-topic{font-size:15px;}.hero-books .volume-ribbon{font-size:6px;}.hero-books .orbit-volume>strong{font-size:9px;}.carousel-controls{margin-top:0;}.stage-shelf{bottom:76px;}.stage-stamp{font-size:14px;}.zukan-how{padding:22px;margin-block:35px;}.about-section{background:#fff9df;padding:23px;gap:38px;margin-block:55px;}.about-copy{border-top:1px solid #d8c999;padding-top:30px;}.video-grid{gap:28px 16px;}.video-card{padding:5px 5px 0 10px;}.footer{padding:35px 23px;}.footer-thanks{font-size:14px;}.library-sidebar{padding-left:8px;}.encounter-section{padding-block:35px;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;}.hero-book-stage{transform:none;}}

/* Keep the moving covers clear of their navigation and shelf. */
.hero-book-stage{perspective:none;}
.hero-books{position:absolute;inset:0 0 110px;height:370px;perspective:1000px;}
.hero-books .orbit-volume{transform:rotateY(var(--book-angle)) translateZ(150px) rotateY(calc(-.75 * var(--book-angle)));height:275px;top:35px;}
.hero-books .volume-topic{font-size:17px;}
.carousel-controls{position:absolute;left:0;right:0;bottom:62px;margin:0;}
.stage-shelf{bottom:120px;}
.stage-note{bottom:0;}
@media(max-width:600px){.hero-books .orbit-volume{height:245px;transform:rotateY(var(--book-angle)) translateZ(125px) rotateY(calc(-.75 * var(--book-angle)));}.hero-books .volume-topic{font-size:14px;}.carousel-controls{bottom:60px;}.stage-shelf{bottom:112px;}}