:root{color-scheme:light;--bg0: #f7f8fc;--bg1: #eef2ff;--card: rgba(255, 255, 255, .78);--cardBorder: rgba(15, 23, 42, .1);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .7);--muted2: rgba(15, 23, 42, .56);--accent: #6d5efc;--accent2: #22b8ff;--shadow: 0 18px 50px rgba(2, 6, 23, .12);--radius: 16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 15% 10%,rgba(109,94,252,.18),transparent 60%),radial-gradient(1000px 700px at 85% 20%,rgba(34,184,255,.14),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}#root{height:100%}.app{min-height:100%;display:grid;place-items:center;padding:20px}.card{width:min(820px,100%);background:var(--card);border:1px solid var(--cardBorder);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}.header{display:flex;gap:14px;align-items:center;padding:22px 22px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.badge{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6d5efcf2,#22b8ffcc);color:#fff;font-weight:800;letter-spacing:.5px;box-shadow:0 10px 25px #6d5efc2e}.title{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.2px}.subtitle{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.35}.content{padding:18px 22px 16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#ffffff8c;padding:14px}button.tile{width:100%;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}button.tile:hover{background:#ffffffb8;border-color:#0f172a24;box-shadow:0 10px 30px #02061714;transform:translateY(-1px)}button.tile:active{transform:translateY(0);box-shadow:0 6px 18px #0206170f}button.tile:focus-visible{outline:3px solid rgba(109,94,252,.28);outline-offset:2px}button.tile:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.tileTitle{font-weight:700;letter-spacing:.2px}.tileText{margin-top:6px;color:var(--muted2);font-size:13px;line-height:1.35}.hint{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.footer{display:flex;gap:10px;align-items:center;padding:14px 22px 18px;border-top:1px solid rgba(15,23,42,.08);color:var(--muted2);font-size:13px}.dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 22px #22b8ff29}@media (max-width: 560px){.grid{grid-template-columns:1fr}.header{padding:18px 18px 14px}.content{padding:16px 18px 14px}.footer{padding:12px 18px 16px}}