:root{--bg:#FBFBFC;--kart:#fff;--yazi:#141B2D;--alt:#4A5367;--cizgi:#DCE1EA;--vurgu:#0B8A96;--vurgu-yazi:#fff;
--yesil:#1e8e5a;--yesil-z:rgba(30,142,90,.10);--sari:#c98a00;--sari-z:rgba(201,138,0,.12);--kirmizi:#c0392b;--kirmizi-z:rgba(192,57,43,.12)}
@media (prefers-color-scheme:dark){:root{--bg:#0A0F1D;--kart:#121A30;--yazi:#F4F6FB;--alt:#B9C3D8;--cizgi:rgba(160,184,230,.18);--vurgu:#14B8C4;--vurgu-yazi:#06202a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--yazi);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}
main{max-width:520px;margin:0 auto;padding:28px 0 56px;display:grid;gap:16px}
h1{font-size:26px;margin:0 0 4px}
.alt{color:var(--alt)}.kucuk{font-size:13px}.orta{text-align:center;margin:0}.kir{word-break:break-all}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:16px;display:grid;gap:10px}
.kamera{padding:0;overflow:hidden;position:relative;display:block}
.kamera video{width:100%;display:block;background:#000}
.cerceve{position:absolute;inset:18%;border:3px solid rgba(255,255,255,.85);border-radius:16px;pointer-events:none}
.hata{border-color:var(--kirmizi)}
.satir{display:flex;gap:10px;flex-wrap:wrap}
.btn{font:inherit;display:inline-block;border:1px solid var(--cizgi);background:var(--kart);color:var(--yazi);padding:10px 16px;border-radius:10px;text-decoration:none;cursor:pointer}
.btn.birincil{background:var(--vurgu);color:var(--vurgu-yazi);border-color:var(--vurgu);font-weight:600}
.btn.buyuk{font-size:17px;padding:14px 20px;flex:1}
.alan{font-size:22px;font-weight:700;word-break:break-all}
.uyari{border:2px solid;border-radius:12px;padding:12px 14px}
.uyari b{display:block}.uyari ul{margin:6px 0 0;padding-left:18px;font-size:14px}
.uyari.yesil{border-color:var(--yesil);background:var(--yesil-z)}
.uyari.sari{border-color:var(--sari);background:var(--sari-z)}
.uyari.kirmizi{border-color:var(--kirmizi);background:var(--kirmizi-z)}
footer p{margin:2px 0}
footer a{color:var(--vurgu)}
[hidden]{display:none!important}