.tp-page fieldset{border:0;min-width:0;margin:0;padding:0}.tp-page label{cursor:pointer;position:relative}.tp-page input[type=radio],.tp-page input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.tp-page label:has(input:focus-visible){outline:2px solid var(--tp-accent);outline-offset:2px}.tp-choice{flex-direction:column;gap:8px;width:min(400px,100%);display:flex}.tp-choice label{min-height:46px;transition:transform .14s var(--ease);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font:500 15px/20px Inter,sans-serif;display:flex;box-shadow:0 1px 2px #1b1a1f14}.tp-choice kbd{width:22px;height:22px;color:var(--tp-mute);background:#1b1a1f0f;border-radius:6px;flex:none;place-items:center;font:600 11px/1 Inter,sans-serif;display:grid}.tp-choice .on{box-shadow:0 0 0 2px var(--tp-accent), 0 6px 14px -8px #1b1a1f66}.tp-choice .on kbd{color:#fff;background:var(--tp-accent)}.tp-scale{width:min(400px,100%)}.tp-scale.is-wide{width:100%}.tp-scale-row{gap:6px;display:flex}.tp-scale-row label{font-variant-numeric:tabular-nums;height:52px;transition:transform .14s var(--ease);background:#fff;border-radius:12px;flex:1;place-items:center;font:500 16px/1 Inter,sans-serif;display:grid;box-shadow:0 1px 2px #1b1a1f14}.tp-scale-row .on{color:#fff;background:var(--tp-accent)}.tp-choice label:active,.tp-scale-row label:active{transform:scale(.97)}.tp-scale-ends{color:var(--tp-mute);justify-content:space-between;margin:10px 0 0;font:500 13px/18px Inter,sans-serif;display:flex}.tp-stars{color:#1b1a1f4d;gap:6px;display:flex}.tp-stars label{border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.tp-stars .on{color:var(--tp-accent)}.tp-text{box-sizing:border-box;width:100%;color:var(--tp-ink);box-shadow:0 0 0 2px var(--tp-accent);resize:none;background:#fff;border:0;border-radius:16px;outline:none;padding:14px 16px;font:400 16px/24px Inter,sans-serif}.tp-preview{--tp-accent:#5a4bc4;--tp-bg:#f8f6f1;--tp-haze:#e9e6f7;--tp-ink:#1b1a1f;--tp-mute:#68655e;flex-direction:column;align-items:center;gap:16px;display:flex}.tp-preview .st-win{width:100%}.tp-app{grid-template-columns:300px minmax(0,1fr);min-height:600px;display:grid}.tp-rail{padding:14px 10px}.tp-rail ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.tp-rail button{cursor:pointer;letter-spacing:-.012em;text-align:left;color:#171717ad;width:100%;transition:background-color .18s var(--ease);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font:500 14px/18px Inter,sans-serif;display:flex}.tp-rail button svg{color:var(--tp-accent);flex:none}.tp-rail button[aria-current]{color:var(--ink);background:#5a4bc417}.tp-rail-n{font-variant-numeric:tabular-nums;color:#17171773;flex:none;width:16px}.tp-rail-q{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tp-page{color:var(--tp-ink);background:var(--tp-bg);flex-direction:column;padding:22px 44px 18px;display:flex;position:relative;overflow:hidden}.tp-haze{background:radial-gradient(ellipse 80% 70% at 50% 0%, var(--tp-haze), transparent);pointer-events:none;height:380px;position:absolute;inset:0 0 auto}.tp-page>:not(.tp-haze){position:relative}.tp-top{justify-content:space-between;align-items:center;font:500 15px/22px Inter,sans-serif;display:flex}.tp-back{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-left:-6px;padding:4px 6px;display:inline-flex}.tp-back:disabled{cursor:default;opacity:.35}.tp-count{font-variant-numeric:tabular-nums;color:var(--tp-mute)}.tp-track{background:#1b1a1f1f;border-radius:99px;height:3px;margin-top:16px;display:block;overflow:hidden}.tp-track i{background:var(--tp-accent);height:100%;transform:scaleX(var(--tp-progress));transform-origin:0;transition:transform .4s var(--ease);border-radius:99px;display:block}.tp-q{width:min(560px,100%);animation:tp-in .45s var(--ease);flex-direction:column;align-items:flex-start;margin:auto;padding:40px 0;display:flex}.tp-title{letter-spacing:-.045em;text-wrap:balance;margin:0 0 24px;font:600 32px/37px Inter,sans-serif}.tp-next{cursor:pointer;color:#fff;background:var(--tp-accent);height:46px;transition:transform .14s var(--ease);border:0;border-radius:15px;align-items:center;gap:8px;margin-top:28px;padding:0 22px;font:500 15px/1 Inter,sans-serif;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 10px 22px -12px #1b1a1f99}.tp-next:active{transform:scale(.97)}.tp-next.is-quiet{color:var(--tp-ink);background:#fff;box-shadow:0 1px 2px #1b1a1f1a}.tp-done>svg{color:var(--tp-accent);margin-bottom:16px}.tp-done .tp-title{margin-bottom:8px}.tp-done-note{color:var(--tp-mute);margin:0;font:500 16px/24px Inter,sans-serif}.tp-made{color:#6f6b63;font:500 12px/16px Inter,sans-serif}.tp-preview button:focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px}@keyframes tp-in{0%{opacity:0;transform:translateY(10px)}}@media (hover:hover){.tp-rail button:hover{background:#0000000a}}@media (width<=1099px){.tp-app{grid-template-columns:240px minmax(0,1fr)}.tp-page{padding:18px 24px}.tp-title{font-size:26px;line-height:31px}.tp-scale.is-wide .tp-scale-row{flex-wrap:wrap}.tp-scale.is-wide label{flex:0 0 calc(16.6667% - 5px);height:44px}}@media (width<=759px){.tp-app{min-height:520px;display:block}.tp-app .tp-page{min-height:520px}.tp-rail{display:none}}@media (prefers-reduced-motion:reduce){.tp-q{animation:none}.tp-track i,.tp-next,.tp-rail button,.tp-choice label,.tp-scale-row label{transition:none}.tp-next:active,.tp-choice label:active,.tp-scale-row label:active{transform:none}}:where(html[data-theme=dark]) .tp-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:where(html[data-theme=dark]) .tp-rail button{color:var(--lp-window-ink-2)}:where(html[data-theme=dark]) .tp-rail button svg{color:#a99cff}:where(html[data-theme=dark]) .tp-rail button[aria-current]{color:var(--lp-window-ink);background:#9687ff29}:where(html[data-theme=dark]) .tp-rail-n{color:#f5f5f580}:where(html[data-theme=dark]) .tp-preview .tp-rail button:focus-visible{outline-color:#a99cff}@media (hover:hover){:where(html[data-theme=dark]) .tp-rail button:hover{background:#ffffff0d}:where(html[data-theme=dark]) .tp-rail button[aria-current]:hover{background:#9687ff33}}