:root{--zemin:#0b1220;--kart:#131c2e;--cizgi:#ffffff1a;--metin:#f1f5f9;--sonuk:#94a3b8;--vurgu:#7c5cff;--uyari:#f59e0b}*{box-sizing:border-box}html,body{background:var(--zemin);height:100%;color:var(--metin);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.sayfa{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:100%;padding:3rem;display:flex}.baslik{margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:600}.aciklama{color:var(--sonuk);max-width:40ch;margin:0;font-size:clamp(1.1rem,1.8vw,1.8rem);line-height:1.5}.kod{letter-spacing:.12em;margin:0;font-size:clamp(2.5rem,6.5vw,6rem);font-weight:700;line-height:1}.qr{background:#fff;border-radius:1.5rem;padding:1.5rem;line-height:0}.qr img,.qr canvas{width:clamp(220px,26vw,420px);height:auto;display:block}.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:1.5rem;padding:2rem 2.5rem}.dugme{background:var(--vurgu);color:#fff;cursor:pointer;border:none;border-radius:1rem;min-width:12rem;min-height:4rem;padding:1rem 2.5rem;font-size:clamp(1.2rem,2vw,2rem);font-weight:600}.dugme.ikincil{color:var(--metin);background:#ffffff1a}.dugme:active{transform:scale(.98)}.kilit{min-width:0;min-height:3.75rem;padding:1rem 2rem;font-size:1.25rem;position:fixed;bottom:1.5rem;right:1.5rem}.durum-satiri{color:var(--sonuk);font-size:1rem;position:fixed;bottom:1.5rem;left:1.5rem}.uyari{color:var(--uyari)}.sayac{flex-direction:column;align-items:center;gap:2rem;width:min(94vw,1500px);display:flex}.sayac-rakam{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--metin);font-size:clamp(4.5rem,18vw,16rem);font-weight:700;line-height:1;transition:color 2s linear}.sayac-rakam.son-dilim{color:var(--uyari)}.sayac-rakam.bitti{color:var(--uyari);font-size:clamp(3rem,10vw,9rem)}.sayac-not{color:var(--sonuk);font-size:clamp(1.2rem,2.5vw,2.5rem)}.sayac-sahne{border-radius:1.25rem;width:100%;max-height:34vh;overflow:hidden}.sayac-cubuk{background:var(--cizgi);border-radius:999px;width:100%;height:clamp(1.5rem,3vh,3rem);overflow:hidden}.sayac-cubuk-dolu{background:var(--vurgu);height:100%;transition:width 1s linear}@media (prefers-reduced-motion:reduce){.sayac-cubuk-dolu,.sayac-rakam{transition:none}}