.cheat-sheet{--background: 0 0% 100%;--foreground: 0 0% 0%;--primary: 24.6 95% 53.1%;--primary-foreground: 0 0% 100%;--muted: 210 20% 98%;--muted-foreground: 220 9% 46%;--border: 220 14% 96%;--input: 220 14% 96%;--ring: 24.6 95% 53.1%;--accent: 0 0% 0%;--accent-foreground: 0 0% 100%;--cheat-badge: 33 100% 96%;--cheat-badge-ink: 20.5 90% 48.2%;--cheat-shadow: 0 32px 64px -12px hsl(0 0% 0% / .12);--cheat-cta-shadow: 0 10px 15px -3px hsl(32 98% 83% / .55);font-family:Inter,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:32px;overflow:hidden;box-shadow:var(--cheat-shadow);letter-spacing:0}.cheat-sheet-body{padding:48px 40px 36px}.cheat-sheet-badge{display:inline-flex;margin-bottom:24px;padding:5px 12px;border-radius:100px;background:hsl(var(--cheat-badge));color:hsl(var(--cheat-badge-ink));font-size:11px;font-weight:700;border:1px solid hsl(var(--primary) / .12)}.cheat-sheet h3{font-family:Inter,sans-serif;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:16px;letter-spacing:0}.cheat-sheet-description{color:hsl(var(--muted-foreground));font-size:15px;line-height:1.65;margin-bottom:28px}.cheat-sheet-form{display:flex;flex-direction:column;gap:16px}.cheat-sheet-label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.cheat-sheet-field{width:100%;min-width:0;height:54px;padding:0 16px;border:2px solid transparent;border-radius:16px;background:hsl(var(--muted));font:inherit;font-size:15px;color:hsl(var(--foreground));outline:none;transition:border-color .2s}.cheat-sheet-field:focus{border-color:hsl(var(--primary));background:hsl(var(--background))}.cheat-sheet-field::-moz-placeholder{color:hsl(var(--muted-foreground))}.cheat-sheet-field::placeholder{color:hsl(var(--muted-foreground))}.cheat-sheet .cheat-sheet-cta{width:100%;height:54px;border-radius:16px;margin-top:4px;font-size:15px;font-weight:700;background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--cheat-cta-shadow);white-space:normal}.cheat-sheet .cheat-sheet-cta:hover{background:hsl(var(--accent));box-shadow:none}.cheat-sheet-footer{margin-top:28px;color:hsl(var(--muted-foreground));text-align:center;font-size:11px;line-height:1.7}.cheat-sheet-bar{height:6px;background:hsl(var(--primary))}.cheat-sheet.compact{border-radius:12px;box-shadow:none}.cheat-sheet.compact .cheat-sheet-body{padding:20px}.cheat-sheet.compact h3{font-size:22px}.cheat-sheet.compact .cheat-sheet-badge{margin-bottom:12px}.cheat-dialog{padding:0;gap:0;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto;border:0;border-radius:32px;background:transparent;box-shadow:none}.cheat-dialog>button:last-child{right:20px;top:20px;padding:8px;border-radius:100px;color:#6b7280}@media (max-width: 480px){.cheat-sheet-body{padding:40px 24px 28px}.cheat-sheet h3{font-size:28px}.cheat-sheet-description{margin-bottom:22px}}@media (prefers-reduced-motion: reduce){.cheat-sheet *,.cheat-dialog{animation:none!important;transition:none!important}}
