:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;--accent:#ffb64a;--claude:#d97757;--glass:#0a12209e;--glass-border:#ffffff1f;--muted:#b8c4d8;background:#101827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-width:320px;overflow:hidden}button{font:inherit}.d-app{background:#101827;position:fixed;inset:0;overflow:hidden}.d-app canvas{display:block}.loadbar{background:linear-gradient(90deg, var(--accent), #ff7a1a);transform-origin:0;z-index:20;width:100%;height:3px;transition:transform .3s,opacity .6s .4s;position:absolute;top:0;left:0}.loadbar-done{opacity:0}.d-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.k-label{white-space:nowrap;will-change:transform;text-shadow:0 1px 2px #000000b3;transform-origin:0;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;top:0;left:0}.k-label-dot{background:var(--claude);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #d977574d}.k-label-text{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;flex-direction:column;padding:4px 9px;line-height:1.25;display:flex}.k-label-text small{color:var(--muted);font-size:10.5px}.d-title{z-index:10;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(14px);border-radius:14px;max-width:440px;padding:14px 18px 16px;position:absolute;top:20px;left:20px}.d-eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:700}.d-title h1{letter-spacing:-.02em;margin:0;font-size:1.45rem;line-height:1.15}.d-sub{color:var(--muted);margin:6px 0 0;font-size:.85rem}.d-caption{z-index:10;text-align:center;pointer-events:none;max-width:min(820px,100vw - 40px);animation:.5s both caption-in;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.d-caption-text{letter-spacing:-.02em;text-shadow:0 2px 12px #000000bf,0 0 2px #000000e6;margin:0;font-size:clamp(1.4rem,3vw,2.3rem);font-weight:700;line-height:1.1}.d-caption-sub{color:#ffe6c2;text-shadow:0 1px 6px #000c;margin:8px 0 0;font-size:clamp(.9rem,1.4vw,1.1rem)}.d-caption.is-done{opacity:0;transition:opacity .6s;bottom:50%;transform:translate(-50%,40%)}@keyframes caption-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.d-controls{z-index:10;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(14px);border-radius:14px;align-items:center;gap:16px;padding:10px 14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.d-play{appearance:none;background:var(--accent);color:#2a1600;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:700;transition:transform .1s,background .15s}.d-play:hover{background:#ffc86e}.d-play:active{transform:scale(.97)}.d-play:disabled{color:var(--muted);cursor:progress;background:#ffffff24}.d-timeline{background:#ffffff24;border-radius:3px;flex:1;height:6px;margin:0 8px 18px;position:relative}.d-timeline-fill{background:linear-gradient(90deg, var(--accent), var(--claude));border-radius:3px;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.d-marker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;align-items:center;gap:6px;font-size:.68rem;display:flex;position:absolute;top:-4px;transform:translate(-50%)}.d-marker i{background:#101827;border:2px solid #ffffff59;border-radius:50%;width:14px;height:14px;display:block}.d-marker.is-past i{border-color:var(--accent);background:var(--accent)}.d-marker.is-past{color:#f4f7fb}.d-clock{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:.8rem}.d-verdict{z-index:11;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#101827db;border:1px solid #ffb64a73;border-radius:18px;width:min(560px,100vw - 40px);padding:26px 28px;animation:.6s both caption-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.d-verdict h2{letter-spacing:-.03em;margin:4px 0 10px;font-size:2rem}.d-verdict p{color:var(--muted);margin:0 0 16px;font-size:.95rem;line-height:1.5}.d-attribution{z-index:9;text-align:right;color:#f4f7fbbf;text-shadow:0 1px 2px #0009;pointer-events:none;max-width:46vw;margin:0;font-size:.66rem;line-height:1.4;position:absolute;bottom:88px;right:20px}@media (width<=720px){.d-title{max-width:calc(100vw - 40px);padding:10px 14px}.d-title h1{font-size:1.1rem}.d-marker,.d-attribution{display:none}}.d-notice{z-index:12;color:#ffe6b0;background:#1c2434e6;border:1px solid #ffd27859;border-radius:12px;max-width:min(640px,100vw - 40px);margin:0;padding:10px 16px;font-size:.82rem;position:absolute;top:20px;left:50%;transform:translate(-50%)}