@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Orbitron:wght@400;700&display=swap";:root{--color-bg-deep: #050b14;--color-primary-neon: #00f2ff;--color-secondary-neon: #bc00ff;--color-text-bright: #e0faff;--color-text-dim: #708198;--color-dark-panel: rgba(13, 22, 36, .85);--color-panel-border: rgba(0, 242, 255, .2);--font-main: "Space Grotesk", sans-serif;--font-accent: "Orbitron", sans-serif;--glow-shadow: 0 0 15px rgba(0, 242, 255, .4);--glow-text: 0 0 8px rgba(0, 242, 255, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-deep);background-image:linear-gradient(rgba(0,242,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.03) 1px,transparent 1px);background-size:40px 40px;color:var(--color-text-bright);min-height:100vh;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;padding:1rem}h1,h2,h3{font-family:var(--font-accent);text-transform:uppercase;letter-spacing:1px}.glass-card{background:var(--color-dark-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-panel-border);border-radius:12px;box-shadow:0 0 30px #00000080;padding:2.5rem;transition:all .3s ease}.button-apple{background:var(--color-primary-neon);color:var(--color-bg-deep);border:none;border-radius:8px;padding:14px 28px;font-family:var(--font-accent);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--glow-shadow);text-transform:uppercase}.button-apple:hover{background:#26f4ff;transform:translateY(-2px);box-shadow:0 0 25px #00f2ff99}.button-apple:active{transform:translateY(0)}.input-apple{background:#0000004d;border:1px solid var(--color-panel-border);border-radius:8px;padding:14px 20px;font-family:var(--font-main);font-size:1.1rem;color:var(--color-text-bright);width:100%;margin:1rem 0;transition:all .2s ease;outline:none}.input-apple:focus{border-color:var(--color-primary-neon);box-shadow:0 0 10px #00f2ff33}.neon-text{color:var(--color-primary-neon);text-shadow:var(--glow-text)}.status-footer{font-family:var(--font-accent);font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:2px;margin-top:2rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}@keyframes pulse-neon{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 15px var(--color-primary-neon)}}.animate-pulse-sci{animation:pulse-neon 2s infinite ease-in-out}.clock-container{width:85vw;height:85vw;max-width:320px;max-height:320px;display:flex;justify-content:center;align-items:center;position:relative;-webkit-user-select:none;user-select:none;margin:1rem 0;touch-action:none}.clock-svg{width:100%;height:100%}.clock-number-sci{font-family:var(--font-accent);font-size:16px;font-weight:500}.clock-hand-sci{cursor:pointer;transition:transform .1s ease-out}.clock-hand-sci:hover{filter:brightness(1.2)}.clock-hand-sci.dragging{filter:brightness(1.4) drop-shadow(0 0 5px white)}