:root{--text: #000000;--link: #0000ee}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#fff;color:var(--text);font-family:Calibri,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;padding:2rem 1rem}.result{display:flex;flex-direction:column;align-items:center;gap:.5rem}.answer{margin:0;font-size:clamp(6rem,25vw,16rem);font-weight:700;line-height:1}.score{margin:0;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.2}.date{margin:0;font-size:clamp(1rem,2.5vw,1.25rem);font-style:italic}.photo{max-width:min(90vw,550px);height:auto;border-radius:12px;box-shadow:0 12px 40px #0003}.links{display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(90vw,550px)}.more{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #d9d9d9}.more-label{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#666}.featured{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.quote{margin:0;padding:0 1rem;border-left:3px solid var(--text);text-align:left}.quote blockquote{margin:0;font-size:clamp(.95rem,2.2vw,1.1rem);font-style:italic;line-height:1.5}.attribution{margin-top:.5rem;font-size:clamp(.85rem,2vw,.95rem);color:#444}.link{color:var(--link);font-size:clamp(1rem,2.5vw,1.25rem);text-decoration:underline;text-underline-offset:.2em}.link:hover{opacity:.8}