.tbn-form{--tbn-bg:#fff;--tbn-fg:#191c1d;--tbn-muted-fg:#5b6472;--tbn-card-bg:#fff;--tbn-border:#e5e7eb;--tbn-accent:#535c91;--tbn-accent-fg:#fff;--tbn-button:#0f1115;--tbn-button-fg:#fff;--tbn-error:#ba1a1a;--tbn-font:var(--font-inter), ui-sans-serif, system-ui, sans-serif;--tbn-radius:8px;--tbn-gap:28px;--tbn-pad:28px;--tbn-maxw:640px;--tbn-title-size:2.25rem;--tbn-q-title-size:1.125rem;--tbn-base-size:1rem;max-width:var(--tbn-maxw);background:var(--tbn-bg);color:var(--tbn-fg);font-family:var(--tbn-font);font-size:var(--tbn-base-size);margin:0 auto;padding:clamp(16px,4vw,40px);line-height:1.5}.tbn-form--full{--tbn-maxw:100%}.tbn-form--oneper{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.tbn-form--oneper .tbn-q{box-shadow:none;margin-bottom:var(--tbn-gap);background:0 0;border:none;border-radius:0;padding:0}.tbn-form *,.tbn-form :before,.tbn-form :after{box-sizing:border-box}.tbn-form__header{margin-bottom:calc(var(--tbn-gap) * 1.5)}.tbn-form__logo{object-fit:contain;width:auto;max-width:220px;max-height:48px;margin-bottom:20px;display:block}.tbn-form__title{font-family:var(--tbn-font-heading,var(--tbn-font));font-size:var(--tbn-title-size);letter-spacing:-.03em;margin:0 0 10px;font-weight:600;line-height:1.15}.tbn-form__desc{color:var(--tbn-muted-fg);white-space:pre-wrap;margin:0}.tbn-q{background:var(--tbn-card-bg);border-radius:calc(var(--tbn-radius) * 1.5);padding:var(--tbn-pad);margin-bottom:var(--tbn-gap);border:1px solid #0000;scroll-margin-top:88px;box-shadow:0 1px 2px #0f11150a,0 8px 24px #0f11150a}.tbn-q--statement{background:0 0;border:none;padding-left:0;padding-right:0}.tbn-q__title{font-family:var(--tbn-font-heading,var(--tbn-font));font-size:var(--tbn-q-title-size);letter-spacing:-.01em;margin:0 0 4px;font-weight:600}.tbn-q__required{color:var(--tbn-error);margin-left:4px}.tbn-q__desc{color:var(--tbn-muted-fg);white-space:pre-wrap;margin:0 0 14px;font-size:.9375rem}.tbn-q__error{color:var(--tbn-error);margin-top:8px;font-size:.875rem}.tbn-field{margin-top:12px}.tbn-input,.tbn-select{width:100%;font:inherit;color:inherit;border:none;border-bottom:1.5px solid var(--tbn-border);background:0 0;border-radius:0;padding:10px 2px;transition:border-color .15s}.tbn-textarea{width:100%;font:inherit;color:inherit;background:var(--tbn-bg);border:1.5px solid var(--tbn-border);border-radius:calc(var(--tbn-radius) * .75);resize:vertical;min-height:120px;padding:12px 14px;transition:border-color .15s}.tbn-input:focus,.tbn-select:focus,.tbn-textarea:focus{border-color:var(--tbn-accent);border-bottom-width:2px;outline:none}.tbn-choice__control:focus-visible,.tbn-submit:focus-visible{outline:2px solid var(--tbn-accent);outline-offset:2px}.tbn-choices{flex-direction:column;gap:10px;margin-top:12px;display:flex}.tbn-choice{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.tbn-choice__control{width:18px;height:18px;accent-color:var(--tbn-accent);flex-shrink:0;margin-top:2px}.tbn-choice__label{flex:1}.tbn-rating{gap:8px;margin-top:12px;display:flex}.tbn-rating__item{font:inherit;cursor:pointer;border:1px solid var(--tbn-border);background:var(--tbn-bg);color:inherit;border-radius:calc(var(--tbn-radius) * .5);justify-content:center;align-items:center;min-width:44px;height:44px;display:inline-flex}.tbn-rating__item[aria-pressed=true]{background:var(--tbn-accent);color:var(--tbn-accent-fg);border-color:var(--tbn-accent)}.tbn-actions{margin-top:calc(var(--tbn-gap) * 1.5)}.tbn-submit{font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:var(--tbn-button);color:var(--tbn-button-fg);border-radius:calc(var(--tbn-radius) * .5);border:none;padding:14px 30px;font-size:.8125rem;font-weight:600;transition:opacity .15s}.tbn-submit:hover{opacity:.88}.tbn-submit:disabled{opacity:.6;cursor:not-allowed}.tbn-confirm{text-align:center;padding:56px 24px;font-size:1.125rem}.tbn-score{color:var(--tbn-accent);margin:0 0 12px;font-size:1.5rem;font-weight:700}.tbn-subfields{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.tbn-subfields>.tbn-input:first-child,.tbn-subfields>.tbn-input:nth-child(odd):last-child{grid-column:1/-1}.tbn-scale{margin-top:12px}.tbn-scale__labels{color:var(--tbn-muted-fg);justify-content:space-between;margin-top:6px;font-size:.8125rem;display:flex}.tbn-pics{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.tbn-pics__item{border:1px solid var(--tbn-border);border-radius:calc(var(--tbn-radius) * .6);background:var(--tbn-bg);cursor:pointer;flex-direction:column;gap:8px;padding:8px;display:flex}.tbn-pics__item[aria-pressed=true]{outline:2px solid var(--tbn-accent);border-color:var(--tbn-accent)}.tbn-pics__img{object-fit:cover;border-radius:calc(var(--tbn-radius) * .4);width:100%;height:120px}.tbn-pics__label{text-align:center;font-size:.9375rem}.tbn-rank{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tbn-rank__item{border:1px solid var(--tbn-border);border-radius:calc(var(--tbn-radius) * .5);align-items:center;gap:10px;padding:10px 12px;display:flex}.tbn-rank__num{color:var(--tbn-accent);min-width:1.5em;font-weight:700}.tbn-rank__label{flex:1}.tbn-rank__btns button{font:inherit;cursor:pointer;border:1px solid var(--tbn-border);background:var(--tbn-bg);border-radius:6px;width:32px;height:32px;margin-left:4px}.tbn-matrix{border-collapse:collapse;width:100%;margin-top:12px;font-size:.9375rem}.tbn-matrix th,.tbn-matrix td{border:1px solid var(--tbn-border);text-align:center;padding:8px 10px}.tbn-matrix th[scope=row]{text-align:left;font-weight:500}.tbn-matrix thead th{background:color-mix(in srgb, var(--tbn-border) 30%, transparent)}.tbn-progress{background:var(--tbn-border);height:4px;margin-bottom:var(--tbn-gap);border-radius:999px;overflow:hidden}.tbn-progress>span{background:var(--tbn-accent);height:100%;transition:width .25s;display:block}.tbn-nav{margin-top:calc(var(--tbn-gap) * 1.5);align-items:center;gap:12px;display:flex}.tbn-nav__back{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--tbn-border);border-radius:calc(var(--tbn-radius) * .6);background:0 0;padding:12px 22px}.tbn-nav .tbn-submit{margin-left:auto}.tbn-page-break{margin:calc(var(--tbn-gap) * 1.5) 0 var(--tbn-gap);padding-top:var(--tbn-gap);border-top:1px solid var(--tbn-border)}.tbn-page-break:first-child{border-top:none;margin-top:0;padding-top:0}.tbn-page-break__title{margin:0 0 4px;font-size:1.25rem;font-weight:700}.tbn-page-break__desc{color:var(--tbn-muted-fg);white-space:pre-wrap;margin:0}.tbn-form__cover{margin:calc(var(--tbn-gap) * -.5) calc(var(--tbn-gap) * -.5) var(--tbn-gap);border-radius:calc(var(--tbn-radius) * 1.4);background:var(--tbn-card-bg);overflow:hidden}.tbn-form__cover img{object-fit:cover;width:100%;max-height:260px;display:block}.tbn-q__media{margin:0 0 calc(var(--tbn-gap) * .6);border-radius:var(--tbn-radius);background:var(--tbn-card-bg);overflow:hidden}.tbn-q__media img{object-fit:cover;width:100%;max-height:360px;display:block}.tbn-q.tbn-q--media-left,.tbn-q.tbn-q--media-right{gap:var(--tbn-gap);grid-template-columns:minmax(140px,38%) 1fr;align-items:start;display:grid}.tbn-q.tbn-q--media-right{grid-template-columns:1fr minmax(140px,38%)}.tbn-q.tbn-q--media-right .tbn-q__media{order:2;margin:0}.tbn-q.tbn-q--media-left .tbn-q__media{margin:0}.tbn-q.tbn-q--media-bottom .tbn-q__media{margin:calc(var(--tbn-gap) * .6) 0 0;order:99}.tbn-q.tbn-q--media-bottom{flex-direction:column;display:flex}@media (max-width:640px){.tbn-q.tbn-q--media-left,.tbn-q.tbn-q--media-right{grid-template-columns:1fr}.tbn-q.tbn-q--media-right .tbn-q__media{order:0}}.tbn-form--result{--tbn-maxw:1040px;padding:clamp(20px,5vw,56px)}.tbn-result__hero{text-align:center;margin:0 0 36px}.tbn-result__brand{letter-spacing:.18em;text-transform:uppercase;color:var(--tbn-muted-fg);align-items:center;gap:8px;margin-bottom:18px;font-size:.72rem;font-weight:700;display:inline-flex}.tbn-result__brand img,.tbn-result__brand svg{width:auto;height:28px}.tbn-result__title{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.1}.tbn-result__subtitle{color:var(--tbn-muted-fg);margin:0;font-size:.95rem}.tbn-result__divider{background:var(--tbn-border);height:1px;margin:28px 0 32px}.tbn-result__grid{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:720px){.tbn-result__grid{grid-template-columns:1fr 1fr}}@media (min-width:980px){.tbn-result__grid{grid-template-columns:1fr 1fr 1fr}}.tbn-result__card--full{grid-column:1/-1}.tbn-result__card{background:var(--tbn-card-bg);border:1px solid var(--tbn-border);border-radius:calc(var(--tbn-radius) * 1.5);padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s}.tbn-result__card:hover{border-color:color-mix(in srgb, var(--tbn-accent) 40%, var(--tbn-border));box-shadow:0 8px 24px -16px color-mix(in srgb, var(--tbn-accent) 60%, transparent);transform:translateY(-2px)}.tbn-result__heading{letter-spacing:.14em;text-transform:uppercase;color:var(--tbn-muted-fg);margin:0 0 12px;font-size:.72rem;font-weight:700}.tbn-result__list{margin:0;padding:0;font-size:.98rem;line-height:1.55;list-style:none}.tbn-result__list li{border-bottom:1px dashed color-mix(in srgb, var(--tbn-border) 80%, transparent);padding:6px 0 6px 22px;position:relative}.tbn-result__list li:last-child{border-bottom:0}.tbn-result__list li:before{content:"";background:var(--tbn-accent);border-radius:999px;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:4px}.tbn-result__label{letter-spacing:-.015em;color:var(--tbn-fg);margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;line-height:1.15}.tbn-result__prose{white-space:pre-wrap;margin:0;font-size:1.02rem;line-height:1.65}.tbn-confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.tbn-confetti__piece{opacity:0;border-radius:2px;width:8px;height:14px;animation:1.7s cubic-bezier(.18,.7,.34,1) forwards tbn-confetti-burst;position:absolute;top:38%;left:50%}@keyframes tbn-confetti-burst{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.4)}10%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) rotate(var(--rot)) scale(1)}}@media (prefers-reduced-motion:reduce){.tbn-confetti{display:none}}
