/* relaxingjazzmusic.com — "Kissa Purr". Written from scratch Nov 3 2026. Cream plaster walls, bottle-green leather,
 brass, a red hanko seal. Nav left / mark right header; request-slip form; record stand; shelves on a ledge. */
@font-face{font-family:"Shippori";src:url(/fonts/shippori-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Shippori";src:url(/fonts/shippori-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Zen Kaku";src:url(/fonts/zenkaku-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Zen Kaku";src:url(/fonts/zenkaku-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--wall:#F3EBDD;--wall2:#E9DECB;--slip:#FBF7EE;--green:#1F3A33;--green2:#2C4D44;--brass:#B88A3B;--ink:#221C17;--ink2:#5D5348;--seal:#B5412F;--rule:rgba(34,28,23,.18);
 --serif:"Shippori",Georgia,serif;--sans:"Zen Kaku",system-ui,sans-serif;--w:1200px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--wall);color:var(--ink);font:16px/1.7 var(--sans);padding-bottom:104px}
a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--brass)}a:hover{color:var(--seal)}
img{max-width:100%;height:auto;display:block}
.wr{max-width:var(--w);margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-999px;top:8px;background:var(--green);color:#fff;padding:8px 12px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--seal);outline-offset:2px}
/* header: nav left, mark right */
.hd{max-width:var(--w);margin:0 auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--rule)}
.hd-nav ul{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0;font-size:14px}
.hd-nav li+li::before{content:"/";color:var(--brass);margin:0 12px}
.hd-nav a{text-decoration:none}.hd-nav a[aria-current]{color:var(--seal);font-weight:700}
.hd-mark{display:flex;align-items:center;gap:14px;text-decoration:none;text-align:right}
.hd-w b{display:block;font:700 22px/1.1 var(--serif);letter-spacing:.01em}.hd-w small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.hd-g{width:46px;height:46px;transform:rotate(-4deg)}
/* type */
.kick{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin:0 0 12px;font-weight:700}.kick a{text-decoration:none}
.h1{font:700 clamp(36px,5vw,64px)/1.08 var(--serif);margin:0 0 18px;letter-spacing:-.01em}
.h1 span{display:block;font-weight:500;color:var(--green2)}
.h2{font:700 clamp(26px,3vw,38px)/1.15 var(--serif);margin:0}
.h3{font:700 22px/1.25 var(--serif);margin:0 0 10px}
.lede{font-size:17px;color:var(--ink2);max-width:58ch;margin:0 0 22px}
/* buttons: rectangular with a brass underline, never pills */
.ct-b{font:700 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:13px 16px;border:1px solid var(--green);background:var(--green);color:var(--wall);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:0;box-shadow:inset 0 -3px 0 var(--brass)}
.ct-b:hover{background:var(--green2);color:#fff}
.ct-b.ghost{background:transparent;color:var(--green);box-shadow:none}.ct-b.ghost:hover{background:var(--green);color:var(--wall)}
.ct-b.sm{padding:8px 10px;font-size:11px}
.ct-b.pc-on{box-shadow:inset 0 -3px 0 var(--seal)}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
/* hero: slip + stand */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;padding-top:44px;padding-bottom:56px}
.slip{background:var(--slip);padding:34px 36px 26px;box-shadow:0 1px 0 var(--rule),0 18px 40px rgba(34,28,23,.12);transform:rotate(-.6deg);position:relative;
 background-image:repeating-linear-gradient(180deg,transparent 0 33px,rgba(184,138,59,.18) 33px 34px)}
.slip::after{content:"";position:absolute;right:26px;top:24px;width:64px;height:64px;border:2px solid var(--seal);border-radius:50%;opacity:.55;transform:rotate(12deg);
 background:radial-gradient(circle,transparent 52%,rgba(181,65,47,.0) 53%)}
