.spage{--bg:var(--color-bg);--ink:var(--color-ink);--soft:var(--color-soft);--acc:var(--color-acc);--gold:var(--color-gold);--acc-soft:var(--color-acc-soft);font-family:var(--font-grotesk), "Space Grotesk", sans-serif;color:var(--ink)}.spage img{display:block}.spage-bg{z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--color-bg) 45%, #fff);position:fixed;inset:0;overflow:hidden}.spage-bg:after{content:"";filter:blur(85px)saturate(1.2);opacity:.55;background:radial-gradient(28% 24% at 14% 6%, color-mix(in srgb, var(--color-acc) 30%, transparent), transparent 70%), radial-gradient(24% 22% at 88% 10%, #d4a44a4d, transparent 70%), radial-gradient(26% 24% at 10% 84%, #92a0763d, transparent 70%), radial-gradient(28% 26% at 90% 86%, #9e626a38, transparent 70%);animation:28s ease-in-out infinite alternate s-drift;position:absolute;inset:-18%}@keyframes s-drift{to{transform:translate(2%,2.5%)scale(1.06)rotate(1.5deg)}}@media (max-width:768px){.spage-bg:after{filter:blur(60px)saturate(1.15)}}@media (prefers-reduced-motion:reduce){.spage-bg:after{animation:none}}.spage .glass{-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);background:#ffffff80;border-radius:20px;box-shadow:0 16px 40px -24px #7850324d}.spage .shell{max-width:1240px;margin:0 auto;padding:0 26px}@media (min-width:1500px){.spage .shell{max-width:1340px}}.spage header{z-index:50;background:color-mix(in srgb, var(--color-bg) 45%, #fff);border-bottom:1px solid #1b19170f;position:sticky;top:0}.spage .hbar{align-items:center;gap:20px;padding:9px 0;display:flex}.spage .hsearch{background:#fff;border-radius:100px;flex:1;align-items:center;gap:9px;max-width:480px;margin:0 auto;padding:6px 6px 6px 17px;display:flex;box-shadow:0 8px 26px -14px #78503259}.spage .hsearch .ai-b{color:var(--gold);white-space:nowrap;background:#fbf3e2;border-radius:100px;padding:5px 10px;font-size:10.5px;font-weight:500}.spage .hsearch input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 0;font-family:inherit;font-size:13.5px}.spage .hsearch button{cursor:pointer;background:var(--ink);color:#fff;border:0;border-radius:100px;padding:9px 17px;font-family:inherit;font-size:12.5px;font-weight:500}.spage .hsearch button:hover{background:var(--acc)}.spage .hnav{align-items:center;gap:4px;font-size:13px;display:flex}.spage .hnav a{color:var(--soft);border-radius:100px;padding:8px 14px}.spage .hnav a:hover{color:var(--ink);background:#ffffffb3}.spage .hcta{background:var(--ink);color:#fff!important}.spage .crumb{color:var(--soft);padding:16px 0 0;font-size:12px}.spage .crumb a:hover{color:var(--acc)}.spage .top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:10px 0 14px;display:flex}.spage h1{font-family:var(--font-display), serif;font-size:clamp(24px,3vw,34px);font-weight:550}.spage .top .cnt{color:var(--soft);margin-top:4px;font-size:13px}.spage .sortw{color:var(--soft);align-items:center;gap:9px;font-size:12.5px;display:flex}.spage .sort{color:var(--ink);cursor:pointer;background:#ffffffbf;border:0;border-radius:100px;outline:0;padding:10px 16px;font-family:inherit;font-size:13px}.spage .chips{flex-wrap:wrap;align-items:center;gap:8px;min-height:20px;padding:0 0 16px;display:flex}.spage .chip{background:var(--ink);color:#fff;border-radius:100px;align-items:center;gap:8px;padding:7px 8px 7px 14px;font-size:12px;font-weight:500;display:inline-flex}.spage .chip .cx{cursor:pointer;color:#fff;background:#ffffff29;border:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.spage .chip .cx:hover{background:var(--acc)}.spage .clearall{color:var(--soft);cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #cfc5b2;align-self:center;padding:7px 6px;font-family:inherit;font-size:12px}.spage .clearall:hover{color:var(--acc)}.spage .layout{grid-template-columns:250px 1fr;align-items:start;gap:18px;padding-bottom:80px;display:grid}.spage .fside{scrollbar-width:thin;border-radius:22px;max-height:calc(100vh - 90px);padding:20px;position:sticky;top:72px;overflow-y:auto}.spage .fgroup{border-top:1px solid #1b191712;padding:14px 0}.spage .fgroup:first-child{border-top:0;padding-top:0}.spage .fgroup h4{letter-spacing:.13em;text-transform:uppercase;color:var(--soft);margin-bottom:11px;font-size:11px;font-weight:500}.spage .fopt{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:10px;padding:5px 0;font-size:13px;display:flex}.spage .fopt .box{color:#fff;background:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;transition:all .2s;display:flex;box-shadow:inset 0 0 0 1.5px #1b19172e}.spage .fopt.on .box{background:var(--acc);box-shadow:none}.spage .fopt .fc{color:var(--soft);margin-left:auto;font-size:11px}.spage .fopt:hover{color:var(--acc)}.spage .range{width:100%;accent-color:var(--acc);margin:8px 0 4px}.spage .rline{color:var(--soft);justify-content:space-between;font-size:11.5px;display:flex}.spage .tglrow{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.spage .tgl{cursor:pointer;background:#1b191724;border-radius:100px;flex:none;width:38px;height:22px;transition:background .3s;position:relative}.spage .tgl:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000040}.spage .tgl.on{background:var(--acc)}.spage .tgl.on:after{left:19px}.spage .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px;display:grid}.spage .pcard{cursor:pointer;background:#fff;border-radius:20px;transition:all .4s cubic-bezier(.2,.7,.2,1);animation:.5s cubic-bezier(.2,.7,.2,1) s-in;display:block;overflow:hidden;box-shadow:0 10px 32px -20px #7850324d}@keyframes s-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.spage .pcard:hover{transform:translateY(-5px);box-shadow:0 26px 50px -24px #78503266}.spage .pimg{aspect-ratio:4/3;position:relative;overflow:hidden}.spage .pimg img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.spage .pcard:hover .pimg img{transform:scale(1.05)}.spage .rate{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:100px;padding:5px 11px;font-size:11.5px;font-weight:500;position:absolute;top:10px;left:10px}.spage .rate .st{color:var(--gold)}.spage .prem{color:#f1c892;letter-spacing:.06em;background:#1b1917e0;border-radius:100px;padding:5px 11px;font-size:10px;font-weight:500;position:absolute;top:10px;right:10px}.spage .pinfo{padding:12px 15px 14px}.spage .pname{justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;font-weight:500;display:flex}.spage .pname .pr{color:var(--soft);white-space:nowrap;font-size:12px;font-weight:400}.spage .pmeta{color:var(--soft);margin-top:2px;font-size:11.5px}.spage .resfoot{flex-direction:column;align-items:center;gap:10px;padding:28px 0 0;display:flex}.spage .resfoot .ri{color:var(--soft);font-size:12px}.spage .morebtn{cursor:pointer;background:#ffffffbf;border:0;border-radius:100px;padding:13px 30px;font-family:inherit;font-size:13px;font-weight:500;transition:all .25s}.spage .morebtn:hover{background:var(--ink);color:#fff}.spage .noRes{text-align:center;color:var(--soft);grid-column:1/-1;padding:60px 20px;font-size:14px}.spage .noRes b{font-family:var(--font-display), serif;color:var(--ink);margin-bottom:6px;font-size:20px;font-weight:550;display:block}.spage .sk-reveal{opacity:0;animation:.3s .22s forwards s-reveal}@keyframes s-reveal{to{opacity:1}}.spage .sload{color:var(--soft);align-items:center;gap:10px;padding:26px 0 18px;font-size:13px;display:flex}.spage .sspin{border:2px solid var(--acc-soft);border-top-color:var(--acc);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite s-spin}@keyframes s-spin{to{transform:rotate(360deg)}}.spage .sk-aside{background:#fff;border-radius:20px;flex-direction:column;gap:13px;padding:20px;display:flex;box-shadow:0 10px 32px -20px #7850324d}.spage .sk-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 32px -20px #7850324d}.spage .sk-body{flex-direction:column;gap:9px;padding:14px 15px 18px;display:flex}.spage .sk{background:linear-gradient(90deg,#78503212,#78503224,#78503212) 0 0/220% 100%;animation:1.3s ease-in-out infinite s-shimmer;display:block}.spage .sk-img{aspect-ratio:4/3}.spage .sk-line{border-radius:100px;height:11px}.spage .sk-line.w80{width:80%}.spage .sk-line.w60{width:60%}.spage .sk-line.w40{width:40%}@keyframes s-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.spage .sk{animation:none}.spage .sspin{animation-duration:2s}.spage .sk-reveal{animation-duration:10ms}}.spage .fbtn,.spage .sheet-back,.spage .sheet-done{display:none}@media (max-width:900px){.spage .layout{grid-template-columns:1fr}.spage .fbtn{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:100px;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.spage .fside{z-index:90;border-radius:26px 26px 0 0;max-height:82vh;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:fixed;inset:auto 0 0;transform:translateY(102%);box-shadow:0 -20px 50px -20px #78503280}.spage .fside.sheet-open{transform:translateY(0)}.spage .sheet-back.on{z-index:89;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14100c66;display:block;position:fixed;inset:0}.spage .sheet-done{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:100px;width:100%;margin-top:14px;padding:14px;font-family:inherit;font-size:14px;font-weight:500;display:block}}.spage .pmrate,.spage .pfoot,.spage .ptag,.spage .pbadges,.spage .sbtn-a{display:none}@media (max-width:767px){.spage .shell{padding-inline:16px}.spage header{position:sticky;top:0}.spage .hbar{grid-template-columns:auto 1fr;gap:8px 12px;padding-block:8px 10px;display:grid}.spage .hbar>a{grid-area:1/1}.spage .logo{gap:7px}.spage .logo-wedge{height:27px}.spage .font-logo{font-size:27px}.spage .hnav{grid-area:1/2;justify-self:end}.spage .hnav .hcta{align-items:center;min-height:44px;padding:8px 13px;font-size:11.5px;display:inline-flex}.spage .hsearch{grid-area:2/1/auto/-1;width:100%;max-width:none;min-height:50px;padding:5px 5px 5px 11px}.spage .hsearch .ai-b,.spage .hsearch .sbtn-t{display:none}.spage .hsearch .sbtn-a{display:block}.spage .hsearch{padding-left:16px}.spage .hsearch input{text-overflow:ellipsis;padding:9px 0;font-size:16px}.spage .hsearch button{border-radius:50%;flex:none;place-items:center;width:44px;min-width:0;height:44px;padding:0;font-size:16px;line-height:1;display:grid}.spage .crumb{display:none}.spage .top{padding:20px 0 13px}.spage h1{font-size:19px;line-height:1.2}.spage .top{margin-bottom:0}.spage .top .cnt{margin-top:3px;font-size:12px}.spage .sortw{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f3edeb;border-bottom:1px solid #1b19170d;gap:8px;width:100%;margin-inline:-16px;padding:10px 16px;font-size:0;position:sticky;top:0}.spage .fbtn{min-height:46px;padding:11px 18px;font-size:13px}.spage .sort{flex:1;min-width:0;min-height:46px;padding:10px 14px;font-size:13px}.spage .chips{scrollbar-width:none;flex-wrap:nowrap;min-height:0;margin-inline:-16px;padding:0 16px 14px;overflow-x:auto}.spage .chips::-webkit-scrollbar{display:none}.spage .chips>*{flex:none}.spage .chip{min-height:44px}.spage .layout{gap:0;padding-bottom:54px}.spage .grid{grid-template-columns:1fr;gap:14px}.spage .pcard{background:#ffffffc7;border-radius:20px;padding:0;display:block;overflow:hidden;box-shadow:0 16px 36px -26px #785032e6}.spage .pcard:hover{transform:none}.spage .pcard .pimg{aspect-ratio:4/3;border-radius:0;width:100%;height:auto;overflow:hidden}.spage .pcard .pimg .rate{padding:6px 11px;font-size:11.5px;top:11px;left:11px}.spage .pcard .pimg .prem{padding:4px 9px;font-size:9.5px;top:11px;right:11px}.spage .pcard .pinfo{min-width:0;padding:14px 16px 16px;display:block}.spage .pcard .pname{font-family:var(--font-display), serif;font-size:18px;font-weight:560;line-height:1.2;display:block}.spage .pcard .pname>:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.spage .pcard .pname .pr{display:none}.spage .pcard .pmeta{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;display:-webkit-box;overflow:hidden}.spage .pcard .ptag{color:var(--soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.spage .pcard .pmrate{color:var(--ink);margin-top:8px;font-size:13px;display:block}.spage .pcard .pmrate .st{color:var(--gold)}.spage .pcard .pmrate i{color:var(--soft);font-style:normal}.spage .pcard .pbadges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.spage .pcard .pb{background:var(--acc-soft);color:var(--acc);border-radius:100px;align-items:center;padding:6px 11px;font-size:11px;font-weight:500;display:inline-flex}.spage .pcard .pb-prem{background:var(--ink);color:#fff;letter-spacing:.09em;font-size:10px}.spage .pcard .pfoot{border-top:1px solid #1b191712;justify-content:space-between;align-items:baseline;gap:10px;margin-top:13px;padding-top:12px;display:flex}.spage .pcard .pfp{font-family:var(--font-display), serif;font-size:17px;font-weight:560}.spage .pcard .pfg{color:var(--acc);white-space:nowrap;font-size:13px;font-weight:500}.spage .sort{flex:none;width:auto;max-width:52%}.spage .pimg{aspect-ratio:16/11;background:var(--acc-soft)}.spage .pinfo{padding:14px 16px 16px}.spage .pname{font-size:15.5px}.spage .pname .pr{font-size:12.5px}.spage .pmeta{margin-top:4px;font-size:12px}.spage .rate{align-items:center;min-height:30px;display:inline-flex;top:12px;left:12px}.spage .prem{align-items:center;min-height:30px;display:inline-flex;top:12px;right:12px}.spage .fside{max-height:min(88dvh,760px);padding:14px 18px calc(16px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.spage .fside:before{content:"";background:var(--color-hair);border-radius:99px;width:40px;height:4px;margin:0 auto 12px;display:block}.spage .fgroup{padding-block:16px}.spage .fopt{min-height:44px;padding-block:8px}.spage .tglrow{min-height:48px}.spage .sheet-done{min-height:50px;position:sticky;bottom:0;box-shadow:0 -12px 24px 8px #ffffffdb}.spage .resfoot{padding-top:24px}.spage .morebtn{min-height:48px}.spage .sbox input,.spage .hbar input{text-overflow:ellipsis;min-width:0}}
