html,body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;background:#f4f6fb}.keskitys{min-height:100%;display:flex;align-items:center;justify-content:center}.kulmanauha{position:absolute;top:10px;left:-35px;background:#d9534f;color:#fff;padding:5px 40px;font-weight:700;transform:rotate(-45deg);text-align:center;box-shadow:0 0 5px #0006}.laatikko{margin:12px;overflow:hidden;position:relative;width:100%;max-width:560px;background:#fff;border-radius:12px;padding:28px;box-shadow:0 8px 30px #141e3c1f;text-align:center;color:#21314a}.laatikko h1{margin:0 0 8px;font-size:20px}.laatikko p{margin:0 0 18px;color:#44566d;line-height:1.4;font-size:15px}.alatunniste{margin-top:12px;font-size:13px;color:#8b98ad}.smoke-ball{width:66px;height:66px;border-radius:50%;position:relative;overflow:hidden;--scale: 1;transform:scale(var(--scale));box-shadow:0 0 10px #000000e6;background:radial-gradient(circle at 30% 30%,#0b1a33 0,#020512 60%,#000)}.smoke-ball:before{content:"";position:absolute;inset:-60%;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.85),transparent 55%),radial-gradient(circle at 70% 30%,rgba(160,200,255,.8),transparent 60%),radial-gradient(circle at 40% 80%,rgba(80,140,255,.7),transparent 55%),radial-gradient(circle at 80% 75%,rgba(220,235,255,.6),transparent 55%);filter:blur(18px);mix-blend-mode:lighten;animation:smoke-loop 8s linear infinite;opacity:.95}.smoke-ball:after{content:"";position:absolute;inset:-45%;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.4),transparent 65%),radial-gradient(circle at 10% 90%,rgba(150,190,255,.4),transparent 60%);filter:blur(30px);mix-blend-mode:screen;animation:smoke-pulse 5s ease-in-out infinite alternate;opacity:.8}@keyframes smoke-loop{0%{transform:translate3d(-8%,8%,0) rotate(0) scale(1)}25%{transform:translate3d(10%,-4%,0) rotate(90deg) scale(1.05)}50%{transform:translate3d(6%,10%,0) rotate(180deg) scale(1.08)}75%{transform:translate3d(-6%,-6%,0) rotate(270deg) scale(1.03)}to{transform:translate3d(-8%,8%,0) rotate(360deg) scale(1)}}@keyframes smoke-pulse{0%{opacity:.3;transform:scale(.95)}to{opacity:.9;transform:scale(1.05)}}.btn-link{display:inline-block;padding:10px 18px;background:linear-gradient(180deg,#347bff,#2b65e6);color:#fff;cursor:pointer;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;border:11px}#yl�tunniste:empty,#alatunniste:empty{display:none}.controls{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:18px;position:relative}.indicator-wrap{display:none;align-items:center;justify-content:center;width:100%;margin-bottom:12px;padding:15px 0}@media(max-width:420px){.laatikko{padding:20px;border-radius:10px}.laatikko h1{font-size:18px}.laatikko p{font-size:16px;margin-bottom:14px}.btn-link{display:block;width:100%;padding:12px 14px;font-size:16px;box-sizing:border-box}}