html, body { overflow-x: hidden; }
        body {
            background: #0a0a0a;
            color: #e5e7eb;
            font-family: Inter, sans-serif;
        }
        .card {
            background: #111111;
            border: 1px solid rgba(255,255,255,0.06);
            box-shadow: 0 10px 30px rgba(0,0,0,0.22);
            min-width: 0;
        }
        .card-label {
            color: rgb(156 163 175);
            font-size: .875rem;
            line-height: 1.25rem;
        }
        .soft-btn {
            transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
        }
        .soft-btn:hover {
            transform: translateY(-2px);
            border-color: rgba(255,255,255,.14);
            background: rgba(255,255,255,.05);
        }
        .skeleton {
            background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.04), rgba(255,255,255,.08));
            background-size: 200% 100%;
            animation: shimmer 1.2s infinite;
        }
        @keyframes shimmer {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
        .info-row {
            border: 1px solid rgba(255,255,255,.06);
            background: rgba(255,255,255,.02);
            border-radius: 1rem;
            padding: 1rem;
        }
        .mono {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        }
        .plate-shell {
            background: #f7c800;
            border: 2px solid rgba(0,0,0,.55);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.35),
                inset 0 -2px 0 rgba(0,0,0,.18),
                0 16px 30px rgba(0,0,0,.25);
        }
        .plate-text {
            letter-spacing: .18em;
            text-shadow: 0 1px 0 rgba(255,255,255,.25);
        }