.sty-mood{border-radius:inherit;background:var(--jk-paper);position:absolute;inset:0;overflow:hidden;container:sty-mood/size}.sty-mood-stripes{display:flex;position:absolute;inset:0}.sty-mood-stripes i{transform-origin:50% 0;animation:sty-paint .56s var(--jk-out) calc(var(--sty-i,0) * 60ms) backwards;transition:flex .56s var(--jk-out);flex:1}.sty-mood:hover .sty-mood-stripes i:nth-child(odd){flex:1.5}.sty-mood-board{width:min(74%,280px);box-shadow:var(--jk-lift);transition:rotate .32s var(--jk-spring), translate .32s var(--jk-spring);background:#fffdf9f0;border-radius:18px;justify-items:center;gap:4cqmin;padding:8cqmin 6cqmin 6cqmin;display:grid;position:absolute;top:50%;left:50%;translate:-50% -46%;rotate:-2deg}.sty-mood:hover .sty-mood-board{translate:-50% -49%;rotate:1deg}.sty-mood-tape{transform-origin:0;width:56px;height:16px;transition:rotate .32s var(--jk-spring);background:#ffe08acc;border-radius:3px;position:absolute;top:-7px;left:50%;translate:-50%;rotate:3deg}.sty-mood:hover .sty-mood-tape{rotate:-9deg}.sty-mood-art{width:min(38cqmin,112px);display:block}.sty-mood-art .jv{width:100%;display:block}.sty-mood-chips{gap:2cqmin;width:100%;display:grid}.sty-mood-chip{min-width:0;color:var(--jk-ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:clamp(10px,4.4cqmin,13px);font-weight:500;line-height:1.25;display:flex;overflow:hidden}.sty-mood-chip i{border-radius:4px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #49283e14}.sty-mood-label{background:var(--jk-surface);color:var(--jk-muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;line-height:1.3;position:absolute;bottom:10px;left:10px}@container sty-mood (max-height:250px){.sty-mood-chips{display:none}.sty-mood-board{width:auto;padding:12px}.sty-mood-art{width:min(46cqmin,96px)}}@container sty-mood (max-width:190px){.sty-mood-label{display:none}}.sty-quiz{background:var(--jk-surface);box-shadow:var(--jk-lift);border-radius:40px;gap:8px;padding:10px;display:grid}.sty-quiz-side{background:var(--jk-glow);border-radius:30px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:4px 16px;padding:14px 18px;display:grid;position:relative}.sty-quiz-stage{width:72px;animation:sty-pop .56s var(--jk-spring) backwards;grid-row:span 2}.sty-quiz-side .jk-bunting{width:100%;max-width:240px}.sty-quiz-count{color:var(--jk-ink);font-family:var(--jk-hand);margin:0;font-size:19px;line-height:1.2}.sty-quiz-note{background:var(--jk-surface);color:var(--jk-berry-deep);font-family:var(--jk-hand);pointer-events:none;animation:sty-note 1.6s var(--jk-out) both;border-radius:999px;margin:0;padding:4px 12px;font-size:17px;line-height:1.2;position:absolute;top:10px;right:14px;rotate:6deg}.sty-quiz-main{min-width:0;padding:18px 12px 14px;position:relative}.sty-quiz-title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(24px,2.6vw,34px);line-height:1.12}.sty-quiz-title:focus{outline:none}.sty-quiz-hint{color:var(--jk-muted);margin:8px 0 20px;font-size:15px}.sty-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.sty-options li{animation:sty-rise .32s var(--jk-out) calc(var(--sty-i,0) * 40ms) backwards;display:flex}.sty-option{background:var(--jk-paper);width:100%;min-height:68px;color:var(--jk-ink);font:500 15px/1.3 var(--belong-font-body);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--jk-edge);transition:background .2s, box-shadow .2s, translate .32s var(--jk-spring), rotate .32s var(--jk-spring), scale .12s;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;display:flex}.sty-option:hover{background:var(--jk-blush);box-shadow:var(--jk-lift);translate:0 -2px;rotate:-.8deg}.sty-options li:nth-child(2n) .sty-option:hover{rotate:.8deg}.sty-option:active{scale:.96}.sty-option:focus-visible{outline:2px solid var(--jk-berry-deep);outline-offset:2px}.sty-option-dots{display:flex}.sty-option-dots i{width:20px;height:20px;box-shadow:0 0 0 2px var(--jk-paper);transition:margin .32s var(--jk-spring);border-radius:50%;margin-right:-6px}.sty-option:hover .sty-option-dots i{box-shadow:0 0 0 2px var(--jk-blush);margin-right:3px}.sty-quiz-back{min-height:44px;color:var(--jk-muted);font:500 14px/1 var(--belong-font-body);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;margin:14px 0 0 -6px;padding:0 14px 0 10px;transition:background .2s,color .2s;display:inline-flex}.sty-quiz-back .jk-arrow{transition:translate .32s var(--jk-spring);rotate:180deg}.sty-quiz-back:hover{background:var(--jk-blush);color:var(--jk-berry-deep)}.sty-quiz-back:hover .jk-arrow{translate:-3px}.sty-result{position:relative}.sty-result-kicker{color:var(--jk-muted);font-family:var(--jk-hand);letter-spacing:0;font-size:20px;font-weight:400;display:block}.sty-stamp{background:var(--jk-blush);box-shadow:inset 0 0 0 2px var(--jk-edge-strong);color:var(--jk-berry-deep);animation:sty-stamp .56s var(--jk-spring) .12s backwards;border-radius:16px;margin-top:10px;padding:6px 18px 8px;display:inline-block;rotate:-3deg}.sty-result-palette{border-radius:999px;max-width:320px;height:14px;margin:22px 0 16px;display:flex;overflow:hidden}.sty-result-palette i{transform-origin:0;animation:sty-grow .56s var(--jk-out) calc(.3s + var(--sty-i,0) * 60ms) backwards;flex:1}.sty-result-line{color:var(--jk-berry-deep);margin:0 0 6px;font-weight:600}.sty-result-copy{max-width:58ch;color:var(--jk-muted);margin:0;line-height:1.6}.sty-result-copy a{color:var(--jk-ink);text-decoration:underline;-webkit-text-decoration-color:var(--jk-rose);text-decoration-color:var(--jk-rose);text-underline-offset:3px;font-weight:500;text-decoration-thickness:2px}.sty-result-copy a:hover{color:var(--jk-berry-deep)}.sty-result-actions{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:26px;display:flex}.sty-quiz-ghost{background:var(--jk-blush);min-height:50px;color:var(--jk-berry-deep);font:500 15px/1 var(--belong-font-body);cursor:pointer;border:0;border-radius:999px;margin:0;padding:0 20px;transition:background .2s,scale .12s}.sty-quiz-ghost:hover{background:var(--jk-butter)}.sty-quiz-ghost:active{scale:.96}.sty-quiz-small{color:var(--jk-muted);margin:20px 0 0;font-size:13px}.sty-petals{pointer-events:none;height:0;position:absolute;top:-12px;left:0;right:0}.sty-petals i{top:0;left:calc(50% + var(--sty-x,0%));opacity:0;width:10px;height:14px;animation:sty-petal 1.5s var(--jk-out) calc(var(--sty-i,0) * 45ms) forwards;border-radius:10px 0;position:absolute}@media (min-width:640px){.sty-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.sty-quiz{grid-template-columns:minmax(220px,.62fr) minmax(0,2fr);gap:24px;padding:12px}.sty-quiz-side{text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:14px;padding:32px 24px}.sty-quiz-stage{grid-row:auto;width:min(100%,168px)}.sty-quiz-count{font-size:21px}.sty-quiz-main{padding:36px 28px 28px 0}}.sty-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sty-chips>li{animation:sty-rise .56s var(--jk-out) calc(var(--sty-i,0) * 70ms) backwards;display:flex}.sty-chip{background:var(--jk-surface);width:100%;min-height:170px;box-shadow:var(--jk-lift);transition:translate .32s var(--jk-spring), rotate .32s var(--jk-spring), box-shadow .32s var(--jk-out);border-radius:26px;align-content:end;gap:2px;padding:14px 16px 16px;display:grid;position:relative;overflow:hidden}.sty-chip-paint{background:var(--sty-c);clip-path:inset(0 0 26% round 20px);transition:clip-path .56s var(--jk-out);border-radius:20px;position:absolute;inset:8px 8px 64px;box-shadow:inset 0 0 0 1px #49283e0f}.sty-chip:hover .sty-chip-paint{clip-path:inset(0 round 20px)}.sty-chip:hover{box-shadow:var(--jk-lift-hover);translate:0 -4px;rotate:-1.2deg}.sty-chips>li:nth-child(2n) .sty-chip:hover{rotate:1.2deg}.sty-chip-name{font-size:15px;font-weight:600;line-height:1.25;position:relative}.sty-chip-hex{color:var(--jk-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;position:relative}@media (max-width:639px){.sty-chips>li:first-child:nth-last-child(odd){grid-column:span 2}}@media (min-width:640px){.sty-chips{grid-template-columns:repeat(var(--sty-n,4), minmax(0, 1fr));gap:16px}.sty-chip{min-height:clamp(200px,22vw,280px)}}.sty-sample{gap:16px;display:grid}.sty-sample-board{background:radial-gradient(circle, #d6789624 1.2px, transparent 1.6px) 0 0 / 18px 18px, var(--jk-peach);border-radius:36px;padding:clamp(22px,3vw,32px)}.sty-sample-title{margin:0 0 18px;font-size:20px;line-height:1.2}.sty-swatches{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sty-swatch{background:var(--jk-surface);min-height:52px;box-shadow:var(--jk-lift);animation:sty-rise .56s var(--jk-out) calc(var(--sty-i,0) * 60ms) backwards;transition:rotate .32s var(--jk-spring), translate .32s var(--jk-spring);border-radius:18px;align-items:center;gap:12px;padding:8px 18px 8px 8px;font-size:15px;font-weight:500;line-height:1.25;display:inline-flex;rotate:-1deg}.sty-swatch:nth-child(2n){rotate:1.2deg}.sty-swatch:hover{translate:0 -3px;rotate:none}.sty-swatch-tab{background:var(--sty-c);width:36px;height:36px;transition:border-radius .32s var(--jk-spring), rotate .56s var(--jk-spring);border-radius:12px;flex:none;box-shadow:inset 0 0 0 3px #ffffff80}.sty-swatch:hover .sty-swatch-tab{border-radius:50%;rotate:90deg}.sty-notes{gap:16px;margin:0;padding:8px 0 0;list-style:none;display:grid}.sty-note{background:var(--jk-butter);box-shadow:var(--jk-lift);transition:rotate .32s var(--jk-spring), translate .32s var(--jk-spring), box-shadow .32s var(--jk-out);border-radius:22px 22px 22px 6px;padding:30px 22px 24px;position:relative;rotate:-1.4deg}.sty-note:nth-child(2){background:var(--jk-mint);rotate:1deg}.sty-note:nth-child(3){background:var(--jk-lav);rotate:-.6deg}.sty-note:hover{box-shadow:var(--jk-lift-hover);translate:0 -4px;rotate:none}.sty-note-pin{background:var(--jk-rose);width:12px;height:12px;animation:sty-bounce .56s var(--jk-spring) calc(.3s + var(--sty-i,0) * .12s) backwards;transition:scale .32s var(--jk-spring);border-radius:50%;position:absolute;top:12px;left:50%;translate:-50%;box-shadow:0 3px 6px -2px #49283e59}.sty-note:hover .sty-note-pin{scale:1.3}.sty-note h3{letter-spacing:-.02em;text-wrap:balance;margin:0 0 6px;font-size:18px;line-height:1.2}.sty-note p{color:var(--jk-ink);margin:0;font-size:15px;line-height:1.5}@media (min-width:640px){.sty-notes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.sty-sample{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:32px}}.sty-rooms{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.sty-room{background:var(--jk-surface);box-shadow:var(--jk-lift);animation:sty-rise .56s var(--jk-out) calc(var(--sty-i,0) * 80ms) backwards;transition:translate .32s var(--jk-spring), box-shadow .32s var(--jk-out);border-radius:32px;flex-direction:column;padding:8px;display:flex}.sty-room:hover{box-shadow:var(--jk-lift-hover);translate:0 -4px}.sty-room-frame{aspect-ratio:4/3;background:var(--jk-blush);border-radius:26px;position:relative;overflow:hidden}.sty-room-frame img{object-fit:cover;transition:scale .56s var(--jk-out)}.sty-room:hover .sty-room-frame img{scale:1.04}.sty-room-copy{padding:16px 14px 14px}.sty-room-kicker{color:var(--jk-berry-deep);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:600}.sty-room-copy h3{letter-spacing:-.02em;text-wrap:balance;margin:0 0 6px;font-size:clamp(19px,1.6vw,22px);line-height:1.2}.sty-room-copy p:last-child{color:var(--jk-muted);margin:0;font-size:15px;line-height:1.55}.sty-small{color:var(--jk-muted);margin:16px 0 0;font-size:13px}@media (min-width:700px){.sty-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.sty-rooms[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.sty-rooms[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.sty-pairs{gap:14px;margin:0;padding:0;list-style:none;display:grid}.sty-pairs>li{animation:sty-rise .56s var(--jk-out) calc(var(--sty-i,0) * 80ms) backwards;display:flex}.sty-pair{background:var(--jk-surface);width:100%;min-height:108px;box-shadow:var(--jk-lift);color:var(--jk-ink);transition:translate .32s var(--jk-spring), box-shadow .32s var(--jk-out);border-radius:30px;grid-template-columns:76px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:14px 14px 22px;display:grid;position:relative;overflow:hidden}.sty-pair:hover{box-shadow:var(--jk-lift-hover);translate:0 -3px}.sty-pair:focus-visible{outline:2px solid var(--jk-berry-deep);outline-offset:3px}.sty-pair-stage{width:76px}.sty-pair-copy{min-width:0}.sty-pair-name{font:500 clamp(18px, 1.6vw, 21px) / 1.2 var(--jk-display);letter-spacing:-.02em;display:block}.sty-pair-line{color:var(--jk-muted);margin-top:4px;font-size:14px;line-height:1.4;display:block}.sty-pair-strip{height:8px;transition:height .32s var(--jk-spring);display:flex;position:absolute;bottom:0;left:0;right:0}.sty-pair-strip i{flex:1}.sty-pair:hover .sty-pair-strip{height:12px}.sty-pair-go{background:var(--jk-blush);width:44px;height:44px;color:var(--jk-berry-deep);transition:translate .32s var(--jk-spring), background .2s;border-radius:50%;place-items:center;display:grid}.sty-pair:hover .sty-pair-go{background:var(--jk-butter);translate:4px}.sty-help{background:var(--jk-mint);border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:24px;padding:18px 24px;display:flex}.sty-help p{max-width:62ch;margin:0;line-height:1.5}.sty-help-links{flex-wrap:wrap;gap:0 24px;display:flex}@media (min-width:760px){.sty-pairs{grid-template-columns:repeat(3,minmax(0,1fr))}.sty-pair{grid-template-columns:64px minmax(0,1fr) 44px}.sty-pair-stage{width:64px}}@media (min-width:1100px){.sty-pair{grid-template-columns:76px minmax(0,1fr) 44px}.sty-pair-stage{width:76px}}.sty-library{gap:16px;display:grid}.sty-family{background:var(--jk-surface);box-shadow:var(--jk-lift);border-radius:34px;padding:clamp(18px,2.4vw,26px)}.sty-family-head h3{letter-spacing:-.02em;margin:0;font-size:clamp(20px,1.8vw,24px);line-height:1.2}.sty-family-head p{color:var(--jk-muted);margin:4px 0 14px;font-size:14px}.sty-family-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sty-book{background:var(--jk-paper);min-height:66px;color:var(--jk-ink);transition:background .2s, translate .32s var(--jk-spring);border-radius:20px;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:14px;padding:8px 10px 8px 8px;display:grid}.sty-book:hover{background:var(--jk-blush);translate:3px}.sty-book:focus-visible{outline:2px solid var(--jk-berry-deep);outline-offset:2px}.sty-book-spine{border-radius:12px;flex-direction:column;width:44px;height:50px;display:flex;overflow:hidden}.sty-book-spine i{transition:flex .32s var(--jk-spring);flex:1}.sty-book:hover .sty-book-spine i:nth-child(odd){flex:1.9}.sty-book-copy{min-width:0}.sty-book-name{font-size:16px;font-weight:600;line-height:1.25;display:block}.sty-book-line{color:var(--jk-muted);margin-top:2px;font-size:13.5px;line-height:1.35;display:block}.sty-book-go{background:var(--jk-surface);width:36px;height:36px;color:var(--jk-berry-deep);transition:translate .32s var(--jk-spring);border-radius:50%;place-items:center;display:grid}.sty-book:hover .sty-book-go{translate:3px}@media (min-width:900px){.sty-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@keyframes sty-rise{0%{opacity:0;translate:0 10px}}@keyframes sty-pop{0%{opacity:0;scale:.7}}@keyframes sty-paint{0%{scale:1 0}}@keyframes sty-grow{0%{scale:0 1}}@keyframes sty-bounce{0%{opacity:0;scale:.4}60%{opacity:1;scale:1.2}}@keyframes sty-stamp{0%{opacity:0;rotate:-12deg;scale:1.8}}@keyframes sty-note{0%{opacity:0;scale:.6}18%,75%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes sty-petal{0%{opacity:0;translate:0;rotate:none}15%{opacity:1}to{opacity:0;translate:calc(var(--sty-i,0) * 3px - 16px) 170px;rotate:280deg}}@media (prefers-reduced-motion:reduce){.sty-mood-stripes i,.sty-quiz-stage,.sty-options li,.sty-stamp,.sty-result-palette i,.sty-chips>li,.sty-swatch,.sty-note-pin,.sty-room,.sty-pairs>li{animation:none}.sty-petals{display:none}.sty-quiz-note{opacity:0;animation:none}.sty-mood-stripes i,.sty-mood-board,.sty-mood-tape,.sty-option,.sty-option-dots i,.sty-chip,.sty-chip-paint,.sty-swatch,.sty-swatch-tab,.sty-note,.sty-room,.sty-room-frame img,.sty-pair,.sty-pair-strip,.sty-pair-go,.sty-book,.sty-book-spine i,.sty-book-go{transition:none}.sty-option:hover,.sty-chip:hover,.sty-swatch:hover,.sty-note:hover,.sty-room:hover,.sty-pair:hover,.sty-book:hover{translate:none}.sty-mood:hover .sty-mood-board{translate:-50% -46%;rotate:-2deg}}@media (max-width:560px){.sty-hero-wrap .pk-hero-grid{gap:32px;margin-top:20px}.sty-hero-wrap .pk-hero-visual{grid-row:auto;justify-self:center;width:min(62vw,230px)}.sty-hero-wrap .pk-hero-note{right:-18%}.sty-hero-wrap .pk-hero h1{max-width:none;font-size:clamp(32px,10.2vw,40px)}.sty-hero-wrap .pk-hero h1 .berry{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin-top:10px;font-size:.6em;line-height:1.12;display:block}.sty-hero-wrap .pk-hero-lead{margin-top:16px;font-size:16px}.sty-hero-wrap .pk-actions{margin-top:22px}}@media (pointer:coarse),(max-width:767px){.sty-hero-wrap .pk-crumbs a{min-height:44px}}