:root{font-family:Cairo,system-ui,sans-serif;color:#f7f7f8;background:#08090d;color-scheme:dark;--bg:#08090d;--panel:#11131a;--panel2:#171923;--line:#252935;--text:#f7f7f8;--muted:#9da2ae;--red:#ff4659;--red2:#ff6d7a;--shadow:0 16px 48px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1000px 500px at 50% -10%,rgba(255,70,89,.18),transparent 60%),var(--bg);min-height:100vh}button,input{font:inherit}.hidden{display:none}.screen{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;color:var(--muted)}.loader{width:40px;height:40px;border:3px solid #222630;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.app{width:min(100%,720px);margin:auto;padding:18px 14px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 18px}.brand{font-weight:800;font-size:21px}.muted{color:var(--muted);font-size:13px}.badge{border:1px solid #3a2630;background:#1b1115;color:#ff9ba6;padding:5px 10px;border-radius:99px;font-size:12px}.card{background:linear-gradient(180deg,rgba(23,25,35,.96),rgba(16,18,25,.96));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.hero{display:flex;align-items:center;justify-content:space-between;overflow:hidden}.eyebrow{font-size:12px;color:#ff8f9a}.hero h1{margin:6px 0;font-size:30px;line-height:1.25}.hero p{margin:0;color:var(--muted);font-size:13px;max-width:520px}.hero-orb{width:84px;height:84px;display:grid;place-items:center;border-radius:26px;background:radial-gradient(circle at 30% 30%,#5d151f,#221015);font-size:42px;box-shadow:inset 0 0 30px rgba(255,70,89,.12)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:15px}.section-head h2{margin:0;font-size:17px}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;max-width:170px;overflow:hidden;text-overflow:ellipsis;direction:ltr}.grid{display:grid;gap:8px;background:#0c0e14;padding:10px;border-radius:18px;border:1px solid #232631;margin-bottom:13px}.cell{aspect-ratio:1/1;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#1c202c,#141721);border:1px solid #2b303e;box-shadow:inset 0 -8px 16px rgba(0,0,0,.22);font-size:clamp(24px,7vw,44px);opacity:0;transform:scale(.86);animation:reveal .32s cubic-bezier(.2,.8,.2,1) forwards}.cell.empty{font-size:18px;color:#373c4a}.cell.apple{background:radial-gradient(circle at 50% 34%,#34151c,#17141a 60%);border-color:#48222a;box-shadow:inset 0 0 22px rgba(255,70,89,.08)}@keyframes reveal{to{opacity:1;transform:none}}.primary-btn{width:100%;border:0;border-radius:16px;padding:14px 16px;background:linear-gradient(180deg,var(--red2),var(--red));color:white;font-weight:800;box-shadow:0 12px 30px rgba(255,70,89,.18);cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:wait}.hint{padding-top:10px;color:#7e8491;font-size:11px;text-align:center}.history{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:15px;background:#0e1016;border:1px solid #232631}.history-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{padding:4px 8px;border-radius:999px;font-size:10px;border:1px solid #2b303e;color:#bfc4cf}.error{color:#ff9ba6}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{margin:0}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{font-size:28px}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.field{background:#0d0f15;border:1px solid var(--line);padding:12px;border-radius:14px}.field label{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.field input{width:100%;background:#151823;border:1px solid #2b303e;color:white;border-radius:10px;padding:9px}.small-btn,.link-btn{border:1px solid #3a2630;background:#1b1115;color:#ffb0b8;border-radius:10px;padding:8px 10px;cursor:pointer;text-decoration:none;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:10px 8px;border-bottom:1px solid #242833;text-align:right;white-space:nowrap}.ok{color:#7de2a3}.off{color:#ff9ba6}.center-page{min-height:100vh;display:grid;place-items:center;padding:20px}.center-page .card{text-align:center;max-width:420px}@media(max-width:520px){.app{padding-inline:10px}.hero-orb{width:68px;height:68px;font-size:34px}.stats-grid,.settings{grid-template-columns:1fr}.hero h1{font-size:25px}}