.slip-no{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--seal);margin:0 0 14px;font-weight:700}
.slip-f{border:0;padding:0;margin:0 0 20px}.slip-f legend{font:500 18px var(--serif);margin-bottom:6px}
.slip-o{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:7px 0;cursor:pointer;border-bottom:1px dashed var(--rule);position:relative}
.slip-o input{position:absolute;opacity:0;width:1px;height:1px}
.box{width:20px;height:20px;border:2px solid var(--ink);position:relative;background:var(--slip)}
.slip-o input:checked+.box::after{content:"";position:absolute;left:4px;top:-6px;width:8px;height:16px;border:solid var(--seal);border-width:0 3px 3px 0;transform:rotate(40deg)}
.slip-o input:focus-visible+.box{outline:2px solid var(--seal);outline-offset:2px}
.slip-t{font:500 19px var(--serif)}.slip-m{font-size:12px;color:var(--ink2)}
.stand{margin:0;text-align:center}
.stand-rec{position:relative;display:inline-block;padding:18px 18px 34px;background:linear-gradient(180deg,#6B4A2E,#4A321F);box-shadow:0 30px 50px rgba(34,28,23,.25)}
.stand-rec::after{content:"";position:absolute;left:-14px;right:-14px;bottom:0;height:16px;background:linear-gradient(180deg,#8A6440,#5A3D25);box-shadow:0 8px 14px rgba(0,0,0,.25)}
.stand-rec img{width:min(420px,70vw);aspect-ratio:1;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.stand figcaption{margin-top:22px}.stand-l{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:700}
.stand figcaption b{display:block;font:700 22px var(--serif)}.stand figcaption #stand-s{font-size:14px;color:var(--ink2);display:block;max-width:40ch;margin:0 auto}
/* sections */
.sec{padding-top:48px;padding-bottom:48px;border-top:1px solid var(--rule)}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:24px}.sec-h p{margin:0;color:var(--ink2)}
.shs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.sh{display:flex;flex-direction:column;gap:8px}
.sh-a{text-decoration:none;display:block}
.sh-covs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:8px 8px 18px;background:var(--green);position:relative}
.sh-covs::after{content:"";position:absolute;left:-6px;right:-6px;bottom:0;height:10px;background:var(--brass)}
.sh-covs img{aspect-ratio:1;width:100%}
.sh-n{display:block;font:700 19px/1.2 var(--serif);margin-top:12px}.sh-a:hover .sh-n{color:var(--seal)}
.sh-m{font-size:12px;color:var(--ink2)}
.sh-d{margin:0;font-size:14px;color:var(--ink2);flex:1}
.sh-play{align-self:flex-start}
.rules{background:var(--green);color:var(--wall);max-width:none;border:0}
.rules .h2{max-width:var(--w);margin:0 auto 20px}
.ru-g{max-width:var(--w);margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:r}
.ru-g li{counter-increment:r;border-top:1px solid rgba(243,235,221,.3);padding-top:14px;color:rgba(243,235,221,.85);font-size:15px}
.ru-g li::before{content:counter(r,cjk-ideographic);display:block;font:700 30px var(--serif);color:var(--brass);margin-bottom:6px}
.ru-g b{display:block;color:#fff;font:700 18px var(--serif)}
.ru-g code{background:rgba(243,235,221,.12);padding:2px 6px}.rules .ct-b.ghost{color:var(--wall);border-color:var(--wall)}
.two{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px}
.faq{margin:16px 0 0}.faq div{padding:14px 0;border-bottom:1px solid var(--rule)}.faq dt{font:700 18px var(--serif)}.faq dd{margin:6px 0 0;color:var(--ink2)}
.honest{background:var(--slip);padding:26px;border-left:4px solid var(--seal);align-self:start}
/* inner */
.pg{padding-top:44px;padding-bottom:64px}
.sp-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;margin-bottom:36px}
.stand.sm .stand-rec img{width:min(300px,70vw)}
.facts{display:flex;flex-wrap:wrap;margin:0 0 20px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.facts div{padding:10px 22px 10px 0;margin-right:22px}.facts dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}.facts dd{margin:0;font:700 22px var(--serif)}
.rqs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.rq{display:grid;grid-template-columns:52px minmax(0,1fr) 92px;grid-template-areas:"p t c" "p l l";gap:2px 14px;padding:14px 0;border-bottom:1px solid var(--rule);position:relative}
.rq-n{position:absolute;right:0;top:14px;font-size:11px;color:var(--brass);letter-spacing:.1em}
.rq-p{grid-area:p;padding:0;border:0;background:none;cursor:pointer;position:relative;width:52px;height:52px}
.rq-p::after{content:"";position:absolute;inset:0;background:rgba(31,58,51,.0);transition:.2s}
.rq-p:hover::after,.rq-p.now::after{background:rgba(31,58,51,.55)}
.rq-p.now::before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:12px;height:14px;margin:-7px 0 0 -6px;background:linear-gradient(90deg,#fff 0 4px,transparent 4px 8px,#fff 8px)}
.rq-t{grid-area:t;min-width:0;padding-right:44px}.rq-t b{display:block;font:700 17px/1.3 var(--serif)}.rq-t small{color:var(--ink2);font-size:13px}
.rq.on .rq-t b{color:var(--seal)}
.rq-c{grid-area:c;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink2);align-self:end}
.rq-c i{flex:1;height:5px;background:var(--wall2);position:relative}.rq-c i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--c)*1%);background:var(--brass)}
.rq-l{grid-area:l;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--ink2)}.rq-l .dl{color:var(--green);font-weight:700}
.sort{display:flex;gap:8px;margin:8px 0 16px}.sort [aria-pressed=true]{background:var(--green);color:var(--wall)}
.next{margin-top:26px}
.prose{max-width:780px}.prose h2{font:700 26px/1.25 var(--serif);margin:34px 0 8px}.prose p,.prose li{color:var(--ink2)}.prose li b{color:var(--ink)}
.inl{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.cred{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cred code{background:var(--slip);border:1px solid var(--rule);padding:8px 10px}
.nf{min-height:50vh}
/* footer */
.ft{background:var(--ink);color:rgba(243,235,221,.85);padding:48px 0 28px}
.ft-g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.ft-big{font:700 26px/1.3 var(--serif);color:var(--wall);margin:0 0 10px}
.ft-h{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0 0 10px}
.ft ul{list-style:none;margin:0;padding:0}.ft li{padding:3px 0}.ft a{text-decoration:none}
.fine{font-size:12px;color:rgba(243,235,221,.55);margin-top:26px;border-top:1px solid rgba(243,235,221,.15);padding-top:14px}
/* player: the counter */
.ct{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--slip);border-top:4px solid var(--green);box-shadow:0 -8px 24px rgba(34,28,23,.12)}
.ct-in{max-width:var(--w);margin:0 auto;padding:10px 28px;display:grid;grid-template-columns:56px minmax(0,1.2fr) auto minmax(0,1.5fr) auto auto;gap:16px;align-items:center}
.ct-t{margin:0;min-width:0;line-height:1.3}.ct-l{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:700}
.ct-t b{display:block;font:700 17px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-t span[data-pc=sub]{display:block;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-k{display:flex;gap:6px}.ct-k .ct-b{padding:11px 12px}
.ct-pp{width:50px;height:42px;padding:0!important}.ct-pp svg{width:14px;height:14px;fill:currentColor}
.ct-s{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums}
.ct-r{flex:1;position:relative;height:5px;background:var(--wall2)}.ct-r i{position:absolute;inset:0;background:var(--green);transform-origin:0 50%;transform:scaleX(0)}
.ct-r input{position:absolute;left:0;right:0;top:-9px;width:100%;height:23px;margin:0;opacity:0;cursor:pointer}
.ct-col{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);white-space:nowrap}.ct-col b{font:700 18px var(--serif);color:var(--brass);letter-spacing:0}
.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);background:var(--green);color:var(--wall);padding:10px 16px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:1020px){.shs{grid-template-columns:repeat(3,1fr)}.ru-g{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.hero,.two,.sp-g{grid-template-columns:minmax(0,1fr)}.rqs{grid-template-columns:1fr}.ft-g{grid-template-columns:1fr 1fr}.ft-g>div:first-child{grid-column:1/-1}
 .ct-in{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:8px 14px}.ct-c{width:48px;height:48px}.ct-s,.ct-col,.ct-dl{display:none}.ct-k .ct-b:not(.ct-pp){display:none}}
@media (max-width:620px){.wr,.hd{padding-left:16px;padding-right:16px}.hd{flex-direction:column-reverse;align-items:flex-start}.hd-mark{flex-direction:row-reverse;text-align:left}
 .hd-nav li+li::before{margin:0 8px}.shs{grid-template-columns:1fr 1fr;gap:16px}.ru-g{grid-template-columns:1fr}.slip{padding:26px 20px 20px;transform:none}.slip::after{width:44px;height:44px;right:14px;top:14px}
 .rq{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"p t" "p c" "l l"}.rq-c{max-width:140px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}