*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:system-ui,sans-serif}.scene{position:relative;width:100vw;height:100vh;background:#0f172a;--shrink-duration: 30s}.duration-controls{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:1000;display:flex;gap:8px}.info{position:absolute;top:16px;left:16px;z-index:1000;display:inline-flex;align-items:center;gap:8px}.info-button-wrap{position:relative;display:inline-flex}.remaining-time{color:#e2e8f0;font-size:15px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums}.elephant-toggle{width:38px;height:22px;border:1px solid #cbd5e1;border-radius:999px;background:#1e293b;cursor:pointer;position:relative;transition:background .12s ease}.elephant-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#94a3b8;transition:transform .12s ease,background .12s ease}.elephant-toggle:hover{background:#334155}.elephant-toggle:focus-visible{outline:2px solid #e2e8f0;outline-offset:2px}.elephant-toggle.is-alt:after{background:#e2e8f0;transform:translate(16px)}.info-button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:9999px;background:#1e293b;color:#e2e8f0;font-size:16px;font-weight:700;line-height:1;cursor:pointer}.info-button:hover{background:#334155}.info-tooltip{position:absolute;top:40px;left:0;width:min(360px,calc(100vw - 32px));border:1px solid #cbd5e1;border-radius:8px;background:#1e293b;color:#e2e8f0;padding:10px 12px;font-size:13px;line-height:1.35;opacity:0;visibility:hidden;pointer-events:none}.info-button-wrap:hover .info-tooltip,.info-button-wrap:focus-within .info-tooltip{opacity:1;visibility:visible;pointer-events:auto}.duration-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:8px;background:#1e293b;color:#e2e8f0;padding:8px 12px;font-size:14px;cursor:pointer}.duration-button-icon{width:40px;height:40px;object-fit:cover;border-radius:4px}.duration-button-label{line-height:1}.duration-button:hover{background:#334155}.duration-button.is-active{background:#475569}.restart-button{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;border:1px solid #cbd5e1;border-radius:8px;background:#1e293b;color:#e2e8f0;padding:8px 12px;font-size:14px;cursor:pointer}.restart-button.is-visible{display:block}.restart-button:hover{background:#334155}.elephant{position:absolute;transform-origin:center;transition:transform var(--shrink-duration) linear,opacity var(--shrink-duration) linear;-webkit-user-select:none;user-select:none;pointer-events:none}.elephant.shrinking{transform:scale(0);opacity:0;filter:sepia(1) saturate(4.8) hue-rotate(-50deg) brightness(.95) contrast(1.1)}a{color:#eee8aa;text-decoration:none}a:hover{text-decoration:underline}