.th{--th-wood: #8A5A2B;display: grid;gap: clamp(18px,3vw,32px);width: min(100%,1180px);margin-inline: auto;padding: clamp(14px,3vw,32px) var(--po-gutter,16px) clamp(32px,5vw,64px);color: var(--po-ink);}.th-hero__kicker{margin: 0 0 4px;font: 600 var(--po-fs-small,14px) var(--po-font-display);letter-spacing: .04em;text-transform: uppercase;color: #8A3B00;}.th-hero__title{margin: 0;font: 600 var(--po-fs-h1) / 1.08 var(--po-font-display);letter-spacing: -0.02em;text-wrap: balance;}.th-hero__lede{max-width: 62ch;margin: 8px 0 0;font-size: var(--po-fs-body-lg);color: var(--po-ink-soft);text-wrap: pretty;}.th-hero__row{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;margin-top: 14px;}.th-count{display: inline-flex;align-items: center;gap: 8px;margin: 0;padding: 8px 16px 8px 10px;border-radius: 999px;background: var(--po-white);font: 600 1rem var(--po-font-display);box-shadow: var(--po-shadow-1),inset 0 0 0 2px var(--po-amber-soft);}.th-count__num{display: inline-grid;place-items: center;min-width: 36px;height: 36px;padding: 0 8px;border-radius: 999px;background: var(--po-amber);font-size: 1.15rem;font-variant-numeric: tabular-nums;}.th-flash{margin: 0;}.th-scene-wrap{border-radius: 32px;box-shadow: var(--po-shadow-3);overflow: hidden;}.th-scene-wrap:focus-visible{outline: 3px solid var(--po-focus);outline-offset: 4px;}.th-scene{position: relative;aspect-ratio: 4 / 3;background: #CDEBFF;}.th-scene__art{position: absolute;inset: 0;width: 100%;height: 100%;}.th-swipe{display: none;}.th-spots{position: absolute;inset: 0;margin: 0;padding: 0;list-style: none;}.th-spot{--w: 12%;position: absolute;left: var(--x);top: var(--y);width: var(--w);aspect-ratio: 1;transform: translate(-50%,-50%);}.th-spot--sky{--w: 16%;}.th-spot--roof{--w: 12%;}.th-spot--branch{--w: 16%;}.th-spot--window{--w: 10%;}.th-spot--wall{--w: 10%;}.th-spot--shelf{--w: 9%;}.th-spot--floor{--w: 13%;}.th-spot--ground{--w: 12%;}.th-spot__button{display: grid;place-items: center;width: 100%;height: 100%;min-width: 44px;min-height: 44px;padding: 0;border: 0;border-radius: 24px;background: transparent;cursor: pointer;transition: transform var(--po-dur-2,220ms) var(--po-ease-spring);}.th-spot__art{width: 100%;height: 100%;filter: drop-shadow(0 6px 8px rgba(23,21,59,.18));}.th-spot.is-filled .th-spot__button:hover{transform: translateY(-4px) rotate(-2deg);}.th-spot.is-empty .th-spot__button{width: 58%;height: 58%;margin: 21%;border-radius: 50%;background: rgba(255,255,255,.55);box-shadow: 0 0 0 3px rgba(255,255,255,.85),0 6px 16px rgba(23,21,59,.12);color: var(--po-sky-deep);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}.th-spot__plus svg{width: 22px;height: 22px;}.th-spot.is-empty .th-spot__button:hover{transform: scale(1.08);background: rgba(255,255,255,.85);}.th-spot__button:focus-visible{outline: 3px solid var(--po-focus);outline-offset: 3px;box-shadow: 0 0 0 6px #fff;}.th-spot.is-placed-now .th-spot__art{animation: th-pop 520ms var(--po-ease-spring) both;}@keyframes th-pop{from{transform: scale(.4) rotate(-12deg);opacity: 0;}}.th-cloud{animation: th-drift 60s linear infinite alternate;}.th-cloud--b{animation-duration: 80s;}@keyframes th-drift{to{translate: 60px 0;}}.th-chooser{width: min(560px,calc(100vw - 32px));max-height: min(640px,calc(100vh - 32px));padding: 0;border: 0;border-radius: 32px;background: radial-gradient(420px 200px at 50% 0%,rgba(255,214,107,.35),transparent 70%),var(--po-paper);color: var(--po-ink);box-shadow: var(--po-shadow-4);}.th-chooser::backdrop{background: rgba(23,21,59,.45);}.th-chooser__inner{display: grid;gap: 14px;padding: clamp(18px,4vw,28px);}.th-chooser__title{margin: 0;font: 600 var(--po-fs-h3) var(--po-font-display);}.th-chooser__empty{margin: 0;color: var(--po-ink-soft);}.th-chooser__list{display: grid;grid-template-columns: repeat(auto-fill,minmax(118px,1fr));gap: 10px;margin: 0;padding: 0;list-style: none;}.th-choice{display: grid;justify-items: center;gap: 4px;width: 100%;min-height: 44px;padding: 10px 8px 12px;border: 0;border-radius: 20px;background: var(--po-white);color: var(--po-ink);font: 600 .95rem/1.2 var(--po-font-display);text-align: center;box-shadow: var(--po-shadow-1),inset 0 0 0 2px var(--po-line);cursor: pointer;}.th-choice img{width: 76px;height: 76px;}.th-choice[aria-pressed="true"]{box-shadow: var(--po-shadow-1),inset 0 0 0 3px var(--po-amber-strong);background: var(--po-amber-soft);}.th-choice:focus-visible{outline: 3px solid var(--po-focus);outline-offset: 2px;}.th-choice small{font: 400 .78rem var(--po-font-body);color: var(--po-ink-soft);}.th-chooser__actions{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 10px;}.th-save{display: flex;align-items: center;gap: 16px;padding: 16px 20px;border-radius: 24px;background: var(--po-white);box-shadow: var(--po-shadow-2),inset 0 0 0 2px var(--po-mint-soft);}.th-save__olly{flex: none;width: 72px;}.th-save__title{margin: 0 0 4px;font: 600 var(--po-fs-h3) var(--po-font-display);}.th-save p{margin: 0 0 10px;color: var(--po-ink-soft);}.th-book__head{margin-bottom: 14px;}.th-book__title,.th-look__title{margin: 0;font: 600 var(--po-fs-h2) var(--po-font-display);letter-spacing: -0.01em;}.th-book__lede{margin: 4px 0 0;color: var(--po-ink-soft);}.th-book__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,330px),1fr));gap: 16px;}.th-shelf{padding: 14px 14px 16px;border-radius: 28px;background: var(--po-white);box-shadow: var(--po-shadow-2);}.th-shelf__title{display: flex;align-items: center;gap: 10px;margin: 0 0 10px;font: 600 1.1rem var(--po-font-display);}.th-shelf__icon{display: grid;place-items: center;width: 36px;height: 36px;border-radius: 12px;background: var(--po-sky-soft);color: var(--po-sky-deep);}.th-shelf__icon svg{width: 20px;height: 20px;}.th-stickers{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;margin: 0;padding: 0;list-style: none;}.th-sticker{display: grid;justify-items: center;align-content: start;gap: 2px;min-width: 0;text-align: center;}.th-sticker__art{position: relative;display: grid;place-items: center;width: 100%;max-width: 96px;aspect-ratio: 1;margin-bottom: 4px;border-radius: 22px;background: var(--po-paper-3);}.th-sticker.is-unlocked .th-sticker__art{background: var(--po-paper-2);box-shadow: 0 0 0 3px #fff,0 6px 14px rgba(23,21,59,.14);}.th-sticker.is-unlocked:nth-child(odd) .th-sticker__art{transform: rotate(-3deg);}.th-sticker.is-unlocked:nth-child(even) .th-sticker__art{transform: rotate(2.5deg);}.th-sticker__art img{width: 86%;height: 86%;}.th-sticker__new{position: absolute;top: -8px;right: -6px;display: none;padding: 2px 8px;border-radius: 999px;background: var(--po-berry);color: #fff;font: 600 .72rem var(--po-font-display);box-shadow: 0 0 0 2px #fff;}.th-sticker.is-new .th-sticker__new{display: block;}.th-sticker__name{font: 600 .95rem/1.2 var(--po-font-display);text-wrap: balance;}.th-sticker__milestone{font-size: .78rem;line-height: 1.3;color: var(--po-ink-soft);text-wrap: balance;}.th-sticker__state{display: inline-flex;align-items: center;gap: 4px;margin-top: 4px;padding: 2px 8px;border-radius: 999px;background: var(--po-paper-3);font: 600 .74rem var(--po-font-display);color: var(--po-ink-soft);}.th-sticker.is-unlocked .th-sticker__state{background: var(--po-mint-soft);color: #0A5E47;}.th-sticker__state svg{width: 14px;height: 14px;}.th-look{padding: clamp(16px,3vw,24px);border-radius: 28px;background: var(--po-white);box-shadow: var(--po-shadow-2);}.th-look__note{display: flex;align-items: center;gap: 12px;margin: 10px 0 0;color: var(--po-ink-soft);}.th-look__set{margin: 10px 0 14px;padding: 0;border: 0;}.th-look__legend{margin-bottom: 10px;font: 600 1.05rem var(--po-font-display);}.th-look__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(76px,1fr));gap: 10px;}.th-look__choice{position: relative;display: grid;place-items: center;cursor: pointer;}.th-look__choice input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer;}.th-look__face{display: grid;place-items: center;width: 76px;height: 76px;border-radius: 50%;background: var(--po-paper-2);box-shadow: inset 0 0 0 2px var(--po-line);transition: transform var(--po-dur-2,220ms) var(--po-ease-spring);}.th-look__choice input:checked + .th-look__face{box-shadow: inset 0 0 0 4px var(--po-amber-strong),0 6px 16px rgba(240,154,0,.35);transform: translateY(-3px) scale(1.06);}.th-look__choice input:focus-visible + .th-look__face{outline: 3px solid var(--po-focus);outline-offset: 3px;}@media (max-width: 640px){.th-scene-wrap{overflow-x: auto;overscroll-behavior-x: contain;scrollbar-width: thin;}.th-scene{width: 620px;}.th-swipe{display: flex;align-items: center;justify-content: center;gap: 6px;margin: -8px 0 0;font: 600 .9rem var(--po-font-display);color: var(--po-ink-soft);}.th-swipe svg{width: 16px;height: 16px;}.th-save{align-items: flex-start;}.th-save__olly{width: 52px;}}@media (prefers-reduced-motion: reduce){.th-cloud,.th-spot.is-placed-now .th-spot__art{animation: none;}.th-spot__button,.th-look__face{transition: none;}.th-spot.is-filled .th-spot__button:hover{transform: none;}}@media (forced-colors: active){.th-spot.is-empty .th-spot__button,.th-choice,.th-shelf,.th-look__face{border: 2px solid CanvasText;}}.th--readonly > .th-count{justify-self: start;}