:root{--text:#2b2733;--muted:#8a7f96;--bg:#f5f1fa;--card-bg:#fff;--line:#e5e0eb;--accent:#8b5fbf;--accent-soft:#f1e9f8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:17px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e8e3ee;--muted:#a599b3;--bg:#1b1720;--card-bg:#262030;--line:#3d3548;--accent:#b98fe0;--accent-soft:#362b45}}body,p,h2{margin:0}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.question-card,.poster-card{background:var(--card-bg);box-sizing:border-box;border-radius:20px;width:100%;max-width:460px;padding:28px 24px;box-shadow:0 12px 40px #0000001f}.question-meta{color:var(--muted);justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.question-section{font-weight:600}.question-prompt{margin-bottom:16px;font-size:20px;font-weight:600;line-height:1.4}.question-hint{color:var(--muted);margin-bottom:12px;font-size:13px}.external-link{color:var(--accent);margin-bottom:16px;font-size:14px;display:inline-block}.question-options{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.option{border:2px solid var(--line);color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s}.option:hover{border-color:var(--accent)}.option.selected{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.text-input{box-sizing:border-box;border:2px solid var(--line);width:100%;color:inherit;resize:vertical;background:0 0;border-radius:12px;margin-bottom:20px;padding:12px 14px;font-family:inherit;font-size:15px}.text-input:focus,.option:focus-visible,.primary-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spectrum{margin-bottom:20px}.spectrum input[type=range]{width:100%;accent-color:var(--accent)}.spectrum-labels{color:var(--muted);justify-content:space-between;gap:12px;margin-top:6px;font-size:13px;display:flex}.spectrum-labels span:last-child{text-align:right}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:600}.primary-button:disabled{opacity:.4;cursor:not-allowed}.poster-quote dd{background:var(--accent-soft);border-radius:12px;margin-top:8px;padding:14px 16px 14px 34px;font-size:16px;line-height:1.75;position:relative}.poster-quote dd:before{content:"“";color:var(--accent);opacity:.5;font-size:30px;line-height:1;position:absolute;top:6px;left:12px}.poster-animal{width:160px;height:160px;margin:4px auto 0;display:block}.poster-title{color:var(--accent);margin-top:2px;font-size:17px;font-weight:600}.poster-description{color:var(--muted);text-align:left;background:var(--accent-soft);border-radius:12px;margin-top:10px;padding:14px 16px;font-size:15px;line-height:1.7}.poster-actions{gap:10px;margin-top:20px;display:flex}.poster-actions .primary-button,.poster-actions .secondary-button{margin-top:0}.secondary-button{border:1.5px solid var(--accent);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:600}.secondary-button:disabled{opacity:.45;cursor:not-allowed}.skip-button{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:10px;font-family:inherit;font-size:14px;text-decoration:underline}.question-note{color:var(--muted);margin-bottom:14px;font-size:14px;line-height:1.5}.poster-label{color:var(--muted);text-align:center;font-size:14px}.poster-result{text-align:center;margin:4px 0 24px;font-size:40px;font-weight:700}.poster-heading{color:var(--muted);border-bottom:1px solid var(--line);margin:24px 0 12px;padding-bottom:8px;font-size:15px;font-weight:600}.poster-entries{margin:0}.poster-entry{margin-bottom:14px}.poster-entry dt{color:var(--muted);margin-bottom:2px;font-size:13px}.poster-entry dd{margin:0;font-size:15px;line-height:1.5}.poster-note{color:var(--muted);margin-top:12px;font-size:12px}