@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{font-family:Playfair Display,serif;line-height:1.5;font-weight:400;color-scheme:light;background-color:#fff;color:#a0a0a0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:800px;padding:2rem;text-align:center}.container{display:flex;flex-direction:column;align-items:center;gap:3rem;transition:opacity .3s ease}.fade-out{opacity:0}.fade-in{opacity:1}.question-text{font-size:2.5rem;font-weight:400;color:#4a4a4a;margin:0;line-height:1.3}.actions{display:flex;gap:2rem}button{background:transparent;border:1px solid #e0e0e0;padding:.8rem 2.5rem;font-family:inherit;font-size:1.2rem;color:#888;cursor:pointer;border-radius:4px;transition:all .2s}button:hover{border-color:#aaa;color:#333}button:focus{outline:none;border-color:#666}.skip-btn{border:none;font-size:.9rem;color:#ccc;padding:.5rem}.skip-btn:hover{color:#999;border:none;background:transparent}.app-logo{position:absolute;top:2rem;left:2rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#4a4a4a;cursor:pointer;z-index:10}.top-nav{position:absolute;top:2rem;right:2rem}.nav-btn{border:none;font-size:1rem;padding:.5rem 1rem;color:#aaa}.nav-btn:hover{color:#666;border:none}.profile-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.profile-title{font-size:1rem;padding:.5rem 1rem;color:#aaa}.tags-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;line-height:2;font-size:1.5rem;max-width:100%}.opinion-tag{cursor:pointer;color:#888;position:relative;transition:color .2s ease}.opinion-tag:hover{color:#333;text-decoration:underline;text-decoration-color:#e0e0e0}.opinion-tag.match{text-decoration:underline;text-decoration-color:#b4ffb4;text-decoration-thickness:2px}.opinion-tag.mismatch{text-decoration:underline;text-decoration-color:#ffc0c0;text-decoration-thickness:2px}.opinion-tag:after{content:"•";margin-left:1rem;color:#e0e0e0;display:inline-block}.opinion-tag:last-child:after{display:none}.hovered-question-display{margin-top:3rem;min-height:5rem;font-size:1.2rem;color:#4a4a4a;max-width:600px;text-align:center;border-top:1px solid #f0f0f0;padding-top:1.5rem}.hovered-question-display.fade-mid{opacity:.3}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}@media (max-width: 600px){#root{padding:5rem 1rem 1rem}.container{gap:1.5rem}.app-logo{top:1rem;left:1rem;font-size:1.2rem}.top-nav{top:1rem;right:.5rem}.nav-btn{padding:.4rem .8rem;font-size:.9rem}.profile-header{flex-direction:column;gap:1rem;margin-bottom:2rem}.tags-cloud{font-size:1.1rem;line-height:1.6;gap:.3rem .8rem}.question-text{font-size:1.6rem;padding:0 1rem}.actions{gap:1rem}button{padding:.6rem 2rem}.hovered-question-display{margin-top:2rem;font-size:1rem;padding-top:1rem}}