:root{--fb-bg:#fff;--fb-secondary-bg:#efeff4;--fb-text:#000;--fb-hint:#8e8e93;--fb-link:#2481cc;--fb-button:#2481cc;--fb-button-text:#fff;--fb-separator:#3c3c432e;--fb-destructive:#e53935;--bg:var(--tg-theme-bg-color,var(--fb-bg));--secondary-bg:var(--tg-theme-secondary-bg-color,var(--fb-secondary-bg));--section-bg:var(--tg-theme-section-bg-color,var(--bg));--text:var(--tg-theme-text-color,var(--fb-text));--hint:var(--tg-theme-hint-color,var(--fb-hint));--subtitle:var(--tg-theme-subtitle-text-color,var(--hint));--link:var(--tg-theme-link-color,var(--fb-link));--accent:var(--tg-theme-accent-text-color,var(--link));--button:var(--tg-theme-button-color,var(--fb-button));--button-text:var(--tg-theme-button-text-color,var(--fb-button-text));--separator:var(--tg-theme-section-separator-color,var(--fb-separator));--section-header:var(--tg-theme-section-header-text-color,var(--hint));--destructive:var(--tg-theme-destructive-text-color,var(--fb-destructive));--ok:#34c759;--warn:#ff9f0a;--mild:#fc0;--bad:#ff3b30;--radius:12px;--gap:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fb-bg:#212121;--fb-secondary-bg:#0f0f0f;--fb-text:#fff;--fb-hint:#aaa;--fb-link:#8774e1;--fb-button:#8774e1;--fb-separator:#ffffff1f;--fb-destructive:#ff6b6b}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--secondary-bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:var(--link)}.page{z-index:1;max-width:640px;padding:12px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto;position:relative}:root{--blob-opacity:.32}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--blob-opacity:.2}}:root[data-theme=dark]{--blob-opacity:.2}.app-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{width:75vmax;height:75vmax;opacity:var(--blob-opacity);will-change:transform;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--button) 0%, transparent 65%);animation:28s ease-in-out infinite alternate blob-drift-1;top:-30vmax;left:-25vmax}.blob-2{background:radial-gradient(circle,#7f77dd 0%,#0000 65%);animation:34s ease-in-out infinite alternate blob-drift-2;bottom:-30vmax;right:-30vmax}.blob-3{background:radial-gradient(circle,#1d9e75 0%,#0000 65%);width:60vmax;height:60vmax;animation:40s ease-in-out infinite alternate blob-drift-3;top:25%;left:30%}@keyframes blob-drift-1{to{transform:translate(30vw,25vh)scale(1.2)}}@keyframes blob-drift-2{to{transform:translate(-35vw,-30vh)scale(1.15)}}@keyframes blob-drift-3{0%{transform:translate(-20vw,10vh)scale(.9)}to{transform:translate(15vw,-20vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){.blob{animation:none}}.page.with-bottom-bar{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.topbar{align-items:center;gap:8px;display:flex}.search{background:var(--section-bg);height:40px;color:var(--hint);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1}.search input::placeholder{color:var(--hint)}.icon-button{background:var(--section-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.chips{scrollbar-width:none;gap:8px;margin:12px -16px 4px;padding:0 16px 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--section-bg);color:var(--text);white-space:nowrap;border-radius:16px;flex-shrink:0;padding:6px 12px;font-size:14px}.chip.active{background:var(--button);color:var(--button-text)}.section{margin-top:20px}.section-title{text-transform:uppercase;letter-spacing:.02em;color:var(--section-header);margin:0 0 6px 16px;font-size:13px;font-weight:400}.card{background:var(--section-bg);border-radius:var(--radius);overflow:hidden}.card.padded{padding:16px}.row{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex;position:relative}.row+.row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:68px;right:0}.row:active{background:var(--secondary-bg)}.row-body{flex:1;min-width:0}.row-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.row-meta{color:var(--hint);margin-top:2px;font-size:13px}.chevron{color:var(--hint);font-size:20px;line-height:1}.cover-icon{background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mini-progress{background:var(--secondary-bg);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.mini-progress>div{background:var(--button);height:100%}.btn{border-radius:var(--radius);background:var(--button);width:100%;min-height:50px;color:var(--button-text);justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:600;display:flex}.btn:active{opacity:.85}.btn.secondary{background:var(--section-bg);color:var(--link)}.btn:disabled{opacity:.5}.btn-stack{flex-direction:column;gap:8px;display:flex}.bottom-bar{z-index:2;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--secondary-bg) 75%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:.5px solid var(--separator);position:fixed;bottom:0;left:0;right:0}.bottom-bar .btn-stack{max-width:608px;margin:0 auto}.hint{color:var(--hint);font-size:14px}.center{text-align:center}.notice{border-radius:var(--radius);background:var(--section-bg);color:var(--subtitle);gap:10px;padding:12px 16px;font-size:14px;display:flex}.notice.danger{border:1px solid var(--bad)}.dev-problems{border-radius:var(--radius);color:var(--text);white-space:pre-wrap;background:#ff3b301f;margin-top:12px;padding:12px;font-family:ui-monospace,monospace;font-size:13px}.status{z-index:1;text-align:center;color:var(--hint);padding:64px 16px;position:relative}.status .btn{margin-top:16px}.intro-head{text-align:center;padding:16px 0 4px}.intro-head h1{margin:16px 0 8px;font-size:24px;line-height:1.2}.meta-line{color:var(--hint);font-size:14px}.text p{margin:0 0 10px}.text p:last-child{margin-bottom:0}.progress-head{z-index:2;background:color-mix(in srgb, var(--secondary-bg) 75%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin:0 -16px;padding:12px 16px 8px;position:sticky;top:0}.progress-label{color:var(--hint);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.progress-bar{background:var(--section-bg);border-radius:3px;height:6px;overflow:hidden}.progress-bar>div{background:var(--button);height:100%;transition:width .25s}.question-hint{color:var(--hint);margin:16px 4px 6px;font-size:14px}.question-text{margin:8px 4px 16px;font-size:20px;font-weight:600;line-height:1.3}.question-image{border-radius:var(--radius);width:100%;margin-bottom:16px;display:block}.options{flex-direction:column;gap:8px;display:flex}.option{border-radius:var(--radius);background:var(--section-bg);text-align:left;border:2px solid #0000;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.option.selected{border-color:var(--button)}.option .dot{border:2px solid var(--hint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.option.selected .dot{border-color:var(--button);background:var(--button)}.option.selected .dot:after{content:"";background:var(--button-text);border-radius:50%;width:8px;height:8px}.options.yesno{flex-direction:row}.options.yesno .option{justify-content:center;font-weight:600}.options.images{grid-template-columns:1fr 1fr;display:grid}.options.images .option{text-align:center;flex-direction:column;padding:8px}.options.images .option img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.likert-scale{color:var(--hint);justify-content:space-between;margin:4px 4px 0;font-size:12px;display:flex}.runner-nav{gap:8px;margin-top:16px;display:flex}.runner-nav .btn{flex:1}.result-head{text-align:center;padding:16px 0 0}.result-head .label{color:var(--hint);margin-top:12px;font-size:14px}.result-head h1{margin:4px 0 0;font-size:26px;line-height:1.2}.big-number{font-size:44px;font-weight:700;line-height:1}.stat-line{color:var(--subtitle);text-align:center;margin-top:10px;font-size:14px}.axis-card+.axis-card{border-top:.5px solid var(--separator)}.axis-card{padding:14px 16px}.axis-card .axis-name{color:var(--hint);font-size:13px}.axis-card .band-title{margin:2px 0 6px;font-weight:600}.bar-row{margin-bottom:14px}.bar-row:last-child{margin-bottom:0}.bar-labels{color:var(--hint);justify-content:space-between;gap:8px;margin-top:4px;font-size:12px;display:flex}.bar-labels span:last-child{text-align:right}.bar-title{justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.track{background:var(--secondary-bg);border-radius:5px;height:10px;position:relative}.track .fill{border-radius:5px;position:absolute;top:0;bottom:0}.track .marker{border:3px solid var(--section-bg);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%}.track .center-line{background:var(--separator);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;left:50%}.chart-box{justify-content:center;display:flex}.chart-box svg{width:100%;max-width:340px;height:auto;overflow:visible}.outcome-hero{text-align:center}.outcome-hero .emoji{font-size:72px;line-height:1}.outcome-hero img{object-fit:cover;border-radius:var(--radius);width:100%;max-height:240px}.list{margin:0;padding-left:20px}.list li{margin-bottom:6px}.contact{border-top:.5px solid var(--separator);color:var(--text);padding:10px 0;text-decoration:none;display:block}.contact:first-of-type{border-top:none}.contact .phone{color:var(--link);font-size:18px;font-weight:600}.alert-card{border:1.5px solid var(--warn)}.alert-card h3{margin:0 0 8px;font-size:18px}.review-item{padding:14px 16px}.review-item+.review-item{border-top:.5px solid var(--separator)}.review-q{margin-bottom:8px;font-weight:600}.review-answer{gap:6px;margin:4px 0;font-size:14px;display:flex}.review-answer.right{color:var(--ok)}.review-answer.wrong{color:var(--bad)}.review-explanation{color:var(--subtitle);margin-top:8px;font-size:14px}.share-sheet{margin-top:8px}.share-preview{border-radius:10px;width:160px;margin:0 auto 12px;display:block}.create-icon{background:color-mix(in srgb, var(--button) 18%, transparent);border-radius:11px;width:44px;height:44px;font-size:22px}.create-row .row-title{color:var(--link);font-weight:600}.danger-text{color:var(--destructive)}.notice.status-note{flex-direction:column;gap:4px}.notice.status-note b{color:var(--text)}.builder-top{padding:8px 4px 0}.builder-top h1{margin:0 0 4px;font-size:24px}.link-btn{color:var(--link);align-self:flex-start;padding:4px 0;font-size:15px}.type-card{align-items:flex-start;padding:16px}.type-emoji{font-size:28px;line-height:1}.type-text{margin-top:4px;display:block}.builder-card{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.builder-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.builder-card-head .tools{gap:4px;display:flex}.builder-hint{margin:0 4px 10px}.tool-btn{background:var(--secondary-bg);width:34px;height:34px;color:var(--hint);border-radius:9px;flex-shrink:0;font-size:15px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--section-header);font-size:13px}.input{background:var(--secondary-bg);width:100%;min-width:0;color:var(--text);font:inherit;resize:vertical;border:1.5px solid #0000;border-radius:10px;outline:none;padding:10px 12px;font-size:16px}.input:focus{border-color:var(--button)}.input::placeholder{color:var(--hint)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--hint) 50%), linear-gradient(135deg, var(--hint) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}.inline-fields{align-items:center;gap:8px;display:flex}.emoji-small{text-align:center;flex:0 0 58px;width:58px}.emoji-input{text-align:center;width:96px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.emoji-btn{aspect-ratio:1;border:2px solid #0000;border-radius:9px;font-size:20px}.emoji-btn.active{border-color:var(--button);background:color-mix(in srgb, var(--button) 12%, transparent)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:3px solid var(--section-bg);border-radius:50%;width:32px;height:32px;box-shadow:0 0 0 2px #0000}.swatch.active{box-shadow:0 0 0 2px var(--text)}.cover-preview{align-items:center;gap:12px;display:flex}.cover-preview-title{overflow-wrap:anywhere;font-size:17px;font-weight:600}.option-edit{flex-direction:column;gap:6px;display:flex}.radio{border:2px solid var(--hint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.radio.checked{border-color:var(--ok);background:var(--ok)}.radio.checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.leads-to{align-items:center;gap:8px;padding-left:4px;display:flex}.leads-to .hint{flex-shrink:0}.checkbox-row{cursor:pointer;align-items:center;gap:12px;display:flex}.checkbox-row input{width:20px;height:20px;accent-color:var(--button)}.builder-errors .list{margin:6px 0 0}
