.tp-box{flex-direction:column;gap:clamp(20px,3vw,32px);display:flex}.tp-tabs{--inset:5px;width:fit-content;max-width:100%;padding:var(--inset);scrollbar-width:none;background:var(--s-card);box-shadow:inset 0 0 0 1px var(--s-line);border-radius:999px;gap:2px;display:flex;position:relative;overflow-x:auto}.tp-tabs::-webkit-scrollbar{display:none}.tp-tab{z-index:1;height:42px;font:550 15px/1 var(--s-font);letter-spacing:-.01em;white-space:nowrap;color:var(--s-ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 17px;transition:color .3s;display:inline-flex;position:relative}.tp-tab:hover{color:var(--s-ink)}.tp-tab[aria-selected=true]{color:var(--s-bg)}.tp-tab:focus-visible{outline-offset:-2px;border-radius:999px}.tp-count{font-variant-numeric:tabular-nums;color:var(--s-muted);font-size:12px;font-weight:600;transition:color .3s}.tp-tab[aria-selected=true] .tp-count{color:color-mix(in srgb, var(--s-bg) 55%, transparent)}.tp-marker{width:var(--w,0px);background:var(--s-ink);height:42px;transform:translate(var(--x,0px), var(--y,0px));transition:transform .5s var(--s-out), width .5s var(--s-out);border-radius:999px;position:absolute;top:0;left:0}@media (width<=719px){.tp-tabs{--inset:0px;width:auto;max-width:none;box-shadow:none;background:0 0;border-radius:0;flex-wrap:wrap;gap:8px;overflow:visible}.tp-tab{height:40px;box-shadow:inset 0 0 0 1px var(--s-line-2);padding:0 14px;font-size:14.5px}.tp-marker{height:40px}}.tp-panel{border-radius:24px}.tp-panel:focus-visible{outline-offset:6px}.tp-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.tp-more{display:none}@media (width<=719px){.tp-grid:not([data-all])>.tp-card:nth-child(n+4){display:none}.tp-more{width:100%;height:48px;box-shadow:inset 0 0 0 1px var(--s-line-2);font:600 15px/1 var(--s-font);color:var(--s-ink);cursor:pointer;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.tp-more:hover{background:var(--s-card)}.tp-more svg{transition:rotate .3s var(--s-out)}.tp-more[aria-expanded=true] svg{rotate:180deg}}@media (width>=720px){.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width>=1100px){.tp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tp-card{background:var(--s-card);box-shadow:0 0 0 1px var(--s-line);animation:tp-in .6s var(--s-out) calc(var(--i) * 45ms) backwards;border-radius:22px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"emoji name""emoji meta""recipe recipe";align-content:start;gap:3px 14px;padding:20px 20px 22px;transition:box-shadow .3s;display:grid}.tp-card:hover{box-shadow:0 0 0 1px var(--s-line-2)}@keyframes tp-in{0%{opacity:0;transform:translateY(14px)}}.kind-photo{--k:var(--s-mint)}.kind-number{--k:var(--s-cyan)}.kind-audio{--k:var(--s-lilac)}.kind-note{--k:#ffc452}.tp-emoji{grid-area:emoji}.tp-name{letter-spacing:-.02em;grid-area:name;align-self:end;margin:0;font-size:17px;font-weight:600;line-height:1.2}.tp-meta{color:var(--s-muted);grid-area:meta;align-self:start;align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.tp-meta:before{content:"";background:var(--k);border-radius:50%;flex:none;width:6px;height:6px}.tp-recipe{border-top:1px solid var(--s-line);color:var(--s-ink-2);text-wrap:pretty;grid-area:recipe;margin:16px 0 0;padding-top:15px;font-size:15px;line-height:1.55}.tp-own{border:1px dashed color-mix(in srgb, var(--s-mint) 45%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--s-mint) 12%, transparent), transparent 60%), var(--s-card);border-radius:22px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art text";align-items:center;gap:16px 18px;margin-top:clamp(16px,2.4vw,24px);padding:22px 24px;display:grid}.tp-own-art{grid-area:art}.tp-own-text{grid-area:text}.tp-own h3{letter-spacing:-.02em;margin:0 0 4px;font-size:19px;font-weight:600;line-height:1.2}.tp-own p{color:var(--s-ink-2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}@media (width<=719px){.tp-own{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art head""text text";gap:14px;padding:20px}.tp-own-text{display:contents}.tp-own h3{grid-area:head;margin:0}.tp-own p{grid-area:text}}.mv-s{overflow:clip}.mv-grid{align-items:center;gap:clamp(40px,6vw,72px);display:grid}.mv-copy{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.mv-traits{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.mv-traits li{box-shadow:inset 0 0 0 1px var(--s-line-2);color:var(--s-ink-2);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:550}.mv-traits li:last-child{color:var(--s-accent);background:#5fe3c60f;box-shadow:inset 0 0 0 1px #5fe3c666}.mv-stage{flex-direction:column;align-items:center;gap:20px;min-width:0;display:flex}.mv-figure{isolation:isolate;width:min(290px,76vw);position:relative}.mv-light{z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#5fe3c63d,#83e2ff14 55%,#0000);border-radius:50%;position:absolute;inset:-8% -30% -4%}.mv-vee{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:40%;width:100%;padding:0;display:block;position:relative}.mv-vee:focus-visible{outline:2px solid var(--s-accent);outline-offset:6px}.mv-vee .vee{width:100%;height:auto}.mv-veil{pointer-events:none;transform-origin:50% 20%;filter:drop-shadow(0 14px 18px #00000073);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mv-fold{fill:none;stroke:#0a3046;stroke-opacity:.1;stroke-width:3px;stroke-linecap:round}.mv-figure[data-revealed] .mv-veil{animation:1.15s cubic-bezier(.5,0,.3,1) forwards mv-unveil}@keyframes mv-unveil{0%{transform:none}22%{transform:translateY(5px)scale(1.02,.95)}55%{opacity:1}to{opacity:0;transform:translate(26%,-80%)rotate(28deg)scale(.7)}}.mv-figure[data-revealed] .vee{animation:.75s cubic-bezier(.3,0,.3,1) .45s mv-hop}@keyframes mv-hop{0%,to{transform:none}15%{transform:translateY(3px)scale(1.03,.96)}45%{transform:translateY(-18px)scale(.98,1.03)}75%{transform:translateY(1px)scale(1.02,.98)}}.mv-bubble{background:var(--s-card);width:min(100%,420px);box-shadow:inset 0 0 0 1px var(--s-line-2), var(--s-shadow-1);border-radius:22px;margin:0;padding:18px 20px 20px;position:relative}.mv-bubble:before{content:"";background:var(--s-card);width:16px;height:16px;box-shadow:inset 1px 1px 0 var(--s-line-2);border-radius:3px 0 0;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.mv-from{color:var(--s-muted);margin:0 0 8px;font-size:13px}.mv-from strong{color:var(--s-ink);font-weight:600}.mv-lines{display:grid;position:relative}.mv-line{letter-spacing:-.01em;color:var(--s-ink);text-wrap:pretty;grid-area:1/1;margin:0;font-size:17px;line-height:1.5}.mv-line:not([data-on]){visibility:hidden}.mv-unwritten{color:#0000}.mv-dots{gap:5px;display:flex;position:absolute;top:8px;left:0}.mv-dots i{background:var(--s-accent);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite mv-dot}.mv-dots i:nth-child(2){animation-delay:.15s}.mv-dots i:nth-child(3){animation-delay:.3s}@keyframes mv-dot{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}.mv-picks{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mv-picks button{min-height:40px;box-shadow:inset 0 0 0 1px var(--s-line-2);font:550 14px/1 var(--s-font);color:var(--s-ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;transition:background .25s,color .25s}.mv-picks button:hover{color:var(--s-ink)}.mv-picks button[aria-pressed=true]{background:var(--s-ink);color:var(--s-bg);box-shadow:none}.mv-note{text-align:center;max-width:26em;color:var(--s-muted);margin:0;font-size:13px;line-height:1.5}@media (width>=900px){.mv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mv-figure{width:320px}}@media (prefers-reduced-motion:reduce){.mv-figure[data-revealed] .vee,.mv-dots i{animation:none}}