.spc-hero{width:100%;position:relative}.spc-stack{aspect-ratio:1/1.08;width:100%;color:inherit;cursor:pointer;transform:perspective(900px) rotateX(var(--spc-rx,0deg)) rotateY(var(--spc-ry,0deg));transition:transform .32s var(--jk-out);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:32px;margin:0;padding:0;display:block;position:relative}.spc-stack:focus-visible{outline:3px solid var(--jk-ink);outline-offset:6px}.spc-polaroid{width:72%;box-shadow:var(--jk-lift);transition:translate .56s var(--jk-spring), rotate .56s var(--jk-spring), box-shadow .32s var(--jk-out);animation:spc-deal .56s var(--jk-spring) calc(var(--spc-i,0) * 90ms + 80ms) backwards;background:#fff;border-radius:20px;padding:8px 8px 0;display:grid;position:absolute;top:3%;left:14%}.spc-polaroid[data-pos="0"]{z-index:3;rotate:-3deg}.spc-polaroid[data-pos="1"]{z-index:2;translate:12% 3%;rotate:7deg}.spc-polaroid[data-pos="2"]{z-index:1;translate:-12% 6%;rotate:-11deg}.spc-stack:hover .spc-polaroid[data-pos="0"]{box-shadow:var(--jk-lift-hover);translate:0 -2%}.spc-stack:hover .spc-polaroid[data-pos="1"]{translate:19% 2%;rotate:10deg}.spc-stack:hover .spc-polaroid[data-pos="2"]{translate:-19% 5%;rotate:-15deg}.spc-stack[data-moved=true] .spc-polaroid[data-pos="2"]{animation:spc-tuck .56s var(--jk-out)}.spc-stack:active .spc-polaroid[data-pos="0"]{scale:.98}.spc-polaroid-photo{aspect-ratio:1;background:var(--jk-blush);border-radius:14px;position:relative;overflow:hidden}.spc-polaroid-photo img{object-fit:cover}.spc-polaroid-caption{color:var(--jk-ink);text-align:center;padding:8px 4px 10px;font-size:18px;line-height:1.2}.spc-hero-camera{z-index:4;background:var(--jk-surface);width:76px;box-shadow:var(--jk-lift);pointer-events:none;animation:spc-pop .56s var(--jk-spring) .4s backwards;border-radius:50%;padding:8px;position:absolute;top:-3%;right:-2%;rotate:8deg}.spc-hero-hint{z-index:4;background:var(--jk-surface);box-shadow:var(--jk-lift);color:var(--jk-ink);white-space:nowrap;pointer-events:none;animation:spc-pop .56s var(--jk-spring) .5s backwards;border-radius:999px;padding:6px 14px;font-size:18px;line-height:1.2;position:absolute;bottom:-4%;left:50%;translate:-50%;rotate:-4deg}.spc-hero-hint.is-on{background:var(--jk-butter);animation:spc-pop .42s var(--jk-spring);rotate:3deg}.spc-tips{background:var(--jk-surface);box-shadow:var(--jk-lift);border-radius:32px;gap:20px;padding:24px;display:grid;position:relative;overflow:hidden}.spc-tips-head{align-items:center;gap:16px;display:flex}.spc-tips-stage{flex:none;width:72px}.spc-tips-kicker{color:var(--jk-muted);margin:0;font-size:17px;line-height:1.2}.spc-tips-title{letter-spacing:-.03em;text-wrap:balance;margin:4px 0 0;font-size:22px;line-height:1.15}.spc-deck{touch-action:pan-y;padding-bottom:20px;display:grid;position:relative}.spc-tip{z-index:1;background:var(--spc-tint,var(--jk-butter));transform:translateX(var(--spc-drag,0px)) rotate(var(--spc-tilt,0deg));transition:translate .42s var(--jk-spring), rotate .42s var(--jk-spring), scale .42s var(--jk-spring), opacity .32s var(--jk-out), transform .2s var(--jk-out);border-radius:24px;grid-area:1/1;margin:0;padding:20px 22px 22px}.spc-tip[data-pos="0"]{z-index:3}.spc-tip[data-pos="1"]{z-index:2;background:color-mix(in srgb, var(--spc-tint,var(--jk-butter)) 60%, #fff);translate:0 10px;rotate:1.5deg;scale:.95}.spc-tip[data-pos="2"]{background:color-mix(in srgb, var(--spc-tint,var(--jk-butter)) 35%, #fff);translate:0 20px;rotate:-1.5deg;scale:.9}.spc-tip[data-pos]:not([data-pos="0"])>*{opacity:0}.spc-tip>*{transition:opacity .2s var(--jk-out)}.spc-tip:not([data-pos="0"])>*{transition-delay:.16s}.spc-tip:focus-visible{outline:2px solid var(--jk-berry-deep);outline-offset:3px}.spc-deck[data-dir=next] .spc-tip[data-pos="2"]{animation:spc-flick .46s var(--jk-out)}.spc-deck[data-dir=prev] .spc-tip[data-pos="0"]{animation:spc-unflick .46s var(--jk-out)}.spc-tip-count{color:var(--jk-ink);font-family:var(--jk-hand);margin:0;font-size:15px;line-height:1.2}.spc-tip h4{font-family:var(--jk-display);letter-spacing:-.02em;text-wrap:balance;margin:6px 0 8px;font-size:20px;line-height:1.2}.spc-tip p:last-child{color:var(--jk-ink);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.spc-tips-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.spc-tips-dots{gap:6px;display:flex}.spc-tips-dots span{background:var(--jk-edge-strong);width:8px;height:8px;transition:width .32s var(--jk-spring), background .2s;animation:spc-hop .42s var(--jk-spring) backwards;border-radius:999px}.spc-tips-dots span:nth-child(2){animation-delay:80ms}.spc-tips-dots span:nth-child(3){animation-delay:.16s}.spc-tips-dots span[data-seen=true]{background:var(--jk-rose)}.spc-tips-dots span[data-on=true]{background:var(--jk-berry);width:22px}.spc-tips-done{color:var(--jk-berry-deep);text-align:center;white-space:nowrap;opacity:0;transition:opacity .2s, scale .42s var(--jk-spring);flex:1;margin:0;font-size:17px;line-height:1.2;scale:.6}.spc-tips.is-done .spc-tips-done{opacity:1;scale:1}.spc-tips-nav{gap:8px;display:flex}.spc-round{background:var(--jk-paper);width:44px;height:44px;color:var(--jk-ink);transition:background .2s, scale .2s var(--jk-spring);border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid}.spc-round:hover{background:var(--jk-butter);scale:1.06}.spc-round:active{scale:.92}.spc-round:focus-visible{outline:2px solid var(--jk-berry-deep);outline-offset:2px}.spc-round--prev .jk-arrow{rotate:180deg}.spc-petals{z-index:4;pointer-events:none;position:absolute;top:30%;left:50%}.spc-petals i{opacity:0;width:10px;height:14px;animation:spc-petal .56s var(--jk-out) calc(var(--spc-p) * 30ms) forwards;border-radius:60% 0;position:absolute}.spc-read{gap:24px;display:grid}.spc-read-photo{aspect-ratio:3/2;background:var(--jk-peach);box-shadow:var(--jk-lift);border-radius:32px;margin:0;position:relative;overflow:hidden}.spc-read-photo img{object-fit:cover}.spc-read-caption{z-index:2;background:var(--jk-surface);color:var(--jk-ink);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;line-height:1.4;position:absolute;top:14px;left:14px}.spc-pin{z-index:1;top:var(--spc-y);left:var(--spc-x);cursor:pointer;width:44px;height:44px;animation:spc-pop .42s var(--jk-spring) calc(var(--spc-i,0) * 80ms + .2s) backwards;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute;translate:-50% -50%}.spc-pin span{width:24px;height:24px;transition:scale .32s var(--jk-spring);background:#fff;border-radius:50%;position:relative;box-shadow:0 6px 16px -6px #49283e8c}.spc-pin span:before{content:"";background:var(--jk-rose);transition:background .2s, inset .32s var(--jk-spring);border-radius:50%;position:absolute;inset:7px}.spc-pin span:after{content:"";animation:spc-ring 1.8s var(--jk-out) infinite;background:#ffffffb3;border-radius:50%;position:absolute;inset:0}.spc-pin[data-seen=true] span:after{opacity:0;animation:none}.spc-pin[data-seen=true] span:before{background:var(--jk-sage)}.spc-pin:focus-visible{outline-offset:-2px;outline:3px solid #fff}.spc-pin:hover span{scale:1.15}.spc-pin[data-on=true] span{scale:1.3}.spc-pin[data-on=true] span:before{background:var(--jk-berry);inset:5px}.spc-read-card{background:var(--jk-surface);box-shadow:var(--jk-lift);border-radius:32px;flex-direction:column;padding:28px;display:flex}.spc-read-top{justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-bottom:12px;display:flex}.spc-read-count{color:var(--jk-muted);margin:0;font-size:13px;line-height:1.4}.spc-stamp{background:var(--jk-butter);color:var(--jk-berry-deep);font-family:var(--jk-hand);white-space:nowrap;visibility:hidden;opacity:0;border-radius:999px;padding:4px 14px;font-size:18px;line-height:1.3;rotate:-8deg}.spc-stamp.is-on{visibility:visible;opacity:1;animation:spc-stamp .42s var(--jk-spring)}.spc-read-note{animation:spc-rise .32s var(--jk-out) backwards}.spc-read-note h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(24px,2.2vw,30px);line-height:1.1}.spc-read-note>p:not(.spc-read-try){color:var(--jk-muted);text-wrap:pretty;margin:12px 0 0;font-size:16px;line-height:1.6}.spc-read-try{background:var(--jk-mint);color:var(--jk-ink);border-radius:20px;align-items:center;gap:12px;margin:20px 0 0;padding:12px 16px 12px 10px;font-size:15px;line-height:1.5;display:flex}.spc-read-try .jv{flex:none;width:52px}.spc-read-list{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.spc-read-chip{background:var(--jk-paper);min-height:44px;color:var(--jk-muted);font:500 14px/1.2 var(--belong-font-body);transition:background .2s, color .2s, scale .12s var(--jk-out);border:0;border-radius:999px;margin:0;padding:0 16px;position:relative}.spc-read-chip:hover{background:var(--jk-blush);color:var(--jk-ink)}.spc-read-chip[aria-pressed=true]{background:var(--jk-butter);color:var(--jk-ink)}.spc-read-chip:active{scale:.96}.spc-read-chip:focus-visible{outline:2px solid var(--jk-berry-deep);outline-offset:2px}.spc-read-chip[data-seen=false]:after{content:"";background:var(--jk-rose);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}@keyframes spc-deal{0%{opacity:0;translate:0 16%;rotate:none}}@keyframes spc-tuck{0%{z-index:3;translate:0;rotate:-3deg}45%{z-index:3;translate:46% -6%;rotate:14deg}55%{z-index:0}}@keyframes spc-flick{0%{z-index:3;translate:0;rotate:none;scale:1}45%{z-index:3;translate:60% -6px;rotate:10deg;scale:1}55%{z-index:0}}@keyframes spc-unflick{0%{z-index:0;translate:0 20px;scale:.9}45%{z-index:0;translate:-60% -6px;rotate:-10deg;scale:1}55%{z-index:3}}@keyframes spc-pop{0%{opacity:0;scale:.6}}@keyframes spc-hop{0%{translate:0}45%{translate:0 -5px}}@keyframes spc-petal{0%{opacity:1;transform:rotate(calc(var(--spc-p) * 60deg)) translateY(0) scale(.4)}to{opacity:0;transform:rotate(calc(var(--spc-p) * 60deg + 40deg)) translateY(-90px) scale(1)}}@keyframes spc-ring{0%{opacity:.9;scale:1}70%,to{opacity:0;scale:2}}@keyframes spc-stamp{0%{opacity:0;rotate:-20deg;scale:1.8}}@keyframes spc-rise{0%{opacity:0;translate:0 8px}}@media (min-width:960px){.spc-read{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:32px}.spc-read-card{padding:36px}}@media (min-width:700px) and (max-width:1099px){.spc-tips{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"head deck""head bar";align-items:center;column-gap:32px;padding:28px 32px}.spc-tips-head{flex-direction:column;grid-area:head;align-items:flex-start}.spc-tips-stage{width:96px}.spc-deck{grid-area:deck}.spc-tips-bar{grid-area:bar}}@media (max-width:900px){.spc-hero-camera{width:52px;padding:6px}.spc-hero-hint,.spc-polaroid-caption{font-size:15px}}@media (max-width:480px){.spc-tips{border-radius:28px;padding:20px}.spc-read-photo{border-radius:26px}.spc-read-card{border-radius:28px;padding:24px 20px}}@media (hover:none){.spc-stack{transform:none}}@media (prefers-reduced-motion:reduce){.spc-stack,.spc-polaroid,.spc-tip,.spc-tip>*,.spc-tips-dots span,.spc-tips-done,.spc-round,.spc-pin,.spc-pin span,.spc-pin span:before,.spc-read-chip{transition:none}.spc-polaroid,.spc-stack[data-moved=true] .spc-polaroid[data-pos="2"],.spc-hero-camera,.spc-hero-hint,.spc-hero-hint.is-on,.spc-deck[data-dir] .spc-tip[data-pos],.spc-tips-dots span,.spc-pin,.spc-stamp.is-on,.spc-read-note{animation:none}.spc-stack{transform:none}.spc-pin span:after,.spc-petals{display:none}}
.sp-study-note{color:var(--jk-muted);align-items:center;gap:10px;margin-top:18px;font-size:14px;line-height:1.45;display:flex}.sp-study-note:before{content:"";background:var(--jk-gold);border-radius:50%;flex:none;width:8px;height:8px}.sp-chips{overscroll-behavior-x:contain;background:var(--jk-surface);width:max-content;max-width:100%;box-shadow:var(--jk-lift);scrollbar-width:none;border-radius:999px;gap:4px;padding:5px;display:flex;position:relative;overflow-x:auto}.sp-chips::-webkit-scrollbar{display:none}.sp-chips-pill{z-index:0;width:var(--pill-w,0);height:var(--pill-h,0);background:var(--jk-butter);opacity:0;translate:var(--pill-x,0) var(--pill-y,0);pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.sp-chips[data-pill] .sp-chips-pill{opacity:1}.sp-chips[data-pill=ready] .sp-chips-pill{transition:translate .32s var(--jk-spring), width .32s var(--jk-out), opacity .2s}.sp-chip{z-index:1;min-height:44px;color:var(--jk-muted);font:500 15px/1 var(--belong-font-body);white-space:nowrap;transition:color .2s, background .2s, scale .12s var(--jk-out);background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;margin:0;padding:0 18px;display:inline-flex;position:relative}.sp-chips--sm .sp-chip{padding-inline:16px;font-size:14px}.sp-chip--art{padding-left:6px}.sp-chip .jv{flex:none;width:34px}.sp-chip:hover,.sp-chip[aria-pressed=true]{color:var(--jk-ink)}.sp-chip[aria-pressed=false]:hover{background:var(--jk-paper)}.sp-chip:active{scale:.97}.sp-chip:focus-visible{outline:2px solid var(--jk-berry-deep);outline-offset:-2px}.sp-chips:not([data-pill]) .sp-chip[aria-pressed=true]{background:var(--jk-butter)}.sp-chip-count{background:var(--jk-blush);min-width:24px;height:22px;color:var(--jk-berry-deep);border-radius:999px;place-items:center;padding:0 7px;font-size:12px;font-weight:600;transition:background .2s;display:inline-grid}.sp-chip[aria-pressed=true] .sp-chip-count{background:#fff}.sp-gallery{padding-bottom:clamp(72px,9vw,120px)}.sp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:clamp(24px,3vw,40px);display:flex}.sp-toolbar-count{color:var(--jk-muted);margin:0;padding-inline:4px;font-size:14px;line-height:1.4}.sp-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.sp-card{background:var(--jk-surface);box-shadow:var(--jk-lift);transition:transform .32s var(--jk-spring), box-shadow .32s var(--jk-out);animation:sp-rise .56s var(--jk-out) calc(var(--sp-i,0) * 60ms) backwards;border-radius:30px;flex-direction:column;padding:10px;display:flex;position:relative}.sp-card:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--spc-rx,0deg)) rotateY(var(--spc-ry,0deg));box-shadow:var(--jk-lift-hover)}.sp-card:active{transform:translateY(-2px)scale(.985)}.spc-layout{gap:24px;display:grid}.spc-sheen{z-index:1;background:radial-gradient(circle at var(--spc-gx,50%) var(--spc-gy,30%), #ffffff47, transparent 55%);opacity:0;transition:opacity .32s var(--jk-out);pointer-events:none;position:absolute;inset:0}.sp-card:hover .spc-sheen{opacity:1}.sp-card:hover .sp-card-tag{animation:spc-wiggle .42s var(--jk-spring)}@keyframes spc-wiggle{30%{rotate:-4deg}65%{rotate:3deg}}.sp-card:has(.sp-card-open:focus-visible){outline:3px solid var(--jk-ink);outline-offset:4px}.sp-card-photo{aspect-ratio:4/3;background:var(--jk-blush);border-radius:22px;position:relative;overflow:hidden}.sp-card-photo img{object-fit:cover;transition:scale .56s var(--jk-out)}.sp-card:hover .sp-card-photo img{scale:1.04}.sp-card-zoom{z-index:2;pointer-events:none;background:var(--jk-surface);width:40px;height:40px;color:var(--jk-ink);opacity:0;transition:opacity .2s, translate .32s var(--jk-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px;translate:0 4px}.sp-card:is(:hover,:focus-within) .sp-card-zoom{opacity:1;translate:0}.sp-card-body{flex:1;align-content:start;justify-items:start;gap:8px;padding:16px 10px 10px;display:grid}.sp-card-tag{background:var(--sp-tag,var(--jk-blush));color:var(--jk-ink);letter-spacing:.03em;border-radius:999px;margin:0;padding:4px 11px;font-size:12px;font-weight:600;line-height:1.4}.sp-card h3{letter-spacing:-.03em;margin:0;font-size:clamp(20px,1.7vw,22px);line-height:1.2}.sp-card-open{min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;margin:-10px 0;padding:0;display:flex}.sp-card-open:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.sp-card-open:focus-visible{outline:none}.sp-card-note{color:var(--jk-muted);margin:0;font-size:14px;line-height:1.5}.sp-dialog{overscroll-behavior:contain;background:var(--jk-surface);width:min(1040px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--jk-ink);border:0;border-radius:36px;margin:auto;padding:0;overflow:auto;box-shadow:0 40px 80px -40px #49283e8c}.sp-dialog[open]{animation:sp-dialog-in .32s var(--jk-out)}.sp-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#49283e66}.sp-dialog[open]::backdrop{animation:sp-fade .32s var(--jk-out)}.sp-dialog-frame{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.sp-dialog-photo{aspect-ratio:4/3;background:var(--jk-blush);border-radius:28px;margin:10px 10px 0;position:relative;overflow:hidden}.sp-dialog-photo img{object-fit:cover;animation:sp-fade .32s var(--jk-out)}.sp-dialog-close,.sp-dialog-step{background:var(--jk-surface);width:44px;height:44px;color:var(--jk-ink);box-shadow:var(--jk-lift);transition:background .2s, scale .2s var(--jk-spring);border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid}.sp-dialog-close:hover,.sp-dialog-step:hover{background:var(--jk-butter);scale:1.06}.sp-dialog-close:active,.sp-dialog-step:active{scale:.94}.sp-dialog-close{z-index:2;position:absolute;top:20px;right:20px}.sp-dialog-steps{gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.sp-dialog-step--prev .jk-arrow{rotate:180deg}.sp-dialog-body{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:20px 24px 28px;display:flex}.sp-dialog-kicker{background:var(--jk-blush);letter-spacing:.03em;border-radius:999px;margin:0;padding:4px 11px;font-size:12px;font-weight:600;line-height:1.4}.sp-dialog-body h2{letter-spacing:-.04em;animation:sp-rise .32s var(--jk-out) backwards;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.05}.sp-dialog-note{color:var(--jk-muted);margin:0;font-size:15px;line-height:1.55}.sp-dialog-meta{color:var(--jk-muted);margin:8px 0 0;font-size:13px;line-height:1.4}.sp-dialog-hint{color:var(--jk-muted);font-family:var(--jk-hand);margin:0;font-size:16px;line-height:1.3}@media (hover:none){.sp-dialog-hint{display:none}.sp-card-zoom{opacity:1;translate:0}}@keyframes sp-rise{0%{opacity:0;translate:0 12px}}@keyframes sp-fade{0%{opacity:0}}@keyframes sp-dialog-in{0%{opacity:0;translate:0 8px;scale:.96}}@media (min-width:640px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.sp-card-photo{aspect-ratio:1}}@media (min-width:860px){.sp-dialog-frame{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.sp-dialog-photo{margin:10px 0 10px 10px}.sp-dialog-body{padding:80px 40px 40px 36px}}@media (min-width:1100px){.spc-layout{grid-template-columns:minmax(300px,340px) minmax(0,1fr);align-items:start;gap:32px}.spc-aside{position:sticky;top:104px}.sp-card-photo{aspect-ratio:5/4}}@media (max-width:480px){.sp-dialog{border-radius:30px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}}@media (prefers-reduced-motion:reduce){.sp-card,.sp-card-photo img,.sp-dialog[open],.sp-dialog[open]::backdrop,.sp-dialog-photo img,.sp-dialog-body h2{transition:none;animation:none}.sp-card:hover,.sp-card:active{transform:none}.sp-card:hover .sp-card-tag{animation:none}.spc-sheen{display:none}.sp-card:hover .sp-card-photo img{scale:1}.sp-chips[data-pill=ready] .sp-chips-pill{transition:none}}