.tp-sec{gap:10px;display:grid}.tp-rules{color:var(--ink-70);margin:0}.tp-ideas{flex-wrap:wrap;gap:6px;display:flex}.tp-idea{background:var(--wash);height:28px;color:var(--ink-70);white-space:nowrap;animation:tp-in .35s calc(var(--i,0) * 30ms) cubic-bezier(.2, .8, .2, 1) both;border:0;border-radius:999px;padding:0 11px;font-size:12.5px;font-weight:650;transition:background .2s,color .2s,box-shadow .2s}.tp-idea:hover{background:var(--hover-2);color:var(--ink)}.tp-idea[data-on]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--tangerine)}.tp-text{resize:vertical;min-height:88px;line-height:1.45}.tp-text[data-nudge]{animation:.35s tp-shake}.tp-card .pa-label small[data-bad]{color:var(--danger,#c2412d)}.tp-bad{color:var(--danger,#c2412d);margin:0}.tp-select{background:var(--wash);width:100%;height:36px;color:var(--ink);border-radius:10px;justify-content:space-between;padding:0 10px;font-size:13px;font-weight:650}.tp-ai{margin-top:4px;display:block}.tp-rec{gap:8px;display:flex}.tp-rec-btn{align-items:center;gap:6px;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.tp-rec-btn[data-on]{box-shadow:inset 0 0 0 2px var(--tangerine);color:var(--ink)}.tp-ex-main{place-items:center;display:grid;container-type:size}.tp-ex{aspect-ratio:546/730;background:var(--wash);cursor:pointer;border:0;border-radius:18px;max-width:100%;height:100%;max-height:100cqh;padding:0;animation:.5s cubic-bezier(.34,1.56,.64,1) both pa-pop;display:block;position:relative;overflow:hidden}.tp-ex video{object-fit:cover;width:100%;height:100%;display:block}.tp-ex-sound{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c1a9e;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px 0 10px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;left:12px}.tp-ex-sound[data-on]{padding:0 9px}.tp-ex-sound svg{width:15px;height:15px}.tp-tile{position:relative}.tp-tile .mk-done video{object-fit:contain}.tp-again{flex:none;justify-content:center;margin-top:8px;display:flex}@keyframes tp-in{0%{opacity:0;transform:translateY(6px)}}@keyframes tp-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:560px){.tp-idea{height:32px}}@media (prefers-reduced-motion:reduce){.tp-idea,.tp-ex,.tp-text[data-nudge]{animation:none}.tp-idea,.tp-rec-btn{transition:none}}
