.onb-root{--onb-stage-width:412px;--onb-inline-padding:16px;--onb-bottom-gap:32px;--onb-cta-height:61px;--onb-cta-clearance:calc(var(--onb-cta-height) + var(--onb-bottom-gap) + 24px);--onb-surface-cream:color-mix(in oklch, var(--color-chick-soft) 35%, var(--color-paper));--onb-surface-bottom:color-mix(in oklch, var(--color-chick-soft) 30%, var(--color-paper));--onb-surface-mist:color-mix(in oklch, var(--color-chick-soft) 24%, var(--color-paper));--onb-surface-selected:color-mix(in oklch, var(--color-chick-soft) 42%, var(--color-paper));--onb-surface-ring:color-mix(in oklch, var(--color-chick-deep) 28%, var(--color-line-strong));--onb-surface-warm-line:color-mix(in oklch, var(--color-ink-2) 16%, transparent);width:100%;height:100vh;overscroll-behavior:none;background:linear-gradient(180deg, var(--onb-surface-cream) 0%, var(--onb-surface-bottom) 100%);height:100dvh;color:var(--color-ink-1);box-sizing:border-box;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}@supports not (color:color-mix(in oklch, white, black)){.onb-root{--onb-surface-cream:var(--color-chick-soft);--onb-surface-bottom:var(--color-chick-soft);--onb-surface-mist:var(--color-chick-soft);--onb-surface-selected:var(--color-chick-soft);--onb-surface-ring:var(--color-line-strong);--onb-surface-warm-line:var(--color-line-strong)}.onb-cta{background:0 0}}.onb-root[data-inapp="1"]{padding-top:calc(var(--safe-top) + 8px)}.onb-root--choice{--onb-stage-width:clamp(412px, 72vw, 760px);--onb-inline-padding:clamp(16px, 2.8vw, 28px);--onb-bottom-gap:clamp(32px, 4dvh, 48px);--onb-card-gap:clamp(12px, 1.8vw, 20px)}.onb-root--feature{--onb-stage-width:clamp(412px, 68vw, 820px);--onb-inline-padding:clamp(16px, 3vw, 32px);--onb-bottom-gap:clamp(32px, 5dvh, 54px)}.onb-header,.onb-content,.onb-cta{width:min(100%, var(--onb-stage-width))}.onb-header{padding:12px var(--onb-inline-padding);flex:none;justify-content:space-between;align-items:center;display:flex}.onb-header-spacer{flex:0 0 44px;width:44px;height:44px}.onb-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none;min-height:0;padding-right:var(--onb-inline-padding);padding-left:var(--onb-inline-padding);padding-bottom:var(--onb-cta-clearance);flex:auto;overflow-y:auto}.onb-content::-webkit-scrollbar{display:none}.onb-content h1[tabindex="-1"]:focus-visible{outline:none}.onb-root h1[tabindex="-1"]:focus,.onb-root h1[tabindex="-1"]:focus-visible{box-shadow:none;outline:none}.onb-cta{pointer-events:none;box-shadow:none;background:0 0;display:contents}.kk-primary-cta-wrap{width:100%}.kk-btn-primary{border:2px solid var(--color-ink-1);background:var(--color-chick);color:var(--color-ink-1);box-shadow:0 5px 0 var(--color-ink-1);font-family:var(--font-headline);-webkit-tap-highlight-color:transparent;border-radius:9999px;width:100%;min-height:56px;padding:0 22px;font-weight:800;line-height:1}.kk-btn-secondary{border:1.5px solid var(--onb-surface-warm-line);background:color-mix(in oklch, var(--color-paper) 90%, var(--color-chick-soft));width:100%;min-height:44px;color:var(--color-ink-2);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;border-radius:9999px;padding:10px 20px;font-weight:500}.onb-dual-cta{gap:calc(var(--onb-inline-padding) / 2);display:grid}.onb-cta>.kk-primary-cta-wrap,.onb-cta>.onb-dual-cta{right:max(var(--safe-right), var(--onb-inline-padding));bottom:calc(var(--safe-bottom) + var(--onb-bottom-gap));left:max(var(--safe-left), var(--onb-inline-padding));z-index:20;width:auto;max-width:calc(var(--onb-stage-width) - (var(--onb-inline-padding) * 2));pointer-events:auto;margin-left:auto;margin-right:auto;position:fixed}.onb-recap-source{color:var(--color-muted);letter-spacing:.01em;margin-bottom:2px;font-size:.8125rem}.kk-chip{border:2px solid var(--color-ink-1);background:var(--color-paper);color:var(--color-ink-1);border-radius:999px;min-height:40px;padding:8px 14px}.kk-chip.active{background:var(--onb-surface-selected)}.kk-card{border:1.5px solid var(--color-line-strong);background:var(--color-paper);border-radius:22px;padding:16px 22px}.kk-card-active{background:var(--onb-surface-selected)}.kk-bar{background:var(--color-line-soft);border-radius:999px;width:100%;height:8px;overflow:hidden}.kk-bar-fill{background:color-mix(in oklch, var(--color-chick) 48%, var(--color-paper));height:100%;box-shadow:inset 0 0 0 1px var(--onb-surface-ring);border-radius:999px}.kk-pager{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;display:flex}.kk-pager-dot{background:var(--color-line-strong);border-radius:999px;width:8px;height:8px}.kk-pager-dot.completed{background:color-mix(in oklch, var(--color-chick) 74%, var(--color-paper))}.kk-pager-dot.current{background:var(--color-ink-1);width:18px}.kk-genre-tile{aspect-ratio:1;border:2px solid var(--color-line-strong);background:var(--color-paper);text-align:center;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;border-radius:18px;place-items:center;gap:4px;min-height:96px;padding:10px 8px;display:grid}.kk-icon-shell{width:34px;height:34px;color:var(--color-chick-deep);background:color-mix(in oklch, var(--color-chick-soft) 52%, var(--color-paper));border-radius:12px;place-items:center;display:inline-grid}.kk-genre-tile .label{font-family:var(--font-body);color:var(--color-ink-2);font-size:.95rem;font-weight:400}.kk-genre-tile.active{background:var(--color-chick);border:2px solid var(--color-ink-1)}.kk-genre-tile.active .label{color:var(--color-ink-1);font-weight:500}.kk-genre-tile.active .kk-icon-shell{color:var(--color-ink-1);background:color-mix(in oklch, var(--color-paper) 70%, var(--color-chick))}.kk-watched-tile{aspect-ratio:1;border:1.5px solid var(--color-line-strong);background:var(--color-paper);text-align:center;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;border-radius:22px;place-items:center;min-height:104px;padding:12px 10px;display:grid}.kk-watched-tile .label{font-family:var(--font-body);color:var(--color-ink-1);text-wrap:balance;font-size:.95rem;font-weight:400;line-height:1.45}.kk-watched-tile.active{background:var(--color-chick);border:2px solid var(--color-ink-1)}.kk-watched-tile.active .label{color:var(--color-ink-1);font-weight:500}.kk-option-card{border:1.5px solid var(--color-line-strong);background:var(--color-paper);text-align:left;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;min-height:64px;padding:12px 14px;display:grid}.kk-option-card .heading{font-family:var(--font-headline);color:var(--color-ink-1);font-size:1rem;font-weight:500}.kk-option-card .sub{font-family:var(--font-body);color:var(--color-muted);overflow-wrap:anywhere;font-size:.875rem;font-weight:300}.kk-option-card.active,.kk-option-card[aria-selected=true],.kk-option-card[aria-checked=true]{background:var(--color-chick);border:2px solid var(--color-ink-1);box-shadow:none}.kk-option-card.active .heading,.kk-option-card[aria-selected=true] .heading,.kk-option-card[aria-checked=true] .heading{color:var(--color-ink-1);font-weight:500}.kk-option-card.active .kk-icon-shell,.kk-option-card[aria-selected=true] .kk-icon-shell,.kk-option-card[aria-checked=true] .kk-icon-shell{color:var(--color-ink-1);background:color-mix(in oklch, var(--color-paper) 70%, var(--color-chick))}.kk-recap-chip{border:1.5px solid var(--color-line-strong);background:var(--color-paper);color:var(--color-ink-1);border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:8px 14px;display:inline-flex;position:relative;overflow:hidden}.kk-recap-chip-icon{background:color-mix(in oklch, var(--color-chick-soft) 26%, var(--color-paper));border-radius:8px;width:22px;height:22px}.kk-heading-accent{color:var(--color-chick);text-shadow:0 1px 0 var(--color-ink-1), 0 0 1px var(--color-ink-1)}.onb-content [data-character] img{width:min(var(--kk-character-width,var(--kk-character-base-width,240px)), 72vw);max-width:100%;height:auto}.onb-recap-content{padding-bottom:12px}.onb-content--loading-clean{background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:clamp(52px,14dvh,124px);padding-bottom:24px;display:flex}.kk-loading-clean{flex-direction:column;align-items:center;gap:14px;width:100%;min-height:100%;display:flex}.kk-loading-clean-hero{width:min(42vw,168px);margin-bottom:10px;padding-top:34px;position:relative}.kk-loading-clean-mascot{filter:none;width:100%;height:auto;display:block}.kk-loading-clean-bubble{filter:none;z-index:2;width:min(29vw,116px);height:auto;position:absolute;top:10px;right:-82px}.kk-loading-clean-heading{letter-spacing:-.02em;text-wrap:balance;max-width:290px;font-size:clamp(2rem,9vw,2.35rem);line-height:1.18}.kk-loading-clean-helper{color:var(--color-fg-secondary);font-size:clamp(1rem,4.8vw,1.15rem);line-height:1.2}.onb-result-root{--onb-bottom-gap:28px;--kk-result-blush:#c45c72;--kk-result-sage:#587264;--kk-result-cream:color-mix(in oklch, var(--color-chick-soft) 28%, var(--color-paper));--kk-result-week-gap:12px}.onb-result-content{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-bottom:12px;display:flex}.kk-result-hero{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.kk-result-hero [data-character=head]{--kk-character-width:118px;gap:0}.kk-result-heading{text-wrap:balance;font-size:2rem;line-height:1.06}.kk-result-summary{color:var(--color-ink-2);text-wrap:balance;font-size:1rem;line-height:1.3}.kk-result-plan{width:100%;padding:2px 0 0}.kk-result-week-list{gap:var(--kk-result-week-gap);margin:0;padding:0;list-style:none;display:grid}.kk-result-week{border:1.5px solid color-mix(in oklch, var(--color-ink-1) 12%, transparent);background:var(--color-paper);text-align:left;transform-origin:top;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:10px 14px 10px 10px;display:grid;position:relative}.kk-result-week:not(:last-child):after{content:"";width:3px;height:calc(var(--kk-result-week-gap) + 2px);background:color-mix(in oklch, var(--color-chick) 78%, var(--color-paper));box-shadow:0 0 0 1px color-mix(in oklch, var(--color-ink-1) 8%, transparent);transform-origin:top;border-radius:999px;position:absolute;top:calc(100% - 1px);left:33px;transform:scaleY(0)}.kk-result-week-marker{border:1.5px solid var(--color-ink-1);background:var(--color-chick);width:42px;height:42px;color:var(--color-ink-1);font-family:var(--font-headline);box-shadow:0 3px 0 var(--color-ink-1);text-transform:lowercase;border-radius:999px;place-items:center;font-weight:800;line-height:1;display:inline-grid}.kk-result-week-body{min-width:0}.kk-result-week-title{color:var(--color-ink-1);font-size:1.05rem;line-height:1.16;display:block}@media (prefers-reduced-motion:no-preference){.kk-pager-dot{transition:width .2s var(--ease-decelerate), background-color .2s var(--ease-decelerate), transform .2s var(--ease-decelerate), opacity .2s var(--ease-decelerate)}.kk-pager-dot.current{transform:scale(1.04)}.kk-option-card,.kk-genre-tile,.kk-watched-tile{transition:transform var(--motion-fast) var(--ease-standard), background var(--motion-normal) var(--ease-decelerate), border-color var(--motion-fast) var(--ease-decelerate), box-shadow var(--motion-fast) var(--ease-standard)}.kk-icon-shell,.kk-genre-tile .label,.kk-watched-tile .label,.kk-option-card .heading{transition:background var(--motion-normal) var(--ease-decelerate), color var(--motion-fast) var(--ease-decelerate), font-weight var(--motion-fast) var(--ease-decelerate)}.kk-option-card:active,.kk-genre-tile:active,.kk-watched-tile:active{transform:scale(.97)}.kk-loading-clean-hero{animation:kk-loading-float 2.4s var(--ease-decelerate) infinite}.kk-recap-chip:after{content:"";border-radius:inherit;background:radial-gradient(circle, color-mix(in oklch, var(--color-chick) 26%, var(--color-paper)) 0%, transparent 64%);opacity:0;animation:kk-chip-ripple .4s var(--ease-decelerate) 1;pointer-events:none;position:absolute;inset:0;transform:scale(.2)}.kk-result-week{opacity:0;animation:kk-result-week-open .42s var(--ease-decelerate) forwards, kk-result-week-highlight .9s var(--ease-standard) forwards;transform:translateY(8px)scale(.98)}.kk-result-week:not(:last-child):after{animation:kk-result-line-grow .42s var(--ease-decelerate) forwards}.kk-result-week:first-child{animation-delay:.12s,.26s}.kk-result-week:first-child:after{animation-delay:.68s}.kk-result-week:nth-child(2){animation-delay:.86s,1s}.kk-result-week:nth-child(2):after{animation-delay:1.42s}.kk-result-week:nth-child(3){animation-delay:1.6s,1.74s}.kk-result-week:nth-child(3):after{animation-delay:2.16s}.kk-result-week:nth-child(4){animation-delay:2.34s,2.48s}@media (hover:hover) and (pointer:fine){.kk-btn-primary:hover{transform:translateY(-1px)scale(.99)}}.kk-btn-primary:active{box-shadow:none;transform:translateY(5px)}@keyframes kk-loading-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kk-chip-ripple{0%{opacity:.3;transform:scale(.2)}to{opacity:0;transform:scale(1.3)}}@keyframes kk-result-week-open{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kk-result-week-highlight{0%{border-color:var(--color-ink-1);background:color-mix(in oklch, var(--color-chick) 76%, var(--color-paper));box-shadow:0 5px 0 var(--color-ink-1)}45%{border-color:var(--color-ink-1);background:color-mix(in oklch, var(--color-chick) 62%, var(--color-paper));box-shadow:0 5px 0 var(--color-ink-1)}to{border-color:color-mix(in oklch, var(--color-ink-1) 12%, transparent);background:var(--color-paper);box-shadow:0 0 0 color-mix(in oklch, var(--color-ink-1) 0%, transparent)}}@keyframes kk-result-line-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}@media (prefers-reduced-motion:reduce){.kk-pager-dot,.kk-option-card,.kk-genre-tile,.kk-watched-tile,.kk-icon-shell,.kk-genre-tile .label,.kk-watched-tile .label,.kk-option-card .heading,.kk-loading-clean-hero,.kk-recap-chip:after,.kk-result-week,.kk-result-week:after,.kk-btn-primary{transition-duration:.001ms;animation-duration:.001ms;animation-iteration-count:1}.kk-result-week{opacity:1;transform:none}.kk-result-week:not(:last-child):after{transform:scaleY(1)}}.kk-bubble{border:2px solid var(--color-ink-1);background:var(--color-paper);color:var(--color-ink-1);white-space:pre-wrap;text-align:center;font-family:var(--font-headline);border-radius:18px;padding:12px 14px;font-weight:500;position:relative}.kk-bubble:after{content:"";background:var(--color-paper);border-right:2px solid var(--color-ink-1);border-bottom:2px solid var(--color-ink-1);width:14px;height:14px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}@media (min-width:768px){.onb-root{background:radial-gradient(circle at 50% 12%, color-mix(in oklch, var(--color-chick-soft) 30%, transparent) 0%, transparent 34%), linear-gradient(180deg, var(--onb-surface-cream) 0%, var(--onb-surface-bottom) 100%)}.onb-header{padding-top:clamp(14px,2dvh,24px);padding-bottom:clamp(14px,2dvh,24px)}.onb-content{padding-bottom:var(--onb-cta-clearance)}.onb-content h1{letter-spacing:-.02em;font-size:clamp(2.45rem,4.2vw,4.4rem);line-height:1.04}.onb-content>p{font-size:clamp(1.08rem,1.9vw,1.45rem);line-height:1.3}.onb-root{--onb-cta-height:clamp(60px, 6dvh, 72px)}.kk-btn-primary{min-height:clamp(60px,6dvh,72px);font-size:clamp(1.05rem,1.55vw,1.25rem)}.kk-btn-secondary{min-height:clamp(50px,5dvh,60px);font-size:clamp(1rem,1.35vw,1.12rem)}.onb-tile-grid{gap:var(--onb-card-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.onb-root--tile-choice .kk-genre-tile{aspect-ratio:1/.82;border-radius:clamp(22px,2.6vw,30px);gap:clamp(6px,1vw,10px);min-height:clamp(122px,15vw,164px)}.onb-root--tile-choice .kk-icon-shell{border-radius:clamp(12px,1.4vw,16px);width:clamp(40px,4.8vw,54px);height:clamp(40px,4.8vw,54px)}.onb-root--tile-choice .kk-genre-tile .label{font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.18}.onb-root--watched-choice .kk-watched-tile{aspect-ratio:1/.82;border-radius:clamp(22px,2.4vw,28px);min-height:clamp(110px,12vw,144px);padding:clamp(12px,1.8vw,18px)}.onb-root--watched-choice .kk-watched-tile .label{font-size:clamp(.98rem,1.45vw,1.16rem);line-height:1.32}.onb-root--option-choice [role=radiogroup]{gap:var(--onb-card-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onb-root--option-choice .kk-option-card{border-radius:clamp(20px,2.2vw,28px);gap:clamp(12px,1.6vw,18px);min-height:clamp(92px,11vw,122px);padding:clamp(16px,2.2vw,24px)}.onb-root--option-choice .kk-option-card .heading{font-size:clamp(1.04rem,1.5vw,1.22rem);line-height:1.16}.onb-root--option-choice .kk-option-card .sub{font-size:clamp(.9rem,1.15vw,1.02rem);line-height:1.34}.onb-feature-content{padding-top:clamp(24px,5dvh,72px)}.onb-recap-content{text-align:center;align-items:center}.onb-recap-content .kk-recap-chip{min-height:clamp(40px,4dvh,48px);padding:10px 16px;font-size:clamp(.95rem,1.35vw,1.08rem)}.onb-recap-content [data-character=smile]{--kk-character-width:clamp(190px, 22vw, 250px)}.onb-recap-root .onb-dual-cta{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:stretch}.onb-loading-root .onb-content--loading-clean{justify-content:center;padding-top:0}.onb-loading-root .kk-loading-clean{gap:clamp(14px,2.2dvh,24px)}.onb-loading-root .kk-loading-clean-hero{width:min(clamp(180px,24vw,260px),44dvh);padding-top:clamp(30px,5dvh,48px)}.onb-loading-root .kk-loading-clean-bubble{width:min(clamp(96px,12vw,132px),22dvh);top:clamp(12px,2dvh,22px);right:clamp(-74px,-6vw,-48px)}.onb-loading-root .kk-loading-clean-heading{max-width:620px;font-size:clamp(2.5rem,4.6vw,4.35rem);line-height:1.12}.onb-loading-root .kk-loading-clean-helper{font-size:clamp(1.1rem,1.8vw,1.4rem)}.onb-result-root .onb-result-content{gap:clamp(8px,1.3dvh,16px);padding-top:clamp(4px,1dvh,14px);padding-bottom:6px}.onb-result-root{--onb-bottom-gap:clamp(12px, 2dvh, 20px)}.kk-result-hero [data-character=head]{--kk-character-width:clamp(96px, 11vw, 128px)}.kk-result-heading{font-size:clamp(2.1rem,3.25vw,3.1rem)}.kk-result-summary{font-size:clamp(1rem,1.5vw,1.2rem)}.kk-result-plan{width:min(100%,680px)}.kk-result-week{grid-template-columns:clamp(44px,4.6vw,52px) minmax(0,1fr);min-height:clamp(52px,5.7dvh,62px);padding:clamp(9px,1.2vw,13px) clamp(14px,1.8vw,20px) clamp(9px,1.2vw,13px) clamp(9px,1.2vw,13px)}.kk-result-week-marker{width:clamp(38px,4vw,46px);height:clamp(38px,4vw,46px);font-size:clamp(.95rem,1.25vw,1.05rem)}.kk-result-week-title{font-size:clamp(1rem,1.4vw,1.14rem)}}@media (max-height:700px){.onb-recap-root{--onb-bottom-gap:20px}.onb-recap-root .onb-header{padding-top:8px;padding-bottom:8px}.onb-recap-root .onb-content{padding-bottom:var(--onb-cta-clearance)}.onb-recap-content{gap:.5rem}.onb-recap-content h1{font-size:1.75rem;line-height:1.08}.onb-recap-content .mt-auto{margin-top:0;padding-top:12px}.onb-recap-content [data-character=smile]{--kk-character-width:112px;gap:8px}.onb-recap-content .kk-bubble{padding:10px 12px;font-size:.75rem;line-height:1.45}.onb-result-root{--onb-bottom-gap:20px}.onb-result-root .onb-header{padding-top:8px;padding-bottom:8px}.onb-result-root .onb-content{padding-bottom:var(--onb-cta-clearance)}.onb-result-content{gap:10px}.kk-result-hero{gap:6px}.kk-result-hero [data-character=head]{--kk-character-width:74px}.kk-result-heading{font-size:1.65rem;line-height:1.05}.kk-result-summary{font-size:.875rem;line-height:1.25}.kk-result-plan{padding-top:0}.kk-result-week-list{--kk-result-week-gap:8px}.kk-result-week{grid-template-columns:40px minmax(0,1fr);gap:10px;min-height:46px;padding:7px 12px 7px 8px}.kk-result-week:not(:last-child):after{width:2.5px;left:27px}.kk-result-week-marker{width:36px;height:36px;box-shadow:0 2px 0 var(--color-ink-1);font-size:.875rem}.kk-result-week-title{font-size:.9375rem;line-height:1.1}}