@layer reset, tokens, base, parts, layout, motion, details;@layer tokens{:root{--bg: #f8f8fd;--frame: #e4e7fb;--box: #fff;--box-up: #fff;--text: #34364c;--text-sub: #7d809c;--main: #8b98ee;--main-deep: #5a66cc;--mark-paper: rgb(255 255 255 / 90%);--mark-ink: #34364c;--mark-sub: #5d607c;--crate-face: #f3dcc0;--crate-rim: #e6c39c;--crate-flap: #ebcca8;--crate-tape: #e2bf93;--crate-ink: #6d5139;--crate-deep: #c4925f;--crate-cat-in: #f7c3d2;--crate-eye: #34364c;--main-soft: #eef0fd;--line: #dcdff6;--shadow: 0 6px 24px rgb(90 102 204 / 10%);--on-main: #fff;color-scheme:light;--accent-hue: 15;--accent: hsl(var(--accent-hue) 100% 76%);--accent-deep: hsl(var(--accent-hue) 74% 56%);--accent-ink: hsl(var(--accent-hue) 74% 56%);--accent-soft: hsl(var(--accent-hue) 100% 96%);--on-accent: hsl(var(--accent-hue) 63% 19%);--accent-shadow: hsl(var(--accent-hue) 86% 42% / 45%);--key-rim: color-mix(in srgb, var(--accent) 55%, var(--white));--key-side: color-mix(in srgb, var(--accent-deep) 80%, transparent);--key-shadow: color-mix(in srgb, var(--accent-deep) 28%, transparent);--well: #edeef8;--white: #fff;--light: 255 255 255;--soft-shadow: 70 80 170;--deep-shadow: 20 22 50;--label-paper: var(--box-up);--label-edge: color-mix(in srgb, var(--main) 55%, transparent);--label-current: color-mix(in srgb, var(--note-yellow) 80%, var(--box));--sticker-ring: color-mix(in srgb, var(--main) 55%, transparent);--tile-filter-from: color-mix(in srgb, var(--main) 62%, transparent);--tile-filter-to: rgb(var(--deep-shadow) / 55%);--logo-band-from: color-mix(in srgb, var(--main) 24%, #fff);--logo-band-to: color-mix(in srgb, var(--main) 7%, #fff);--logo-band-dot: color-mix(in srgb, var(--main) 32%, transparent);--history-date: var(--main);--foot-from: color-mix(in srgb, var(--main) 52%, #fff);--foot-pill: color-mix(in srgb, #fff 72%, transparent);--foot-pill-now: color-mix(in srgb, #fff 30%, transparent);--foot-ink: var(--main-deep);--foot-ink-now: color-mix(in srgb, var(--main-deep) 60%, transparent);--foot-ear-in: color-mix(in srgb, var(--main) 30%, #fff);--foot-ear-go: color-mix(in srgb, var(--accent) 55%, #fff);--form-error: #d64545;--tag-cat: var(--main);--tag-cat-ink: var(--on-main);--tag-cat-line: color-mix(in srgb, var(--on-main) 35%, transparent);--tag-cat-loop: var(--main-deep);--shop-r: hsl(354 90% 72%);--shop-r-deep: hsl(354 70% 56%);--shop-r-rim: hsl(354 100% 88%);--price: #222;--price-edge: var(--white);--price-off: #fff27a;--price-off-edge: #222;--sale-tag: #ff5a6e;--license-edge: rgb(50 50 50 / 20%);--license-plate: linear-gradient(to bottom, rgb(114 126 129 / 95%) 0%, rgb(84 98 101 / 95%) 50%, rgb(39 45 48 / 95%) 51%, rgb(16 18 18 / 95%) 100%);--license-gold: linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);--receipt: #fff;--receipt-ink: var(--shelf-card-ink);--receipt-sub: #5a5d78;--receipt-rule: #dcdff6;--receipt-stamp: #d4304a;--receipt-hover: var(--accent-soft);--receipt-curl: rgb(var(--deep-shadow) / 13%);--receipt-bend: rgb(var(--deep-shadow) / 4%);--tv-body: color-mix(in srgb, var(--main) 22%, var(--box));--tv-rim: color-mix(in srgb, var(--main) 40%, var(--box));--tv-bezel: #34364c;--tv-screen: #1c1d2b;--tv-ant: color-mix(in srgb, var(--main) 70%, var(--box));--tv-ball: hsl(var(--accent-hue) 100% 80%);--tv-lamp: #ff5a6e;--tv-grill: color-mix(in srgb, var(--main) 55%, var(--box));--pop-face: var(--shelf-card);--pop-edge: var(--main);--pop-shadow: color-mix(in srgb, var(--main) 50%, transparent);--pop-ink: var(--shelf-card-ink);--shelf-wall: color-mix(in srgb, var(--main) 14%, var(--box));--shelf-light: hsl(40 100% 98% / 95%);--shelf-dim: rgb(var(--soft-shadow) / 12%);--shelf-top: color-mix(in srgb, var(--main) 24%, var(--box));--shelf-top-near: color-mix(in srgb, var(--main) 72%, var(--text));--shelf-front: color-mix(in srgb, var(--main) 16%, var(--box));--shelf-front-deep: color-mix(in srgb, var(--main) 28%, var(--box));--shelf-edge-light: rgb(var(--light) / 70%);--shelf-card: #fff;--shelf-card-ink: #2a2b3a;--shelf-card-edge: rgb(var(--deep-shadow) / 14%);--pkg-face: #fff;--pkg-edge: rgb(var(--deep-shadow) / 10%);--pkg-rule: color-mix(in srgb, var(--main) 30%, transparent);--pkg-cast-near: rgb(var(--soft-shadow) / 6%);--pkg-cast-far: rgb(var(--soft-shadow) / 36%);--pkg-hole: rgb(var(--soft-shadow) / 42%);--card-slot: var(--main);--pkg-hole-rim: rgb(var(--soft-shadow) / 22%);--hook-hi: #f4f5fa;--hook-lo: #9a9db6;--pkg-hang-shadow: rgb(var(--soft-shadow) / 30%);--shelf-frame: color-mix(in srgb, var(--main) 30%, var(--box));--shelf-frame-light: rgb(var(--light) / 55%);--shelf-frame-edge: rgb(var(--soft-shadow) / 16%);--acrylic-fill: rgb(var(--light) / 42%);--acrylic-edge: rgb(var(--soft-shadow) / 34%);--acrylic-lip: rgb(var(--light) / 40%);--note-yellow: #f5c84b;--note-red: #e25555;--note-blue: #5f9fe0;--note-ink: #2c2c2c;--note-stripe: #2a2224;--sign-board: #e4d6ba;--sign-side: #bda487;--sign-wood: #a98a69;--sign-ink: #6b5a48;--sign-wood-dark: #3a2a1a;--sign-side-dark: #5a4530;--sign-stain: 110 85 60;--sign-grass: #b9d3c9;--sign-grass-front: #96bcb0;--cord-brown: #8a6a4c;--code-bg: #2a2c44;--code-text: #e8eaff;--movie-bg: #1d1e2e;--play-ink: #34364c;--brand-x: #000;--brand-line: #06c755;--window: 1600px;--wide: 1080px;--box-w: 800px;--toc-w: 280px;--frame-x: max(var(--frame-gap), calc(50% - var(--window) / 2));--frame-l: var(--frame-x);--frame-r: var(--frame-x);--gutter: 22px;--inset-l: 14px;--inset-r: 6px;--radius: 24px;--radius-s: 14px;--r-frame: calc(var(--radius) + 20px);--r-block: calc(var(--r-frame) - 28px);--r-photo: calc(var(--r-block) - 6px);--frame-gap: 6px;--frame-bottom: 30px;--bar-h: 52px;--font-scale: 1;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--fast: .2s;--slow: .7s}@media(width >= 900px){:root{--frame-gap: 18px;--frame-bottom: 36px;--radius: 28px;--gutter: 50px;--inset-l: 44px;--inset-r: 24px}}html[data-accent=pink]{--accent-hue: 336}html[data-accent=lime]{--accent-hue: 78}@media(prefers-color-scheme: dark){html:not([data-theme]){--bg: #1c1d2b;--frame: #12131d;--box: #272939;--box-up: #30334a;--text: #ececf6;--text-sub: #a3a6c2;--main: #98a4f6;--main-deep: #b7bfff;--main-soft: #2c2f48;--line: #3a3d58;--shadow: 0 0 0 transparent;--on-main: #171827;--crate-face: #8f7357;--crate-rim: #765c44;--crate-flap: #826750;--crate-tape: #a3845f;--crate-ink: #fbf0e3;--crate-deep: #5c442e;--crate-cat-in: #d993a8;--crate-eye: #1c1d2b;--accent-soft: color-mix(in srgb, var(--accent) 18%, var(--bg));--accent: hsl(var(--accent-hue) 74% 62%);--accent-deep: hsl(var(--accent-hue) 74% 52%);--accent-shadow: hsl(var(--accent-hue) 74% 28% / 45%);--key-rim: hsl(var(--accent-hue) 74% 71%);--key-side: var(--accent-deep);--key-shadow: transparent;--well: #383b5c;--shelf-card: #c4c6d8;--receipt: var(--shelf-card);--receipt-sub: #3e4159;--receipt-rule: #a8abc6;--receipt-stamp: #b3203a;--receipt-hover: #d3d4e2;--receipt-curl: rgb(8 9 22 / 28%);--receipt-bend: rgb(8 9 22 / 8%);--pkg-face: #c9cbdc;--pkg-edge: rgb(var(--deep-shadow) / 30%);--shelf-light: hsl(235 70% 82% / 24%);--shelf-dim: rgb(8 9 22 / 30%);--shelf-edge-light: rgb(var(--light) / 22%);--shelf-top-near: color-mix(in srgb, var(--main) 10%, var(--frame));--shelf-front: color-mix(in srgb, var(--main) 30%, var(--box));--shelf-front-deep: color-mix(in srgb, var(--main) 20%, var(--box));--pkg-cast-near: rgb(8 9 22 / 12%);--pkg-cast-far: rgb(8 9 22 / 65%);--pkg-hole: rgb(8 9 22 / 72%);--card-slot: var(--main);--pkg-hole-rim: rgb(8 9 22 / 28%);--hook-hi: #dfe1ee;--hook-lo: #6f7394;--pkg-hang-shadow: rgb(8 9 22 / 50%);--acrylic-edge: rgb(var(--light) / 40%);--acrylic-fill: rgb(var(--light) / 26%);--tv-bezel: #12131d;--tv-screen: #0a0b12;--tv-ball: var(--accent);--shelf-frame: color-mix(in srgb, var(--main) 20%, var(--box));--shelf-frame-light: rgb(var(--light) / 14%);--shelf-frame-edge: rgb(0 0 0 / 30%);--acrylic-lip: rgb(var(--light) / 12%);--sign-board: #65584a;--sign-side: #463b2f;--sign-wood: #54463a;--sign-ink: #e4d9c6;--sign-grass: #5d7b72;--sign-grass-front: #4b6861;--logo-band-from: color-mix(in srgb, var(--main) 20%, var(--box));--logo-band-to: var(--box-up);--logo-band-dot: color-mix(in srgb, var(--main) 20%, transparent);--history-date: var(--main-deep);--foot-from: color-mix(in srgb, var(--main) 30%, var(--box));--foot-pill: color-mix(in srgb, var(--bg) 55%, transparent);--foot-pill-now: color-mix(in srgb, var(--bg) 22%, transparent);--foot-ink: var(--main-deep);--foot-ink-now: color-mix(in srgb, var(--main-deep) 55%, transparent);--foot-ear-in: color-mix(in srgb, var(--main) 16%, var(--box));--foot-ear-go: color-mix(in srgb, var(--accent) 55%, var(--box));--form-error: #ff8f8f;--mark-paper: rgb(232 232 240 / 90%);--mark-ink: #2c2e42;--mark-sub: #4f5270;color-scheme:dark}}html[data-theme=dark]{--bg: #1c1d2b;--frame: #12131d;--box: #272939;--box-up: #30334a;--text: #ececf6;--text-sub: #a3a6c2;--main: #98a4f6;--main-deep: #b7bfff;--main-soft: #2c2f48;--line: #3a3d58;--shadow: 0 0 0 transparent;--on-main: #171827;--crate-face: #8f7357;--crate-rim: #765c44;--crate-flap: #826750;--crate-tape: #a3845f;--crate-ink: #fbf0e3;--crate-deep: #5c442e;--crate-cat-in: #d993a8;--crate-eye: #1c1d2b;--accent-soft: color-mix(in srgb, var(--accent) 18%, var(--bg));--accent: hsl(var(--accent-hue) 74% 62%);--accent-deep: hsl(var(--accent-hue) 74% 52%);--accent-shadow: hsl(var(--accent-hue) 74% 28% / 45%);--key-rim: hsl(var(--accent-hue) 74% 71%);--key-side: var(--accent-deep);--key-shadow: transparent;--well: #383b5c;--shelf-card: #c4c6d8;--receipt: var(--shelf-card);--receipt-sub: #3e4159;--receipt-rule: #a8abc6;--receipt-stamp: #b3203a;--receipt-hover: #d3d4e2;--receipt-curl: rgb(8 9 22 / 28%);--receipt-bend: rgb(8 9 22 / 8%);--pkg-face: #c9cbdc;--pkg-edge: rgb(var(--deep-shadow) / 30%);--shelf-light: hsl(235 70% 82% / 24%);--shelf-dim: rgb(8 9 22 / 30%);--shelf-edge-light: rgb(var(--light) / 22%);--shelf-top-near: color-mix(in srgb, var(--main) 10%, var(--frame));--shelf-front: color-mix(in srgb, var(--main) 30%, var(--box));--shelf-front-deep: color-mix(in srgb, var(--main) 20%, var(--box));--pkg-cast-near: rgb(8 9 22 / 12%);--pkg-cast-far: rgb(8 9 22 / 65%);--pkg-hole: rgb(8 9 22 / 72%);--card-slot: var(--main);--pkg-hole-rim: rgb(8 9 22 / 28%);--hook-hi: #dfe1ee;--hook-lo: #6f7394;--pkg-hang-shadow: rgb(8 9 22 / 50%);--acrylic-edge: rgb(var(--light) / 40%);--acrylic-fill: rgb(var(--light) / 26%);--tv-bezel: #12131d;--tv-screen: #0a0b12;--tv-ball: var(--accent);--shelf-frame: color-mix(in srgb, var(--main) 20%, var(--box));--shelf-frame-light: rgb(var(--light) / 14%);--shelf-frame-edge: rgb(0 0 0 / 30%);--acrylic-lip: rgb(var(--light) / 12%);--sign-board: #65584a;--sign-side: #463b2f;--sign-wood: #54463a;--sign-ink: #e4d9c6;--sign-grass: #5d7b72;--sign-grass-front: #4b6861;--logo-band-from: color-mix(in srgb, var(--main) 20%, var(--box));--logo-band-to: var(--box-up);--logo-band-dot: color-mix(in srgb, var(--main) 20%, transparent);--history-date: var(--main-deep);--foot-from: color-mix(in srgb, var(--main) 30%, var(--box));--foot-pill: color-mix(in srgb, var(--bg) 55%, transparent);--foot-pill-now: color-mix(in srgb, var(--bg) 22%, transparent);--foot-ink: var(--main-deep);--foot-ink-now: color-mix(in srgb, var(--main-deep) 55%, transparent);--foot-ear-in: color-mix(in srgb, var(--main) 16%, var(--box));--foot-ear-go: color-mix(in srgb, var(--accent) 55%, var(--box));--form-error: #ff8f8f;--mark-paper: rgb(232 232 240 / 90%);--mark-ink: #2c2e42;--mark-sub: #4f5270;color-scheme:dark}html[data-font=small]{--font-scale: .9}html[data-font=large]{--font-scale: 1.15}}@layer reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ol,ul{margin:0}ol,ul{padding:0;list-style:none}img,picture,svg,video{display:block;max-width:100%}img{height:auto}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{padding:0;border:0;background:none;cursor:pointer}a{color:inherit}table{border-collapse:collapse}summary{cursor:pointer}[hidden]{display:none !important}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}}@layer base{html{scrollbar-width:none}html::-webkit-scrollbar{display:none}*::-webkit-scrollbar{width:12px;height:12px;background:none}*::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);border-radius:100px;background-clip:content-box;background-color:color-mix(in srgb, var(--main) 55%, transparent)}*::-webkit-scrollbar-thumb:hover{background-color:var(--main)}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:none}@supports not selector(::-webkit-scrollbar){body *{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--main) 55%, transparent) rgba(0,0,0,0)}}html{background:var(--frame);color:var(--text);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","BIZ UDPGothic","Yu Gothic UI","Noto Sans JP",Meiryo,sans-serif;font-size:17px;line-height:1.9;letter-spacing:.05em;font-feature-settings:"palt" 1;overflow-wrap:anywhere;line-break:strict;scroll-behavior:smooth;scroll-padding-top:40px;overflow-x:clip;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(width >= 900px){html{font-size:18px;scroll-padding-top:60px}}body{min-height:100vh;min-height:100dvh;background:var(--bg);overflow-x:clip;padding:calc(var(--frame-gap) + var(--gutter)) calc(var(--frame-r) + var(--gutter)) calc(var(--bar-h) + 23px) calc(var(--frame-l) + var(--gutter))}@media(width >= 900px){body{padding-top:calc(var(--frame-gap) + 24px)}}a{text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:color-mix(in srgb, var(--main) 35%, transparent)}.site-main{max-width:var(--wide);margin-inline:auto;transform-origin:50% var(--oy, 50vh);transition:translate .5s var(--ease),scale .5s var(--ease)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ico{display:inline-block;flex:none;width:1.2em;aspect-ratio:1;background:currentColor;mask:var(--ico) no-repeat center/contain}.ico-home{--ico: url("../svg/home.svg")}.ico-search{--ico: url("../svg/search.svg")}.ico-info{--ico: url("../svg/info.svg")}.ico-mail{--ico: url("../svg/mail.svg")}.ico-list{--ico: url("../svg/list.svg")}.ico-share{--ico: url("../svg/share.svg")}.ico-gear{--ico: url("../svg/gear.svg")}.ico-up{--ico: url("../svg/up.svg")}.ico-x{--ico: url("../svg/x.svg")}.ico-line{--ico: url("../svg/line.svg")}.ico-copy{--ico: url("../svg/copy.svg")}.ico-close{--ico: url("../svg/close.svg")}.ico-chat{--ico: url("../svg/chat.svg")}.ico-zoom{--ico: url("../svg/zoom.svg")}.ico-play{--ico: url("../svg/play.svg")}.ico-arrow{--ico: url("../svg/arrow.svg")}.ico-star{--ico: url("../svg/star.svg")}.ico-chart{--ico: url("../svg/chart.svg")}.ico-folder{--ico: url("../svg/folder.svg")}.ico-new{--ico: url("../svg/new.svg")}.ico-pick{--ico: url("../svg/pick.svg")}.ico-heart{--ico: url("../svg/heart.svg")}@media(scripting: enabled){:root:not(.is-late) :is(.pop,.finder,.zoom,.panel,#side,.foot) .ico{--ico: linear-gradient(#0000 0 0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.4em 1.4em;border-radius:999px;background:var(--main);color:var(--on-main);font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:var(--shadow);transition:background var(--fast),translate var(--fast) var(--ease),scale var(--fast) var(--ease)}.btn:hover{background:var(--accent);translate:0 -2px}.btn:active{scale:.95;translate:0}.crumbs{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 .2em;font-size:.68rem;color:var(--text-sub)}.crumbs li{display:flex;align-items:center}.crumbs li+li::before{content:"";width:.9em;aspect-ratio:1;margin-inline:.2em;background:var(--line);mask:url("../svg/arrow.svg") no-repeat center/contain}.crumbs a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;transition:color var(--fast)}.crumbs a:hover{color:var(--main-deep)}@media(width < 900px){.crumbs{margin:-8px 0 -14px}}.is-post .crumbs li:last-child:not(:only-child){display:none}.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:36px;font-size:.8rem;color:var(--text-sub)}.pager a{min-width:48px}.pager .is-off{visibility:hidden}}@layer layout{.frame{position:fixed;inset:var(--frame-gap) var(--frame-r) var(--frame-bottom) var(--frame-l);z-index:50;border:2px solid color-mix(in srgb, var(--main) 45%, var(--frame));border-radius:var(--r-frame);box-shadow:0 0 0 100vmax var(--frame),inset 1px 2px 30px rgb(var(--soft-shadow)/5%);pointer-events:none;transform-origin:calc(50vw - var(--frame-l)) calc(50vh - var(--frame-gap));transition:inset .5s var(--ease),border-radius .5s var(--ease),translate .5s var(--ease),scale .5s var(--ease)}.rail{position:fixed;z-index:49;top:0;bottom:0;right:calc(var(--frame-r) - 20px);width:25px;transition:opacity .3s;cursor:pointer}.rail.is-none{display:none}.rail-thumb{position:absolute;top:0;left:0;width:100%;height:var(--rail-h, 40px);border-radius:15px;background:var(--main);translate:0 var(--rail-y, 0);cursor:grab;touch-action:none}.rail.is-drag .rail-thumb{cursor:grabbing}@media(width < 900px){.rail{width:10px;right:calc(var(--frame-r) - 5px)}}.bar{position:fixed;z-index:60;left:50%;bottom:5px;translate:-50% 0;width:calc(100% - 20px);max-width:calc(var(--window) - 100px);height:var(--bar-h);display:flex;justify-content:space-between;align-items:center;pointer-events:none;view-transition-name:bar}.bar>*{pointer-events:auto}.logo{display:block;flex:0 1 auto;min-width:0;padding-inline:4px;margin-right:8px;text-decoration:none;rotate:-3deg;transition:rotate .4s var(--spring),scale .4s var(--spring)}.logo img{display:block;width:auto;height:auto;max-width:100%;max-height:48px;translate:0 -5px}.logo:hover{rotate:2deg;scale:1.08}.logo:active{scale:.94}.tools{position:relative;display:flex;align-items:center;gap:2px;height:46px;padding-inline:8px;border-radius:999px;background:var(--box-up);box-shadow:0 4px 18px rgb(var(--soft-shadow)/16%)}.tool{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--main-deep);font-size:1.15rem;transition:background var(--fast),scale var(--fast) var(--spring),color var(--fast)}.tool:hover{background:var(--main-soft)}.tool:active{scale:.86}.tool[aria-expanded=true]{background:var(--main);color:var(--on-main)}.tools-line{width:1px;height:22px;margin-inline:4px;background:var(--line)}.tools:not(:has([data-pop=pop-spread])):has([data-toc-open][hidden]) .tools-line{display:none}.tools{flex:none}@media(width >= 900px){.tools{translate:0 -10px}}@media(width < 600px){.tools{gap:0;height:44px;padding-inline:5px}.tool{width:38px;height:38px;font-size:1.05rem}.tools-line{margin-inline:2px}}.pop{position:absolute;right:0;bottom:calc(100% + 12px);min-width:220px;padding:16px;border-radius:var(--radius);background:var(--box-up);box-shadow:0 8px 30px rgb(var(--soft-shadow)/22%);transform-origin:85% 100%;opacity:0;scale:.8;translate:0 10px;visibility:hidden;transition:opacity var(--fast),scale .35s var(--spring),translate .35s var(--spring),visibility 0s .35s}.pop.is-open{opacity:1;scale:1;translate:0;visibility:visible;transition-delay:0s}.pop-title{margin-bottom:10px;font-size:.72rem;font-weight:700;color:var(--text-sub);text-align:center}.spread-list{display:flex;justify-content:center;gap:12px}.spread-item{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--main-soft);color:var(--main-deep);font-size:1.3rem;text-decoration:none;transition:background var(--fast),color var(--fast),scale var(--fast) var(--spring),translate var(--fast)}.spread-item:hover{background:var(--main);color:var(--on-main);translate:0 -3px}.spread-item:active{scale:.88}.spread-item.is-done{background:var(--accent);color:var(--white)}.set-list{display:grid;gap:8px}.set-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:6px 14px;border-radius:999px;background:var(--main-soft);font-size:.78rem;font-weight:700;transition:background var(--fast),scale var(--fast) var(--spring)}.set-item:active{scale:.96}.set-item b{color:var(--main-deep)}.set-name{display:inline-flex;align-items:center;gap:8px}.set-name .ico{width:18px;color:var(--main-deep);transition:scale .3s var(--spring)}.ico-font{--ico: url("../svg/font.svg")}.ico-theme{--ico: url("../svg/auto.svg")}[data-font=small] .ico-font{scale:.75}[data-font=large] .ico-font{scale:1.2}[data-theme=light] .ico-theme{--ico: url("../svg/sun.svg")}[data-theme=dark] .ico-theme{--ico: url("../svg/moon.svg")}.set-dots{display:flex;gap:6px}.set-dot{width:22px;height:22px;border-radius:50%;border:3px solid var(--box-up);box-shadow:0 0 0 1px var(--line);transition:scale var(--fast) var(--spring)}.set-dot[aria-pressed=true]{box-shadow:0 0 0 2px var(--main-deep);scale:1.15}.set-dot.is-orange{background:#ffa283}.set-dot.is-pink{background:#f79ac0}.set-dot.is-lime{background:#bfe26b}body{--panel-w: min(300px, calc(100vw - 170px));--side-pw: min(260px, calc(100vw - 170px))}@media(width < 600px){body{--panel-w: calc(100vw - 150px);--side-pw: calc(100vw - 150px)}body .panel{inset:calc(var(--frame-gap) + 8px) auto calc(var(--frame-bottom) + 8px) calc(var(--frame-l) + 8px)}body .side{inset:calc(var(--frame-gap) + 8px) calc(var(--frame-r) + 8px) calc(var(--frame-bottom) + 8px) auto}}.panel{position:fixed;z-index:45;inset:calc(var(--frame-gap) + 24px) auto calc(var(--frame-bottom) + 24px) calc(var(--frame-l) + 24px);width:var(--panel-w);padding:22px 16px;background:var(--box-up);box-shadow:0 -8px 40px rgb(var(--soft-shadow)/22%);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;translate:-120% 0;visibility:hidden;transition:translate .5s var(--ease),visibility 0s .5s}@supports(backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.panel{background:color-mix(in srgb, var(--box-up) 62%, transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid color-mix(in srgb, var(--box-up) 70%, transparent)}}.is-toc-open .panel{translate:0;visibility:visible;transition-delay:0s}.panel-title{margin-bottom:8px;font-size:.72rem;font-weight:700;letter-spacing:.2em;color:var(--text-sub);text-align:center}.shade{position:fixed;inset:0;z-index:44;background:rgba(0,0,0,0);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}.is-toc-open .shade:not(.side-shade){opacity:1;visibility:visible;transition-delay:0s}.toc-list{display:grid;gap:2px;counter-reset:toc}.toc-link{position:relative;display:block;padding:9px 12px 9px 38px;border-radius:12px;font-size:.8rem;line-height:1.6;text-decoration:none;transition:background var(--fast),color var(--fast)}.toc-link::before{position:absolute;left:8px;top:.75em;width:22px;font-size:.7rem;font-weight:700;color:var(--main);text-align:center}.toc-link:hover{background:color-mix(in srgb, var(--main) 14%, transparent)}.toc-link.is-now{background:color-mix(in srgb, var(--main) 18%, transparent);color:var(--main-deep);font-weight:700}.toc-h2>.toc-link::before{counter-increment:toc;content:counter(toc)}.toc-h3>.toc-link{padding-left:52px;font-size:.74rem;color:var(--text-sub)}.toc-h3>.toc-link::before{content:"";left:36px;top:1.25em;width:6px;height:6px;border-radius:50%;background:var(--line)}@media(width < 600px){body .panel{padding:18px 10px}body .side{padding:16px 10px}.toc-link{padding:8px 8px 8px 30px}.toc-link::before{left:4px}.toc-h3>.toc-link{padding-left:42px}.toc-h3>.toc-link::before{left:28px}}.is-toc-open .site-main{translate:calc(var(--panel-w, 300px) + 5px) 0}@media(width >= 900px){.is-toc-open .site-main{translate:170px 0}}@media(width >= 1560px){.panel{--r-in: max(6px, calc(var(--r-frame) - 26px));top:calc(var(--frame-gap) + 26px);bottom:calc(var(--frame-bottom) + 26px);left:calc(var(--frame-l) + 26px);border-radius:var(--r-in) calc(var(--r-in)/2) calc(var(--r-in)/2) var(--r-in);width:var(--toc-w);translate:0;visibility:visible;transition:none;box-shadow:var(--shadow)}.shade,[data-toc-open]{display:none}.tools:not(:has([data-pop=pop-spread])) .tools-line{display:none}.is-toc-open .site-main{translate:none;scale:none}.no-toc .panel{display:none}body.has-toc:not(.no-toc){padding-left:calc(var(--frame-l) + 26px + var(--toc-w) + 36px)}}.side{position:fixed;z-index:45;inset:calc(var(--frame-gap) + 24px) calc(var(--frame-r) + 24px) calc(var(--frame-bottom) + 24px) auto;width:var(--side-pw);padding:20px 14px;border-radius:var(--radius);background:var(--box-up);box-shadow:0 -8px 40px rgb(var(--soft-shadow)/22%);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;translate:120% 0;visibility:hidden;transition:translate .5s var(--ease),visibility 0s .5s}@supports(backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.side{background:color-mix(in srgb, var(--box-up) 62%, transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid color-mix(in srgb, var(--box-up) 70%, transparent)}}.is-side-open .side{translate:0;visibility:visible;transition-delay:0s}.is-side-open .side-shade{opacity:1;visibility:visible;transition-delay:0s}.side-title{margin-bottom:12px;font-size:.72rem;font-weight:700;letter-spacing:.2em;color:var(--text-sub);text-align:center}.side-head{display:none}.side-list{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none}.side .row{grid-template-columns:64px 1fr;gap:10px;padding:8px 10px 8px 8px}.side .row-title{font-size:.76rem;line-height:1.55;-webkit-line-clamp:3}.is-side-open .site-main{translate:calc(-1*var(--side-pw, 260px) - 5px) 0}@media(width >= 900px){.is-side-open .site-main{translate:-150px 0}}@media(width >= 1300px){.side{z-index:52;top:0;bottom:0;left:calc(100% - var(--frame-r));right:auto;width:var(--side-room);padding:calc(var(--frame-gap) + 10px) var(--frame-gap) calc(var(--frame-bottom) + 30px);border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;translate:0;visibility:visible;transition:none;scrollbar-width:none}.side::-webkit-scrollbar{display:none}.side-shade,[data-side-open]{display:none}.side .row{opacity:.6;filter:saturate(0.6);transition:opacity .3s,filter .3s,translate .35s var(--ease),background var(--fast),box-shadow var(--fast)}.side .row:is(:hover,:focus-visible){opacity:1;filter:none}.has-side .bar{left:calc(var(--frame-l) + (100% - var(--frame-l) - var(--frame-r))/2);width:calc(100% - var(--frame-l) - var(--frame-r) + 16px)}.tools:not(:has([data-pop=pop-spread])):not(:has([data-toc-open])) .tools-line{display:none}.is-side-open .site-main{translate:none;scale:none}}.page{transform-origin:50% var(--oy, 50vh);transition:translate .5s var(--ease),scale .5s var(--ease)}body{display:flex;flex-direction:column}.page{flex:1 0 auto;display:flex;flex-direction:column}.page>.site-main{flex:1 0 auto;width:100%}.page>.foot{width:100%}.is-find-open :is(.frame,.page){translate:0 var(--find-y, -50px);scale:var(--find-s, 0.9)}.is-find-open .rail{opacity:0;pointer-events:none}@media(width >= 1560px){.panel{transform-origin:calc(50vw - var(--frame-l) - 26px) calc(50vh - var(--frame-gap) - 26px);transition:translate .5s var(--ease),scale .5s var(--ease)}.is-find-open .panel{translate:0 var(--find-y, -50px);scale:var(--find-s, 0.9)}}.finder{position:fixed;z-index:58;left:50%;bottom:calc(var(--bar-h) + 24px);display:flex;align-items:center;gap:10px;width:min(100% - 40px,440px);translate:-50% 30px;opacity:0;visibility:hidden;transition:translate .5s var(--ease),opacity .3s,visibility 0s .5s}.is-find-open .finder{translate:-50% 0;opacity:1;visibility:visible;transition-delay:.12s}.finder-home{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:var(--box);color:var(--main-deep);font-size:1.2rem;box-shadow:0 2px 10px rgb(var(--soft-shadow)/12%);transition:background var(--fast),color var(--fast),translate .3s var(--spring)}.finder-home:hover{background:var(--accent);color:var(--on-accent);translate:0 -2px}.finder-input{flex:1;min-width:0;height:46px;padding:0 52px 0 20px;border:2px solid rgba(0,0,0,0);border-radius:999px;background:var(--box);color:var(--text);font-size:16px;box-shadow:0 2px 10px rgb(var(--soft-shadow)/12%)}.finder-input::placeholder{color:var(--text-sub)}.finder-input:focus{outline:0;border-color:var(--main)}.tool[aria-expanded=true] .ico{--ico: url("../svg/close.svg")}.finder-go{position:absolute;right:3px;top:50%;translate:0 -50%;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:none;color:var(--main-deep);font-size:1.15rem;cursor:pointer;transition:color var(--fast)}.finder-go:hover{color:var(--accent)}.finder-input:not(:placeholder-shown)+.finder-go{color:var(--accent)}.foot{max-width:var(--wide);margin:80px auto 0;font-size:.8rem}.foot-panel{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 24px;padding:30px 28px 38px;border-radius:var(--r-block);background:linear-gradient(180deg, var(--foot-from), transparent)}.foot-nav{display:flex;flex-wrap:wrap;gap:10px}.foot-nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 12px;border-radius:12px;background:var(--foot-pill);color:var(--foot-ink);font-size:.72rem;font-weight:700;text-decoration:none;transition:background var(--fast),color var(--fast),translate .3s var(--spring)}.foot-nav a .ico{font-size:1.3em}.foot-nav a:hover{background:var(--accent);color:var(--on-accent);translate:0 -2px}.foot-nav a[aria-current=page]{background:var(--foot-pill-now);color:var(--foot-ink-now)}.foot-find{position:relative;display:flex;align-items:center}.foot-find-input{width:270px;height:48px;padding:0 52px 0 20px;border:0;border-radius:999px;background:var(--foot-pill);color:var(--text);font:inherit;font-size:.95rem}.foot-find-input::placeholder{color:var(--text-sub)}.foot-find-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.foot-find-go{position:absolute;right:2px;top:50%;translate:0 -50%;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--foot-ink);font-size:1.15rem;cursor:pointer;transition:color var(--fast)}.foot-find-go:hover{color:var(--accent)}.foot-find-input:not(:placeholder-shown)+.foot-find-go{color:var(--accent)}.foot-ear{position:absolute;bottom:calc(100% - 1px);width:120px;height:38px;background:var(--foot-from);mask:url("../svg/ear.svg?v=3") no-repeat center bottom/100% 100%}.foot-ear::before{content:"";position:absolute;inset:14px 36px 0;background:var(--foot-ear-in);mask:url("../svg/ear.svg?v=3") no-repeat center bottom/100% 100%}.foot-ear.is-left{left:44px}.to-top{right:44px}.to-top::before{background:var(--foot-ear-go);transition:background var(--fast)}.to-top:hover::before{background:var(--accent)}.foot-copy{margin:-30px 0 0;position:relative;text-align:center;color:var(--text-sub);font-size:.7rem;font-weight:700;letter-spacing:.08em}@media(width < 900px){.foot-panel{padding:26px 18px 36px}.foot-find{width:100%}.foot-find-input{flex:1;width:auto}}@media(width < 600px){.foot-ear{width:96px;height:32px}.foot-ear::before{inset:12px 29px 0}.foot-ear.is-left{left:22px}.to-top{right:22px}}}@layer parts{body.is-home,body.is-find,body.is-list,body.is-lost{--wide: 1080px;--home-side: 40px;--window: calc(var(--wide) + var(--home-side) * 2);--frame-x: max(var(--frame-gap), calc(50% - var(--window) / 2));--frame-l: var(--frame-x);--frame-r: var(--frame-x)}@media(width >= 1300px){body.has-side{--side-w: 230px;--side-room: calc(var(--side-w) + var(--frame-gap) * 2);--frame-l: max(var(--frame-gap), calc(var(--frame-x) - var(--side-room) / 2));--frame-r: max(var(--side-room), calc(var(--frame-x) * 2 - var(--frame-l)))}}@media(width >= 900px){body.is-home,body.is-find,body.is-list,body.is-lost{padding-left:calc(var(--frame-l) + var(--home-side));padding-right:calc(var(--frame-r) + var(--home-side));padding-top:calc(var(--frame-gap) + var(--home-side))}}.sec{margin-top:54px}.sec-head{margin-bottom:22px;padding:20px 0 0 14px}.sec-head>div{position:relative}.sec-head .en{position:absolute;right:0;bottom:14px;z-index:1;font-size:.62rem;font-weight:700;letter-spacing:.24em;line-height:1.4;color:var(--main-deep);text-transform:uppercase}.sec-head h1,.sec-head h2{position:relative;margin:0;padding:0 70px 10px 15px;font-size:1.3rem;font-weight:800;line-height:1.55;letter-spacing:.08em}.sec-head h1::before,.sec-head h2::before{content:"";position:absolute;left:-10px;top:-20px;width:40px;aspect-ratio:1;background:var(--main);mask:url("../svg/y-h2.svg") no-repeat center/contain}.sec-head h1.has-mark::before,.sec-head h2.has-mark::before{display:none}.sec-head h1::after,.sec-head h2::after{content:"";position:absolute;inset:auto 0 0 10px;height:3px;border-radius:3px;background:linear-gradient(90deg, var(--main), color-mix(in srgb, var(--main) 30%, transparent))}.sec-head.is-sub{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:0 6px}.sec-head.is-sub .ico{font-size:1.5rem;color:var(--main)}.sec-head.is-sub h2{padding:0;font-size:1.08rem;font-weight:700;line-height:1.5;letter-spacing:.04em}.sec-head.is-sub h2::before,.sec-head.is-sub h2::after{content:none}@media(width < 600px){.sec-head:not(.is-sub):not(.is-find) :is(h1,h2){padding-right:64px;font-size:1.2rem;letter-spacing:.04em}}.sec-head.is-find{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:0 4px 12px}.sec-head.is-find::after{content:"";position:absolute;left:4px;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg, var(--main), color-mix(in srgb, var(--main) 30%, transparent))}.sec-head.is-find .ico{font-size:1.7rem;color:var(--main)}.sec-head.is-find>div{display:flex;flex-direction:column}.sec-head.is-find .en{position:static;font-size:.62rem;letter-spacing:.24em;line-height:1.4}.sec-head.is-find h2{padding:0;font-size:1.2rem;font-weight:800;line-height:1.5;letter-spacing:.06em}.sec-head.is-find h2::before,.sec-head.is-find h2::after{content:none}.pick{position:relative}.pick-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius);overscroll-behavior-x:contain}.pick-track::-webkit-scrollbar{display:none}.pick-item{position:relative;flex:none;width:100%;aspect-ratio:3/2;border-radius:var(--radius);overflow:hidden;scroll-snap-align:center;background:var(--main-soft);text-decoration:none}.pick-item picture,.pick-item img{width:100%;height:100%}.pick-item img{object-fit:cover;transition:scale 1.2s var(--ease)}.pick-item:hover img{scale:1.04}.pick-title{position:absolute;inset:auto 0 0;padding:60px 20px 18px;background:linear-gradient(transparent, rgb(var(--deep-shadow)/78%));color:var(--white);font-size:1.05rem;font-weight:700;line-height:1.55;text-shadow:0 1px 6px rgb(var(--deep-shadow)/40%)}.pick-dots{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:10px}@media(scripting: enabled){.pick:has(.pick-item+.pick-item) .pick-dots{min-height:32px}}.pick-dot{display:grid;place-items:center;width:32px;height:32px}.pick-dot::before{content:"";width:8px;height:8px;border-radius:8px;background:var(--line);transition:width .5s var(--ease),background var(--fast)}.pick-dot[aria-current=true]::before{width:30px;background:linear-gradient(90deg, var(--main) 50%, var(--line) 50%) right/200% 100%}.is-playing .pick-dot[aria-current=true]::before{animation:pick-fill var(--pick-time, 5s) linear forwards}@keyframes pick-fill{to{background-position:left}}@media(width >= 900px){.pick-item{aspect-ratio:5/2}.pick-title{padding:80px 34px 26px;font-size:1.5rem;max-width:none}}.cards{display:grid;grid-template-columns:1fr;gap:26px}@media(width >= 900px){.cards{grid-template-columns:repeat(3, minmax(0, 1fr));gap:32px 24px}}.card{display:block;text-decoration:none;transition:translate .4s var(--ease)}.card:hover{translate:0 -4px}.card:active{translate:0;scale:.98;transition-duration:.1s}.card-img{position:relative;display:block;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--main-soft);box-shadow:var(--shadow)}.card-img picture,.card-img img{width:100%;height:100%}.card-img img{object-fit:cover;transition:scale .9s var(--ease)}.card:hover .card-img img{scale:1.06}.card-cat{display:block;margin:12px 6px 0;font-size:.64rem;font-weight:700;letter-spacing:.12em;line-height:1.4;color:var(--main-deep)}.card-title{display:block;margin:2px 6px 0;font-size:.92rem;font-weight:700;line-height:1.6}.card-title>span{background:linear-gradient(var(--accent), var(--accent)) no-repeat left 100%/0 2px;transition:background-size .5s var(--ease)}.card:hover .card-title>span{background-size:100% 2px}.card-img+.card-title{margin-top:12px}.rows{display:grid;gap:10px}@media(width >= 600px){.rows{grid-template-columns:1fr 1fr}}.row{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:var(--radius);background:var(--box);box-shadow:var(--shadow);text-decoration:none;transition:translate .35s var(--ease),background var(--fast)}.row:hover{translate:0 -3px;background:var(--box-up)}.row:active{scale:.98}.row-img{aspect-ratio:1;border-radius:calc(var(--radius) - 8px);overflow:hidden;background:var(--main-soft)}.row-img picture,.row-img img{width:100%;height:100%}.row-img img{object-fit:cover}.row-title{font-size:.8rem;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.row-cat{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;color:var(--main-deep)}.tiles{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(46%, 180px), 1fr));gap:12px}.tile{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--main);color:var(--white);text-decoration:none}.tile picture,.tile img{position:absolute;inset:0;width:100%;height:100%}.tile img{object-fit:cover;opacity:.55;filter:saturate(0.7);transition:scale .9s var(--ease),opacity .4s}.tile::after{content:"";position:absolute;inset:0;background:color-mix(in srgb, var(--main-deep) 55%, transparent);mix-blend-mode:multiply;transition:opacity .4s}.tile:hover img{scale:1.1;opacity:.8}.tile:hover::after{opacity:.5}.tile:active{scale:.97}.tile[aria-current=page]{outline:3px solid var(--accent);outline-offset:2px}.tile-name{position:relative;z-index:1;font-size:.95rem;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 8px rgb(var(--deep-shadow)/50%);transition:letter-spacing .5s var(--ease)}.tile:hover .tile-name{letter-spacing:.26em}.tile-count{display:none;position:absolute;z-index:1;right:12px;bottom:6px;font-size:.6rem;font-weight:700;opacity:.85}.rank ol{margin:0;padding:0;list-style:none}.rank-grid{display:grid;gap:22px}@media(width >= 900px){.rank-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:24px}}.rank-leads{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rank-list{grid-template-columns:1fr !important}.row-img{position:relative}.rank-no{position:absolute;z-index:2;left:8px;top:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tag-cat);color:var(--tag-cat-ink);font-size:.85rem;font-weight:800;line-height:1;rotate:-3deg;box-shadow:0 0 0 2px var(--box),0 2px 6px rgb(var(--soft-shadow)/25%);font-variant-numeric:tabular-nums}.rank-list{gap:10px !important}@media(width >= 900px){.rank-grid{align-items:stretch}.rank-list{grid-auto-rows:1fr;height:100%}.rank-leads>li>.card{height:100%}}.rank-list .row{grid-template-columns:72px 1fr;gap:14px;padding:7px 14px 7px 7px}.rank-list .row-img{overflow:visible}.rank-list .row-img picture{display:block;border-radius:inherit;overflow:hidden}.rank-list .row-title{-webkit-line-clamp:2}.row-img .rank-no{left:-6px;top:-6px;width:20px;height:20px;font-size:.62rem;box-shadow:0 0 0 1.5px var(--box)}.empty{padding:60px 0;text-align:center;color:var(--text-sub)}}@layer parts{.post-title{margin:26px 0 12px;font-size:1.5rem;font-weight:800;line-height:1.5;letter-spacing:.06em;color:var(--main-deep);text-wrap:pretty}.post-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:34px;padding-left:var(--inset-l);font-size:.7rem;color:var(--text-sub)}.post-cat{display:inline-flex;align-items:center;min-height:30px;padding-inline:14px;border-radius:999px;background:var(--main-soft);color:var(--main-deep);font-weight:700;text-decoration:none;transition:background var(--fast),color var(--fast)}.post-cat:hover{background:var(--main);color:var(--on-main)}@media(width >= 900px){.post-title{margin-top:40px;font-size:2rem}}.text{font-size:calc(1rem*var(--font-scale))}.text>*+*{margin-top:1.8em}.text>:where(picture,.kwe-figure,.shots,.linkcard,.linkcard-wrap,.score,.note,.fold,.yt,.cheer,.knk-goods-row,.knk-goods-search,table,blockquote,pre),.text>:where(picture,.kwe-figure,.shots,.linkcard,.linkcard-wrap,.score,.note,.fold,.yt,.cheer,.knk-goods-row,.knk-goods-search,table,blockquote,pre)+*{margin-top:2.4em}.text>h2+*{margin-top:1.6em}.text>h3+*,.text>h4+*{margin-top:1.2em}.text>:where(p,ul,ol,blockquote,pre,table,picture,.kwe-figure,h4){margin-left:var(--inset-l);margin-right:var(--inset-r)}.text>:where(.linkcard,.score,.note,.yt,.cheer){max-width:var(--box-w);margin-inline:auto}.text p{text-wrap:pretty}.text a{color:var(--accent-ink);text-decoration-thickness:2px;transition:background var(--fast);border-radius:4px}.text a:hover{background:var(--accent-soft)}.text strong{font-weight:800;background:linear-gradient(transparent 62%, color-mix(in srgb, var(--accent) 45%, transparent) 62%)}.text s{color:var(--text-sub)}.text h2{position:relative;margin-top:3.2em;padding:0 0 .5em .2em;font-size:1.3em;font-weight:800;line-height:1.55;letter-spacing:.08em;scroll-margin-top:50px}.text h2::before{content:"";position:absolute;left:-24px;top:-22px;width:30px;aspect-ratio:1;background:var(--main);mask:url("../svg/spark.svg") no-repeat center/contain;transform-origin:100% 100%}.text h2::after{content:"";position:absolute;inset:auto 0 0;height:3px;border-radius:3px;background:linear-gradient(90deg, var(--main), color-mix(in srgb, var(--main) 30%, transparent));transform-origin:left}.text h3{position:relative;margin-top:2.6em;margin-left:calc(var(--inset-l)/2);padding-left:1.1em;font-size:1.12em;font-weight:800;line-height:1.6;scroll-margin-top:50px}.text h3::before{content:"";position:absolute;left:0;top:.35em;width:.5em;height:.9em;border-radius:999px;background:var(--accent)}.text h4{margin-top:2.2em;font-size:1em;font-weight:800;color:var(--main-deep)}.text h4::before{content:"●";margin-right:.5em;font-size:.6em;vertical-align:.2em;color:var(--main)}@media(width < 900px){.text h2::before{left:-10px;top:-24px;width:26px}}.text ul:not([class]),.text ol:not([class]){display:grid;gap:.5em;padding:1.1em 1.2em 1.1em 2.6em;border-radius:var(--radius);background:var(--main-soft)}.text ul:not([class])>li{position:relative}.text ul:not([class])>li::before{content:"";position:absolute;left:-1.2em;top:.7em;width:.5em;height:.5em;border-radius:50%;background:var(--main)}.text ol:not([class]){list-style:decimal}.text ol:not([class])>li::marker{font-weight:800;color:var(--main-deep)}.text blockquote{position:relative;padding:1.2em 1.4em;border-radius:var(--radius);background:var(--box);box-shadow:var(--shadow);color:var(--text-sub);font-size:.92em}.text pre{padding:1.1em 1.3em;border-radius:var(--radius-s);background:var(--code-bg);color:var(--code-text);font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.8em;line-height:1.7;letter-spacing:0;overflow-x:auto;white-space:pre;overflow-wrap:normal}.text table{display:block;width:fit-content;max-width:100%;overflow-x:auto;border-radius:var(--radius-s);box-shadow:0 0 0 1px var(--line);font-size:.86em;line-height:1.6}.text th,.text td{padding:.7em 1em;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.text th{background:var(--main-soft);font-weight:800;white-space:nowrap}.text tr:last-child>*{border-bottom:0}.text picture{border-radius:var(--radius-s);overflow:hidden}.text>picture,.text>p>picture,.text .kwe-figure>picture{width:fit-content;max-width:100%;box-shadow:var(--shadow);cursor:zoom-in;transition:scale .4s var(--ease)}.text>picture:hover,.text>p>picture:hover,.text .kwe-figure>picture:hover{scale:1.015}.text .kwe-figure{display:grid;justify-items:start;gap:.6em}.text figcaption{font-size:.76em;line-height:1.6;color:var(--text-sub)}.text .img-size-small{max-width:min(180px,100%)}.text .img-size-medium{max-width:min(360px,100%)}.text>.img-align-center,.text>p>.img-align-center{margin-inline:auto}.text .img-align-center{justify-items:center;text-align:center}.text picture.img-align-center{display:block}.old-note{margin-bottom:2em}.post-end{max-width:var(--box-w);margin:60px auto 0}.spread{padding:26px 20px;border-radius:var(--radius);background:var(--main-soft);text-align:center}.spread-lead{margin-bottom:14px;font-size:.8rem;font-weight:700;letter-spacing:.3em;color:var(--main-deep)}.spread-lead span{display:inline-block}.dates{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;margin-top:16px;font-size:.68rem;color:var(--text-sub)}.wide-sec{max-width:var(--wide);margin:64px auto 0}}@layer parts{.linkcard{display:grid;grid-template-columns:1fr;border-radius:var(--radius);background:var(--box);box-shadow:var(--shadow);overflow:hidden;text-decoration:none;color:inherit;transition:translate .35s var(--ease),box-shadow .35s}.text .linkcard,.text .linkcard:hover{color:inherit;background:var(--box);border-radius:var(--radius)}.linkcard:hover{translate:0 -3px}.linkcard:active{scale:.985}.linkcard-img{aspect-ratio:2/1;background:var(--main-soft);overflow:hidden}.linkcard-img picture,.linkcard-img img{width:100%;height:100%;border-radius:0;box-shadow:none}.linkcard-img img{object-fit:cover;transition:scale .9s var(--ease)}.linkcard:hover .linkcard-img img{scale:1.06}.linkcard-body{display:grid;align-content:center;gap:.35em;padding:16px 20px}.linkcard-note{font-size:.64em;font-weight:800;letter-spacing:.14em;color:var(--accent-ink)}.linkcard-title{font-size:.92em;font-weight:800;line-height:1.55}.linkcard-sum{font-size:.72em;line-height:1.6;color:var(--text-sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.linkcard-site{display:inline-flex;align-items:center;gap:.4em;font-size:.64em;color:var(--main-deep)}@media(width >= 600px){.linkcard.has-img{grid-template-columns:200px 1fr}.linkcard-img{aspect-ratio:auto;min-height:130px}}.score{padding:22px 22px 20px;border-radius:var(--radius);background:var(--box);box-shadow:var(--shadow)}.score-title{margin-bottom:12px;font-size:.9em;font-weight:800;color:var(--main-deep);text-align:center;letter-spacing:.2em}.score-list{display:grid;gap:8px}.score-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:2px dotted var(--line);font-size:.86em;font-weight:700}.stars{position:relative;display:inline-flex;gap:3px;flex:none}.star{position:relative;width:1.25em;aspect-ratio:1;background:var(--line);mask:url("../svg/star.svg") no-repeat center/contain}.star::after{content:"";position:absolute;inset:0;width:calc(var(--fill, 0)*100%);background:var(--accent)}.score-note{margin-top:14px;font-size:.82em;line-height:1.8;color:var(--text-sub)}.note{--c: var(--note-yellow);position:relative;padding:20px 68px 20px 24px;border-radius:var(--radius);background:color-mix(in srgb, var(--c) 16%, var(--bg))}.note.is-red{--c: var(--note-red)}.note.is-blue{--c: var(--note-blue)}.note::after{content:"!";position:absolute;right:20px;top:50%;translate:0 -50%;display:grid;place-items:center;width:36px;aspect-ratio:1;border-radius:50%;background:var(--c);color:var(--white);font-weight:900;font-size:1.2rem;line-height:1}.note-title{font-size:1em;font-weight:800;line-height:1.5;color:color-mix(in srgb, var(--c) 60%, var(--text))}.note-text{margin-top:.3em;font-size:.84em;line-height:1.7}.fold{border-radius:var(--radius);background:var(--box);box-shadow:var(--shadow)}.fold>summary{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 56px 12px 22px;border-radius:var(--radius);font-size:.9em;font-weight:800;line-height:1.5;list-style:none;transition:background var(--fast),color var(--fast)}.fold>summary::-webkit-details-marker{display:none}.fold>summary:hover{background:var(--main-soft);color:var(--main-deep)}.fold>summary::before,.fold>summary::after{content:"";position:absolute;right:24px;top:50%;width:16px;height:3px;margin-top:-1.5px;border-radius:3px;background:var(--main);transition:rotate .45s var(--spring)}.fold>summary::after{rotate:90deg}.fold[open]>summary::before{rotate:180deg}.fold[open]>summary::after{rotate:180deg}.fold-in{padding:6px 22px 24px}.fold-in>*+*{margin-top:1.5em}@supports(interpolate-size: allow-keywords){.fold{interpolate-size:allow-keywords}.fold::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .5s var(--ease),opacity .4s,content-visibility .5s allow-discrete}.fold[open]::details-content{block-size:auto;opacity:1}}.yt{display:grid;gap:.6em}.yt-box{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--movie-bg);box-shadow:var(--shadow)}.yt-box img,.yt-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.yt-box img{object-fit:cover;transition:scale .9s var(--ease),opacity .4s}.yt-box:hover img{scale:1.04;opacity:.85}.yt-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:68px;aspect-ratio:1;border-radius:50%;background:rgb(var(--light)/92%);color:var(--main-deep);font-size:1.6rem;box-shadow:0 4px 20px rgb(var(--deep-shadow)/30%);transition:scale .4s var(--spring),background var(--fast),color var(--fast)}.yt-box:hover .yt-play{scale:1.15;background:var(--accent);color:var(--white)}.yt-note{font-size:.76em;color:var(--text-sub);text-align:center}.yt.is-s{max-width:420px;margin-inline:auto}@keyframes beat{0%,60%,100%{scale:1}20%{scale:1.3}40%{scale:.95}}.shots{position:relative;display:flex;gap:12px;padding:4px var(--inset-r) 10px var(--inset-l);overflow-x:auto;scroll-snap-type:x mandatory}.shots.is-ready{overflow:hidden;margin-inline:calc(50% - 50vw);padding:20px calc(50vw - 50% + var(--inset-r)) 34px calc(50vw - 50% + var(--inset-l))}.shots .knk-goods-track{gap:12px}@media(scripting: enabled){.shots:not(.is-ready){margin-inline:calc(50% - 50vw);padding:20px calc(50vw - 50% + var(--inset-r)) 34px calc(50vw - 50% + var(--inset-l))}}.shot{flex:none;width:min(70vw,360px);display:grid;align-content:start;gap:.5em;scroll-snap-align:center}.shot picture{cursor:zoom-in;box-shadow:var(--shadow);transition:scale .4s var(--ease)}.shot picture:hover{scale:1.015}.shot img{width:100%;aspect-ratio:4/3;object-fit:cover}}@layer motion{.rv{opacity:0;translate:0 22px;transition:opacity var(--slow) var(--ease),translate var(--slow) var(--ease);transition-delay:calc(var(--i, 0)*80ms)}.rv.is-in{opacity:1;translate:0}.text h2.rv-h::before{scale:0;rotate:-40deg;transition:scale .6s var(--spring) .15s,rotate .6s var(--spring) .15s}.text h2.rv-h::after{scale:0 1;transition:scale .9s var(--ease)}.text h2.rv-h.is-in::before{scale:1;rotate:0deg}.text h2.rv-h.is-in::after{scale:1 1}.text h3.rv-h::before{scale:1 0;transition:scale .5s var(--spring)}.text h3.rv-h.is-in::before{scale:1 1}.score.rv-s .star::after{width:0;transition:width .5s var(--ease);transition-delay:calc(var(--n, 0)*90ms + 200ms)}.score.rv-s.is-in .star::after{width:calc(var(--fill, 0)*100%)}.spread.is-in .spread-lead span{animation:hop .6s var(--spring) both;animation-delay:calc(var(--n, 0)*45ms)}@keyframes hop{0%{translate:0 0}40%{translate:0 -7px}100%{translate:0 0}}.bar{animation:bar-in .7s var(--ease) both}@keyframes bar-in{from{translate:-50% 70px}}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.45s}::view-transition-old(root){animation:vt-out .25s var(--ease) both}::view-transition-new(root){animation:vt-in .5s var(--ease) both}::view-transition-group(bar){animation:none;z-index:2}::view-transition-old(bar){display:none}::view-transition-new(bar){animation:none}@keyframes vt-out{to{opacity:0;translate:0 -10px}}@keyframes vt-in{from{opacity:0;translate:0 18px}}html.is-theme-swap::view-transition-old(root){animation:none;z-index:1}html.is-theme-swap::view-transition-new(root){animation:theme-open .7s var(--ease) both;z-index:2}@keyframes theme-open{from{clip-path:circle(0 at var(--x, 50%) var(--y, 100%))}to{clip-path:circle(150vmax at var(--x, 50%) var(--y, 100%))}}.zoom{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:0;background:rgba(0,0,0,0);overflow:hidden}.zoom::backdrop{background:rgb(var(--deep-shadow)/82%);backdrop-filter:blur(8px);animation:fade .3s both}.zoom[open]{display:grid;place-items:center}.zoom-img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:auto;height:auto;border-radius:var(--radius-s);cursor:zoom-out;animation:zoom-in .4s var(--ease) both}.zoom-logo{position:fixed;z-index:1;margin:0;padding-inline:4px}.zoom-logo img{max-width:100%}html.is-zoom-swap .bar{view-transition-name:none}html.is-zoom-swap::view-transition-old(root){animation:none}html.is-zoom-swap::view-transition-new(root){animation:fade .3s both}::view-transition-group(site-logo){animation:none;z-index:3}::view-transition-old(site-logo){display:none}::view-transition-new(site-logo){animation:none}.zoom-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgb(var(--light)/92%);color:var(--play-ink);font-size:1.1rem;transition:scale var(--fast) var(--spring)}.zoom-close:hover{scale:1.12}@keyframes fade{from{opacity:0}}@keyframes zoom-in{from{opacity:.01;scale:.92;translate:0 16px}}.toast{position:fixed;z-index:70;left:50%;bottom:calc(var(--bar-h) + 24px);translate:-50% 20px;padding:10px 22px;border-radius:999px;background:var(--text);color:var(--bg);font-size:.76rem;font-weight:700;opacity:0;pointer-events:none;transition:opacity .3s,translate .45s var(--spring)}.toast.is-on{opacity:1;translate:-50% 0}}@layer details{@keyframes flick{0%,50%{rotate:5deg;translate:0 0}51%,100%{rotate:-5deg;translate:-2px 0}}@keyframes drift{0%,100%{translate:3px 4px}50%{translate:0 0}}@keyframes sway{0%,50%,100%{rotate:0deg;translate:0 -50%;opacity:.5}20%{rotate:8deg;translate:-7px -50%;opacity:.8}75%{rotate:-8deg;translate:7px -50%;opacity:.8}}@keyframes jelly{0%,100%{transform:scale(1)}20%{transform:scale(1.2, 0.8)}40%{transform:scale(0.8, 1.2)}60%{transform:scale(1.1, 0.9)}80%{transform:scale(0.95, 1.05)}}@keyframes blob{0%,100%{border-radius:20px 25px 20px 20px}25%{border-radius:25px 25px 15px 25px}50%{border-radius:25px 25px 25px 15px}75%{border-radius:25px 15px 25px 25px}}.text h2{margin-top:80px;padding:0 0 10px 15px}.text h2::before{left:-10px;top:-20px;width:40px;background:var(--main);mask:url("../svg/y-h2.svg") no-repeat center/contain;transform-origin:70% 70%}.text h2::after{left:10px;height:3px;background:color-mix(in srgb, var(--main) 60%, transparent)}.text h2.has-mark::before{display:none}.h-mark{position:absolute;left:-10px;top:-20px;width:40px;height:40px;pointer-events:none}.h-mark i{position:absolute;left:3px;top:35px;width:13px;height:3px;border-radius:4px;background:var(--main);transform-origin:35px 1.5px;rotate:var(--a);animation:ray-wave 6s var(--ease) infinite;animation-delay:calc(var(--n)*90ms + 2.4s)}.h-mark i:nth-child(1){--a: 15deg;--n: 0}.h-mark i:nth-child(2){--a: 35deg;--n: 1}.h-mark i:nth-child(3){--a: 55deg;--n: 2}.h-mark i:nth-child(4){--a: 75deg;--n: 3}@keyframes ray-wave{0%,12%,100%{scale:1 1}5%{scale:1.12 1.15;background:var(--main-deep)}}@keyframes ray-out{0%{scale:0 1;opacity:0}60%{scale:1.14 1;opacity:1}100%{scale:1 1;opacity:1}}.text h2.rv-h .h-mark i{scale:0 1;opacity:0;animation:none}.text h2.rv-h.is-in .h-mark i{scale:1 1;opacity:1;animation:ray-out .55s var(--spring) both,ray-wave 6s var(--ease) infinite;animation-delay:calc(var(--n)*70ms + .1s),calc(var(--n)*90ms + 3s)}.text h3{position:relative;margin-top:60px;margin-left:0;padding:0 0 5px 15px;font-size:1.15em}.text h3::before{left:-10px;top:-20px;width:40px;height:auto;aspect-ratio:1;border-radius:0;background:var(--main);mask:url("../svg/y-h3.svg") no-repeat center/contain;transform-origin:70% 70%}.text h3::after{content:"";position:absolute;inset:auto 0 0 10px;height:2px;border-radius:2px;background:color-mix(in srgb, var(--main) 60%, transparent);transform-origin:left}.text h4{position:relative;padding-left:12px;color:inherit}.text h4::before,.text h4::after{content:"";position:absolute;left:-5px;top:9px;width:7px;height:3.5px;margin:0;border-radius:4px;background:color-mix(in srgb, var(--main) 75%, transparent);transform-origin:20px 1.75px;rotate:35deg}.text h4::after{rotate:55deg}.text h4.rv-h::before,.text h4.rv-h::after{scale:0 1;opacity:0}.text h4.rv-h.is-in::before{animation:h4-tap .45s var(--spring) .1s both}.text h4.rv-h.is-in::after{animation:h4-tap .45s var(--spring) .28s both}@keyframes h4-tap{0%{scale:0 1;opacity:0}55%{scale:1.25 1.15;opacity:1}100%{scale:1 1;opacity:1}}.text h3.rv-h::before{scale:0;transition:scale .6s var(--spring) .15s}.text h3.rv-h::after{scale:0 1;transition:scale .9s var(--ease)}.text h3.rv-h.is-in::before{scale:1}.text h3.rv-h.is-in::after{scale:1 1}.linkcard{position:relative;overflow:visible}.linkcard-img{border-radius:var(--radius) var(--radius) 0 0}@media(width >= 600px){.linkcard.has-img .linkcard-img{border-radius:var(--radius) 0 0 var(--radius)}}.linkcard::before{content:"";position:absolute;z-index:2;top:-7px;left:-5px;width:40px;aspect-ratio:1;background:var(--accent);mask:url("../svg/y-pika.svg") no-repeat center/contain;animation:flick 1s ease-in-out infinite}.linkcard:hover{translate:0 -5px;scale:1.02}.note{overflow:visible}.note::after{content:"";right:-5px;top:48%;width:80px;border-radius:0;background:var(--c);mask:url("../svg/y-warning.svg") no-repeat center/contain;translate:0 -50%;transform-origin:center bottom;opacity:.5;animation:sway 1.5s ease-in-out infinite}.note::before{content:"";position:absolute;top:-20px;left:-20px;width:40px;aspect-ratio:1;background:var(--c);mask:url("../svg/y-biri.svg") no-repeat center/contain;opacity:.6}.old-note::before{display:none}.btn{--well-at: 1px;position:relative;border:1.5px solid var(--key-rim);border-radius:15px;background:var(--accent);color:var(--white);font-weight:800;letter-spacing:.05em;text-decoration:none;text-shadow:0 1px 2px var(--accent-shadow);outline:0;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 3px 1.5px var(--key-side),0 5px 8px var(--key-shadow),0 var(--well-at) 2px 4px var(--well);filter:none;animation:none;transition:translate .1s var(--ease),box-shadow .1s var(--ease)}.btn:hover{--well-at: 2px;translate:0 -1px;scale:1;background:var(--accent);color:var(--white);box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 4px 1.5px var(--key-side),0 7px 11px var(--key-shadow),0 var(--well-at) 2px 4px var(--well)}.btn:active{--well-at: -1px;animation:none;translate:0 2px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 1px 1px var(--key-side),0 var(--well-at) 2px 4px var(--well)}.btn:focus-visible{outline:3px solid var(--main-deep);outline-offset:9px}.tool:active,.spread-item:active{animation:jelly .3s ease-out;scale:1}.crumbs a:hover{color:var(--accent-ink)}.post-cat{background:var(--accent-soft);color:var(--accent-ink)}.post-cat:hover{background:var(--accent);color:var(--on-accent)}.tool:hover{background:var(--accent-soft);color:var(--accent-ink)}.tool[aria-expanded=true]{background:radial-gradient(circle closest-side, var(--accent) 14px, transparent 14.5px);color:var(--on-accent)}.tool[aria-expanded=true] .ico{scale:.78}@media(width < 600px){.tool[aria-expanded=true]{background:radial-gradient(circle closest-side, var(--accent) 13px, transparent 13.5px)}}.set-item b{color:var(--accent-ink)}.toc-link:hover{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent-ink)}.pick-dot[aria-current=true]::before{background:linear-gradient(90deg, var(--accent) 50%, var(--line) 50%) right/200% 100%}.yt-play{color:var(--accent-ink)}.text strong{background:linear-gradient(transparent 62%, color-mix(in srgb, var(--main) 32%, transparent) 62%)}.post-title{text-shadow:2px 2px 0 var(--bg),4px 4px 0 color-mix(in srgb, var(--main) 22%, transparent);letter-spacing:.1em}.spread{padding:0;background:none}.spread-lead{margin-bottom:12px;font-size:.78rem;font-weight:500;letter-spacing:.3em;color:var(--main)}.spread-list{gap:15px}.spread-item{width:60px;height:60px;background:color-mix(in srgb, var(--text) 20%, transparent);color:var(--white);font-size:1.7rem;box-shadow:0 0 15px rgb(var(--soft-shadow)/10%);transition:background .3s,scale .3s var(--spring),box-shadow .3s}.spread-item:hover{translate:0;scale:1.1;background:var(--accent);color:var(--white);box-shadow:0 0 5px rgb(var(--soft-shadow)/80%)}.spread-item.is-x:hover{background:var(--brand-x)}.spread-item.is-line:hover{background:var(--brand-line)}@media(hover: hover)and (pointer: fine){.spread-list .spread-item.is-line{display:none}}.pop .spread-item{width:52px;height:52px;font-size:1.4rem}.dates{justify-content:center;margin-top:22px}.dates{gap:0 30px}.dates .date{display:flex;align-items:center;gap:3px;font-size:.88em;letter-spacing:.05em;opacity:.6}.dates .date::before{content:"";flex:none;width:20px;height:20px;background:color-mix(in srgb, var(--text) 40%, transparent);mask:url("../svg/time.svg") no-repeat center/contain}.dates .date.is-updated::before{mask-image:url("../svg/update.svg")}.cheer{--stub: 92px;position:relative;display:grid;grid-template-columns:1fr var(--stub);max-width:440px;padding:0;border-radius:0;background:none;box-shadow:none;overflow:visible;text-align:left;text-decoration:none;color:var(--on-main);filter:drop-shadow(0 4px 9px rgb(var(--soft-shadow)/16%))}.text .cheer,.text .cheer:hover{color:var(--on-main);background:none;border-radius:0}.cheer span{display:block}.cheer-main{position:relative;display:grid !important;align-content:center;padding:18px 20px 18px 26px;border-radius:5px 0 0 5px;border-right:2px dashed color-mix(in srgb, var(--on-main) 65%, transparent);background:var(--main);mask:radial-gradient(circle 9px at 100% 0, rgba(0, 0, 0, 0) 97%, #000) top/100% 51% no-repeat,radial-gradient(circle 9px at 100% 100%, rgba(0, 0, 0, 0) 97%, #000) bottom/100% 51% no-repeat}.cheer-main::before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:12px;background:radial-gradient(circle 4px at 6px 7px, var(--bg) 96%, rgba(0, 0, 0, 0)) 0 0/12px 14px repeat-y}.cheer-kicker{margin-bottom:6px;font-size:.52em;font-weight:700;letter-spacing:.3em;color:color-mix(in srgb, var(--on-main) 78%, transparent)}.cheer-lead{margin-bottom:0;padding-inline:3px;font-size:.92em;font-weight:800;line-height:2;background:repeating-linear-gradient(transparent 0 calc(2em - 1px), color-mix(in srgb, var(--on-main) 26%, transparent) calc(2em - 1px) 2em);letter-spacing:.08em;-webkit-text-stroke:0}.cheer-stub{position:relative;display:grid !important;place-items:center;align-content:center;gap:7px;padding:12px 4px 10px 6px;border-radius:0 5px 5px 0;background:var(--accent);color:var(--on-accent);mask:radial-gradient(circle 9px at 0 0, rgba(0, 0, 0, 0) 97%, #000) top/100% 51% no-repeat,radial-gradient(circle 9px at 0 100%, rgba(0, 0, 0, 0) 97%, #000) bottom/100% 51% no-repeat;transform-origin:0 100%;transition:rotate .28s cubic-bezier(0.2, 0.8, 0.2, 1),translate .28s cubic-bezier(0.2, 0.8, 0.2, 1)}.cheer:hover .cheer-stub{rotate:4deg;translate:2px 1px}.cheer-after{font-size:.5em;font-weight:700;line-height:1.45;letter-spacing:.04em;text-align:center;color:color-mix(in srgb, var(--on-accent) 88%, transparent)}.cheer-seal{display:grid !important;place-items:center;align-content:center;gap:1px;width:58px;aspect-ratio:1;border:1.5px solid currentColor;border-radius:50%;outline:1px solid currentColor;outline-offset:3px;rotate:-14deg;opacity:.85}.cheer-seal b{font-size:.46em;font-weight:900;letter-spacing:.14em;line-height:1}.cheer-seal .ico{font-size:1em}@keyframes stamp{0%{scale:2.2;opacity:0;rotate:-34deg}55%{scale:.92;opacity:.95;rotate:-12deg}100%{scale:1;opacity:.85;rotate:-14deg}}.cheer.rv .cheer-seal{opacity:0}.cheer.is-in .cheer-seal{animation:stamp .5s cubic-bezier(0.2, 1.4, 0.4, 1) .55s both}@keyframes tear{0%{rotate:4deg;translate:2px 1px}28%{rotate:12deg;translate:5px 0}62%{rotate:20deg;translate:24px -10px}82%{rotate:13deg;translate:17px 3px}100%{rotate:15deg;translate:19px 0}}.cheer.is-torn .cheer-stub,.cheer.is-torn:hover .cheer-stub{rotate:15deg;translate:19px 0;animation:tear .7s cubic-bezier(0.3, 0.7, 0.3, 1) both}.cheer.is-torn .cheer-main{border-right-style:dotted}.cheer-bit{position:absolute;left:calc(100% - var(--stub));top:50%;width:var(--s, 8px);aspect-ratio:1;margin:calc(var(--s, 8px)/-2);border-radius:50%;background:var(--c);pointer-events:none;animation:bit var(--t, 0.8s) cubic-bezier(0.15, 0.8, 0.3, 1) forwards}.cheer-bit.is-star{border-radius:0;mask:url("../svg/star.svg") no-repeat center/contain}.cheer-bit.is-heart{border-radius:0;mask:url("../svg/heart.svg") no-repeat center/contain}@keyframes bit{0%{translate:0 0;scale:.2;rotate:0deg;opacity:1}25%{scale:1.1;opacity:1}70%{opacity:1}100%{translate:var(--dx) var(--dy);scale:.7;rotate:var(--rot);opacity:0}}@media(width < 600px){.cheer{--stub: 70px}.cheer-main{padding:14px 14px 13px 22px}.cheer-lead{font-size:.8em;letter-spacing:0}.cheer-after{font-size:.46em;letter-spacing:0}.cheer-seal{width:50px}.cheer.is-torn .cheer-stub,.cheer.is-torn:hover .cheer-stub{translate:10px 0}@keyframes tear{0%{rotate:4deg;translate:2px 1px}28%{rotate:12deg;translate:4px 0}62%{rotate:20deg;translate:14px -8px}82%{rotate:13deg;translate:8px 3px}100%{rotate:15deg;translate:10px 0}}}.spread-item{width:62px;height:62px;border:2px solid var(--accent);background:var(--box-up);color:var(--accent-ink);font-size:1.45rem;outline:1.5px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:-7px;box-shadow:none;transition:rotate .35s var(--spring),background .2s,color .2s}.spread-item:nth-child(1){rotate:-6deg}.spread-item:nth-child(2){rotate:4deg}.spread-item:nth-child(3){rotate:-3deg}.spread-item:hover{scale:1;rotate:10deg;background:var(--accent);color:var(--on-accent);box-shadow:none}.spread-item.is-x:hover,.spread-item.is-line:hover{background:var(--accent)}.spread-item:active{animation:none;scale:.92}.spread-item.is-done{background:var(--accent);color:var(--on-accent)}.pop .spread-item{width:54px;height:54px;font-size:1.25rem}.linkcard{border-radius:8px;box-shadow:0 1px 0 var(--line),var(--shadow);overflow:visible}.text .linkcard,.text .linkcard:hover{border-radius:8px}.linkcard-img{border-radius:8px 8px 0 0}.linkcard::before{top:-9px;left:-22px;width:74px;height:20px;aspect-ratio:auto;background:repeating-linear-gradient(-45deg, transparent 0 6px, color-mix(in srgb, var(--box-up) 40%, transparent) 6px 8px),color-mix(in srgb, var(--accent) 62%, transparent);mask:none;rotate:-32deg;animation:none;clip-path:polygon(0 0, 4px 17%, 0 34%, 4px 50%, 0 67%, 4px 84%, 0 100%, 100% 100%, calc(100% - 4px) 84%, 100% 67%, calc(100% - 4px) 50%, 100% 34%, calc(100% - 4px) 17%, 100% 0)}.linkcard:hover{translate:0 -3px;scale:1;rotate:-0.6deg}.linkcard{grid-template-columns:1fr auto;align-items:center;padding-right:16px}.linkcard.has-img{grid-template-columns:1fr auto}@media(width >= 600px){.linkcard.has-img{grid-template-columns:200px 1fr auto}}.linkcard-title{width:fit-content;color:var(--accent-ink);text-decoration:underline dotted color-mix(in srgb, var(--accent) 80%, transparent) 2px;text-underline-offset:5px;transition:text-decoration-color .2s}.linkcard:hover .linkcard-title{text-decoration-style:solid;text-decoration-color:var(--accent-ink)}.linkcard-go{display:grid;place-items:center;width:30px;aspect-ratio:1;margin-left:8px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:.9rem;transition:translate .28s cubic-bezier(0.2, 0.8, 0.2, 1)}.linkcard-go .ico{mask-image:url("../svg/go.svg")}.linkcard-go.is-out .ico{mask-image:url("../svg/out.svg")}.linkcard:hover .linkcard-go{translate:4px 0}.linkcard:hover .linkcard-go.is-out{translate:3px -3px}.linkcard-site::before{content:"";width:.95em;aspect-ratio:1;background:currentColor;mask:url("../svg/out.svg") no-repeat center/contain}@property --bag{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --cut-l{syntax:"<length>";inherits:true;initial-value:480px}@property --curl{syntax:"<angle>";inherits:true;initial-value:118deg}@property --skew{syntax:"<angle>";inherits:true;initial-value:-5deg}@property --lift{syntax:"<angle>";inherits:true;initial-value:0deg}@property --shade{syntax:"<percentage>";inherits:true;initial-value:16%}.fold{--bag: color-mix(in srgb, var(--main) 16%, var(--box));--bag-in: var(--box);--cutline: var(--accent-deep);--foot: 90px;--cut-f: 72px;--cut-r: .15;--in-x: 16px;--in-pad: 22px;--in-top: 26px;--in-gap: 10px;--in-tuck: 14px;--flap-skew: -5deg;container-type:inline-size;position:relative;border-radius:8px;background:none;box-shadow:none;isolation:isolate;transition:--bag var(--fast)}@media(prefers-color-scheme: dark){html:not([data-theme]) .fold{--bag: var(--box);--bag-in: var(--box-up)}}html[data-theme=dark] .fold{--bag: var(--box);--bag-in: var(--box-up)}.fold:hover{--bag: color-mix(in srgb, var(--accent) 12%, var(--box));--lift: 8deg}.fold>summary{--cut-l: 480px;--cut-h: min(calc(var(--cut-l) * var(--cut-r)), var(--cut-f));transition:--cut-l .55s linear}.fold.is-wait>summary{--cut-l: 14px;transition:none}.fold.is-wait .fold-scis{animation:none}.fold[open]>summary{--cut-l: calc(100cqw - 14px)}.fold>summary,.fold>summary:hover{position:static;display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font-size:inherit;font-weight:400;line-height:inherit;text-decoration:none}.fold>summary::before,.fold>summary::after{display:none}.fold-head{position:relative;display:flex;align-items:center;gap:12px;padding:26px 20px 24px 22px;border-radius:8px 8px 0 0;background:var(--bag);box-shadow:inset 0 3px 0 var(--main)}.fold-head::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 5px 6px -3px rgb(var(--deep-shadow)/18%);pointer-events:none;z-index:1}.fold-clip{position:absolute;left:14px;top:-16px;width:24px;height:40px;overflow:visible;fill:none;stroke:var(--main);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;rotate:-18deg;transform-origin:50% 25%;pointer-events:none;z-index:2;animation:clip-idle 4s ease-in-out infinite}@keyframes clip-idle{0%,60%,100%{rotate:-18deg}68%{rotate:-11deg}76%{rotate:-23deg}84%{rotate:-15.5deg}92%{rotate:-19deg}}.fold[open] .fold-clip{animation:clip-off .4s ease-in both}@keyframes clip-off{to{rotate:-42deg;translate:-6px -16px;opacity:0}}.fold-name{display:block;min-width:0;font-size:.92em;font-weight:800;line-height:1.5}.fold-badge{flex:none;width:6.2em;margin-bottom:2px;padding:5px 0 5px .14em;border-radius:999px;background:var(--accent);color:var(--white);text-align:center;font-size:.68em;font-weight:800;letter-spacing:.14em;line-height:1.4;border:1.5px solid var(--key-rim);text-shadow:0 1px 2px var(--accent-shadow);box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 2px 1.5px var(--key-side),0 3px 6px var(--key-shadow);transition:translate .13s var(--ease),box-shadow .13s var(--ease),background .2s,color .2s}.fold:hover .fold-badge{translate:0 -1px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 3px 1.5px var(--key-side),0 5px 9px var(--key-shadow)}.fold[open] .fold-badge,.fold[open]:hover .fold-badge{translate:0 1px;text-shadow:none;background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}.fold-badge>span+span,.fold[open] .fold-badge>span:first-child{display:none}.fold[open] .fold-badge>span+span{display:inline}.fold-foot{position:absolute;left:0;right:0;bottom:-1px;height:calc(var(--foot) + 1px);background:var(--bag);border-radius:0 0 8px 8px;clip-path:polygon(0 var(--cut-h), var(--cut-l) 0, 100% 0, 100% 100%, 0 100%);z-index:2}.fold-cut{position:absolute;left:var(--cut-l);right:14px;bottom:-1px;height:0;border-top:2px dashed var(--cutline);pointer-events:none;z-index:4}.fold-flap{position:absolute;left:0;bottom:calc(var(--foot) - var(--cut-h));width:var(--cut-l);height:var(--cut-h);filter:drop-shadow(0 2px 3px rgb(var(--deep-shadow)/22%));animation:flap-shadow .8s ease-in both;z-index:3}.fold-flap::before{content:"";position:absolute;inset:0;clip-path:polygon(0 10px, 0.76px 6.17px, 2.93px 2.93px, 6.17px 0.76px, 10px 0, 10px 0, 100% 0, 0 100%);background:linear-gradient(to top, color-mix(in srgb, var(--bag), var(--text) calc(var(--shade) * 1.5)), color-mix(in srgb, var(--bag), var(--text) var(--shade)) 70%);transform-origin:0 100%;transform:perspective(900px) rotate(calc(-1 * var(--cut-a))) rotateX(calc(-1 * (var(--curl) + var(--lift)))) skewX(var(--skew)) rotate(var(--cut-a));--skew: var(--flap-skew);--cut-a: atan2(var(--cut-h), var(--cut-l));transition:--lift .35s var(--spring);animation:flap-curl .8s cubic-bezier(0.3, 1.3, 0.5, 1) both,flap-idle 4.5s ease-in-out .8s infinite}.fold.is-wait .fold-flap{animation:none;filter:none}@keyframes flap-shadow{from{filter:drop-shadow(0 0 0 rgb(var(--deep-shadow)/0%))}}.fold.is-wait .fold-flap::before{animation:none;--curl: 0deg;--skew: 0deg;--shade: 0%;clip-path:polygon(0 10px, 0 6px, 0 3px, 3px 0, 6px 0, 10px 0, 100% 0, 0 100%)}@keyframes flap-curl{from{--curl: 0deg;--skew: 0deg;--shade: 0%;clip-path:polygon(0 10px, 0 6px, 0 3px, 3px 0, 6px 0, 10px 0, 100% 0, 0 100%)}to{--curl: 118deg;--skew: var(--flap-skew);--shade: 16%}}@keyframes flap-idle{0%,55%,100%{--curl: 118deg}72%,86%{--curl: 124deg}}.fold-scis{position:absolute;left:calc(var(--cut-l) - 14px);bottom:-15px;width:30px;aspect-ratio:1;background:var(--accent);mask:url("../svg/scissors.svg") no-repeat center/contain;animation:snip .125s ease-in-out 4,snip-idle 2.4s ease-in-out .5s infinite;transition:opacity .2s;pointer-events:none;z-index:5}@keyframes snip-idle{0%,70%,100%{rotate:-3deg}78%,92%{rotate:7deg}85%{rotate:-5deg}}.fold[open] .fold-scis{opacity:0;animation:snip .125s ease-in-out 4;transition:opacity .2s .5s}@keyframes snip{50%{rotate:14deg}}.fold-in{margin:0 var(--in-x);padding:var(--in-top) var(--in-pad) 22px;background:var(--bag-in);border-radius:3px;transition:translate .55s var(--ease)}.fold[open] .fold-in{transition-delay:.5s}@supports selector(::details-content){.fold::details-content{block-size:var(--foot);overflow:clip;opacity:1;content-visibility:visible;padding-block:0;transition:block-size .55s var(--ease) .5s,padding-block .55s var(--ease) .5s}.fold[open]::details-content{block-size:auto;padding-block:var(--in-gap) calc(var(--foot) + var(--in-gap))}.fold:not([open]) .fold-in{translate:0 calc(-1*var(--in-tuck))}.fold:not([open])::details-content{transition-delay:0s}}@supports not selector(::details-content){.fold{padding-bottom:var(--foot)}.fold-in{margin-block:var(--in-gap)}}@media(width < 600px){.fold>summary{--cut-l: 260px}.fold[open]>summary{--cut-l: calc(100cqw - 14px)}.fold{--cut-f: 64px;--cut-r: .246;--foot: 76px;--in-x: 12px;--in-pad: 18px;--in-top: 18px;--in-tuck: 8px;--flap-skew: -4deg}.fold-head{padding:22px 16px 20px 18px}}@media(prefers-reduced-motion: reduce){.fold-clip{animation:none}.fold>summary{transition:none}.fold-scis{animation:none}.fold-flap,.fold-flap::before{animation:none}}.score{--sheet: var(--white);--edge: color-mix(in srgb, var(--main) 24%, transparent);display:flex;align-items:flex-start;padding:0;border-radius:0;background:none;box-shadow:none}@media(prefers-color-scheme: dark){html:not([data-theme]) .score{--sheet: var(--box-up)}}html[data-theme=dark] .score{--sheet: var(--box-up)}.score::before,.score::after{content:none}.score-box,.score-note{position:relative;background:var(--sheet);border-radius:4px;box-shadow:0 1px 3px rgb(var(--deep-shadow)/8%);outline:1px solid var(--edge);outline-offset:-6px}.score-pin{position:absolute;left:50%;top:-6px;width:15px;aspect-ratio:1;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 36% 32%, var(--white) 0 16%, var(--main) 18%, var(--main-deep) 100%)}.score-box{--t: -1.6deg;flex:none;z-index:1;padding:26px 26px 24px;rotate:var(--t);transform-origin:50% 2px;box-shadow:2px 2px 6px rgb(var(--deep-shadow)/12%);animation:sheet-sway 6s ease-in-out infinite}@keyframes sheet-sway{0%,100%{rotate:var(--t)}50%{rotate:calc(var(--t) + .7deg)}}.score-title{position:static;width:auto;margin:0 0 12px;padding:0 0 5px;background:none;color:var(--main-deep);font-size:1em;font-weight:900;letter-spacing:.08em;line-height:1.5;text-align:center;rotate:0deg;text-decoration:underline wavy color-mix(in srgb, var(--main) 55%, transparent) 1.5px;text-underline-offset:6px}.score-title::before{content:none}.score-list{display:grid;grid-template-columns:max-content max-content;gap:7px 12px;align-items:center}.score-row{display:contents}.score-name{font-size:.88em;font-weight:800;line-height:1.4;white-space:nowrap;color:var(--text)}.stars{display:flex;gap:2px}.star{width:20px;background:color-mix(in srgb, var(--main) 20%, var(--sheet));mask:url("../svg/star-hand.svg") no-repeat center/contain}.star::after{background:var(--main-deep)}@media(prefers-color-scheme: dark){html:not([data-theme]) .star::after{background:var(--main)}}html[data-theme=dark] .star::after{background:var(--main)}.score-note{--t: .7deg;flex:1 1 0;min-width:0;margin:34px 0 0 -30px;padding:28px 30px 28px 58px;font-size:.84em;line-height:1.95;color:var(--text);rotate:var(--t);transform-origin:50% 2px;animation:sheet-sway 7.5s ease-in-out .8s infinite}.score-note p{margin:0}.score.rv-s .score-box,.score.rv-s .score-note{opacity:0;scale:1.05}.score.rv-s.is-in .score-box,.score.rv-s.is-in .score-note{opacity:1;scale:1;transition:opacity .25s,scale .4s var(--spring)}.score.rv-s.is-in .score-note{transition-delay:.2s}.score.rv-s .star::after{width:0;transition:none}.score.rv-s.is-in .star::after{width:calc(var(--fill, 0)*100%);transition:width .14s linear calc(.65s + var(--r, 0)*.14s + var(--n, 0)*.14s)}@media(prefers-reduced-motion: reduce){.score-box,.score-note{animation:none}}@media(width < 600px){.score{display:block}.score-box{width:fit-content;box-sizing:border-box;max-width:100%;padding:24px 22px 22px}.score-note{margin:-14px 0 0 14px;padding:32px 20px 22px}.star{width:18px}}.note{--c: var(--note-yellow);--ink: var(--note-ink);--stripe: var(--ink);position:relative;padding:30px 28px 28px;border-radius:0;background:var(--c);box-shadow:none;filter:drop-shadow(0 4px 8px rgb(var(--deep-shadow)/22%));overflow:visible;text-align:center;clip-path:polygon(0 0, 6px 10%, 0 22%, 6px 34%, 0 46%, 6px 58%, 0 70%, 6px 82%, 0 94%, 3px 100%, 100% 100%, calc(100% - 6px) 90%, 100% 78%, calc(100% - 6px) 66%, 100% 54%, calc(100% - 6px) 42%, 100% 30%, calc(100% - 6px) 18%, 100% 6%, calc(100% - 3px) 0)}.note.is-red{--c: var(--note-red);--ink: var(--white);--stripe: var(--note-stripe)}.note.is-blue{--c: var(--note-blue);--ink: var(--white)}.note::before,.note::after{content:"";display:block;position:absolute;left:0;right:0;top:0;width:auto;height:12px;aspect-ratio:auto;margin:0;border-radius:0;background:repeating-linear-gradient(-55deg, var(--stripe) 0 14px, transparent 14px 30px);mask:none;opacity:1;rotate:0deg;translate:0;box-shadow:none;animation:none}.note::after{top:auto;bottom:0}.note-title{display:block;font-size:1.05em;font-weight:900;letter-spacing:.22em;line-height:1.4;color:var(--ink);text-indent:.22em}.note-title::before{content:none}.note-text{margin-top:.5em;font-size:.84em;line-height:1.75;color:var(--ink);text-align:left}.note-title+.note-text{margin-left:0}.note{--r: 0deg;rotate:var(--r)}.old-note{--r: 0deg}@media(width < 600px){.note{padding:26px 18px 24px}.note-title{font-size:.95em;letter-spacing:.14em}}.old-note{--board: var(--sign-board);--board-side: var(--sign-side);--wood: var(--sign-wood);--ink: var(--sign-ink);--r: 0deg;max-width:460px;margin-inline:auto;margin-bottom:3em;padding:18px 28px 17px;border:0;border-radius:22px;background:radial-gradient(ellipse 120px 50px at 22% 30%, rgb(var(--light)/30%), rgba(0, 0, 0, 0) 70%),radial-gradient(ellipse 90px 40px at 80% 75%, rgb(var(--light)/22%), rgba(0, 0, 0, 0) 70%),linear-gradient(0deg, rgb(var(--sign-stain)/10%), rgba(0, 0, 0, 0) 32%),var(--board);box-shadow:0 6px 0 var(--board-side),var(--shadow);clip-path:none;filter:none;text-align:left;rotate:var(--r)}@media(prefers-color-scheme: dark){html:not([data-theme]) .old-note{background:linear-gradient(0deg, rgb(var(--deep-shadow)/14%), rgba(0, 0, 0, 0) 32%),var(--board)}}html[data-theme=dark] .old-note{background:linear-gradient(0deg, rgb(var(--deep-shadow)/14%), rgba(0, 0, 0, 0) 32%),var(--board)}.old-note::before{content:"";position:absolute;inset:0;width:auto;height:auto;background:radial-gradient(circle 3px at 12px 12px, var(--board-side) 97%, rgba(0, 0, 0, 0)),radial-gradient(circle 3px at calc(100% - 12px) 12px, var(--board-side) 97%, rgba(0, 0, 0, 0)),radial-gradient(circle 3px at 12px calc(100% - 12px), var(--board-side) 97%, rgba(0, 0, 0, 0)),radial-gradient(circle 3px at calc(100% - 12px) calc(100% - 12px), var(--board-side) 97%, rgba(0, 0, 0, 0));pointer-events:none}.old-note::after{content:"";position:absolute;left:50%;top:100%;bottom:auto;width:18px;height:40px;margin:2px 0 0 -9px;border:0;border-radius:4px 4px 9px 9px;background:linear-gradient(0deg, color-mix(in srgb, var(--wood) 70%, var(--sign-wood-dark)) 0 30%, var(--wood) 55%)}.sign-wear{position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb, var(--board-side) 75%, var(--sign-side-dark));mask:url("../svg/cracks.svg") no-repeat center/100% 100%;pointer-events:none}.sign-wear::before,.sign-wear::after{content:"";position:absolute;background:var(--bg)}.sign-wear::before{top:-1px;right:-1px;width:30px;height:18px;clip-path:polygon(0 0, 100% 0, 100% 100%, 78% 70%, 52% 86%, 34% 52%, 14% 44%)}.sign-wear::after{left:-1px;top:58%;width:9px;height:14px;clip-path:polygon(0 0, 55% 10%, 100% 45%, 60% 80%, 0 100%)}.old-note .note-text{position:relative;margin:0;font-size:.82em;line-height:1.7;color:var(--ink);text-align:center}.old-note .note-text strong{background:none;color:var(--ink);text-decoration:underline wavy color-mix(in srgb, var(--wood) 70%, transparent) 1.5px;text-underline-offset:4px}.sign-grass{position:absolute;left:50%;top:100%;width:160px;height:36px;margin:10px 0 0 -80px;background:var(--sign-grass);mask:url("../svg/grass.svg") no-repeat center bottom/contain;pointer-events:none}.sign-grass.is-front{width:110px;height:24px;margin:24px 0 0 -48px;z-index:1;background:var(--sign-grass-front);transform:scaleX(-1)}@keyframes plant{0%{translate:0 30px;opacity:0}55%{translate:0 -3px;opacity:1}100%{translate:0}}@keyframes sprout{from{scale:1 0}to{scale:1 1}}.old-note.rv .sign-grass{scale:1 0;transform-origin:center bottom}.old-note.rv.is-in .sign-grass{animation:sprout .5s cubic-bezier(0.2, 0.9, 0.3, 1.2) .6s both}.old-note.rv{scale:1;translate:0 30px;opacity:0;transition:none}.old-note.rv.is-in{translate:0;opacity:1;animation:plant .8s cubic-bezier(0.2, 0.8, 0.3, 1) both}@media(width < 600px){.old-note{padding:14px 20px 13px}.old-note .note-text{text-align:left}}.card-img,.pick-item,.pick-track,.tile,.row,.row-img{border-radius:var(--r-block)}.row{border-radius:8px}.card{position:relative;padding:8px 8px 12px;border-radius:var(--r-block);background:var(--box);box-shadow:0 1px 0 var(--line),var(--shadow)}.card-img{border-radius:var(--r-photo);box-shadow:none}.card-cat{position:absolute;top:18px;left:-4px;z-index:1;display:inline-flex;align-items:center;min-height:24px;margin:0;padding:0 11px 0 21px;border-radius:0 5px 5px 0;background:var(--tag-cat);color:var(--tag-cat-ink);font-size:.62rem;letter-spacing:.12em;clip-path:polygon(11px 0, 100% 0, 100% 100%, 11px 100%, 0 50%);mask:radial-gradient(circle 2.5px at 10px 50%, rgba(0, 0, 0, 0) 97%, #000);transform-origin:10px 50%;rotate:-3deg}.card-cat::after{content:"";position:absolute;inset:3px 3px 3px 15px;border:1px solid var(--tag-cat-line);border-radius:0 3px 3px 0;pointer-events:none}.card:has(.card-cat)::after{content:"";position:absolute;top:24.5px;left:.5px;z-index:2;width:11px;aspect-ratio:1;border:1.5px solid var(--tag-cat-loop);border-radius:50%;clip-path:polygon(0 0, 55% 0, 55% 100%, 0 100%);rotate:-3deg;pointer-events:none}.card-title{margin:10px 10px 0}.card-img+.card-title{margin-top:10px}.card{container-type:inline-size}.card .card-cat{top:calc(8px + 100cqw - 20px);left:9px;rotate:4deg}.card:has(.card-cat)::after{top:calc(8px + 100cqw - 20px + 6.5px);left:13.5px;rotate:4deg}.row{border-radius:6px;box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 50%, transparent),var(--shadow)}.row-img{border-radius:3px}.rows{gap:14px}.rows.is-related{gap:14px}.rows.is-related .row{position:relative;grid-template-columns:96px minmax(0, 1fr);align-items:start;gap:16px;padding:12px 16px 14px 12px;border-radius:var(--radius);box-shadow:var(--shadow)}@media(width >= 900px){.rows.is-related .row{grid-template-columns:140px minmax(0, 1fr);gap:22px;padding:14px 22px 16px 14px}}.rows.is-related .row-img{border-radius:calc(var(--radius)*.7);border-bottom-right-radius:6px}.rows.is-related .row-img img{transition:scale .9s var(--ease)}.rows.is-related .row:hover .row-img img{scale:1.06}.rows.is-related .row-meta{position:absolute;left:86px;top:88px;z-index:2;display:flex;margin:0;padding-left:4px}@media(width >= 900px){.rows.is-related .row-meta{left:132px;top:134px}}.rows.is-related .row-meta::before{content:"";position:absolute;top:6.5px;left:calc(4px + 4.5px);z-index:1;width:11px;aspect-ratio:1;border:1.5px solid var(--tag-cat-loop);border-radius:50%;clip-path:polygon(0 0, 55% 0, 55% 100%, 0 100%);rotate:-3deg;pointer-events:none}.rows.is-related .row-cat{position:relative;display:inline-flex;align-items:center;min-height:24px;padding:0 11px 0 21px;border-radius:0 5px 5px 0;background:var(--tag-cat);color:var(--tag-cat-ink);font-size:.62rem;font-weight:700;letter-spacing:.12em;line-height:1.4;clip-path:polygon(11px 0, 100% 0, 100% 100%, 11px 100%, 0 50%);mask:radial-gradient(circle 2.5px at 10px 50%, rgba(0, 0, 0, 0) 97%, #000);transform-origin:10px 50%;rotate:-3deg}.rows.is-related .row-cat::after{content:"";position:absolute;inset:3px 3px 3px 15px;border:1px solid var(--tag-cat-line);border-radius:0 3px 3px 0;pointer-events:none}@media(width < 900px){.rows.is-related .row-meta{left:3px;top:88px}.rows.is-related .row-img{border-bottom-right-radius:calc(var(--radius)*.7);border-bottom-left-radius:6px}.rows.is-related .row-cat,.rows.is-related .row-meta::before{rotate:12deg}.rows.is-related .row-cat{transform-origin:left bottom}.rows.is-related .row-meta::before{transform-origin:-4.5px 17.5px}}.rows.is-related .row-title{margin-top:2px;font-size:.95rem;line-height:1.55;color:var(--text);-webkit-line-clamp:2}.tile{display:grid;place-items:center;aspect-ratio:16/10;border-radius:var(--r-block);background:var(--box);box-shadow:0 1px 0 var(--line),var(--shadow);overflow:visible}.tile picture{inset:6px;width:auto;height:auto;border-radius:var(--r-photo);overflow:hidden}.tile img{opacity:1;filter:none}.tile:hover img{opacity:1}.tile::after{display:block;inset:6px;border-radius:var(--r-photo);background:linear-gradient(160deg, var(--tile-filter-from), var(--tile-filter-to));mix-blend-mode:normal;opacity:1}.tile:hover::after{opacity:.7}.tile-name{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:30px;padding:0 15px 0 26px;color:var(--tag-cat-ink);font-size:.82rem;letter-spacing:.14em;text-shadow:none;transform-origin:12px 50%;rotate:-3deg;filter:drop-shadow(0 2px 4px rgb(var(--deep-shadow)/30%))}.tile-name::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:0 6px 6px 0;background:var(--tag-cat);clip-path:polygon(13px 0, 100% 0, 100% 100%, 13px 100%, 0 50%);mask:radial-gradient(circle 3px at 12px 50%, rgba(0, 0, 0, 0) 97%, #000)}.tile-name::after{content:"";position:absolute;left:6px;top:50%;width:13px;aspect-ratio:1;margin-top:-6.5px;border:1.5px solid var(--tag-cat-loop);border-radius:50%;clip-path:polygon(0 0, 55% 0, 55% 100%, 0 100%)}.tile-name>span::after{content:"";position:absolute;inset:3px 3px 3px 16px;border:1px solid var(--tag-cat-line);border-radius:0 4px 4px 0;pointer-events:none}.tile:hover .tile-name{letter-spacing:.14em}.tile[aria-current=page]{outline:0}.tile[aria-current=page] .tile-name{color:var(--text)}.tile[aria-current=page] .tile-name::before{background:var(--label-current)}.tiles{gap:22px 18px}.pick-track,.pick-item{border-radius:var(--r-block)}.pick+.sec{margin-top:27px}@media(width < 600px){.rank-leads{grid-template-columns:1fr;gap:26px}}@media(width < 900px){.pick-track,.pick-item{border-top-left-radius:max(var(--r-block),var(--r-frame) - var(--gutter));border-top-right-radius:max(var(--r-block),var(--r-frame) - var(--gutter))}}.pick-title{inset:auto auto 16px 14px;max-width:calc(100% - 28px);padding:9px 18px 9px 16px;border:2px solid var(--main);border-radius:3px;background:var(--box);box-shadow:0 3px 10px rgb(var(--deep-shadow)/22%);color:var(--text);font-size:.95rem;text-shadow:none;rotate:0deg;transition:rotate .28s cubic-bezier(0.2, 0.8, 0.2, 1),translate .28s cubic-bezier(0.2, 0.8, 0.2, 1)}.pick-item:hover img{scale:1.03}@media(width >= 900px){.pick-title{inset:auto auto 26px 26px;padding:12px 24px 12px 20px;font-size:1.25rem;max-width:70%}}.tools{border-radius:14px;outline:1.5px dashed var(--line);outline-offset:-5px;box-shadow:0 4px 0 color-mix(in srgb, var(--main) 45%, var(--box)),0 10px 18px rgb(var(--soft-shadow)/16%)}.tool{border-radius:10px}.tools-line{width:0;height:20px;border-left:2px dotted var(--line);background:none}.pop{border-radius:6px}.pop::before{content:"";position:absolute;top:-9px;left:50%;width:70px;height:18px;margin-left:-35px;background:color-mix(in srgb, var(--main) 42%, transparent);rotate:-2deg;clip-path:polygon(0 0, 4px 17%, 0 34%, 4px 50%, 0 67%, 4px 84%, 0 100%, 100% 100%, calc(100% - 4px) 84%, 100% 67%, calc(100% - 4px) 50%, 100% 34%, calc(100% - 4px) 17%, 100% 0)}.pop-title{letter-spacing:.2em}.set-item{border-radius:8px;background:none;border-bottom:1.5px dashed var(--line);padding-inline:6px}.set-item:last-child{border-bottom:0}button.set-item:hover{background:var(--accent-soft)}.panel{border-radius:8px}.panel{--r-in: max(6px, calc(var(--r-frame) - 24px));border-radius:var(--r-in) calc(var(--r-in)/2) calc(var(--r-in)/2) var(--r-in)}@media(width >= 1560px){.panel{--r-in: max(6px, calc(var(--r-frame) - 26px))}}@media(width < 600px){.panel{--r-in: max(6px, calc(var(--r-frame) - 8px))}}@media(width < 1300px){.side{--r-in: max(6px, calc(var(--r-frame) - 24px));border-radius:calc(var(--r-in)/2) var(--r-in) var(--r-in) calc(var(--r-in)/2)}}@media(width < 600px){.side{--r-in: max(6px, calc(var(--r-frame) - 8px))}}.toc-link{border-radius:4px}.toc-link.is-now{background:color-mix(in srgb, var(--main) 26%, transparent)}.post-cat{position:relative;min-height:26px;margin-left:16px;padding:0 12px 0 22px;border:0;border-radius:0 5px 5px 0;background:radial-gradient(circle 2.5px at 10px 50%, var(--bg) 97%, rgba(0, 0, 0, 0)),var(--accent);color:var(--on-accent);font-size:.66rem;letter-spacing:.12em;clip-path:polygon(11px 0, 100% 0, 100% 100%, 11px 100%, 0 50%);transform-origin:10px 50%;rotate:-3deg;transition:none}.post-cat::before{content:"";position:absolute;left:5px;top:50%;width:11px;aspect-ratio:1;margin-top:-5.5px;border:1.5px solid var(--accent-deep);border-radius:50%;clip-path:polygon(0 0, 55% 0, 55% 100%, 0 100%)}.post-cat::after{content:"";position:absolute;inset:3px 3px 3px 15px;border:1px solid color-mix(in srgb, var(--on-accent) 35%, transparent);border-radius:0 3px 3px 0;pointer-events:none}@keyframes swing{0%{rotate:-3deg}30%{rotate:7deg}60%{rotate:-6deg}80%{rotate:2deg}100%{rotate:-3deg}}.post-cat:hover{translate:0;background:radial-gradient(circle 2.5px at 10px 50%, var(--bg) 97%, rgba(0, 0, 0, 0)),color-mix(in srgb, var(--accent) 88%, var(--white));color:var(--on-accent);animation:swing .9s cubic-bezier(0.3, 0.6, 0.3, 1) both}.post-cat:active{translate:0}.post-info{gap:6px 16px}.text ul:not([class]),.text ol:not([class]){border-radius:6px;border-left:3px dotted color-mix(in srgb, var(--main) 55%, transparent)}.text blockquote{border-radius:4px}.text pre{border-radius:6px}.text table{border-radius:6px}.text picture{border-radius:6px}.yt-box{border-radius:8px}.yt-play{border:2px solid var(--accent);background:rgb(var(--light)/94%);outline:1.5px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:-7px;--r: -6deg;rotate:var(--r)}.yt-box:hover .yt-play{scale:1;rotate:6deg;background:var(--accent);color:var(--on-accent)}.card,.row,.tile,.linkcard{rotate:var(--r, 0deg);transition:translate .28s cubic-bezier(0.2, 0.8, 0.2, 1),rotate .28s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow .28s cubic-bezier(0.2, 0.8, 0.2, 1)}.card:hover,.row:hover,.tile:hover,.linkcard:hover{translate:0 -5px;rotate:0deg;scale:1;box-shadow:0 1px 0 var(--line),0 16px 28px rgb(var(--soft-shadow)/20%)}.row:hover{box-shadow:0 1px 0 var(--accent),0 16px 28px rgb(var(--soft-shadow)/20%)}.card:active,.row:active,.tile:active,.linkcard:active{translate:0 -1px;scale:1;transition-duration:.1s}.cheer{--r: 0deg;rotate:var(--r);transition:translate .28s cubic-bezier(0.2, 0.8, 0.2, 1),rotate .28s cubic-bezier(0.2, 0.8, 0.2, 1),filter .28s cubic-bezier(0.2, 0.8, 0.2, 1)}.cheer:hover{translate:0 -5px;rotate:0deg;filter:drop-shadow(0 16px 20px rgb(var(--soft-shadow)/22%))}.linkcard::before,.tile-name,.pick-title{transition:rotate .28s cubic-bezier(0.2, 0.8, 0.2, 1),translate .28s cubic-bezier(0.2, 0.8, 0.2, 1)}.linkcard:hover::before{rotate:-37deg;translate:-3px -2px}.tile:hover .tile-name{rotate:-5deg;translate:-2px -2px}.pick-item:hover .pick-title{rotate:0deg;translate:0 -4px}.card:hover .card-img img,.tile:hover img,.linkcard:hover .linkcard-img img{scale:1.04}.tool,.post-cat,button.set-item,.set-dot,.pick-dot{transition:translate .12s cubic-bezier(0.3, 0, 0.3, 1),background .2s,color .2s}.tool:hover,.post-cat:hover,button.set-item:hover{translate:0 1px;scale:1}.tool:active,.post-cat:active,button.set-item:active{animation:none;translate:0 2px;scale:1}.spread-item,.yt-play,.zoom-close{rotate:var(--r, 0deg);transition:rotate .35s var(--spring),background .2s,color .2s}.spread-item:nth-child(1){--r: -6deg}.spread-item:nth-child(2){--r: 4deg}.spread-item:nth-child(3){--r: -3deg}.spread-item:hover,.zoom-close:hover{translate:0;scale:1;rotate:calc(var(--r, 0deg) + 12deg);background:var(--accent);color:var(--on-accent)}.spread-item:active{animation:none;scale:.94}.toc-link{transition:translate .28s cubic-bezier(0.2, 0.8, 0.2, 1),background .2s,color .2s}.toc-link:hover{translate:5px 0}.rv{opacity:0;translate:0 14px;rotate:var(--r, 0deg);transition:opacity .45s ease-out,translate .55s cubic-bezier(0.2, 0.8, 0.2, 1);transition-delay:calc(var(--i, 0)*70ms)}.rv.is-in{opacity:1;translate:0}.ico-out{--ico: url("../svg/out.svg")}.linkcard{--paper: var(--accent);--ink: var(--on-accent);--cord: var(--cord-brown);--cordw: 3.5px;max-width:560px;position:relative;display:block;margin-left:22px;padding:0;border-radius:0;background:none;box-shadow:none;overflow:visible;filter:drop-shadow(0 5px 10px color-mix(in srgb, var(--cord) 26%, transparent));transition:translate .28s cubic-bezier(0.2, 0.8, 0.2, 1),filter .28s}.linkcard::before{content:none}.text .linkcard,.text .linkcard:hover{background:none;border-radius:0;color:var(--ink)}.linkcard-in{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px 40px 18px 38px;border-radius:6px 0 0 6px;background:var(--paper);color:var(--ink);clip-path:polygon(0 0, 100% 0, calc(100% - 16px) 50%, 100% 100%, 0 100%)}.linkcard.has-img .linkcard-in{grid-template-columns:96px 1fr auto;padding-block:16px}.linkcard.has-img .linkcard-img,.text .linkcard.has-img .linkcard-img{aspect-ratio:1;height:auto;min-height:0;align-self:center;border-radius:4px}.text .linkcard-img picture,.text .linkcard-img img{display:block;width:100%;height:100%;max-width:none;border-radius:0;box-shadow:none;cursor:inherit;scale:1}.linkcard-in::before{content:"";position:absolute;z-index:-1;inset:7px 42px 7px 28px;border-radius:4px;background:var(--mark-paper);pointer-events:none}.linkcard-in{isolation:isolate}.linkcard-in .linkcard-title{color:var(--mark-ink)}.linkcard-in :is(.linkcard-site,.linkcard-sum,.linkcard-url){color:var(--mark-sub)}.linkcard-in .linkcard-img{box-shadow:none;background:color-mix(in srgb, var(--mark-ink) 8%, transparent)}.linkcard-hole{position:absolute;left:15px;top:50%;width:12px;aspect-ratio:1;margin:-6px 0 0 -6px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2.5px var(--cord);z-index:1}.linkcard-string{position:absolute;z-index:2;left:-37px;top:50%;margin-top:-14.9px;width:52px;height:69.3px;overflow:visible;fill:none;stroke:var(--cord);stroke-width:var(--cordw);stroke-linecap:round;pointer-events:none}.linkcard-tassel{transform-origin:17px 26px;transition:rotate .35s var(--spring)}.linkcard-img{aspect-ratio:3/2;min-height:0;border-radius:4px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--ink) 45%, transparent);overflow:hidden;background:color-mix(in srgb, var(--ink) 12%, var(--paper))}.linkcard-img picture,.linkcard-img img{width:100%;height:100%;border-radius:0;box-shadow:none}.linkcard-img img{object-fit:cover}.linkcard-body{display:grid;gap:6px;min-width:0;padding:0}.linkcard-site{display:flex;align-items:center;gap:7px;font-size:.64em;line-height:1.3;font-weight:700;letter-spacing:.14em;color:color-mix(in srgb, var(--ink) 80%, transparent)}.linkcard-site::before{content:none}.linkcard-title{width:auto;font-size:.9em;font-weight:800;line-height:1.45;color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.linkcard-sum{display:block;margin:-1px 0 -2px;font-size:.74em;line-height:1.6;color:color-mix(in srgb, var(--ink) 84%, transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkcard-wrap>.linkcard-desc{position:relative;margin:2px 0 0 38px;padding:2px 0 2px 14px;font-size:.8em;line-height:1.8;color:var(--text-sub)}.linkcard-wrap>.linkcard-desc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:2px;background:color-mix(in srgb, var(--cord-brown) 45%, transparent)}@media(width < 600px){.linkcard-wrap>.linkcard-desc{margin-left:26px}}.linkcard-url{display:block;font-family:ui-monospace,Consolas,monospace;font-size:.62em;line-height:1.3;letter-spacing:0;color:color-mix(in srgb, var(--ink) 70%, transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkcard-wrap{display:grid;gap:8px;max-width:560px}.text>.linkcard-wrap{margin-left:var(--inset-l);margin-right:var(--inset-r)}.linkcard-wrap>.linkcard-note{margin:0 0 0 4px;font-size:.68em;font-weight:800;letter-spacing:.14em;color:var(--main-deep)}.linkcard:hover .linkcard-title{text-decoration:none}.linkcard-note{margin-top:1px;font-size:.62em;font-weight:700;letter-spacing:.1em;color:color-mix(in srgb, var(--ink) 85%, transparent)}.linkcard-end{margin-right:-20px;font-size:.54em;font-weight:800;letter-spacing:.26em;writing-mode:vertical-rl;rotate:180deg;color:var(--ink)}.linkcard-go{display:none}.linkcard:hover{translate:-6px 0;rotate:0deg;scale:1;box-shadow:none;filter:drop-shadow(0 8px 14px color-mix(in srgb, var(--cord) 32%, transparent))}.linkcard:hover .linkcard-in{translate:0}.linkcard:hover .linkcard-tassel{rotate:10deg}.linkcard:hover .linkcard-img img{scale:1}.linkcard:active{translate:-3px 0}.linkcard:active .linkcard-in{translate:0}@media(width < 600px){.linkcard{margin-left:18px}.linkcard-in{gap:10px;padding:16px 26px 16px 34px}.linkcard-in::before{inset:6px 20px 6px 26px}.linkcard.has-img .linkcard-in{grid-template-columns:76px 1fr auto}.linkcard-title{font-size:.84em}.linkcard.has-img .linkcard-in{grid-template-columns:84px 1fr auto}.linkcard-end{display:none}}.spread-label{display:none}.spread .spread-lead{display:flex;align-items:center;width:fit-content;margin:0 auto 16px;font-size:.92rem;font-weight:700;letter-spacing:.08em;color:var(--text)}.spread .spread-lead::before,.spread .spread-lead::after{content:"";flex:none;width:2.5px;height:1.5em;border-radius:2px;background:var(--main);transform-origin:50% 100%}.spread .spread-lead::before{--lean: -28deg;--nudge: 3px;margin-right:6.5px;rotate:var(--lean)}.spread .spread-lead::after{--lean: 28deg;--nudge: -3px;margin-left:5.5px;rotate:var(--lean)}.spread.is-in .spread-lead::before,.spread.is-in .spread-lead::after{animation:lead-pop .5s var(--spring) .45s backwards,lead-nudge 3s ease-in-out 1.4s infinite}@keyframes lead-pop{from{scale:0;opacity:0}}@keyframes lead-nudge{0%,70%,100%{translate:0 0}80%{translate:var(--nudge) 1px}90%{translate:0 0}}.spread .spread-list{gap:20px;padding:6px 7px 9px}.spread .spread-item{--well-at: 1px;position:relative;border:1.5px solid var(--key-rim);border-radius:15px;background:var(--accent);color:var(--white);font-weight:800;letter-spacing:.05em;text-decoration:none;text-shadow:0 1px 2px var(--accent-shadow);outline:0;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 3px 1.5px var(--key-side),0 5px 8px var(--key-shadow),0 var(--well-at) 2px 4px var(--well);filter:none;animation:none;transition:translate .1s var(--ease),box-shadow .1s var(--ease);--r: 0deg;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;height:auto;min-height:40px;padding:4px 18px;font-size:.86rem;rotate:0deg}.spread .spread-item:hover{--well-at: 2px;translate:0 -1px;scale:1;background:var(--accent);color:var(--white);box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 4px 1.5px var(--key-side),0 7px 11px var(--key-shadow),0 var(--well-at) 2px 4px var(--well)}.spread .spread-item:active{--well-at: -1px;animation:none;translate:0 2px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 1px 1px var(--key-side),0 var(--well-at) 2px 4px var(--well)}.spread .spread-item:focus-visible{outline:3px solid var(--main-deep);outline-offset:9px}.spread .spread-item .ico{display:grid;place-items:center;width:18px;height:18px;flex:none;background:none;color:inherit;font-size:1rem;mask:none;filter:drop-shadow(0 1px 1.5px var(--accent-shadow))}.spread .spread-item .ico::before{content:"";width:17px;aspect-ratio:1;background:currentColor;mask:var(--ico) no-repeat center/contain}.spread .spread-item.is-line .ico::before{width:23px;margin:-2.5px}.spread .spread-item:hover{rotate:0deg}.spread .spread-item.is-done{background:var(--accent-deep);color:var(--white)}.spread .spread-label{display:inline;white-space:nowrap}@media(width < 600px){.spread .spread-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px}.spread .spread-item{flex-direction:column;gap:4px;padding:8px 2px 8px;font-size:.68rem;letter-spacing:0}}.text .about-logo{display:grid;place-items:center;margin-block:28px 32px;padding:clamp(24px,6vw,44px) 20px;border-radius:var(--r-block);background:radial-gradient(circle, var(--logo-band-dot) 1px, transparent 1.5px) 0 0/14px 14px,linear-gradient(160deg, var(--logo-band-from), var(--logo-band-to));box-shadow:0 1px 0 var(--line),var(--shadow)}.text .about-logo img{width:min(100%,420px);height:auto}.text .history{display:grid;gap:0;margin:18px 0 24px;padding:0;list-style:none}.text .history li{display:grid;grid-template-columns:7.2em 1fr;gap:4px 14px;padding:12px 4px;border-bottom:1px dashed var(--line);line-height:1.7}.text .history time{grid-column:1;color:var(--history-date);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.text .history span{grid-column:2}.text .history-fold{margin:8px 0 24px;border-radius:var(--r-photo);background:var(--box-up);box-shadow:0 1px 0 var(--line)}.text .history-fold summary{padding:14px 18px;color:var(--text-sub);font-weight:700;cursor:pointer}.text .history-fold .history{margin:0;padding:0 14px 10px}.text .history-fold .history li:last-child{border-bottom:0}@media(width < 600px){.text .history li{grid-template-columns:1fr;gap:0}.text .history span{grid-column:1}}}@layer details{.wish{position:relative;width:calc(100% - 48px);max-width:420px;margin:96px auto 48px;color:var(--crate-ink)}.wish-box{position:relative;z-index:2;padding:26px 20px 22px;border-radius:6px;box-shadow:inset 0 8px 0 var(--crate-rim),inset 0 -5px 0 var(--crate-rim),0 6px 14px rgba(0,0,0,.08);text-align:center;word-break:auto-phrase;text-wrap:balance;background:linear-gradient(90deg, transparent calc(50% - 8px), var(--crate-tape) calc(50% - 8px) calc(50% + 8px), transparent calc(50% + 8px)),var(--crate-face)}.wish-back{position:absolute;inset:0;z-index:0}.wish-flap{position:absolute;bottom:calc(100% - 4px);width:calc(50% - 2px);height:20px;background:var(--crate-flap);box-shadow:inset 0 -5px 0 var(--crate-rim);rotate:0deg;transition:rotate .4s var(--ease)}.wish-flap.is-l{left:0;transform-origin:0 100%;border-radius:4px 3px 2px 4px;background:linear-gradient(270deg, var(--crate-tape) 6px, transparent 6px),var(--crate-flap)}.wish-flap.is-r{right:0;transform-origin:100% 100%;border-radius:3px 4px 4px 2px;background:linear-gradient(90deg, var(--crate-tape) 6px, transparent 6px),var(--crate-flap)}.wish-cat{position:absolute;z-index:1;left:50%;bottom:calc(100% - 10px);width:104px;height:26px;translate:-50% 30px;transition:translate .3s var(--ease)}.wish-ear{position:absolute;bottom:0;width:40px;height:26px;background:var(--main);mask:url("../svg/ear.svg?v=3") no-repeat center bottom/100% 100%;transition:rotate .35s var(--spring)}.wish-ear::before{content:"";position:absolute;inset:10px 12px 0;background:var(--crate-cat-in);mask:url("../svg/ear.svg?v=3") no-repeat center bottom/100% 100%}.wish-ear.is-l{left:6px;transform-origin:70% 100%;rotate:-14deg}.wish-ear.is-r{right:6px;transform-origin:30% 100%;rotate:14deg}.wish-title{margin:0 0 10px;font-size:clamp(.92rem,2vw,1rem);font-weight:800;line-height:1.35;color:#fff;-webkit-text-stroke:4px var(--crate-deep);paint-order:stroke}.wish-text{margin:0;font-size:.74rem;line-height:1.7}.wish-go{--well-at: 1px;position:relative;border:1.5px solid var(--key-rim);border-radius:15px;background:var(--accent);color:var(--white);font-weight:800;letter-spacing:.05em;text-decoration:none;text-shadow:0 1px 2px var(--accent-shadow);outline:0;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 3px 1.5px var(--key-side),0 5px 8px var(--key-shadow),0 var(--well-at) 2px 4px var(--well);filter:none;animation:none;transition:translate .1s var(--ease),box-shadow .1s var(--ease);display:inline-flex;align-items:center;gap:7px;min-height:42px;margin-top:16px;padding:4px 26px 4px 20px;font-size:.86rem}.wish-go:hover{--well-at: 2px;translate:0 -1px;scale:1;background:var(--accent);color:var(--white);box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 4px 1.5px var(--key-side),0 7px 11px var(--key-shadow),0 var(--well-at) 2px 4px var(--well)}.wish-go:active{--well-at: -1px;animation:none;translate:0 2px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 1px 1px var(--key-side),0 var(--well-at) 2px 4px var(--well)}.wish-go:focus-visible{outline:3px solid var(--main-deep);outline-offset:9px}.wish-go .ico{filter:drop-shadow(0 1px 1.5px var(--accent-shadow))}.wish:is(:hover,:focus-within) .wish-flap{transition:rotate .55s var(--spring)}.wish:is(:hover,:focus-within) .wish-flap.is-l{rotate:-17deg}.wish:is(:hover,:focus-within) .wish-flap.is-r{rotate:17deg}.wish:is(:hover,:focus-within) .wish-cat{translate:-50% 0;transition:translate .6s var(--spring) .12s}.wish:is(:hover,:focus-within) .wish-ear.is-r{animation:wish-twitch .5s var(--ease) .55s}.wish:is(:hover,:focus-within) .wish-ear.is-l{animation:wish-twitch-l .5s var(--ease) .75s}@media(hover: none){.wish.is-in .wish-flap{transition:rotate .55s var(--spring)}.wish.is-in .wish-flap.is-l{rotate:-17deg}.wish.is-in .wish-flap.is-r{rotate:17deg}.wish.is-in .wish-cat{translate:-50% 0;transition:translate .6s var(--spring) .12s}.wish.is-in .wish-ear.is-r{animation:wish-twitch .5s var(--ease) .55s}.wish.is-in .wish-ear.is-l{animation:wish-twitch-l .5s var(--ease) .75s}}.wish:has(.wish-go:hover,.wish-go:focus-visible) .wish-ear.is-l{rotate:-48deg}.wish:has(.wish-go:hover,.wish-go:focus-visible) .wish-ear.is-r{rotate:48deg}@keyframes wish-twitch{0%,100%{rotate:14deg}35%{rotate:30deg}65%{rotate:6deg}}@keyframes wish-twitch-l{0%,100%{rotate:-14deg}35%{rotate:-30deg}65%{rotate:-6deg}}}@layer details{.lost{position:relative;isolation:isolate;padding-bottom:72px}.lost-walk{position:absolute;inset:0;z-index:-1;pointer-events:none;container-type:inline-size}.lost-walk.is-narrow{display:none}.lost-paw,.lost-num{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;rotate:var(--r);opacity:0;animation:lost-step .28s cubic-bezier(0.3, 1.5, 0.6, 1) calc(.3s + var(--i)*.18s) both}.lost-paw{width:1.8cqw;height:1.8cqw;background:color-mix(in srgb, var(--main) 45%, transparent);mask:url("../svg/paw.svg") no-repeat center/contain}.lost-num{color:color-mix(in srgb, var(--main) 70%, transparent);font-size:2.4cqw;font-weight:900;line-height:1}@keyframes lost-step{0%{opacity:0;scale:1.6}100%{opacity:1;scale:1}}.lost .text{margin-top:24px}.lost-find{width:min(100%,340px);margin:32px auto 0}.lost-find .foot-find-input{flex:1;width:auto;background:var(--main-soft)}.lost-home{margin:40px 0 0;text-align:center}@media(width < 600px){.lost-walk.is-wide{display:none}.lost-walk.is-narrow{display:block}.lost-paw{width:3cqw;height:3cqw}.lost-num{font-size:4cqw}}@media(prefers-reduced-motion: reduce){.lost-paw,.lost-num{animation:none;opacity:1}}}.text .knk-goods-row,.text .knk-goods-search{position:relative;display:flex;gap:0;margin-inline:calc(50% - 50vw);padding:44px calc(50vw - 50% + var(--inset-r)) 28px calc(50vw - 50% + var(--inset-l));overflow-x:auto;--goods-zoom: 1.1;--shelf-h: 269px}.text .knk-goods-row.is-ready,.text .knk-goods-search.is-ready{overflow:hidden}.knk-goods-track{position:relative;display:flex;align-items:flex-start;gap:14px;width:max-content;transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1);will-change:transform;touch-action:pan-y;cursor:grab;user-select:none}.knk-goods-track.is-dragging{transition:none;cursor:grabbing}.knk-goods-track img{-webkit-user-drag:none}.is-static>.knk-goods-track{width:100%;justify-content:center;cursor:auto}.knk-goods-nav{position:absolute;top:40%;z-index:3;display:grid;place-items:center;width:36px;aspect-ratio:1;padding:0;border:1.5px solid var(--key-rim);border-radius:50%;background:var(--accent);color:var(--white);cursor:pointer;box-shadow:0 2px 7px rgb(var(--deep-shadow)/22%);transition:opacity .2s,scale .2s var(--spring)}.knk-goods-nav::before{content:"";width:16px;aspect-ratio:1;background:currentColor;mask:url("../svg/go.svg") no-repeat center/contain}.knk-goods-nav.is-prev{left:6px}.knk-goods-nav.is-prev::before{rotate:180deg}.knk-goods-nav.is-next{right:6px}.knk-goods-nav:hover{scale:1.1}.knk-goods-nav.is-hidden{opacity:0;pointer-events:none}.is-static>.knk-goods-nav{display:none}.knk-goods-row>.knk-goods-track,.knk-goods-search>.knk-goods-track{gap:0}.knk-goods-row.is-static>.knk-goods-track,.knk-goods-search.is-static>.knk-goods-track{width:max-content;margin-inline:auto}.knk-goods-row>.knk-goods-track::before,.knk-goods-search>.knk-goods-track::before,.knk-goods-row>.knk-goods-track::after,.knk-goods-search>.knk-goods-track::after{content:"";position:absolute;top:0;left:0;right:0;height:calc(var(--shelf-h)*var(--goods-zoom));border-radius:18px 18px 4px 4px;pointer-events:none}.knk-goods-row>.knk-goods-track::before,.knk-goods-search>.knk-goods-track::before{display:none}.knk-goods-row>.knk-goods-track::after,.knk-goods-search>.knk-goods-track::after{display:none}.text .knk-goods{position:relative;flex:none;width:236px;margin:0;padding:0;background:none;box-shadow:none;font-size:.72rem;line-height:1.5;zoom:var(--goods-zoom)}.text .knk-goods:nth-child(3n+2){--tilt: 1.5deg}.text .knk-goods:nth-child(3n){--tilt: -.5deg}.text .knk-goods{transition:opacity .3s .55s,filter .3s .55s}.text .is-ready .knk-goods.is-edge{opacity:.5;filter:blur(0.7px)}.text .is-ready .knk-goods.is-edge:hover{opacity:1;filter:none;transition:none}.text .knk-goods-caption{position:absolute;top:10px;left:50%;z-index:5;width:max-content;max-width:184px;margin:0;padding:0 12px;border:5px solid rgba(0,0,0,0);border-inline-width:0;border-radius:9px;outline:2px solid var(--pop-edge);outline-offset:-2px;background:var(--pop-face);color:var(--pop-ink);font-size:11.5px;font-weight:800;line-height:1.35;letter-spacing:.02em;text-align:center;translate:-50% -100%;box-shadow:2.5px 2.5px 0 var(--pop-shadow);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text .knk-goods:has(>.knk-goods-caption)::before,.text .knk-goods:has(>.knk-goods-caption)::after{content:"";position:absolute;left:50%;z-index:5;translate:-50% 0;border-style:solid;border-color:rgba(0,0,0,0);border-bottom-width:0;pointer-events:none}.text .knk-goods:has(>.knk-goods-caption)::before{top:10px;margin-left:1.5px;border-width:9px 7px 0;border-top-color:var(--pop-edge)}.text .knk-goods:has(>.knk-goods-caption)::after{top:7.5px;border-width:7px 5px 0;border-top-color:var(--pop-face)}.text .knk-goods-body{--head: 28px;--wall: calc(var(--head) + 209px);--back: calc(var(--wall) - 16px);--floor: calc(var(--wall) + 14px);position:relative;display:block;width:100%;padding:var(--head) 28px 14px;border:0;border-radius:0;box-shadow:none;background:radial-gradient(85% 95% at 50% 100%, var(--shelf-light), transparent 75%) 0 0/100% var(--back) no-repeat,linear-gradient(to top, var(--shelf-light), transparent 45%) 0 0/100% var(--back) no-repeat,linear-gradient(to bottom, var(--shelf-dim) 0, transparent 40%) 0 0/100% var(--back) no-repeat,radial-gradient(70% 120% at 50% 0%, var(--shelf-light), transparent 80%) 0 var(--back)/100% calc(var(--floor) - var(--back)) no-repeat,linear-gradient(to bottom, var(--shelf-top), var(--shelf-top-near)) 0 var(--back)/100% calc(var(--floor) - var(--back)) no-repeat,linear-gradient(to bottom, var(--shelf-edge-light) 0 1px, var(--shelf-front) 1px, var(--shelf-front-deep)) 0 var(--floor)/100% 18px no-repeat,linear-gradient(to bottom, var(--shelf-wall) 0 var(--back), transparent var(--back))}.text .knk-goods:not(.knk-goods-video) .knk-goods-body{background:none}.text .knk-goods:not(.knk-goods-video) .knk-goods-body::after{content:none}:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video):not(.is-hung) .knk-goods-body::after{content:"";position:absolute;top:calc(var(--head) - 9px);left:50%;z-index:4;width:20px;height:20px;margin-left:-10px;border-radius:50%;pointer-events:none;border:2.5px solid color-mix(in srgb, var(--main) 25%, transparent);border-top-color:var(--main);background:none;box-shadow:none;animation:goods-wait-ring .9s linear infinite}@keyframes goods-wait-ring{to{rotate:360deg}}@media(prefers-reduced-motion: reduce){:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video):not(.is-hung) .knk-goods-body::after{animation:none}}.text .knk-goods-body::after{content:"";position:absolute;top:calc(var(--wall) - 38px);left:0;right:0;z-index:3;height:70px;pointer-events:none;background:linear-gradient(to bottom, var(--acrylic-edge) 0 1px, var(--acrylic-fill) 1px calc(100% - 6px), var(--acrylic-edge) calc(100% - 6px) calc(100% - 5px), var(--acrylic-lip) calc(100% - 5px) calc(100% - 1px), var(--acrylic-edge) calc(100% - 1px));box-shadow:0 2px 3px rgb(var(--deep-shadow)/14%)}.text .knk-goods-body::before{content:"";position:absolute;top:calc(var(--head) + 4px);left:calc(50% - 88px);z-index:0;width:176px;height:176px;border-radius:6px;pointer-events:none;background:linear-gradient(to bottom, var(--pkg-cast-near), var(--pkg-cast-far));transform-origin:50% 100%;transform:perspective(520px) rotateX(16deg) rotate(var(--tilt, -2deg)) scaleX(1.07);filter:blur(6px);transition:transform .45s var(--spring),opacity .45s}.text .knk-goods-body:hover::before{opacity:.3;transform:perspective(520px) rotateX(16deg) rotate(0deg) scaleX(1.03)}.text .knk-goods:first-child .knk-goods-body{border-top-left-radius:12px}.text .knk-goods:last-child .knk-goods-body{border-top-right-radius:12px}.text .knk-goods-main,.text .knk-goods-main:hover{position:relative;display:block;color:inherit;background:none;text-decoration:none}.text .knk-goods:not(.knk-goods-video) .knk-goods-main{display:flow-root}.text .knk-goods:not(.knk-goods-video) .knk-goods-main::after{content:"";position:absolute;top:-24px;left:50%;right:auto;z-index:3;width:58px;height:12px;margin-left:-29px;border-radius:7px 7px 0 0;opacity:1;pointer-events:none;background:radial-gradient(13px 6px at 50% 11px, var(--pkg-hole-rim) 70%, transparent 100%),var(--pkg-face);box-shadow:inset 0 1px 0 var(--pkg-edge),inset 1px 0 0 var(--pkg-edge),inset -1px 0 0 var(--pkg-edge);-webkit-mask:url("../svg/hole.svg") 50% 6.5px/22px 9px no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:url("../svg/hole.svg") 50% 6.5px/22px 9px no-repeat exclude,linear-gradient(#000 0 0);transform-origin:50% 11px;transform:rotate(calc(var(--tilt, 0deg) * 0.5 + var(--swing, 0deg)));transition:translate .5s cubic-bezier(0.34, 1.4, 0.6, 1) .18s,opacity .25s,scale .25s ease,z-index 0s .18s}.text .knk-goods:not(.knk-goods-video) .knk-goods-body::before{content:"";position:absolute;top:calc(var(--head) - 31px);left:50%;z-index:4;width:5px;height:28px;translate:-50% 0;border-radius:3px;pointer-events:none;background:linear-gradient(90deg, var(--hook-lo), var(--hook-hi) 45%, var(--hook-lo));box-shadow:2px 3px 3px -1px var(--pkg-hang-shadow);filter:none;transform:none;opacity:1;transition:none}.text .knk-goods:not(.knk-goods-video) .knk-goods-body:hover::before{opacity:1;transform:none}.text .knk-goods-main::after{content:"";position:absolute;top:172px;left:16px;right:16px;height:16px;border-radius:50%;background:radial-gradient(closest-side, rgb(var(--deep-shadow)/26%), transparent);transition:scale .45s var(--spring),opacity .45s}.text .knk-goods-images{position:relative;z-index:5;width:176px;height:176px;margin:0 auto 33px;aspect-ratio:auto;overflow:visible;border-radius:4px;background:var(--pkg-face);transform-origin:50% -13px;transform:rotate(calc(var(--tilt, 0deg) * 0.5 + var(--swing, 0deg)));box-shadow:inset 0 0 0 1px var(--pkg-edge),inset 0 0 0 7px var(--pkg-face),inset 0 0 0 8px var(--pkg-rule, var(--pkg-edge)),6px 12px 16px -8px var(--pkg-hang-shadow);transition:translate .5s cubic-bezier(0.34, 1.4, 0.6, 1) .18s,opacity .25s,scale .25s ease,box-shadow .3s,z-index 0s .18s}:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video):not(.is-hung) .knk-goods-images,:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video):not(.is-hung) .knk-goods-main::after{opacity:0;translate:0 -60px;transition:none}@media(prefers-reduced-motion: reduce){.text .knk-goods-images{transition:none}}:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video):not(.is-hung) .knk-goods-buttons{visibility:hidden}:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video).is-hung .knk-goods-buttons{animation:receipt-feed .9s cubic-bezier(0.3, 0.55, 0.35, 1) .55s backwards}@keyframes receipt-feed{from{translate:0 -100%;clip-path:inset(100% -12px -16px -12px)}to{translate:0 0;clip-path:inset(0 -12px -16px -12px)}}:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video):not(.is-hung) .knk-goods-note{visibility:hidden}:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video).is-hung .knk-goods-sale{animation:sale-stamp .38s cubic-bezier(0.5, 0, 0.75, 0) 1.45s backwards}:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video).is-hung .knk-goods-note{animation:note-fade .6s ease-out 1.6s backwards}@keyframes sale-stamp{0%{scale:2.4;opacity:0}55%{scale:.88;opacity:1;animation-timing-function:ease-out}100%{scale:1;opacity:1}}@keyframes note-fade{from{opacity:0}}@media(prefers-reduced-motion: reduce){:is(.knk-goods-row,.knk-goods-search).is-ready .knk-goods:not(.knk-goods-video).is-hung :is(.knk-goods-buttons,.knk-goods-sale,.knk-goods-note){animation:none}}.text .knk-goods:not(.knk-goods-video) .knk-goods-images::before{content:none}.text .knk-goods:not(.knk-goods-video) .knk-goods-images::after{content:"";position:absolute;left:50%;bottom:calc(100% - 1px);z-index:1;width:58px;height:15px;translate:-50% 0;border-radius:0;pointer-events:none;background:radial-gradient(13px 6px at 50% 1px, var(--pkg-hole-rim) 70%, transparent 100%),var(--pkg-face);box-shadow:inset 1px 0 0 var(--pkg-edge),inset -1px 0 0 var(--pkg-edge);-webkit-mask:url("../svg/hole.svg") 50% -3.5px/22px 9px no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:url("../svg/hole.svg") 50% -3.5px/22px 9px no-repeat exclude,linear-gradient(#000 0 0)}.text .knk-goods-images img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:2px;object-fit:contain}.text .knk-goods:not(.knk-goods-video) .knk-goods-body:hover .knk-goods-main::after{z-index:7;translate:0 -22px;scale:1.08;transform:none;opacity:1;transition:translate .22s ease-out,transform .22s ease-out,z-index 0s .22s,scale .4s var(--spring) .22s}.text .knk-goods:not(.knk-goods-video) .knk-goods-body:hover .knk-goods-images{z-index:7;translate:0 -22px;scale:1.08;transform:none;transition:translate .22s ease-out,transform .22s ease-out,z-index 0s .22s,scale .4s var(--spring) .22s,box-shadow .4s .22s;box-shadow:inset 0 0 0 1px var(--pkg-edge),inset 0 0 0 7px var(--pkg-face),inset 0 0 0 8px var(--pkg-rule, var(--pkg-edge)),10px 22px 24px -10px var(--pkg-hang-shadow)}.text .knk-goods-body:hover .knk-goods-main::after{scale:.8;opacity:.55}.text .knk-goods.is-empty .knk-goods-images,.text .knk-goods-images:empty{background:linear-gradient(100deg, var(--main-soft) 40%, var(--box) 50%, var(--main-soft) 60%) 0 0/300% 100%;animation:goods-wait 1.6s linear infinite}@keyframes goods-wait{to{background-position:-150% 0}}.text .knk-goods.is-recommended{box-shadow:none}.text .is-recommended .knk-goods-main::before{content:"";position:absolute;top:162px;left:147px;z-index:6;width:32px;aspect-ratio:1;background:url("../svg/pick-badge.svg") center/contain no-repeat;rotate:14deg;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.14))}.text .is-recommended .knk-goods-body:hover .knk-goods-main::before{animation:goods-pick .4s}@keyframes goods-pick{0%,50%,100%{rotate:14deg}25%,75%{rotate:0deg}}.text .knk-goods-license{position:absolute;top:227px;left:50%;z-index:6;width:max-content;max-width:170px;padding:2px 8px;border:1px solid var(--license-edge);border-radius:5px;background-image:var(--license-gold),var(--license-plate);-webkit-background-clip:text,padding-box;background-clip:text,padding-box;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);font-size:9.5px;font-weight:900;line-height:1.2;letter-spacing:.01em;text-align:center;translate:-50% 0;box-shadow:0 1px 3px rgb(var(--deep-shadow)/25%)}.text .knk-goods-title{position:absolute;bottom:-26px;left:50%;z-index:5;width:210px;height:calc(4.05em + 19px);margin:0;padding:0 12px;border:solid rgba(0,0,0,0);border-width:7px 0 12px;border-radius:8px;background:linear-gradient(to top, var(--card-slot) 0 4px, transparent 4px) border-box no-repeat,color-mix(in srgb, var(--shelf-card) 90%, transparent);background-origin:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--shelf-card-ink);font-size:12px;font-weight:700;line-height:1.35;text-align:left;translate:-50% 0;rotate:none;box-shadow:0 0 0 1px var(--shelf-card-edge),0 6px 12px -6px var(--pkg-hang-shadow);display:-webkit-box;align-content:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text .knk-goods:nth-child(5n+1){--tag-tilt: -.6deg}.text .knk-goods:nth-child(5n+2){--tag-tilt: .4deg}.text .knk-goods:nth-child(5n+3){--tag-tilt: -.2deg}.text .knk-goods:nth-child(5n+4){--tag-tilt: .8deg}.text .knk-goods-main+.knk-goods-buttons{margin-top:22px}.text .knk-goods-buttons{position:relative;display:flex;flex-direction:column;gap:0;width:200px;margin-inline:calc((100% - 200px)/2);padding:10px 0 6px;background:linear-gradient(to bottom, var(--receipt-curl), transparent 18px),linear-gradient(to right, var(--receipt-bend), transparent 10px calc(100% - 10px), var(--receipt-bend)),var(--receipt);filter:drop-shadow(0 2px 3px rgb(var(--deep-shadow)/18%));rotate:none}.text .knk-goods-buttons::after{content:"";position:absolute;top:calc(100% - .5px);left:0;right:0;height:6px;background:conic-gradient(from -45deg at 50% 100%, var(--receipt) 90deg, transparent 0) 0 0/10px 6px repeat-x}.text .knk-goods-button{position:relative;display:flex;align-items:center;gap:6px;width:auto;min-height:48px;margin:0;padding:0 10px 0 12px;border:0;border-bottom:1px dashed var(--receipt-rule);border-radius:0;background:none;box-shadow:none;color:var(--receipt-ink);font-weight:700;letter-spacing:0;text-decoration:none;text-shadow:none;transition:background .2s}.text .knk-goods-button:last-child{border-bottom:0}.text .knk-goods-button:hover{background:var(--receipt-hover);color:var(--receipt-ink);text-shadow:none}.text .knk-goods-button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:-2px}.text .knk-goods-button::after{content:"›";order:3;flex:none;display:block;margin-right:-2px;color:var(--accent);font-size:20px;font-weight:800;line-height:1;translate:0 -2px}.text .knk-goods-shop{position:relative;order:1;flex:none;width:24px;height:24px;overflow:hidden;color:rgba(0,0,0,0);font-size:0}.text .knk-goods-shop::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--white) url("../svg/shop-a.svg") center/15px no-repeat;box-shadow:inset 0 0 0 1px var(--receipt-rule)}.text .is-rakuten .knk-goods-shop::before{background-image:url("../svg/shop-r.svg")}.text .knk-goods-price{order:3;flex:none;display:inline-flex;align-items:baseline;margin-left:auto;white-space:nowrap;color:var(--receipt-ink);font-size:18px;font-style:italic;font-weight:800;line-height:1;letter-spacing:-0.01em}.text .knk-goods-price small{margin-left:1px;font-size:11px}.text .knk-goods-price.is-off{color:var(--receipt-stamp);text-decoration:underline 2px;text-underline-offset:3px}.text .knk-goods-price{font-variant-numeric:tabular-nums;transition:color .35s}.text .knk-goods-price.is-was{color:var(--receipt-ink);text-decoration:none}.text .price-roll{display:inline-flex}.text .price-roll-cell{display:inline-block;height:1em;clip-path:inset(0 -0.3em)}.text .price-roll-reel{display:flex;flex-direction:column;transition:transform 1s cubic-bezier(0.2, 0.9, 0.3, 1.08)}.text .price-roll-reel>span{height:1em}.text .knk-goods-ask{order:3;flex:none;margin-left:auto;color:var(--receipt-ink);font-size:12px;font-weight:700;white-space:nowrap}.text .knk-goods-sale{order:2;flex:none;display:inline-flex;flex-direction:column;align-items:center;margin:0 0 0 1px;padding:1px 3px;border:1.5px solid var(--receipt-stamp);border-radius:4px;color:var(--receipt-stamp);font-size:9.5px;font-weight:800;line-height:1.2;rotate:-8deg;pointer-events:none}.text .knk-goods-sale i{font-style:normal}.text .knk-goods-off{display:inline-flex;align-items:baseline}.text .knk-goods-sale:not(.is-day){flex-direction:column-reverse}.text .knk-goods-sale>span:not(.knk-goods-off){font-size:8.5px;white-space:nowrap}.text .knk-goods-button:has(.knk-goods-sale:not(.is-day)) .knk-goods-sale.is-day{display:none}.text .knk-goods-note{display:block;width:180px;margin:12px auto 0;font-size:.55rem;font-weight:300;line-height:1.3;letter-spacing:-0.05em;text-align:center;color:var(--text-sub)}.text .knk-goods-fallback-note{margin:0 0 10px;color:var(--text-sub);font-size:.72rem;line-height:1.5}.knk-goods-row:has(.knk-goods-video)>.knk-goods-track{gap:22px}.knk-goods-row:has(.knk-goods-video)>.knk-goods-track::before,.knk-goods-row:has(.knk-goods-video)>.knk-goods-track::after{content:none}.text .knk-goods.knk-goods-video{--tv-w: 250px;--screen-top: 19px;--screen-h: calc((var(--tv-w) - 38px) * 9 / 16);width:var(--tv-w);padding:70px 0 20px}@media(min-width: 600px){.text .knk-goods.knk-goods-video:only-child{--tv-w: 380px}.text .knk-goods-video:only-child .knk-goods-main::after{width:56px;height:56px}.text .knk-goods-video:only-child .knk-goods-images::after{width:60px;margin:-30px 0 0 -30px}.text .knk-goods-video:only-child .knk-goods-prime{font-size:12px}.text .knk-goods-video:only-child .knk-goods-title{padding:24px 14px 9px;font-size:14px}.text .knk-goods-video:only-child .knk-goods-button{min-height:42px;font-size:16px}.text .knk-goods-video:only-child .knk-goods-buttons::before{width:38px}}.text .knk-goods-video>.knk-goods-caption{top:38px}.text .knk-goods-video:has(>.knk-goods-caption)::before{top:38px}.text .knk-goods-video:has(>.knk-goods-caption)::after{top:35.5px}.text .knk-goods-video .knk-goods-body{padding:12px;border-radius:28px;background:var(--tv-body);box-shadow:inset 0 0 0 2px var(--tv-rim),inset 0 3px 0 rgb(var(--light)/55%),0 12px 20px -12px rgb(var(--soft-shadow)/50%)}.text .knk-goods-video:first-child .knk-goods-body,.text .knk-goods-video:last-child .knk-goods-body{border-radius:28px}.text .knk-goods-video .knk-goods-body::before,.text .knk-goods-video .knk-goods-body::after{content:"";position:absolute;top:-40px;left:calc(50% - 5px);z-index:0;width:10px;height:42px;border-radius:0;filter:none;opacity:1;background:radial-gradient(circle at 50% 5px, var(--tv-ball) 4.5px, transparent 5px),linear-gradient(var(--tv-ant), var(--tv-ant)) 50% 6px/2px 100% no-repeat;box-shadow:none;transform-origin:50% 100%;transform:rotate(-28deg);transition:none}.text .knk-goods-video .knk-goods-body::after{transform:rotate(26deg)}.text .knk-goods-video .knk-goods-main{position:static}.text .knk-goods-video .knk-goods-body:hover .knk-goods-main::after{scale:none;opacity:1}.text .knk-goods-video .knk-goods-main::before{content:"";position:absolute;z-index:1;top:-12px;left:calc(50% - 13px);width:26px;height:12px;border-radius:13px 13px 0 0;background:var(--tv-rim)}.text .knk-goods-video .knk-goods-main::after{content:"";position:absolute;top:calc(var(--screen-top) - 3px);left:calc(var(--screen-top) + 1px);right:auto;z-index:2;width:44px;height:44px;border-radius:0;opacity:1;scale:none;transition:none;background:url("../svg/prime-video.svg") center/contain no-repeat;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.7));pointer-events:none}.text .knk-goods-video .knk-goods-images{position:relative;z-index:1;width:calc(100% - 14px);height:auto;margin:7px;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--tv-screen);box-shadow:0 0 0 7px var(--tv-bezel),inset 0 2px 6px rgba(0,0,0,.45);transform:none;translate:none;transition:none}.text .knk-goods-video .knk-goods-body:hover .knk-goods-images{z-index:1;transform:none;translate:none;box-shadow:0 0 0 7px var(--tv-bezel),inset 0 2px 6px rgba(0,0,0,.45);transition:none}.text .knk-goods-video .knk-goods-images img{inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;transition:filter .3s}.text .knk-goods-video .knk-goods-body:hover .knk-goods-images img{filter:brightness(1.08) saturate(1.05)}.text .knk-goods-video .knk-goods-images::before{content:"";position:absolute;inset:0;z-index:2;border:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 3px),radial-gradient(ellipse at center, transparent 58%, rgba(0, 0, 0, 0.38))}.text .knk-goods-video .knk-goods-images::after{content:"";position:absolute;top:50%;left:50%;z-index:3;width:46px;aspect-ratio:1;margin:-23px 0 0 -23px;border-radius:50%;pointer-events:none;background:linear-gradient(to right, rgba(255, 255, 255, 0.9) 0 37%, transparent 37%),conic-gradient(from 240deg at 67% 50%, var(--accent-deep) 0 60deg, transparent 0),hsla(0,0%,100%,.9);box-shadow:0 0 0 4px hsla(0,0%,100%,.25),0 4px 10px rgba(0,0,0,.35);transition:scale .3s var(--spring),opacity .3s .7s}.text .knk-goods-video .knk-goods-body:hover .knk-goods-images::after{scale:1.08}.text .knk-goods-video .knk-goods-prime{position:absolute;top:calc(var(--screen-top) + 4px);right:calc(var(--screen-top) + 4px);z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;background:hsla(0,0%,100%,.94);box-shadow:0 2px 6px rgba(0,0,0,.35);color:#2a2b3a;font-size:10.5px;font-weight:800;line-height:1.2}.text .knk-goods-video .knk-goods-prime::before{content:"";width:7px;aspect-ratio:1;border-radius:50%;background:var(--tv-lamp);box-shadow:0 0 6px var(--tv-lamp)}.text .knk-goods-video .knk-goods-title{position:absolute;top:calc(var(--screen-top) + var(--screen-h));bottom:auto;left:var(--screen-top);right:var(--screen-top);z-index:2;width:auto;height:auto;margin:0;padding:18px 10px 6px;border:0;outline:0;border-radius:0 0 12px 12px;background:linear-gradient(to top, rgba(0, 0, 0, 0.72), transparent);box-shadow:none;translate:0 -100%;rotate:none;color:var(--white);font-size:11.5px;font-weight:700;line-height:1.35;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;pointer-events:none}.text .knk-goods-video .knk-goods-main+.knk-goods-buttons{margin-top:14px}.text .knk-goods-video .knk-goods-buttons{position:static;flex-direction:row;align-items:center;gap:10px;width:auto;margin:14px 0 0;padding:0 2px 4px;background:none;filter:none;rotate:none}.text .knk-goods-video .knk-goods-buttons::before{content:"";flex:none;width:30px;aspect-ratio:1;margin:0 2px 0 0;padding:0;border:0;border-radius:50%;background:radial-gradient(circle, var(--tv-grill) 1.4px, transparent 1.6px) 0 0/6px 6px;box-shadow:inset 0 0 0 1.5px var(--tv-rim)}.text .knk-goods-video .knk-goods-buttons::after{content:"";position:absolute;top:100%;left:20%;width:60%;height:9px;background:linear-gradient(to right, var(--tv-rim) 0 22px, transparent 22px calc(100% - 22px), var(--tv-rim) calc(100% - 22px));border-radius:0 0 8px 8px}.text .knk-goods-video .knk-goods-button{flex:1;justify-content:center;min-height:38px;padding:0 8px;border:0;border-radius:12px;background:var(--accent);color:var(--white);font-size:14px;font-weight:800;text-shadow:0 1px 2px var(--accent-shadow);box-shadow:inset 0 1.5px 1px rgb(var(--light)/40%),0 3px 0 var(--key-side);transition:translate .15s,box-shadow .15s}.text .knk-goods-video .knk-goods-button:hover{background:var(--accent);color:var(--white);text-shadow:0 1px 2px var(--accent-shadow);translate:0 1px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/40%),0 2px 0 var(--key-side)}.text .knk-goods-video .knk-goods-button::after{content:none}.text .knk-goods-video.is-crt:not(.is-on) .knk-goods-images img{transform:scale(0, 0.006);filter:brightness(4)}.text .knk-goods-video.is-crt:not(.is-on) .knk-goods-images::after{opacity:0;transition:none}.text .knk-goods-video.is-on .knk-goods-images img{animation:crt-on .9s cubic-bezier(0.2, 0.7, 0.3, 1) both}@keyframes crt-on{0%{transform:scale(0, 0.006);filter:brightness(5)}22%{transform:scale(1, 0.006);filter:brightness(5)}55%{transform:scale(1, 1.04);filter:brightness(2.2)}72%{transform:scale(1, 0.98);filter:brightness(0.85)}100%{transform:none;filter:none}}@media(prefers-reduced-motion: reduce){.text .knk-goods-video.is-crt .knk-goods-images img{transform:none;filter:none;animation:none}.text .knk-goods-video.is-crt .knk-goods-images::after{opacity:1}}.talk .knk-comments{max-width:var(--box-w);margin-inline:auto}.talk .knk-comments-title{position:relative;width:fit-content;z-index:1;margin:0 auto -21px;padding:7px 52px 7px 30px;font-size:.95rem;font-weight:800;letter-spacing:.28em;line-height:1.6;color:var(--text);rotate:-2deg}.talk .knk-comments-title::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-45deg, transparent 0 7px, color-mix(in srgb, var(--box-up) 35%, transparent) 7px 9px),color-mix(in srgb, var(--main) 38%, transparent);clip-path:polygon(0 0, 5px 12%, 0 25%, 5px 37%, 0 50%, 5px 62%, 0 75%, 5px 88%, 0 100%, 100% 100%, calc(100% - 5px) 88%, 100% 75%, calc(100% - 5px) 62%, 100% 50%, calc(100% - 5px) 37%, 100% 25%, calc(100% - 5px) 12%, 100% 0)}.talk .knk-comments-count{position:absolute;right:12px;top:50%;display:grid;place-items:center;min-width:28px;height:28px;box-sizing:border-box;padding-inline:4px;margin-top:-14px;border-radius:999px;background:var(--box-up);box-shadow:0 2px 6px rgb(var(--soft-shadow)/18%),inset 0 0 0 2px var(--box-up),inset 0 0 0 3px color-mix(in srgb, var(--main) 55%, transparent);color:var(--main-deep);font-size:.56rem;font-weight:800;letter-spacing:0;rotate:8deg}.talk .knk-comments-form{gap:10px;padding:38px 20px 16px;border-radius:6px;background:var(--box);box-shadow:0 1px 0 var(--line),var(--shadow)}.talk .knk-comments-input-name,.talk .knk-comments-input-body{width:100%;border:0;background:rgba(0,0,0,0);font-size:16px;box-shadow:none}.talk .knk-comments-input-name{max-width:240px;padding:6px 4px;border-bottom:2px solid color-mix(in srgb, var(--main) 45%, transparent);border-radius:0;line-height:1.6}.talk .knk-comments-input-body{min-height:128px;padding:0 4px;border-radius:0;line-height:32px;background:repeating-linear-gradient(transparent 0 31px, color-mix(in srgb, var(--main) 22%, transparent) 31px 32px) local}.talk .knk-comments-input-name:focus,.talk .knk-comments-input-body:focus{outline:0;box-shadow:none}.talk .knk-comments-note{font-size:.64rem;color:var(--text-sub)}.talk .knk-comments-send,.talk .knk-comments-more{--well-at: 1px;position:relative;border:1.5px solid var(--key-rim);border-radius:15px;background:var(--accent);color:var(--white);font-weight:800;letter-spacing:.05em;text-decoration:none;text-shadow:0 1px 2px var(--accent-shadow);outline:0;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 3px 1.5px var(--key-side),0 5px 8px var(--key-shadow),0 var(--well-at) 2px 4px var(--well);filter:none;animation:none;transition:translate .1s var(--ease),box-shadow .1s var(--ease);min-height:40px;padding:4px 22px 4px 44px;font-size:.88rem}.talk .knk-comments-send:hover,.talk .knk-comments-more:hover{--well-at: 2px;translate:0 -1px;scale:1;background:var(--accent);color:var(--white);box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 4px 1.5px var(--key-side),0 7px 11px var(--key-shadow),0 var(--well-at) 2px 4px var(--well)}.talk .knk-comments-send:active,.talk .knk-comments-more:active{--well-at: -1px;animation:none;translate:0 2px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 1px 1px var(--key-side),0 var(--well-at) 2px 4px var(--well)}.talk .knk-comments-send:focus-visible,.talk .knk-comments-more:focus-visible{outline:3px solid var(--main-deep);outline-offset:9px}.talk .knk-comments-send::before,.talk .knk-comments-more::before{content:none}.talk .knk-comments-send::after,.talk .knk-comments-more::after{content:"";position:absolute;left:20px;top:50%;width:16px;aspect-ratio:1;margin-top:-8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3 17.2V21h3.8L17.9 9.9l-3.8-3.8zM20.7 7.1a1 1 0 0 0 0-1.4l-2.4-2.4a1 1 0 0 0-1.4 0l-1.8 1.8 3.8 3.8z'/%3E%3C/svg%3E") no-repeat center/contain;filter:drop-shadow(0 1px 1.5px var(--accent-shadow))}.talk .knk-comments-more::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3c5.2 0 9.5 3.6 9.5 8.2s-4.3 8.2-9.5 8.2c-1 0-2-.1-2.9-.4L4.5 21l1-3.7C3.7 15.8 2.5 13.6 2.5 11.2 2.5 6.6 6.8 3 12 3z'/%3E%3C/svg%3E")}.talk .knk-comments-more{display:block;margin:26px auto 0}.talk .knk-comments-status{font-size:.76rem;font-weight:700;color:var(--main-deep)}.talk .knk-comments-tools{max-width:680px;margin:20px auto 0;font-size:.68rem}.talk .knk-comments-sort{min-height:34px;padding-inline:10px;border:1px dashed var(--line);border-radius:6px;background:var(--box)}.talk .knk-comments-list{display:grid;gap:16px;max-width:680px;margin:26px auto 0}.talk .knk-comments-item{--bub: var(--box);display:grid;grid-template-columns:fit-content(min(84%, 620px)) 1fr;align-items:center;position:relative}.talk .knk-comments-body{grid-column:1;grid-row:1;position:relative;z-index:1;margin:0;padding:14px 20px 15px;border-radius:20px;background:var(--bub);box-shadow:none;font-size:.84rem;line-height:1.8}.talk .knk-comments-body::before{content:"";position:absolute;left:46px;bottom:-11px;width:18px;height:12px;background:var(--bub);clip-path:polygon(0 0, 100% 0, 12% 100%)}.talk .knk-comments-replies>.knk-comments-item{--bub: color-mix(in srgb, var(--main) 16%, var(--box));grid-template-columns:1fr fit-content(min(84%, 620px))}.talk .knk-comments-replies>.knk-comments-item>.knk-comments-body{grid-column:2;margin:0}.talk .knk-comments-replies>.knk-comments-item>.knk-comments-body::before{left:24px}.talk .knk-comments-replies>.knk-comments-item>.knk-comments-meta{grid-column:2;padding:0 0 0 20px}.talk .knk-comments-meta{grid-column:1/-1;grid-row:2;justify-self:start;justify-content:flex-start;position:relative;z-index:2;min-width:0;margin-top:12px;padding:0 0 0 42px;font-size:.62rem;color:var(--text-sub)}.talk .knk-comments-name{font-size:.74rem;font-weight:800;color:var(--text)}.talk .knk-comments-id{font-family:ui-monospace,Consolas,monospace;letter-spacing:0;opacity:.7}.talk .knk-comments-badge{padding:0 8px;border:1.5px solid var(--main);border-radius:4px;color:var(--main-deep);font-weight:800;line-height:1.6}.talk .knk-comments-reply{grid-column:1;grid-row:4;justify-self:start;position:relative;z-index:3;width:28px;height:28px;min-height:0;margin:-22px 0 0 9px;padding:0;border:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--bg);font-size:0;color:rgba(0,0,0,0);transition:scale .2s var(--spring),background .2s}.talk .knk-comments-item:has(>.knk-comments-replies:empty)>.knk-comments-reply{margin-top:8px}.talk .knk-comments-item:has(>.knk-comments-form.is-reply)>.knk-comments-reply::before{rotate:45deg}.talk .knk-comments-reply::before{content:"";position:absolute;inset:50% auto auto 50%;width:14px;aspect-ratio:1;margin:-7px 0 0 -7px;background:var(--on-accent);mask:url("../svg/plus.svg") no-repeat center/contain;transition:rotate .3s var(--spring)}.talk .knk-comments-list>.knk-comments-item::before{content:"";position:absolute;grid-column:1/2;grid-row:4/5;top:-4000px;bottom:calc(100% + 28px);left:22px;width:0;border-left:2px solid var(--line);pointer-events:none}.talk .knk-comments-list>.knk-comments-item:has(>.knk-comments-replies:empty)::before{bottom:100%}.talk .knk-comments-reply:hover{scale:1.12;rotate:0deg;background:color-mix(in srgb, var(--accent) 88%, var(--white))}.talk .knk-comments-reply:active{animation:none;scale:.92}.talk .knk-comments-cancel{min-height:36px;padding-inline:14px;border-radius:6px;font-size:.68rem;font-weight:700;color:var(--accent-ink)}.talk .knk-comments-cancel:hover{background:var(--accent-soft)}.talk .knk-comments-replies{grid-column:1/-1;grid-row:3;display:grid;gap:16px;margin:14px 0 0;padding:0;border:0}.talk .knk-comments-list>.knk-comments-item{overflow-y:clip;padding-bottom:10px}.talk .knk-comments-list>.knk-comments-item>.knk-comments-body{box-shadow:0 0 0 14px var(--bg)}.talk .knk-comments-replies>.knk-comments-item::before{content:"";position:absolute;grid-column:1/2;grid-row:1/2;top:-4000px;bottom:50%;left:22px;right:16px;border-left:2px solid var(--line);border-bottom:2px solid var(--line);border-bottom-left-radius:10px}.talk .knk-comments-replies:empty{display:none}.talk .knk-comments-replies .knk-comments-body{font-size:.78rem}.talk .knk-comments-form.is-reply{grid-column:1/-1;grid-row:5;justify-self:end;position:relative;z-index:1;width:min(84%,620px);box-sizing:border-box;margin:14px 0 0;padding:16px 18px 14px;border-radius:20px;background:color-mix(in srgb, var(--main) 16%, var(--box));box-shadow:none}.talk .knk-comments-form.is-reply .knk-comments-input-body{min-height:96px}.talk .knk-comments-list>.knk-comments-item:has(>.knk-comments-form.is-reply)::after{content:"";position:absolute;grid-column:1/-1;grid-row:5/6;top:-4000px;bottom:calc(50% - 7px);left:22px;right:calc(min(84%,620px) + 16px);border-left:2px solid var(--line);border-bottom:2px solid var(--line);border-bottom-left-radius:10px}.talk .knk-comments-replies>.knk-comments-item{margin:0}.talk .knk-comments-item.is-owner>.knk-comments-body{--bub: color-mix(in srgb, var(--main) 28%, var(--box))}.talk .knk-comments-item.is-owner>.knk-comments-meta .knk-comments-name{color:var(--main-deep)}.talk .knk-comments-list .knk-comments-item.is-mine>.knk-comments-body{box-shadow:0 0 0 2px var(--main),0 0 0 14px var(--bg)}.talk .knk-comments-item.is-pending>.knk-comments-body{opacity:.7;outline:2px dashed var(--line);outline-offset:-6px}.talk.rv:not(.is-in) .knk-comments-title::before{scale:0 1}.talk.rv:not(.is-in) .knk-comments-count{scale:0}.talk.is-in .knk-comments-title::before{transform-origin:left;animation:tape-stick .5s var(--ease) .15s backwards}.talk.is-in .knk-comments-count{animation:talk-pop .45s var(--spring) .55s backwards}@keyframes tape-stick{from{scale:0 1}}@keyframes talk-pop{from{scale:0}}.talk .knk-comments-body{transform-origin:54px 100%}.talk .knk-comments-replies .knk-comments-body{transform-origin:0 50%}.talk .knk-comments-list>.knk-comments-item.is-wait>*,.talk .knk-comments-list>.knk-comments-item.is-wait::before{opacity:0}.talk .knk-comments-list>.knk-comments-item.is-show>.knk-comments-body{animation:bubble-in .5s var(--spring) backwards}.talk .knk-comments-list>.knk-comments-item.is-show>.knk-comments-meta{animation:talk-fade .3s linear .18s backwards}.talk .knk-comments-list>.knk-comments-item.is-show .knk-comments-replies>.knk-comments-item::before{animation:line-grow .42s cubic-bezier(0.4, 0, 0.4, 1) calc(.35s + var(--k, 0)*.62s) backwards}.talk .knk-comments-list>.knk-comments-item.is-show .knk-comments-replies>.knk-comments-item>.knk-comments-body{animation:squeeze-out .5s cubic-bezier(0.22, 1, 0.36, 1) calc(.72s + var(--k, 0)*.62s) backwards}.talk .knk-comments-list>.knk-comments-item.is-show .knk-comments-replies>.knk-comments-item>.knk-comments-meta{animation:talk-fade .3s linear calc(1s + var(--k, 0)*.62s) backwards}.talk .knk-comments-list>.knk-comments-item.is-show::before{animation:talk-fade .3s linear calc(.3s + var(--n-rep, 0)*.62s) backwards}.talk .knk-comments-list>.knk-comments-item.is-show>.knk-comments-reply{animation:talk-pop .45s var(--spring) calc(.45s + var(--n-rep, 0)*.62s) backwards}@keyframes line-grow{0%{clip-path:inset(0 calc(100% - 3px) var(--reach, 120px) 0)}62%{clip-path:inset(0 calc(100% - 3px) 0 0)}100%{clip-path:inset(0 0 0 0)}}@keyframes squeeze-out{0%{scale:.04 .2;opacity:0}14%{opacity:1}}@keyframes bubble-in{from{scale:.8;opacity:0}}@keyframes talk-fade{from{opacity:0}}.talk .knk-comments-reply:hover::before{rotate:90deg}.talk .knk-comments-item:has(>.knk-comments-form.is-reply)>.knk-comments-reply:hover::before{rotate:135deg}.talk .knk-comments-form.is-reply{transform-origin:0 50%;animation:squeeze-out .5s cubic-bezier(0.22, 1, 0.36, 1) .3s backwards}.talk .knk-comments-list>.knk-comments-item:has(>.knk-comments-form.is-reply)::after{--reach: 110px;animation:line-grow .36s cubic-bezier(0.4, 0, 0.4, 1) backwards}.talk .knk-comments-replies .knk-comments-item.is-pending>.knk-comments-body{animation:squeeze-out .5s cubic-bezier(0.22, 1, 0.36, 1) backwards}@media(prefers-reduced-motion: reduce){.talk .knk-comments-title::before,.talk .knk-comments-count,.talk .knk-comments-body,.talk .knk-comments-meta,.talk .knk-comments-reply,.talk .knk-comments-form.is-reply,.talk .knk-comments-item::before,.talk .knk-comments-item::after{animation:none !important}}.talk .knk-comments-closed{padding:18px;border-radius:4px;background:var(--main-soft);text-align:center;font-size:.8rem}.kwe-search [hidden]{display:none !important}.find-title{margin-bottom:8px}.find .kwe-search-form{display:flex;align-items:center;gap:12px;max-width:var(--box-w);margin-inline:auto}.find input[type=search]{flex:1;min-width:0;min-height:52px;padding:0 22px;border:2px solid var(--line);border-radius:999px;background:var(--box);font-size:16px}.find input[type=search]:focus{outline:0;border-color:var(--main);box-shadow:0 0 0 4px color-mix(in srgb, var(--main) 20%, transparent)}.find .kwe-search-button{--well-at: 1px;position:relative;border:1.5px solid var(--key-rim);border-radius:15px;background:var(--accent);color:var(--white);font-weight:800;letter-spacing:.05em;text-decoration:none;text-shadow:0 1px 2px var(--accent-shadow);outline:0;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 3px 1.5px var(--key-side),0 5px 8px var(--key-shadow),0 var(--well-at) 2px 4px var(--well);filter:none;animation:none;transition:translate .1s var(--ease),box-shadow .1s var(--ease);flex:none;display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:50%;font-size:0;cursor:pointer}.find .kwe-search-button:hover{--well-at: 2px;translate:0 -1px;scale:1;background:var(--accent);color:var(--white);box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 4px 1.5px var(--key-side),0 7px 11px var(--key-shadow),0 var(--well-at) 2px 4px var(--well)}.find .kwe-search-button:active{--well-at: -1px;animation:none;translate:0 2px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 1px 1px var(--key-side),0 var(--well-at) 2px 4px var(--well)}.find .kwe-search-button:focus-visible{outline:3px solid var(--main-deep);outline-offset:9px}.find .kwe-search-button::before{content:"";width:22px;aspect-ratio:1;background:currentColor;mask:url("../svg/search.svg") no-repeat center/contain;filter:drop-shadow(0 1px 1.5px var(--accent-shadow))}.find .kwe-search-status{margin:30px 6px 0;font-size:.86rem;line-height:1.6;color:var(--text-sub);text-align:center}.find .kwe-search-status:empty{display:none}.find [data-kwe-state=found] .kwe-search-status{display:flex;align-items:center;gap:10px;margin:40px 0 22px;color:var(--text);text-align:left}.find [data-kwe-state=found] .kwe-search-status::before{content:"";flex:none;width:1.5rem;aspect-ratio:1;background:var(--main);mask:url("../svg/search.svg") no-repeat center/contain}.find [data-kwe-state=found] .kwe-search-status .kwe-search-open,.find [data-kwe-state=found] .kwe-search-status .kwe-search-close{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.find [data-kwe-state=found] .kwe-search-status .kwe-search-q{min-width:0;overflow-wrap:anywhere;font-size:1.3rem;font-weight:800;letter-spacing:.04em}.find [data-kwe-state=found] .kwe-search-status .kwe-search-count{flex:none;font-size:.78rem;font-weight:700;color:var(--text-sub)}.is-find:has([data-kwe-state=found]) .find-more{display:none}.find .kwe-search-results{display:grid;gap:14px;margin:0;padding:0;list-style:none}.find .kwe-search-item{position:relative;display:grid;grid-template-columns:96px minmax(0, 1fr);grid-template-areas:"img title" "img excerpt";grid-template-rows:auto 1fr;column-gap:16px;align-content:start;padding:12px 16px 14px 12px;border-radius:var(--radius);background:var(--box);box-shadow:var(--shadow);transition:translate .35s var(--ease)}.find .kwe-search-item:hover{translate:0 -3px}.find .kwe-search-item:active{translate:0;scale:.99;transition-duration:.1s}@media(width >= 900px){.find .kwe-search-item{grid-template-columns:140px minmax(0, 1fr);column-gap:22px;padding:14px 22px 16px 14px}}.find .kwe-search-item:not(:has(.kwe-search-image)){grid-template-areas:"title title" "excerpt excerpt"}.find .kwe-search-image{grid-area:img;align-self:start;display:block;aspect-ratio:1;border-radius:calc(var(--radius)*.7);border-bottom-right-radius:6px;overflow:hidden;background:var(--main-soft)}.find .kwe-search-image img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease)}.find .kwe-search-item:hover .kwe-search-image img{scale:1.06}.find .kwe-search-meta{position:absolute;left:86px;top:88px;z-index:2;display:flex;margin:0;padding-left:4px}@media(width >= 900px){.find .kwe-search-meta{left:132px;top:134px}}.find .kwe-search-category{position:relative;display:inline-flex;align-items:center;min-height:24px;padding:0 11px 0 21px;border-radius:0 5px 5px 0;background:var(--tag-cat);color:var(--tag-cat-ink);font-size:.62rem;font-weight:700;letter-spacing:.12em;line-height:1.4;clip-path:polygon(11px 0, 100% 0, 100% 100%, 11px 100%, 0 50%);mask:radial-gradient(circle 2.5px at 10px 50%, rgba(0, 0, 0, 0) 97%, #000);transform-origin:10px 50%;rotate:-3deg}.find .kwe-search-category::after{content:"";position:absolute;inset:3px 3px 3px 15px;border:1px solid var(--tag-cat-line);border-radius:0 3px 3px 0;pointer-events:none}.find .kwe-search-meta:has(.kwe-search-category)::before{content:"";position:absolute;top:6.5px;left:calc(4px + 4.5px);z-index:1;width:11px;aspect-ratio:1;border:1.5px solid var(--tag-cat-loop);border-radius:50%;clip-path:polygon(0 0, 55% 0, 55% 100%, 0 100%);rotate:-3deg;pointer-events:none}@media(width < 900px){.find .kwe-search-meta{left:3px;top:88px}.find .kwe-search-image{border-bottom-right-radius:calc(var(--radius)*.7);border-bottom-left-radius:6px}.find .kwe-search-category,.find .kwe-search-meta:has(.kwe-search-category)::before{rotate:12deg}.find .kwe-search-category{transform-origin:left bottom}.find .kwe-search-meta:has(.kwe-search-category)::before{transform-origin:-4.5px 17.5px}}.find :is(.kwe-search-kind,.kwe-search-date){display:none}.find .kwe-search-meta:not(:has(.kwe-search-category)){display:none}.find .kwe-search-title{grid-area:title;display:-webkit-box;margin:4px 0 0;overflow:hidden;font-size:.95rem;font-weight:700;line-height:1.55;color:var(--text);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.find .kwe-search-title::after{content:"";position:absolute;inset:0}.find .kwe-search-title:focus-visible{outline:0}.find .kwe-search-item:has(.kwe-search-title:focus-visible){outline:3px solid var(--main);outline-offset:3px}.find .kwe-search-excerpt{grid-area:excerpt;display:-webkit-box;margin:6px 0 0;overflow:hidden;font-size:.78rem;line-height:1.75;color:var(--text-sub);-webkit-box-orient:vertical;-webkit-line-clamp:3}.find .kwe-search-title mark,.find .kwe-search-excerpt mark{padding:0 .1em;border-radius:3px;background:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--text);font-weight:700}.find .kwe-search-more{--well-at: 1px;position:relative;border:1.5px solid var(--key-rim);border-radius:15px;background:var(--accent);color:var(--white);font-weight:800;letter-spacing:.05em;text-decoration:none;text-shadow:0 1px 2px var(--accent-shadow);outline:0;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 3px 1.5px var(--key-side),0 5px 8px var(--key-shadow),0 var(--well-at) 2px 4px var(--well);filter:none;animation:none;transition:translate .1s var(--ease),box-shadow .1s var(--ease);display:block;min-height:40px;margin:34px auto 0;padding:4px 28px;font-size:.88rem;cursor:pointer}.find .kwe-search-more:hover{--well-at: 2px;translate:0 -1px;scale:1;background:var(--accent);color:var(--white);box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 4px 1.5px var(--key-side),0 7px 11px var(--key-shadow),0 var(--well-at) 2px 4px var(--well)}.find .kwe-search-more:active{--well-at: -1px;animation:none;translate:0 2px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 1px 1px var(--key-side),0 var(--well-at) 2px 4px var(--well)}.find .kwe-search-more:focus-visible{outline:3px solid var(--main-deep);outline-offset:9px}.contact-form .knk-form{display:grid;gap:26px;margin-top:8px}.contact-form .knk-step{display:grid;gap:26px}.contact-form .knk-step[hidden]{display:none}.contact-form .cf-row,.contact-form .cf-row>label{display:grid;gap:10px}.contact-form .cf-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;color:var(--text);font-size:.92rem;font-weight:700}.contact-form .cf-name em{padding:2px 9px;border-radius:999px;background:var(--main-soft);color:var(--main-deep);font-size:.66rem;font-style:normal;letter-spacing:.08em}.contact-form .cf-name small{color:var(--text-sub);font-size:.74rem;font-weight:500}.contact-form .knk-form :is(input[type=text],input[type=email],textarea){width:100%;min-height:52px;padding:13px 18px;border:2px solid var(--line);border-radius:var(--r-photo);background:var(--box);color:var(--text);font:inherit;font-size:16px;transition:border-color var(--fast),box-shadow var(--fast)}.contact-form .knk-form :is(input[type=text],input[type=email],textarea)::placeholder{color:var(--text-sub);opacity:.8}.contact-form .knk-form :is(input[type=text],input[type=email],textarea):focus{outline:0;border-color:var(--main);box-shadow:0 0 0 4px color-mix(in srgb, var(--main) 18%, transparent)}.contact-form .knk-form :is(input[type=text],input[type=email],textarea)[aria-invalid=true]{border-color:var(--form-error)}.contact-form .knk-form textarea{min-height:200px;line-height:1.8;resize:vertical}.contact-form .knk-error,.contact-form .knk-message-error{margin:0;color:var(--form-error);font-size:.8rem;font-weight:700}.contact-form .knk-choices{display:flex;flex-wrap:wrap;gap:10px}.contact-form .knk-choice{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px 0 14px;border:2px solid var(--line);border-radius:999px;background:var(--box);color:var(--main-deep);font-size:.86rem;font-weight:700;cursor:pointer;transition:background var(--fast),border-color var(--fast),color var(--fast)}.contact-form .knk-choice input{appearance:none;display:grid;place-items:center;width:18px;height:18px;margin:0;border:2px solid currentColor;border-radius:50%}.contact-form .knk-choice input::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;scale:0;transition:scale .25s var(--spring)}.contact-form .knk-choice input:checked::before{scale:1}.contact-form .knk-choice input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.contact-form .knk-choice:hover{border-color:var(--accent);color:var(--accent-ink)}.contact-form .knk-choice:has(input:checked){border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.contact-form .knk-policy iframe{display:block;width:100%;height:260px;border:2px solid var(--line);border-radius:var(--r-photo);background:var(--box)}.contact-form .cf-agree{margin:0}.contact-form .knk-acceptance{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:.9rem;font-weight:700;cursor:pointer}.contact-form .knk-acceptance input{width:20px;height:20px;margin:0;accent-color:var(--accent)}.contact-form .knk-acceptance input:disabled+span{opacity:.5}.contact-form .knk-actions,.contact-form .cf-send{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:6px}.contact-form .knk-button{min-width:200px;min-height:52px;padding:0 28px;border:2px solid var(--line);border-radius:15px;background:var(--box);color:var(--main-deep);font:inherit;font-size:.95rem;font-weight:800;cursor:pointer}.contact-form .knk-button-primary{--well-at: 1px;position:relative;border:1.5px solid var(--key-rim);border-radius:15px;background:var(--accent);color:var(--white);font-weight:800;letter-spacing:.05em;text-decoration:none;text-shadow:0 1px 2px var(--accent-shadow);outline:0;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 3px 1.5px var(--key-side),0 5px 8px var(--key-shadow),0 var(--well-at) 2px 4px var(--well);filter:none;animation:none;transition:translate .1s var(--ease),box-shadow .1s var(--ease);min-width:220px;min-height:52px;padding:0 32px;font-size:.95rem}.contact-form .knk-button-primary:hover{--well-at: 2px;translate:0 -1px;scale:1;background:var(--accent);color:var(--white);box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 4px 1.5px var(--key-side),0 7px 11px var(--key-shadow),0 var(--well-at) 2px 4px var(--well)}.contact-form .knk-button-primary:active{--well-at: -1px;animation:none;translate:0 2px;box-shadow:inset 0 1.5px 1px rgb(var(--light)/38%),0 1px 1px var(--key-side),0 var(--well-at) 2px 4px var(--well)}.contact-form .knk-button-primary:focus-visible{outline:3px solid var(--main-deep);outline-offset:9px}.contact-form .knk-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.contact-form .knk-hint{background:var(--text);color:var(--bg);border-radius:10px;font-weight:700}.contact-form .knk-hint::after{border-top-color:var(--text)}.contact-form .knk-lead{margin:0;font-weight:700}.contact-form .knk-confirm{display:grid;margin:0;padding:6px 22px;border-radius:var(--r-block);background:var(--box);box-shadow:0 1px 0 var(--line)}.contact-form .knk-confirm dt{margin-top:16px;color:var(--text-sub);font-size:.78rem;font-weight:700}.contact-form .knk-confirm dd{margin:4px 0 0;padding-bottom:16px;border-bottom:1px dashed var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.contact-form .knk-confirm dd:last-child{border-bottom:0}.contact-form .knk-done{padding:26px 24px;border-radius:var(--r-block);background:var(--main-soft);color:var(--text);font-weight:700;line-height:1.9;text-align:center;white-space:pre-line}.policy-embed{margin:0;padding:18px 20px 28px;background:var(--box);font-size:.86rem}.policy-embed .text :is(h2,h3){margin-top:1.4em}.policy-embed .text>:first-child{margin-top:0}