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