body{margin:0;background:#fcf9f3}
a{color:#1f1a16}a:hover{color:#a8370a}
.mono{font:500 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b6258}
.who{padding:40px 0 28px;border-bottom:1px solid #e2d6c2}
.whotop{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.jump{display:flex;gap:6px;padding:6px;background:#fff;border:1px solid #e2d6c2;border-radius:999px;width:max-content;max-width:100%}
.jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;font:600 14.5px/1 Inter,sans-serif;color:#4a423a;text-decoration:none;white-space:nowrap}
.jump a:hover{background:#f6f0e5}
.jump a.on{background:#1f1a16;color:#f6f0e5}
.tp{padding-top:36px;padding-bottom:96px}
.side.kside{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:56px}
.kc{position:relative;width:100%;max-width:480px;aspect-ratio:1/1}
.kc svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.kc polygon{cursor:pointer;transition:fill .15s ease}
.hc{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}
.hc button{pointer-events:auto;cursor:pointer}
.hc.up{flex-direction:column-reverse}
.hb{min-width:36px;height:26px;padding:0 6px;border:0;border-radius:999px;background:transparent;font:500 13px/1 "IBM Plex Mono",monospace;color:#6b6258}
.hb.on{color:#a8370a;background:rgba(194,65,12,.1)}
.pls{display:flex;gap:4px}
.pb{height:30px;min-width:36px;padding:0 8px;border-radius:999px;border:1px solid #cdbfa8;background:#fff;font:600 13px/1 Inter,sans-serif;color:#1f1a16}
.pb:hover{border-color:#1f1a16}
.pb.on{background:#c2410c;border-color:#c2410c;color:#fff}
.pb.la{background:#faecc4;border-color:#e3c26b;color:#5e3f00;font:italic 500 14px/1 Fraunces,Georgia,serif}
.pb.la.on{background:#c2410c;border-color:#c2410c;color:#fff}
.hpick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hpick button{min-height:44px;padding:6px 8px;border-radius:12px;border:1px solid #e2d6c2;background:#fff;font:500 13.5px/1.2 Inter,sans-serif;color:#4a423a;cursor:pointer;text-align:left}
.hpick button b{font:500 12px/1 "IBM Plex Mono",monospace;color:#a8370a;margin-right:6px}
.hpick button.on{border-color:#c2410c;background:#fbe3d3;color:#7a2a08}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font:500 12px/1.4 "IBM Plex Mono",monospace;color:#6b6258}
.legend b{color:#1f1a16;font-weight:500}
.panel{position:sticky;top:calc(var(--head,0px) + 24px);background:#fff;border:1px solid #e2d6c2;border-radius:22px;padding:32px;box-shadow:0 30px 60px -48px rgba(31,26,22,.55)}
.pq{font:italic 500 20px/1.35 Fraunces,Georgia,serif;color:#1f1a16;padding-left:16px;border-left:3px solid #f6c3a4}
.kv{border-top:1px solid #efe6d6}
.kr{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid #efe6d6}
.kr span:first-child{font:500 11px/1.8 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b6258}
.kr span:last-child{font-size:15.5px;color:#1f1a16;line-height:1.5}
.readas{padding:18px 20px;border-radius:16px;background:#fbe3d3;color:#4a2208;font-size:16px;line-height:1.6}
.readas b{display:block;font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#a8370a;margin-bottom:6px}
.tim{padding:16px 20px;border-radius:16px;background:#faecc4;color:#4a3300;font-size:15.5px;line-height:1.55}
.tim b{display:block;font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#8a5a00;margin-bottom:6px}
.sh2{display:flex;flex-direction:column;gap:12px;max-width:760px}
.ptab{border-top:1.5px solid #1f1a16}
.pr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) 64px minmax(0,1.1fr) minmax(0,1fr) 70px minmax(0,2.4fr);gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid #e2d6c2}
.pr.hd{font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#6b6258;padding:14px 4px}
.pr .pn{display:flex;align-items:center;gap:12px;font:500 19px/1.2 Fraunces,Georgia,serif}
.pr .ab{width:36px;height:30px;border-radius:999px;border:1px solid #cdbfa8;background:#fff;display:inline-grid;place-items:center;font:600 12.5px/1 Inter,sans-serif;flex:none}
.pr .ln{color:#4a423a;font-size:15px;line-height:1.5}
.pr .lb{display:none}
.pr .sg2{font-size:15.5px}
.pr .sg2 small{display:block;font:500 12px/1.4 "IBM Plex Mono",monospace;color:#6b6258}
.stg{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font:600 12.5px/1 Inter,sans-serif;background:#f6f0e5;color:#4a423a;white-space:nowrap}
.stg.up{background:#3f6b3a;color:#fff}
.stg.own{background:#faecc4;color:#5e3f00}
.dw{display:flex;flex-direction:column;gap:36px;padding:36px;background:#fff;border:1px solid #e2d6c2;border-radius:24px}
.dl{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:36px}
.bar{position:relative;display:flex;height:60px;border-radius:14px}
.bar>span{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 12px;background:#f6f0e5;border-right:2px solid #fff;font:600 15px/1.1 Inter,sans-serif;color:#4a423a;overflow:hidden;white-space:nowrap}
.bar>span:first-child{border-radius:14px 0 0 14px}
.bar>span:last-of-type{border-radius:0 14px 14px 0;border-right:0}
.bar>span small{font:500 11.5px/1.2 "IBM Plex Mono",monospace;color:#6b6258}
.bar>span.past{background:#efe6d6;color:#6b6258}
.bar>span.cur{background:#1f1a16;color:#f6f0e5}
.bar>span.cur small{color:#cdbfa8}
.bar>span.hot{background:#c2410c;color:#fff}
.bar>span.hot small{color:#fbe3d3}
.bar>span.soft{background:#fbe3d3;color:#7a2a08}
.bar.thin{height:50px}
.bar.thin>span{padding:0 6px;align-items:center;font-size:13.5px}
.nowm{position:absolute;top:-10px;bottom:-4px;width:0;border-left:2px dashed #c2410c}
.nowm b{position:absolute;top:-22px;left:-18px;font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#a8370a;background:#fff;padding:2px 4px}
.bar .sh{display:none}
.side.dside{grid-template-columns:minmax(0,1fr) 340px}
.tl{position:relative;padding-left:32px}
.tl::before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:2px;background:#e2d6c2}
.tr{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:16px 20px;border-radius:16px;margin-bottom:6px}
.tr::before{content:"";position:absolute;left:-29px;top:22px;width:14px;height:14px;border-radius:50%;background:#fcf9f3;border:2px solid #cdbfa8}
.tr.past{color:#6b6258}
.tr.past::before{background:#cdbfa8}
.tr.now{background:#fbe3d3;border:1px solid #efb592}
.tr.now::before{background:#c2410c;border-color:#c2410c;box-shadow:0 0 0 5px rgba(194,65,12,.18)}
.tr .when{font:500 13px/1.5 "IBM Plex Mono",monospace;color:#6b6258}
.tr b{font:500 20px/1.25 Fraunces,Georgia,serif;font-weight:500}
div.now{border-top:1.5px solid #1f1a16}
.nr{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.4fr);gap:24px;padding:18px 0;border-bottom:1px solid #e2d6c2;align-items:baseline}
.nr b{font:500 19px/1.25 Fraunces,Georgia,serif}
.nr .w{font:500 12.5px/1.5 "IBM Plex Mono",monospace;color:#6b6258}
.nr p{font-size:15.5px;color:#4a423a;line-height:1.55}
.dc{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:22px;background:#fff;border:1px solid #e2d6c2}
.dc .st{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 Inter,sans-serif}
.yg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.yc{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;background:#fff;border:1px solid #e2d6c2}
.yc b{font:500 21px/1.2 Fraunces,Georgia,serif}
.yc .s{font:500 10.5px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.yc p{font-size:15px;color:#4a423a;line-height:1.5}
.sg{display:grid;grid-template-columns:128px minmax(0,1fr);gap:28px;align-items:center;padding:28px;border-radius:22px;background:#fff;border:1px solid #e2d6c2}
.sg img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;display:block}
.howg{display:grid;grid-template-columns:380px minmax(0,1fr);gap:56px;align-items:start}
.howg svg{display:block;width:100%;height:auto;background:#fff;border:1px solid #e2d6c2;border-radius:20px;padding:14px}
.gp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.gpi{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:20px 0;border-top:1px solid #e2d6c2}
.gpi i{width:32px;height:32px;border-radius:50%;background:#1f1a16;color:#f6f0e5;display:grid;place-items:center;font:500 15px/1 Fraunces,Georgia,serif;font-style:normal}
.gpi b{font:500 19px/1.25 Fraunces,Georgia,serif}
.gpi p{font-size:15px;color:#4a423a;line-height:1.55;margin-top:4px}
.sl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sl div{padding:12px;border-radius:14px;background:#fff;border:1px solid #e2d6c2;display:flex;flex-direction:column;gap:2px}
.sl div.me{background:#faecc4;border-color:#e3c26b}
.sl i{font:500 12px/1 "IBM Plex Mono",monospace;font-style:normal;color:#a8370a}
.sl b{font:500 17px/1.2 Fraunces,Georgia,serif}
.sl span{font-size:13px;color:#6b6258}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rl{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:18px;background:#fff;border:1px solid #e2d6c2;text-decoration:none}
.rl img{width:56px;aspect-ratio:3/4;border-radius:8px;display:block;background:#f6c3a4}
.rl .ib{width:56px;height:56px;border-radius:14px;background:#fbe3d3;color:#a8370a;display:grid;place-items:center}
.rl div>b{font:500 19px/1.2 Fraunces,Georgia,serif;display:block}
.rl div>span:not(.price){display:block;font-size:14px;color:#6b6258;margin:2px 0 6px}
.kc-empty{padding-top:56px;padding-bottom:64px}
.kc-empty-in{gap:16px;max-width:640px;margin:0 auto;padding:40px;text-align:center;align-items:center}
@container (max-width:760px){.kc-empty{padding-top:28px;padding-bottom:40px}.kc-empty-in{padding:28px 22px}}
.side.sfaq{grid-template-columns:360px minmax(0,1fr)}
.g4.footg{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))}
@container (max-width:760px){
  .who{padding:20px 0 20px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px}
  .jump{width:100%;overflow-x:auto;border-radius:16px}
  .jump a{padding:0 12px;font-size:14px}
  .tp{padding-top:24px;padding-bottom:64px}
  .side.kside,.side.dside,.howg{grid-template-columns:minmax(0,1fr);gap:20px}
  .kcard{padding:10px !important}
  .kc{max-width:none}
  .hb{min-width:28px;height:22px;font-size:11px}
  .pb{height:28px;min-width:30px;padding:0 6px;font-size:12px}
  .pb.la{font-size:12.5px}
  .hpick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hpick button{font-size:13px;padding:6px}
  .panel{position:static;padding:22px}
  .pq{font-size:18px}
  .kr{grid-template-columns:92px minmax(0,1fr);gap:12px}
  .pr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:16px 0}
  .pr.hd{display:none}
  .pr .pn,.pr .ln{grid-column:1/-1}
  .pr .lb{display:inline;font:500 11px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#6b6258;margin-right:6px}
  .pr .sg2 small{display:inline;margin-left:6px}
  .dw{padding:20px;gap:32px}
  .bar{height:56px}
  .bar>span{padding:0 6px;font-size:13px}
  .bar>span small{font-size:10px}
  .bar.thin>span{padding:0 1px;font-size:11px}
  .bar .lg{display:none}
  .bar>span.hot small{display:none}
  .bar .sh{display:inline}
  .tl{padding-left:26px}
  .tr{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 16px}
  .tr::before{left:-23px}
  .tr b{font-size:18px}
  .nr{grid-template-columns:minmax(0,1fr);gap:4px}
  .dc{padding:22px}
  .yg{grid-template-columns:minmax(0,1fr);gap:12px}
  .sg{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:18px}
  .howg svg{max-width:300px;margin:0 auto}
  .gp{grid-template-columns:minmax(0,1fr)}
  .sl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rel{grid-template-columns:minmax(0,1fr);gap:12px}
  .side.sfaq{grid-template-columns:minmax(0,1fr)}
  .g4.footg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footg>div:first-child{grid-column:1/-1}
}
