:root{--ink:#f4f1ff;--muted:#a9a6c4;--bg:#000005;--panel:#0c0e229e;--edge:#ffffff24;--font:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--bg);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{position:fixed;inset:0}.loading{color:var(--muted);background:var(--bg);place-items:center;font-size:1.6rem;display:grid;position:absolute;inset:0}.hidden{opacity:0;pointer-events:none}.title,.facts{transition:opacity .6s}.title{text-align:center;pointer-events:none;text-shadow:0 2px 16px #000c;position:absolute;top:3vh;left:0;right:0}.title h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(3rem,11vh,7rem)}.title .kind{color:var(--muted);margin:0;font-size:clamp(1rem,3vh,1.6rem)}.switch{border:1px solid var(--edge);background:var(--panel);border-radius:999px;gap:4px;padding:4px;display:flex;position:absolute;top:16px}.switch.views{left:16px}.switch.languages{right:16px}.switch button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.95rem}.switch button.current{color:var(--ink);background:#ffffff29}.labels{transition:opacity .6s}.labels button{color:var(--ink);white-space:nowrap;background:#00000059;border:none;border-radius:999px;padding:2px 8px;font-size:.95rem;position:absolute;top:0;left:0}.labels button.current{color:#ffd36b;font-weight:700}.facts{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;align-items:center;gap:16px;width:min(720px,100% - 32px);padding:14px 20px;display:flex;position:absolute;bottom:9vh;left:50%;transform:translate(-50%)}.facts ul{flex:1;margin:0;padding-left:1.2em;font-size:clamp(1rem,2.6vh,1.35rem);line-height:1.45}.speak{border:1px solid var(--edge);background:#ffffff14;border-radius:50%;flex:none;width:56px;height:56px;font-size:1.6rem}.nav{border:1px solid var(--edge);background:var(--panel);border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-size:1.1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav:hover{background:#282c5abf}.nav .arrow{font-size:2rem;line-height:1}.nav.left{left:16px}.nav.right{right:16px}.dots{justify-content:center;gap:10px;display:flex;position:absolute;bottom:3vh;left:0;right:0}.dots button{border:1px solid var(--edge);background:#ffffff40;border-radius:50%;width:14px;height:14px;padding:0}.dots button.current{background:#ffd36b;transform:scale(1.3)}@media (width<=640px){.nav .to{display:none}.title{top:64px}}