@layer theme,base;@layer components{.dz-shoten{--paper:#f5f0e6;--paper-2:#ece5d6;--ink:#1e1a16;--muted:#6b6257;--green:#1f4b3a;--green-2:#2b6650;--vermilion:#c23b2e;--rule:#1e1a1624;--primary:var(--vermilion);--background:var(--paper);--foreground:var(--ink);--muted-foreground:var(--muted);--primary-foreground:#fff8ee;--border:var(--rule);--card:#fffdf6;--ring:var(--green);--radius:2px;--font-heading:var(--font-shoten-mincho);background:var(--paper);min-height:100svh;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;display:flex}.dz-shoten ::selection{background:var(--green);color:var(--paper)}.dz-shoten :focus-visible{outline:2px solid var(--green);outline-offset:3px}.dz-shoten main{flex:1}.sh-wrap{width:100%;max-width:76rem;margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.sh-wrap{padding-inline:1.75rem}}.sh-header{z-index:40;border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f0e6e0;position:sticky;top:0}.sh-link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .35s cubic-bezier(.22,1,.36,1)}.sh-link:hover{background-size:100% 1px}.sh-search-link{align-items:center;gap:.35rem;min-height:2.75rem;padding-inline:.25rem;font-weight:600;display:inline-flex}.sh-search-link:hover{color:var(--green)}@media (min-width:640px){.sh-search-link{font-weight:400}}.sh-button,.sh-button-outline,.sh-button-quiet{border-radius:2px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;transition:background-color .2s,color .2s,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:inline-flex}.sh-button{background:var(--green);min-height:3rem;color:var(--paper);padding:0 1.5rem;box-shadow:0 2px #12301f}.sh-button:hover{background:var(--green-2);transform:translateY(-1px)}.sh-button:active{transform:translateY(1px);box-shadow:0 1px #12301f}.sh-button:disabled{opacity:.6;cursor:progress}.sh-button-outline{border:1px solid var(--ink);min-height:2.25rem;padding:0 1rem;font-size:.85rem}.sh-button-outline:hover{background:var(--ink);color:var(--paper)}.sh-button-quiet{min-height:3rem;color:var(--ink);background:#fffdf699;border:1px solid #1e1a1652;padding:0 1.25rem;font-weight:500}.sh-button-quiet:hover{border-color:var(--ink);color:var(--ink)}.sh-vertical{writing-mode:vertical-rl;font-family:var(--font-shoten-mincho), serif;letter-spacing:.06em;font-weight:900;line-height:1.35}.sh-vertical span{display:block}.sh-gate{align-content:center;justify-items:center;gap:2rem;min-height:100svh;padding:3rem 1.25rem 5rem;display:grid}@media (min-width:900px){.sh-gate{grid-template-columns:auto 22rem;justify-content:center;gap:5rem}}.sh-book{aspect-ratio:5/7;width:min(100%,20rem);box-shadow:1px 1px 0 var(--rule), 18px 24px 50px -24px #3c281473, inset 10px 0 12px -10px #0000002e;background:#fbf8f2;flex-direction:column;animation:.9s cubic-bezier(.22,1,.36,1) both sh-book-in;display:flex;position:relative}.sh-book-brand{font-family:var(--font-shoten-mincho), serif;align-items:center;gap:.5rem;padding:1.1rem 1.25rem 0;font-size:.95rem;display:flex}.sh-book-body{flex:1;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.sh-gate-title{order:2;font-size:clamp(1.9rem,8vw,2.3rem)}.sh-stamp{border:3px solid var(--vermilion);width:4.5rem;height:4.5rem;color:var(--vermilion);font-family:var(--font-shoten-mincho), serif;mix-blend-mode:multiply;border-radius:50%;order:1;align-self:flex-end;place-items:center;line-height:1;animation:.55s cubic-bezier(.34,1.56,.64,1) .65s both sh-stamp;display:grid;transform:rotate(-12deg)}.sh-stamp span{margin-top:.4rem;font-size:1.9rem}.sh-stamp small{letter-spacing:.1em;margin-top:-.6rem;font-size:.6rem}.sh-obi{background:var(--vermilion);color:#fff8ee;padding:1rem 1.25rem;font-size:.8rem;font-weight:700;line-height:1.8}.sh-gate-actions{align-content:center;align-self:center;gap:.85rem;width:min(100%,22rem);animation:.8s cubic-bezier(.22,1,.36,1) .3s both sh-rise;display:grid}.sh-gate-actions .sh-button,.sh-gate-actions .sh-button-quiet{width:100%}.sh-hero{gap:2.5rem;padding-block:3rem 2rem;display:grid}@media (min-width:900px){.sh-hero{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:4rem;padding-block:5rem 3rem}}.sh-hero-copy{flex-direction:row-reverse;justify-content:flex-end;gap:1.75rem;display:flex}.sh-hero-title{flex-shrink:0;font-size:clamp(2.3rem,10vw,3.6rem);animation:.9s cubic-bezier(.22,1,.36,1) both sh-rise}.sh-hero-lead{flex-direction:column;justify-content:flex-end;gap:1.25rem;max-width:17rem;animation:.9s cubic-bezier(.22,1,.36,1) .15s both sh-rise;display:flex}.sh-pop{border:1px solid var(--rule);box-shadow:3px 3px 0 var(--paper-2);font-family:var(--font-shoten-hand), serif;color:var(--green);background:#fffdf6;align-self:flex-start;padding:.6rem .9rem;font-size:1.05rem;transform:rotate(-2deg)}.sh-shelf{--h:min(31vw, 9.5rem);--n:3;--gap:clamp(.6rem, 2vw, 1.1rem);--fit:calc((100cqw - 1rem - (var(--n) - 1) * var(--gap)) / var(--n) / .8 / 1.05);justify-content:center;align-items:flex-end;gap:var(--gap);padding:2rem .5rem 0;display:flex;position:relative;container-type:inline-size}.sh-shelf:after{content:"";background:linear-gradient(#d8ccb6,#c7b89c);border-radius:1px;height:14px;position:absolute;bottom:-14px;left:0;right:0;box-shadow:0 14px 24px -14px #3c281499}.sh-shelf-book{filter:drop-shadow(6px 6px 8px #3c281447);transform-origin:50% 100%;min-width:0;animation:.8s cubic-bezier(.22,1,.36,1) both sh-shelve;animation-delay:calc(.25s + var(--i) * 90ms);flex-shrink:0;transition:transform .45s cubic-bezier(.22,1,.36,1)}.sh-shelf-book:nth-child(n+4){display:none}.sh-shelf.is-empty{min-height:calc(var(--h) + 2rem);container-type:normal}.sh-shelf-link{border-radius:1px;display:block}.sh-shelf-link:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.sh-shelf-book img{height:calc(min(var(--h), var(--fit)) * (1 + var(--i) * .07 - var(--i) * var(--i) * .025));width:auto;max-width:calc((100cqw - 1rem - (var(--n) - 1) * var(--gap)) / var(--n));aspect-ratio:auto 5/7;object-fit:contain;object-position:center bottom;display:block}.sh-shelf-book:hover,.sh-shelf-book:focus-within{transform:translateY(-10px)}@media (min-width:640px){.sh-shelf-book:nth-child(n+4){display:block}.sh-shelf{--h:7.5rem;--n:5}}@media (min-width:900px){.sh-shelf{--h:8.5rem;--n:4;justify-content:safe flex-end}.sh-shelf-book:nth-child(n+5){display:none}}@media (min-width:1200px){.sh-shelf{--h:9.5rem}}.sh-list-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;margin-inline:-1rem;padding:.75rem 1rem 1rem;display:flex;overflow-x:auto}.sh-list-rail>li{scroll-snap-align:start;flex-shrink:0;width:78%}@media (min-width:640px){.sh-list-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.sh-list-rail>li{width:auto}}@media (min-width:1024px){.sh-list-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}.sh-pop-card{border:1px solid var(--rule);background:#fffdf6;height:100%;padding:1.5rem 1.25rem 1.25rem;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:block;position:relative}.sh-pop-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px -20px #3c281480}.sh-tape{width:4.5rem;height:1.3rem;transform:translateX(-50%) rotate(var(--r));background:#c23b2ec7;position:absolute;top:-10px;left:50%}.sh-stack{border-bottom:1px dashed var(--rule);justify-content:center;align-items:flex-end;gap:.4rem;height:8.5rem;padding-bottom:.75rem;display:flex}.sh-stack img{filter:drop-shadow(3px 4px 4px #3c281440);transition:transform .4s cubic-bezier(.22,1,.36,1)}.sh-pop-card:hover .sh-stack img:nth-child(2){transform:translateY(-6px)}.sh-pop-title{font-family:var(--font-shoten-hand), serif;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1rem;font-size:1.1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.sh-table{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:640px){.sh-table{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.sh-table{grid-template-columns:repeat(6,minmax(0,1fr))}}.sh-table>li{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.sh-work{height:100%;padding:1rem;transition:background-color .3s;display:block}.sh-work:hover{background:#fffdf6}.sh-work-cover{aspect-ratio:4/5;justify-content:center;align-items:flex-end;display:flex}.sh-work-cover img{filter:drop-shadow(4px 6px 6px #3c281447);transition:transform .4s cubic-bezier(.22,1,.36,1)}.sh-work:hover .sh-work-cover img{transform:translateY(-6px)}.sh-how{background:var(--paper-2)}.sh-kanji{font-family:var(--font-shoten-mincho), serif;color:var(--vermilion);font-size:2.5rem;line-height:1}.sh-footer{border-top:1px solid var(--ink);background:var(--paper)}.sh-footer-sign{border-bottom:1px solid var(--rule);background:repeating-linear-gradient(90deg, transparent 0 46px, #1e1a1609 46px 47px), var(--paper-2)}.sh-footer-pop{font-family:var(--font-shoten-hand), serif;color:var(--green);font-size:clamp(1.05rem,3.6vw,1.35rem);font-weight:600}.sh-inline-link{text-underline-offset:3px;text-decoration:underline}.sh-inline-link:hover{color:var(--green)}.sh-credit a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}html:has(.dz-shoten){background:#f5f0e6}.dz-shoten .pg-kicker{color:var(--vermilion)}.dz-shoten .pg-title{letter-spacing:.06em;font-weight:900}.dz-shoten .pg-legal-head{border-bottom:1px solid var(--ink);padding-bottom:2rem}.dz-shoten .pg-toc ol{border-left-color:var(--ink)}.dz-shoten .pg-toc a:hover{border-color:var(--vermilion)}.dz-shoten .pg-prose h2{border-bottom:1px dashed var(--rule);padding-bottom:.6rem;font-weight:900}.dz-shoten .pg-prose h2 span{font-family:var(--font-shoten-mincho), serif;letter-spacing:.05em;font-size:1rem}.dz-shoten .pg-prose p,.dz-shoten .pg-prose li,.dz-shoten .pg-prose dd{color:#1e1a16e0}.dz-shoten .pg-prose dl{box-shadow:3px 3px 0 var(--paper-2)}.dz-shoten .pg-prose a{color:var(--green)}.dz-shoten .pg-prose h3{font-weight:900}.dz-shoten .pg-prose h3:before{content:"";background:var(--vermilion);vertical-align:.15em;border-radius:999px;width:.5rem;height:.5rem;margin-right:.55rem;display:inline-block}.dz-shoten .pg-table-wrap{border-color:var(--ink);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf8}.dz-shoten .pg-table-wrap th{border-bottom-color:var(--ink);background:var(--paper-2);color:var(--ink)}.dz-shoten .pg-table-wrap td{border-bottom:1px dashed var(--rule)}@media (max-width:639px){.dz-shoten .pg-table-stack tr{border-bottom:1px dashed var(--rule)}.dz-shoten .pg-table-stack td{border-bottom:0}}.dz-shoten .pg-table-wrap tbody tr:hover{background:#c23b2e0d}.dz-shoten .pg-code{background:var(--ink);box-shadow:3px 3px 0 var(--paper-2)}.dz-shoten .pg-code-lang{background:var(--vermilion);font-family:var(--font-shoten-mincho), serif;letter-spacing:.08em}.dz-shoten .pg-doc-pill{border-color:var(--ink);box-shadow:2px 2px 0 var(--paper-2);background:#fffdf8}.dz-shoten .pg-doc-pill:hover{border-color:var(--vermilion);color:var(--vermilion)}.dz-shoten .pg-toc-mobile{border-color:var(--ink);background:#fffdf8}.dz-shoten .pg-prose :not(pre)>code{background:#1e1a1612}.dz-shoten .pg-welcome-card{border-color:var(--ink);box-shadow:4px 4px 0 var(--paper-2);background:#fffdf8;border-radius:0}.dz-shoten .pg-welcome-card:before{content:"";background:var(--vermilion);width:3.5rem;height:6px;position:absolute;top:-1px;left:1.5rem}.dz-shoten .pg-welcome-label,.dz-shoten .pg-welcome-at,.dz-shoten .pg-welcome-uses svg{color:var(--vermilion)}.dz-shoten .pg-welcome-uses{border-top-color:var(--rule)}.dz-shoten .pg-welcome-form{border-color:var(--ink);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf8;border-radius:0}.dz-shoten .pg-handle-hint{border-color:var(--ink);border-left:4px solid var(--vermilion);box-shadow:3px 3px 0 var(--paper-2);background:#fffbea;border-radius:0}.dz-shoten .pg-handle-hint-icon{color:var(--vermilion)}.dz-shoten .pg-handle-hint-go{background:var(--green);color:var(--paper);border-radius:0}.dz-shoten .pg-account-panel .pg-account-hint a{color:var(--vermilion)}.dz-shoten .pg-wish.is-on{border-color:var(--vermilion);color:var(--vermilion)}.dz-shoten .pg-notice{border-color:var(--rule);background:#fffdf8;border-radius:0}.dz-shoten .pg-notice.is-unread{border-color:var(--ink);border-left:4px solid var(--vermilion);box-shadow:3px 3px 0 var(--paper-2)}.dz-shoten .pg-notice-type{color:var(--vermilion)}.dz-shoten .pg-notice-new{background:var(--vermilion);border-radius:0}.dz-shoten .pg-wish-dropped{border-color:var(--vermilion);color:var(--vermilion);border-radius:0}.dz-shoten .pg-follow{border-color:var(--ink);box-shadow:2px 2px 0 var(--paper-2);background:#fffdf8;border-radius:0}.dz-shoten .pg-follow.is-on{border-color:var(--vermilion);color:var(--vermilion);background:#fff6ef}.dz-shoten .pg-switch[aria-checked=true] .pg-switch-track{background:var(--green)}.dz-shoten .pg-author-head{border-bottom-color:var(--ink)}.dz-shoten .pg-section-title{font-weight:900}.dz-shoten .pg-followed{border-color:var(--ink);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf8;border-radius:0}.dz-shoten .pg-followed-title svg{color:var(--vermilion)}.dz-shoten .pg-links-compare{border:1px dashed var(--ink);background:#fffbea;border-radius:0}.dz-shoten .pg-links-compare svg,.dz-shoten .pg-links-verdict{color:var(--vermilion)}.dz-shoten .pg-wish-savings{border-color:var(--vermilion);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf8;border-radius:0}.dz-shoten .pg-wish-savings:before{border-color:var(--vermilion)}.dz-shoten .pg-wish-savings-label,.dz-shoten .pg-wish-savings-amount strong{color:var(--vermilion)}.dz-shoten .pg-wish-savings-amount strong{font-family:var(--font-shoten-mincho), serif}.dz-shoten .pg-notice-day{font-family:var(--font-shoten-mincho), serif;color:var(--ink)}.dz-shoten .pg-notice-day:after{background:var(--ink)}.dz-shoten .pg-links-bar,.dz-shoten .pg-links-bar-fill{border-radius:0}.dz-shoten .pg-links-bar-fill.is-cheaper{background:var(--vermilion)}.dz-shoten .pg-author-next{border-color:var(--ink);border-left:4px solid var(--vermilion);box-shadow:2px 2px 0 var(--paper-2);background:#fffdf8;border-radius:0}.dz-shoten .pg-author-next-label,.dz-shoten .pg-author-next-days strong{color:var(--vermilion)}.dz-shoten .pg-author-next-days strong{font-family:var(--font-shoten-mincho), serif}.dz-shoten .pg-status-code{border:4px solid var(--vermilion);letter-spacing:.04em;min-width:9.5rem;height:9.5rem;color:var(--vermilion);mix-blend-mode:multiply;border-radius:999px;place-items:center;padding:0 1.25rem;font-size:clamp(2.6rem,12vw,3.4rem);font-weight:900;animation:.55s cubic-bezier(.34,1.56,.64,1) .2s both sh-stamp;display:inline-grid;transform:rotate(-10deg)}.dz-shoten .pg-status-code:after{content:none}.dz-shoten .pg-button{background:var(--green);color:var(--paper);box-shadow:0 2px #12301f}.dz-shoten .pg-button:hover{background:var(--green-2)}.dz-shoten .pg-works-head{padding-bottom:0}.dz-shoten .pg-search-input{border-color:var(--ink);background:#fffdf6;border-radius:2px}.dz-shoten .pg-search-button{background:var(--green);color:var(--paper);box-shadow:0 2px #12301f}.dz-shoten .pg-tabs{border-bottom-color:var(--ink)}.dz-shoten .pg-tab{font-family:var(--font-shoten-mincho), serif;font-size:1.05rem;font-weight:900}.dz-shoten .pg-tab[aria-current=page]{border-bottom-width:3px;border-color:var(--vermilion)}.dz-shoten .pg-filter{box-shadow:2px 2px 0 var(--paper-2);background:#fffdf6;border-radius:2px}.dz-shoten .pg-count strong{font-weight:900}.dz-shoten .pg-sort[aria-current=true],.dz-shoten .pg-page-number[aria-current=page]{background:var(--green);color:var(--paper)}.dz-shoten .pg-cover{background:0 0}.dz-shoten .pg-cover .cover-img{object-position:center bottom;filter:drop-shadow(4px 6px 6px #3c281447)}.dz-shoten .pg-cover-empty{border-color:var(--rule);font-family:var(--font-shoten-mincho), serif;background:repeating-linear-gradient(135deg,#1e1a1608 0 1px,#0000 1px 8px),#fffdf6}.dz-shoten .pg-work-grid{gap:2.5rem 0}.dz-shoten .pg-work-card{outline-offset:4px;border-radius:0;padding:0 .85rem}.dz-shoten .pg-work-card .pg-work-cover:after{content:"";background:linear-gradient(#e4d9c3,#cbbb9c 70%,#b9a886);height:9px;position:absolute;top:100%;left:-.85rem;right:-.85rem;box-shadow:0 12px 16px -12px #3c28148c}.dz-shoten .pg-work-card .pg-work-title{margin-top:1.25rem}.dz-shoten .pg-work-cover,.dz-shoten .pg-detail-cover{justify-content:center;align-items:flex-end;display:flex;transform:none;container-type:size}.dz-shoten .pg-work-cover .cover-book,.dz-shoten .pg-detail-cover .cover-book{--edge:clamp(2px, calc(1.5px + var(--pages,100) * .045px), 16px);margin-right:var(--edge);filter:drop-shadow(5px 6px 6px #3c28144d);transition:transform .5s var(--ease-out-quint), filter .5s var(--ease-out-quint);display:block;position:relative}.dz-shoten .pg-detail-cover .cover-book{--edge:clamp(3px, calc(2px + var(--pages,100) * .07px), 24px)}.dz-shoten .pg-work-cover .cover-img,.dz-shoten .pg-detail-cover .cover-img{width:auto;height:auto;max-width:calc(100cqw - var(--edge));filter:none;max-height:100cqh;display:block;position:static}.dz-shoten .pg-work-cover .cover-book:after,.dz-shoten .pg-detail-cover .cover-book:after{content:"";width:var(--edge);clip-path:polygon(0 0,100% 3px,100% 100%,0 100%);background:linear-gradient(90deg,#3c281438,#3c28140a 45%,#3c28141f),repeating-linear-gradient(90deg,#f6f0e2 0 1px,#e3d8c2 1px 2px);border-right:1px solid #3c281459;position:absolute;top:0;bottom:0;left:100%}.dz-shoten .cover-book[data-shape=wide]{margin-right:0}.dz-shoten .cover-book[data-shape=wide] .cover-img{max-width:100cqw}.dz-shoten .cover-book[data-shape=wide]:after{display:none}.dz-shoten .pg-work-card:hover .pg-work-cover{transform:none}.dz-shoten .pg-work-card:hover .cover-book,.dz-shoten .pg-work-card:focus-visible .cover-book{filter:drop-shadow(7px 14px 10px #3c281457);transform:translateY(-10px)}.dz-shoten .pg-work-card:active .cover-book{transition-duration:.12s;transform:translateY(-6px)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.dz-shoten .pg-work-grid .cover-book{animation:linear both sh-slot-in;animation-timeline:view();animation-range:entry 5% entry 70%}}}.dz-shoten .pg-work-card:hover .pg-work-title{color:var(--green)}.dz-shoten .pg-badge{background:var(--vermilion);color:#fff8ee;border-radius:0}.dz-shoten .pg-empty{border-color:var(--rule);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf6}.dz-shoten .pg-chip{background:var(--paper);border-radius:2px}.dz-shoten .pg-chip:hover{border-color:var(--green);color:var(--green)}.dz-shoten .pg-detail-cover{background:0 0}.dz-shoten .pg-detail-cover:after{content:"";background:linear-gradient(#d8ccb6,#c7b89c);height:12px;position:absolute;bottom:-12px;left:-6%;right:-6%;box-shadow:0 12px 20px -12px #3c281499}.dz-shoten .pg-detail-title{letter-spacing:.02em;font-weight:900}.dz-shoten .pg-badge-inline{background:var(--vermilion);color:#fff8ee;border-radius:0}.dz-shoten .pg-badge-inline.is-ended{background:var(--ink);color:var(--paper)}.dz-shoten .pg-detail-ended{border-color:var(--ink);border-left-color:var(--ink);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf6;border-radius:0}.dz-shoten .pg-detail-authors a:hover{-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.dz-shoten .pg-detail-price{font-weight:900}.dz-shoten .pg-buy{min-height:3.25rem;padding:0 1.75rem}.dz-shoten .pg-button-ghost{border-color:var(--ink);border-radius:2px}.dz-shoten .pg-button-ghost:hover{border-color:var(--green);color:var(--green)}.dz-shoten .pg-detail-info{border:1px solid var(--ink);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf6;padding:1.25rem 1.25rem .5rem}.dz-shoten .pg-detail-info h2{font-family:var(--font-shoten-mincho), serif;letter-spacing:.3em;color:var(--ink);font-size:1rem;font-weight:900}.dz-shoten .pg-detail-info dl{border-top-color:var(--ink)}.dz-shoten .pg-detail-info dt{font-family:var(--font-shoten-mincho), serif}.dz-shoten .pg-detail-info dt,.dz-shoten .pg-detail-info dd{border-bottom-style:dashed}.dz-shoten .pg-detail-info dd a:hover{color:var(--green)}.dz-shoten .pg-related-title{border-bottom:1px solid var(--ink);padding-bottom:.6rem;font-weight:900}.dz-shoten .pg-related-rail .pg-cover .cover-img{object-position:center bottom}.dz-shoten .pg-account-trigger{border-color:var(--ink);background:#fffdf6;border-radius:2px}.dz-shoten .pg-account-avatar{background:var(--green);color:var(--paper);font-family:var(--font-shoten-mincho), serif;border-radius:2px}.dz-shoten .pg-account-panel{border-color:var(--ink);box-shadow:4px 4px 0 var(--paper-2);background:#fffdf6;border-radius:2px}.dz-shoten .pg-account-panel a,.dz-shoten .pg-account-signout{border-radius:0}.dz-shoten .pg-account-panel a:hover{background:var(--paper);color:var(--green)}.dz-shoten .pg-panel,.dz-shoten .pg-mylist,.dz-shoten .pg-popover-panel{border-color:var(--ink);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf6;border-radius:2px}.dz-shoten .pg-panel-title{border-bottom:1px solid var(--ink);padding-bottom:.6rem;font-weight:900}.dz-shoten .pg-item{border-color:var(--rule);background:var(--paper);border-radius:0}.dz-shoten .pg-item-no{color:var(--vermilion);font-weight:900}.dz-shoten .pg-input,.dz-shoten .pg-icon-button{border-color:var(--rule);background:#fffdf6;border-radius:2px}.dz-shoten .pg-icon-button:hover{border-color:var(--green);color:var(--green)}.dz-shoten .pg-state{border-radius:2px}.dz-shoten .pg-state[data-state=public]{border-color:var(--green);color:var(--green)}.dz-shoten .pg-feedback{border-color:var(--rule);border-left-color:var(--green);background:#fffdf6;border-radius:0}.dz-shoten .pg-feedback.is-error{border-left-color:var(--vermilion)}.dz-shoten .pg-button-danger{background:var(--vermilion);box-shadow:0 2px 0 color-mix(in oklab, var(--vermilion) 55%, #000)}.dz-shoten .pg-button-danger:hover{background:color-mix(in oklab, var(--vermilion) 85%, #000)}.dz-shoten .pg-button-danger:disabled{background:var(--vermilion)}.dz-shoten .pg-danger{border-style:dashed;border-color:var(--rule);box-shadow:none}.dz-shoten .pg-filter-toggle,.dz-shoten .pg-filter-panel{border-color:var(--ink);background:#fffdf6;border-radius:2px}.dz-shoten .pg-filter-panel{box-shadow:3px 3px 0 var(--paper-2)}.dz-shoten .pg-filter-title{border-bottom:1px solid var(--rule);padding-bottom:.35rem;font-weight:900}.dz-shoten .pg-facet-check{border-radius:2px}.dz-shoten .pg-filter-count,.dz-shoten .pg-facet-main[data-state=on] .pg-facet-check,.dz-shoten .pg-choice-chip[aria-current=true]{border-color:var(--green);background:var(--green);color:var(--paper)}.dz-shoten .pg-choice-chip{background:var(--paper);border-radius:2px}.dz-shoten .pg-choice-chip:hover{border-color:var(--green)}.dz-shoten .pg-facet-exclude[aria-current=true]{color:var(--vermilion)}.dz-shoten .pg-list-title{letter-spacing:.04em;font-weight:900}.dz-shoten .pg-list-head{border-bottom:1px solid var(--ink);max-width:none;padding-bottom:1.5rem}.dz-shoten .pg-list-description{max-width:48rem}.dz-shoten .pg-list-no{background:var(--vermilion);color:#fff8ee;border-radius:0;font-weight:900;transform:rotate(-4deg)}.dz-shoten .pg-list-note{border-color:var(--rule);box-shadow:2px 2px 0 var(--paper-2);font-family:var(--font-shoten-hand), serif;color:var(--green);background:#fffdf6;border-radius:0;transform:rotate(-.6deg)}.dz-shoten .pg-list-note:before{border-color:var(--rule);background:#fffdf6}.dz-shoten .pg-list-card .pg-cover .cover-img{object-position:center bottom;filter:drop-shadow(4px 6px 6px #3c281447)}.dz-shoten .pg-list-card .pg-cover{background:0 0}.dz-shoten .pg-badge.is-ended{background:var(--ink);color:var(--paper)}.dz-shoten .pg-badge.is-drop,.dz-shoten .pg-badge-inline.is-drop{border:1px solid var(--vermilion);color:var(--vermilion);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%);background:#fffdf6;border-radius:0}.dz-shoten .pg-price.is-drop,.dz-shoten .pg-detail-price.is-drop{color:var(--vermilion)}.dz-shoten .pg-drop-rate{background:var(--vermilion);color:#fff8ee;font-family:var(--font-shoten-mincho), serif;letter-spacing:.04em;border-radius:0}.dz-shoten .pg-feed-day{color:var(--vermilion)}.dz-shoten .pg-feed-title{font-weight:900}.dz-shoten .pg-feed-group{border-bottom-color:var(--ink)}.dz-shoten .pg-feed-works .pg-cover{background:0 0}.dz-shoten .pg-feed-works .pg-cover .cover-img{object-position:center bottom;filter:drop-shadow(3px 5px 5px #3c281440)}.dz-shoten .pg-feed-more a{border-color:var(--rule);font-family:var(--font-shoten-hand), serif;color:var(--green);background:#fffdf6;border-radius:0}.dz-shoten .pg-subscribed-label{color:var(--green)}@keyframes sh-notice-pin{0%{opacity:0;transform:translateY(-10px)rotate(-2.2deg)}70%{opacity:1;transform:translateY(1px)rotate(.2deg)}to{opacity:1;transform:rotate(-.4deg)}}.dz-shoten .pg-theme-band{background:var(--green);color:var(--paper);border-bottom:0;box-shadow:inset 0 -3px #0000001f}.dz-shoten .pg-theme-band:hover{background:var(--green-2)}.dz-shoten .pg-theme-band-inner{max-width:76rem}.dz-shoten .pg-theme-band-label{background:var(--vermilion);color:#fff8ee;font-family:var(--font-shoten-hand), serif;padding:.1rem .5rem;transform:rotate(-2deg)}.dz-shoten .pg-theme-band-title{font-family:var(--font-shoten-mincho), serif;font-size:1.05rem;font-weight:900}.dz-shoten .pg-theme-band-period{color:#f5f0e6bf}.dz-shoten .pg-theme-band-cta{font-family:var(--font-shoten-hand), serif;color:#f6e7c8;font-weight:600}.dz-shoten .pg-theme-card,.dz-shoten .pg-theme-notice{border-color:var(--ink);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf6;border-radius:0;position:relative}.dz-shoten .pg-theme-card:hover,.dz-shoten .pg-theme-card:focus-visible{border-color:var(--green);box-shadow:4px 5px 0 var(--green)}.dz-shoten .pg-theme-card:before,.dz-shoten .pg-theme-notice:before{content:"";background:radial-gradient(circle at 35% 35%, #e0705f, var(--vermilion) 60%);border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-6px;left:50%;box-shadow:1px 2px #1e1a164d}.dz-shoten .pg-theme-notice{box-shadow:5px 6px 0 var(--paper-2);background:repeating-linear-gradient(#0000 0 2.1rem,#1f4b3a12 2.1rem calc(2.1rem + 1px)),#fffdf6;animation:.55s cubic-bezier(.22,1,.36,1) both sh-notice-pin;transform:rotate(-.4deg)}.dz-shoten .pg-theme-status{background:var(--vermilion);font-family:var(--font-shoten-hand), serif;border-radius:0;transform:rotate(-3deg)}.dz-shoten [data-status=closed] .pg-theme-status{background:var(--ink);color:var(--paper)}.dz-shoten .pg-theme-stamp{border-color:var(--vermilion);color:var(--vermilion);font-family:var(--font-shoten-mincho), serif;box-shadow:inset 0 0 0 3px #fffdf6, inset 0 0 0 4px var(--vermilion);mix-blend-mode:multiply;font-weight:900}.dz-shoten .pg-theme-title,.dz-shoten .pg-theme-heading,.dz-shoten .pg-section-title{font-family:var(--font-shoten-mincho), serif;font-weight:900}.dz-shoten .pg-theme-head{border-bottom-color:var(--ink)}.dz-shoten .pg-theme-lead{font-family:var(--font-shoten-hand), serif;color:var(--green);font-size:1rem;line-height:2.1rem}.dz-shoten .pg-theme-tag{border:1px dashed var(--green);color:var(--green);font-family:var(--font-shoten-hand), serif;padding:.25rem .6rem}.dz-shoten .pg-recommend-reason{border-color:var(--rule);border-top:3px solid var(--vermilion);box-shadow:2px 2px 0 var(--paper-2);font-family:var(--font-shoten-hand), serif;color:var(--green);background:#fffdf6;border-radius:0;font-size:.8rem;position:relative;transform:rotate(-1.2deg)}.dz-shoten .pg-recommend-count{color:var(--vermilion);font-size:1.15em}.dz-shoten .pg-recommend-item:nth-child(2n) .pg-recommend-reason{transform:rotate(.9deg)}.dz-shoten .pg-recommend-subtitle{align-items:center;gap:.6rem;font-weight:900;display:flex}.dz-shoten .pg-recommend-subtitle:after{content:"";border-top:1px dashed var(--rule);flex:1}.dz-shoten .pg-reader-chip{border-color:var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--paper-2);border-radius:0}.dz-shoten .pg-reader-chip:hover{border-color:var(--green);color:var(--green);box-shadow:3px 4px 0 var(--green);transform:translateY(-1px)}.dz-shoten .pg-reader-chip:active{box-shadow:1px 1px 0 var(--green);transform:translateY(0)}.dz-shoten .pg-reader-handle{font-family:var(--font-heading), serif;font-weight:900}.dz-shoten .pg-reader-shared{background:var(--green);color:var(--paper);padding:0 .35rem}.dz-shoten .pg-list-summary{border-color:var(--rule);box-shadow:3px 3px 0 var(--paper-2);background:#fffdf6;border-radius:0;gap:1.1rem;padding:1.6rem 1.1rem 1.1rem;position:relative}.dz-shoten .pg-list-summary:before{content:"";background:#1f4b3a29;width:4.5rem;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2deg)}.dz-shoten .pg-list-summary:hover{border-color:var(--rule);box-shadow:3px 3px 0 var(--paper-2), 0 22px 30px -22px #3c281480;transform:translateY(-3px)}.dz-shoten .pg-list-summary-covers{align-items:end;gap:.4rem;padding-inline:.2rem;position:relative}.dz-shoten .pg-list-summary-covers:after{content:"";background:linear-gradient(#e4d9c3,#c7b89c);height:6px;position:absolute;top:100%;left:-.3rem;right:-.3rem}.dz-shoten .pg-list-summary-empty{border-color:var(--rule);background:repeating-linear-gradient(135deg,#1e1a1608 0 1px,#0000 1px 8px)}.dz-shoten .pg-list-summary-body{margin-top:.35rem}.dz-shoten .pg-list-summary-title{font-family:var(--font-shoten-hand), serif;color:var(--green);font-size:1.2rem;font-weight:600;line-height:1.5}.dz-shoten .pg-list-summary:hover .pg-list-summary-title{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.dz-shoten .pg-list-items{column-gap:0}.dz-shoten .pg-list-no{margin-left:.85rem}.dz-shoten .pg-list-note{margin-inline:.85rem}.dz-shoten .pg-feed-works{column-gap:0}.dz-shoten .pg-feed-works .pg-work-card{padding-inline:.5rem}.dz-shoten .pg-feed-works .pg-work-card .pg-work-cover:after{left:-.5rem;right:-.5rem}@media (prefers-reduced-motion:no-preference){.dz-shoten main#main{animation:.45s cubic-bezier(.22,1,.36,1) backwards sh-page-in}}.dz-shoten .pg-list-summary-note{border:1px dashed var(--rule);background:var(--paper);font-family:var(--font-shoten-hand), serif;color:var(--ink);margin-top:.4rem;padding:.55rem .7rem;font-size:.95rem}.dz-shoten .pg-list-summary-note:before{content:"“";color:var(--vermilion);margin-right:.15rem}.dz-shoten .pg-work-shelves-empty{font-family:var(--font-shoten-hand), serif;color:var(--green);border:0;border-bottom:9px solid #cbbb9c;border-radius:0;padding:2.25rem 1rem 1.75rem;font-size:1.05rem;position:relative;box-shadow:0 14px 16px -14px #3c28148c}.dz-shoten .pg-span{border-color:var(--rule);background:#fffdf6;border-radius:2px}.dz-shoten .pg-span[aria-current=true]{border-color:var(--green);background:var(--green);color:var(--paper)}.dz-shoten{--wood-back:#d8c19c;--wood-back-2:#c9ad82;--wood-board:#b98d5a;--wood-board-2:#8f6638}.dz-shoten .pg-work-grid .pg-work-cover:before,.dz-shoten .pg-list-items .pg-work-cover:before,.dz-shoten .pg-feed-works .pg-work-cover:before{content:"";z-index:-1;background:linear-gradient(#3c230f47, #3c230f0a 30%, transparent 60%), repeating-linear-gradient(93deg, #78502812 0 2px, transparent 2px 9px, #7850280d 9px 10px, transparent 10px 23px), linear-gradient(90deg, var(--wood-back-2), var(--wood-back) 18%, var(--wood-back) 82%, var(--wood-back-2));position:absolute;inset:-1.1rem -.85rem 0}.dz-shoten .pg-feed-works .pg-work-cover:before{left:-.5rem;right:-.5rem}.dz-shoten .pg-work-grid .pg-work-cover,.dz-shoten .pg-list-items .pg-work-cover,.dz-shoten .pg-feed-works .pg-work-cover{isolation:isolate}.dz-shoten .pg-work-card .pg-work-cover:after{background:linear-gradient(var(--wood-board), var(--wood-board) 55%, var(--wood-board-2));height:11px;box-shadow:inset 0 1px #fff0d259,0 12px 16px -12px #3c230f99}.dz-shoten .pg-shelf-label{border:1px solid var(--rule);box-shadow:2px 2px 0 var(--paper-2);background:#fffdf6;margin-top:1.5rem;padding:.45rem 1rem .45rem 1.1rem;display:inline-flex;position:relative}.dz-shoten .pg-shelf-label:before{content:"";background:var(--vermilion);width:3px;position:absolute;top:.5rem;bottom:.5rem;left:0}.dz-shoten .pg-shelf-label-name{font-family:var(--font-shoten-mincho), serif;letter-spacing:.06em;font-weight:900}.dz-shoten .pg-list-items{border-inline:10px solid var(--wood-board-2);border-top:10px solid var(--wood-board-2);background:linear-gradient(90deg,#3c230f14,#0000 6% 94%,#3c230f14);row-gap:3rem;padding:1.25rem .75rem 1.5rem;box-shadow:inset 0 10px 14px -10px #3c230f66}.dz-shoten .pg-list-no{z-index:1;border-radius:0;position:relative;box-shadow:1px 2px #3c230f4d}.dz-shoten .pg-list-note{border:1px solid var(--rule);border-top:3px solid var(--vermilion);box-shadow:2px 3px 0 var(--paper-2);transform-origin:50% 0;background:#fffdf6;margin-top:.4rem;position:relative;transform:rotate(-1deg)}.dz-shoten .pg-list-note:before{display:none}.sh-search-band{border-block:1px solid var(--rule);background:linear-gradient(#3c230f0d, transparent 40%), var(--paper-2)}.sh-search-inner{grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:2rem 2.25rem;display:grid}.sh-search-body{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;display:grid}.sh-search-pop{border:1px solid var(--rule);border-top:3px solid var(--vermilion);font-family:var(--font-shoten-hand), serif;color:var(--green);background:#fffdf6;justify-self:start;padding:.5rem .9rem;font-size:1rem;line-height:1.5;transform:rotate(-2deg);box-shadow:3px 3px #3c28141a}.sh-search-pop br{display:none}@media (min-width:900px){.sh-search-inner{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3rem}.sh-search-pop{padding:1.25rem 1.4rem;font-size:1.35rem;transform:rotate(-3deg)}.sh-search-pop br{display:inline}}.sh-search-title{font-family:var(--font-shoten-mincho), serif;letter-spacing:.06em;font-size:1.4rem;font-weight:900}.sh-search-form{gap:.5rem;display:flex;position:relative}.sh-search-icon{width:1.15rem;height:1.15rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.sh-search-input{background:#fffdf6;border:1px solid #1e1a1652;border-radius:2px;flex:1;min-width:0;min-height:3.25rem;padding:0 1rem 0 2.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 3px #3c281414}.sh-search-input:focus{border-color:var(--green);outline:none;box-shadow:inset 0 2px 3px #3c281414,0 0 0 3px #1f4b3a2e}.sh-search-form .sh-button{min-height:3.25rem;padding-inline:1.5rem}.sh-search-genres{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.sh-search-label{font-family:var(--font-shoten-hand), serif;color:var(--green);font-size:.95rem}.sh-search-genres{flex-flow:column;align-items:stretch;min-width:0}.sh-genre-shelf{scrollbar-width:none;border-bottom:8px solid var(--wood-board,#b98d5a);flex-wrap:nowrap;align-items:flex-end;gap:.4rem;max-width:100%;padding:.4rem .5rem 0;display:flex;overflow-x:auto;box-shadow:0 10px 12px -10px #3c230f8c}.sh-genre-shelf li{flex-shrink:0}.sh-genre-chip{white-space:nowrap;border:1px solid var(--rule);border-bottom:0;border-top:3px solid var(--vermilion);background:#fffdf6;border-radius:3px 3px 0 0;align-items:center;min-height:2.4rem;padding:0 .9rem;font-size:.875rem;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .2s;display:inline-flex;box-shadow:2px 0 #3c281414}.sh-genre-chip:hover,.sh-genre-chip:focus-visible{border-color:var(--green);border-top-color:var(--vermilion);transform:translateY(-4px)}.sh-search-more{flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem;display:flex}.sh-search-all{min-height:2.25rem;color:var(--green);text-underline-offset:4px;align-items:center;gap:.35rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.sh-search-all span{transition:transform .25s cubic-bezier(.22,1,.36,1)}.sh-search-all:hover span{transform:translate(3px)}.dz-shoten .pg-avoid-slot{border:1px solid var(--rule);border-top:4px solid var(--ink);font-family:var(--font-shoten-hand), serif;color:var(--muted);background:repeating-linear-gradient(135deg,#1e1a1609 0 1px,#0000 1px 9px),#fffdf6;border-radius:0;box-shadow:4px 6px #3c28141f}.dz-shoten .pg-avoid-show{font-family:var(--font-body);color:var(--green)}.dz-shoten .pg-avoid-chip{background:#fffdf6;border-radius:2px}.dz-shoten .pg-avoid-chip.is-on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.dz-shoten .pg-avoid-pop{border-color:var(--rule);border-top:3px solid var(--vermilion);box-shadow:3px 3px 0 var(--paper-2);font-family:var(--font-shoten-hand), serif;color:var(--green);background:#fffdf6;font-size:1.05rem;font-weight:600;transform:rotate(-2deg)}.dz-shoten .pg-avoid-chosen .pg-avoid-chip.is-on{border-color:var(--vermilion);background:var(--vermilion);color:#fff8ee}.dz-shoten .pg-avoid-notice{border-left-color:var(--vermilion);background:#fffdf6}.dz-shoten .pg-note-card{border:1px solid var(--rule);border-top:4px solid var(--vermilion);box-shadow:4px 5px 0 var(--paper-2);background:#fffdf6;border-radius:0;padding:1.6rem 1.2rem 1rem;position:relative;transform:rotate(-1deg)}.dz-shoten .pg-note-card:nth-child(2n){transform:rotate(.8deg)}.dz-shoten .pg-note-card:nth-child(3n){transform:rotate(-.4deg)}.dz-shoten .pg-note-card:before{content:"";background:#1f4b3a2e;width:4rem;height:20px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.dz-shoten .pg-note-card-body{font-family:var(--font-shoten-hand), serif;color:var(--ink);font-size:1.05rem}.dz-shoten .pg-note-card-body:before{content:"“";color:var(--vermilion);margin-right:.15rem}.dz-shoten .pg-note-card-from{border-top:1px dashed var(--rule);color:var(--green);padding-top:.6rem}.dz-shoten .pg-notes-invite{border-color:var(--rule);font-family:var(--font-shoten-hand), serif;color:var(--green);background:#fffdf6}.dz-shoten .pg-note-invite{font-family:var(--font-shoten-hand), serif;color:var(--green)}.dz-shoten{--site-accent:var(--vermilion)}[data-site=video] .dz-shoten{--vermilion:#2d5b8c;--primary:var(--vermilion);--site-accent:#2d5b8c}.dz-shoten .sh-site-tag{border:1.5px solid var(--site-accent);color:var(--site-accent);font-family:var(--font-shoten-mincho), serif;letter-spacing:.08em;box-shadow:inset 0 0 0 1.5px var(--paper), inset 0 0 0 2.5px color-mix(in oklab, var(--site-accent) 35%, transparent);border-radius:2px;flex:none;place-items:center;padding:.05rem .4rem .1rem;font-size:.8125rem;font-weight:900;line-height:1.3;display:inline-grid;transform:rotate(-3deg)}.dz-shoten .sh-sites{border-bottom:1px solid var(--rule);background:var(--ink);color:var(--paper);font-size:.75rem}.dz-shoten .sh-sites-note{color:#f5f0e699;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dz-shoten .sh-sites-tab{color:#f5f0e6b8;letter-spacing:.2em;align-items:center;min-height:2rem;padding:0 1rem;font-weight:700;transition:color .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.dz-shoten a.sh-sites-tab:hover,.dz-shoten a.sh-sites-tab:focus-visible{color:var(--paper);background:#f5f0e614}.dz-shoten a.sh-sites-tab:focus-visible{outline-color:var(--paper);outline-offset:-3px}.dz-shoten .sh-sites-tab.is-current{background:var(--paper);color:var(--ink)}.dz-shoten .sh-sites-tab.is-current:after{content:"";inset-inline:.75rem;background:var(--site-accent);height:2px;position:absolute;bottom:.3rem}.dz-shoten .sh-site-jump{border:1px solid var(--ink);min-height:2.5rem;font-family:var(--font-shoten-mincho), serif;box-shadow:3px 3px 0 var(--paper-2);background:#fffdf6;align-items:center;padding:0 1rem;font-weight:900;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.dz-shoten .sh-site-jump:hover,.dz-shoten .sh-site-jump:focus-visible{box-shadow:5px 5px 0 var(--site-accent);transform:translate(-2px,-2px)}.dz-shoten .sh-hero-video{min-height:60svh}.dz-shoten .sh-video-soon{border-left:3px solid var(--site-accent);background:#fffdf6;margin-top:1.5rem;padding:.9rem 1.1rem;font-size:.9375rem;line-height:1.8}@media (prefers-reduced-motion:reduce){.dz-shoten .sh-sites-tab,.dz-shoten .sh-site-jump{transition:none}}.dz-shoten .sh-video-shelf{place-self:end center;gap:0;width:100%;max-width:34rem;display:grid;position:relative}.dz-shoten .sh-video-shelf-row{align-items:flex-end;gap:6px;height:13rem;padding:0 1.25rem;display:flex}.dz-shoten .sh-video-case{background:linear-gradient(90deg, #ffffff2e 0 3px, transparent 3px calc(100% - 3px), #00000026 calc(100% - 3px)), repeating-linear-gradient(to bottom, transparent 0 1.6rem, #fff3 1.6rem calc(1.6rem + 2px), transparent calc(1.6rem + 2px) 100%), color-mix(in oklab, var(--site-accent) 70%, var(--ink));transform-origin:bottom;border-radius:2px 2px 0 0;flex:1;animation:.6s cubic-bezier(.22,1,.36,1) both sh-case-in;box-shadow:4px 0 8px -4px #1e1a1659}.dz-shoten .sh-video-case:nth-child(2n){background-color:color-mix(in oklab, var(--site-accent) 45%, var(--paper-2))}.dz-shoten .sh-video-case:nth-child(3n){background-color:color-mix(in oklab, var(--site-accent) 85%, var(--ink))}.dz-shoten .sh-video-case:first-child{animation-delay:50ms}.dz-shoten .sh-video-case:nth-child(2){animation-delay:.1s}.dz-shoten .sh-video-case:nth-child(3){animation-delay:.15s}.dz-shoten .sh-video-case:nth-child(4){animation-delay:.2s}.dz-shoten .sh-video-case:nth-child(5){animation-delay:.25s}.dz-shoten .sh-video-case:nth-child(6){animation-delay:.3s}.dz-shoten .sh-video-case:nth-child(7){animation-delay:.35s}.dz-shoten .sh-video-case:nth-child(8){animation-delay:.4s}@keyframes sh-case-in{0%{opacity:0;transform:translateY(12px)scaleY(.9)}}.dz-shoten .sh-video-shelf-board{background:linear-gradient(#cbb08a,#a98a5f);border-radius:2px;height:14px;box-shadow:0 10px 18px -10px #3c281480}.dz-shoten .sh-video-shelf-pop{z-index:1;border-top:3px solid var(--site-accent);color:var(--site-accent);font-family:var(--font-shoten-hand), serif;background:#fffdf6;padding:.6rem 1rem;font-size:1.15rem;position:absolute;top:-1.25rem;right:.5rem;transform:rotate(4deg);box-shadow:4px 5px #1e1a161f}@media (max-width:899px){.dz-shoten .sh-video-shelf-row{height:9rem}}@media (prefers-reduced-motion:reduce){.dz-shoten .sh-video-case{animation:none}}.dz-shoten .sh-portal{padding-bottom:4rem}.dz-shoten .sh-portal-head{text-align:center;justify-items:center;gap:1.25rem;padding-block:3rem 2.5rem;display:grid}@media (min-width:900px){.dz-shoten .sh-portal-head{padding-block:4.5rem 3rem}}.dz-shoten .sh-portal-pop{transform:rotate(-2deg)}.dz-shoten .sh-portal-title{font-family:var(--font-shoten-mincho), serif;letter-spacing:.04em;font-size:clamp(2rem,6vw,3.25rem);font-weight:900;line-height:1.35}.dz-shoten .sh-portal-lead{max-width:38rem;color:var(--muted);font-size:.95rem;line-height:2}.dz-shoten .sh-portal-doors{gap:1.5rem;display:grid}@media (min-width:760px){.dz-shoten .sh-portal-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}.dz-shoten .sh-door{--door:var(--vermilion);border:1px solid var(--ink);height:100%;box-shadow:5px 6px 0 var(--paper-2);background:#fffdf6;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1);display:grid}.dz-shoten .sh-door.is-video{--door:#2d5b8c}.dz-shoten .sh-door:hover,.dz-shoten .sh-door:focus-visible{box-shadow:8px 9px 0 var(--door);transform:translate(-3px,-3px)}.dz-shoten .sh-door:focus-visible{outline:2px solid var(--door);outline-offset:4px}.dz-shoten .sh-noren{background:linear-gradient(to bottom, #1e1a160f, transparent 30%), repeating-linear-gradient(90deg, transparent 0 46px, #1e1a1608 46px 47px), var(--paper-2);height:13rem;padding:0 1.25rem;display:block;position:relative;overflow:hidden}@media (min-width:900px){.dz-shoten .sh-noren{height:16rem}}.dz-shoten .sh-noren-rod{inset-inline:.75rem;z-index:1;background:linear-gradient(#8b6a43,#5e4528);border-radius:4px;height:8px;position:absolute;top:1rem;box-shadow:0 3px 4px #28190a4d}.dz-shoten .sh-noren-cloth{inset-inline:1.5rem;transform-origin:top;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;transition:transform .6s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:1.25rem;bottom:1.5rem}.dz-shoten .sh-noren-panel{background:linear-gradient(to bottom, #0000002e, transparent 12%), linear-gradient(90deg, #ffffff0f, transparent 40%, #00000014), var(--door);transform-origin:top;border-radius:0 0 2px 2px;place-items:center;transition:transform .6s cubic-bezier(.22,1,.36,1);display:grid;position:relative;box-shadow:0 6px 10px -6px #1e1a1680}.dz-shoten .sh-noren-mark{color:#fffaf0;font-family:var(--font-shoten-mincho), serif;writing-mode:vertical-rl;letter-spacing:.15em;text-shadow:0 1px #00000026;font-size:clamp(2.5rem,7vw,3.5rem);font-weight:900;line-height:1.1}@media (prefers-reduced-motion:no-preference){.dz-shoten .sh-door:hover .sh-noren-panel:first-child,.dz-shoten .sh-door:focus-visible .sh-noren-panel:first-child{transform:rotate(4deg)translate(-4px)}.dz-shoten .sh-door:hover .sh-noren-panel:last-child,.dz-shoten .sh-door:focus-visible .sh-noren-panel:last-child{transform:rotate(-4deg)translate(4px)}.dz-shoten .sh-door:hover .sh-noren-panel:nth-child(2),.dz-shoten .sh-door:focus-visible .sh-noren-panel:nth-child(2){transform:skew(-1.5deg)}.dz-shoten .sh-portal-doors>li{animation:.6s cubic-bezier(.22,1,.36,1) both sh-door-in}.dz-shoten .sh-portal-doors>li:nth-child(2){animation-delay:.12s}@keyframes sh-door-in{0%{opacity:0;transform:translateY(14px)}}}.dz-shoten .sh-door-body{border-top:1px solid var(--ink);gap:.5rem;padding:1.4rem 1.5rem 1.5rem;display:grid}.dz-shoten .sh-door-name{color:var(--door);letter-spacing:.15em;font-size:.8125rem;font-weight:700}.dz-shoten .sh-door-copy{font-family:var(--font-shoten-mincho), serif;font-size:clamp(1.3rem,3.2vw,1.6rem);font-weight:900;line-height:1.45}.dz-shoten .sh-door-text{color:var(--muted);font-size:.875rem;line-height:1.85}.dz-shoten .sh-door-go{background:var(--door);color:#fffaf0;justify-self:start;align-items:center;gap:.4rem;margin-top:.4rem;padding:.55rem 1.1rem;font-weight:700;display:inline-flex}.dz-shoten .sh-door-go span{transition:transform .25s cubic-bezier(.22,1,.36,1)}.dz-shoten .sh-door:hover .sh-door-go span,.dz-shoten .sh-door:focus-visible .sh-door-go span{transform:translate(4px)}.dz-shoten .sh-portal-note{color:var(--muted);text-align:center;margin-top:2rem;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.dz-shoten .sh-door,.dz-shoten .sh-door-go span{transition:none}}.dz-shoten .sh-video-shelf.is-stocked{max-width:36rem}.dz-shoten .sh-video-rack{align-items:flex-end;gap:10px;padding:0 1rem;display:flex}.dz-shoten .sh-video-rack>li{flex:1;min-width:0}.dz-shoten .sh-video-pack{transform-origin:bottom;transition:transform .25s cubic-bezier(.22,1,.36,1);animation:.6s cubic-bezier(.22,1,.36,1) both sh-case-in;display:block}.dz-shoten .sh-video-rack>li:nth-child(2) .sh-video-pack{animation-delay:60ms}.dz-shoten .sh-video-rack>li:nth-child(3) .sh-video-pack{animation-delay:.12s}.dz-shoten .sh-video-rack>li:nth-child(4) .sh-video-pack{animation-delay:.18s}.dz-shoten .sh-video-rack>li:nth-child(5) .sh-video-pack{animation-delay:.24s}.dz-shoten .sh-video-rack>li:nth-child(6) .sh-video-pack{animation-delay:.3s}.dz-shoten .sh-video-pack img{object-fit:contain;object-position:bottom;width:100%;height:auto;max-height:13rem;display:block;box-shadow:4px 2px 8px -2px #1e1a1666}.dz-shoten .sh-video-pack:hover,.dz-shoten .sh-video-pack:focus-visible{transform:translateY(-6px)}.dz-shoten .sh-video-search{border-block:1px solid var(--rule);background:color-mix(in oklab, var(--site-accent) 8%, var(--paper))}.dz-shoten .sh-video-search-form{gap:.6rem;padding-block:1.75rem;display:grid}.dz-shoten .sh-video-search-label{font-family:var(--font-shoten-hand), serif;color:var(--site-accent)}.dz-shoten .sh-video-search-row{border:1px solid var(--ink);background:#fffdf6;align-items:center;gap:.75rem;padding:.4rem .4rem .4rem 1rem;display:flex}.dz-shoten .sh-video-search-row input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:2.75rem;font-size:1rem}.dz-shoten .sh-video-search-row:focus-within{box-shadow:0 0 0 2px var(--site-accent)}.dz-shoten .sh-video-search-row .sh-button{margin:0}.dz-shoten .sh-floor-racks{gap:1rem;display:grid}@media (min-width:640px){.dz-shoten .sh-floor-racks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.dz-shoten .sh-floor-racks{grid-template-columns:repeat(4,minmax(0,1fr))}}.dz-shoten .sh-floor-rack{border:1px solid var(--ink);border-top:4px solid var(--site-accent);height:100%;box-shadow:4px 4px 0 var(--paper-2);background:#fffdf6;gap:.4rem;padding:1rem 1rem 1.1rem;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1);display:grid}.dz-shoten .sh-floor-rack:hover,.dz-shoten .sh-floor-rack:focus-visible{box-shadow:6px 6px 0 var(--site-accent);transform:translate(-2px,-2px)}.dz-shoten .sh-floor-covers{border-bottom:6px solid #b89a6c;align-items:flex-end;gap:6px;height:7.5rem;margin-bottom:.4rem;padding-bottom:6px;display:flex}.dz-shoten .sh-floor-covers img{object-fit:contain;object-position:bottom;flex:1;min-width:0;max-height:100%;box-shadow:3px 1px 6px -2px #1e1a1659}.dz-shoten .sh-floor-name{font-family:var(--font-shoten-mincho), serif;font-size:1.35rem;font-weight:900}.dz-shoten .sh-floor-copy{color:var(--muted);font-size:.8125rem;line-height:1.7}.dz-shoten .sh-floor-count{color:var(--site-accent);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.dz-shoten .sh-genre-tags{flex-wrap:wrap;gap:.6rem;display:flex}.dz-shoten .sh-genre-tag{border:1px dashed var(--ink);font-family:var(--font-shoten-hand), serif;background:#fffdf6;align-items:baseline;gap:.4rem;padding:.45rem .9rem;transition:background-color .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.dz-shoten .sh-genre-tag span{color:var(--muted);font-size:.75rem}.dz-shoten .sh-genre-tag:hover,.dz-shoten .sh-genre-tag:focus-visible{background:color-mix(in oklab, var(--site-accent) 12%, #fffdf6)}@media (prefers-reduced-motion:reduce){.dz-shoten .sh-video-pack{transition:none;animation:none}.dz-shoten .sh-floor-rack,.dz-shoten .sh-genre-tag{transition:none}}}@layer utilities;@keyframes sh-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes sh-page-in{0%{opacity:0;transform:translateY(10px)}}@keyframes sh-slot-in{0%{opacity:0;transform:translateY(22px)}}@keyframes sh-book-in{0%{opacity:0;transform:translateY(16px)rotate(-1.5deg)}}@keyframes sh-stamp{0%{opacity:0;transform:rotate(-12deg)scale(1.8)}}@keyframes sh-shelve{0%{opacity:0;transform:translateY(-24px)}}@media (prefers-reduced-motion:reduce){.dz-shoten *,.dz-shoten :before,.dz-shoten :after{transition-duration:.01ms;animation:none}.dz-shoten .cover-book,.dz-shoten .cover-img{transition:none}}
