body { font-family: 'Lexend Deca', serif !important; }

        /* ============ ASTRO-DATABANK · CELESTIAL THEME ============ */
        .db-card { border-radius: 18px; overflow: hidden; }

        /* --- Cosmic hero --- */
        .db-hero { position: relative; border: 0; border-radius: 18px; overflow: hidden; }
        .db-hero__bg {
            position: absolute; inset: 0;
            background:
                radial-gradient(78% 90% at 80% 42%, rgba(126,87,194,.50) 0%, rgba(126,87,194,0) 55%),
                radial-gradient(65% 75% at 12% 18%, rgba(0,150,136,.18) 0%, rgba(0,150,136,0) 55%),
                radial-gradient(130% 120% at 50% 125%, rgba(48,63,159,.45) 0%, rgba(48,63,159,0) 60%),
                #0b1030;
        }
        @media (prefers-reduced-motion: reduce) {
            .db-orbit { animation: none !important; }
            .db-zodiac__halo { animation: none !important; }
        }

        .db-eyebrow {
            color: #c5cae9; font-size: 12px; letter-spacing: .16em;
            text-transform: uppercase; font-weight: 600;
        }
        .db-name {
            color: #fff; font-weight: 700; line-height: 1.1;
            font-size: clamp(1.9rem, 5.2vw, 2.7rem);
            margin: .35rem 0 .55rem; text-shadow: 0 2px 22px rgba(0,0,0,.28);
        }
        .db-sub { color: #9fa8da; font-size: 13px; font-style: italic; margin-top: .4rem; }

        /* --- Zodiac glyph medallion --- */
        .db-zodiac {
            position: relative; display: flex; align-items: center; justify-content: center;
            width: clamp(170px, 44vw, 230px); height: clamp(170px, 44vw, 230px);
        }
        .db-zodiac__halo {
            position: absolute; inset: 6%; border-radius: 50%;
            background: radial-gradient(circle, rgba(255,213,79,.30) 0%, rgba(255,213,79,.08) 48%, rgba(255,213,79,0) 70%);
            animation: db-breathe 6.5s ease-in-out infinite;
        }
        @keyframes db-breathe { 0%,100% { opacity: .75; transform: scale(1); } 50% { opacity: 1; transform: scale(1.08); } }
        .db-zodiac__ring {
            position: absolute; inset: 9%; border-radius: 50%;
            border: 1px solid rgba(255,224,130,.30);
            box-shadow: inset 0 0 30px rgba(255,224,130,.10);
        }
        /* orbiting planets — motion stays inside the medallion, never over the text */
        .db-orbit { position: absolute; border-radius: 50%; border: 1px dashed rgba(255,224,130,.16); animation: db-spin linear infinite; }
        .db-orbit::after {
            content: ""; position: absolute; top: -4px; left: 50%; width: 9px; height: 9px;
            margin-left: -4.5px; border-radius: 50%; background: #ffe082;
            box-shadow: 0 0 10px 2px rgba(255,224,130,.7);
        }
        .db-orbit--a { inset: 1%; animation-duration: 22s; }
        .db-orbit--b { inset: 16%; animation-duration: 34s; animation-direction: reverse; }
        .db-orbit--b::after { width: 6px; height: 6px; margin-left: -3px; top: -3px; background: #80deea; box-shadow: 0 0 8px 2px rgba(128,222,234,.7); }
        @keyframes db-spin { to { transform: rotate(360deg); } }
        .db-constellation { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .8; }
        .db-zodiac__glyph {
            position: relative; color: #fff; line-height: 1;
            font-family: 'Segoe UI Symbol', 'Noto Sans Symbols2', 'Noto Sans Symbols', 'DejaVu Sans', sans-serif;
            font-size: clamp(80px, 21vw, 118px);
            text-shadow: 0 0 26px rgba(255,213,79,.85), 0 0 10px rgba(255,255,255,.55);
        }

        /* --- Fact chips --- */
        .db-fact { display: flex; gap: .8rem; align-items: flex-start; }
        .db-fact__icon {
            flex: 0 0 44px; width: 44px; height: 44px; border-radius: 13px;
            display: flex; align-items: center; justify-content: center;
            background: #e8eaf6; color: #3949ab; font-size: 20px;
        }
        .db-fact__label {
            color: #9aa0a6; font-size: 11px; font-weight: 600;
            text-transform: uppercase; letter-spacing: .07em;
        }
        .db-fact__value { color: #212121; font-weight: 500; font-size: 15px; }

        /* --- Action buttons (symmetrical pair) --- */
        .db-action {
            display: flex; align-items: center; justify-content: center; gap: .55rem;
            width: 100%; padding: .95rem 1rem; border: 0; border-radius: 13px;
            font-weight: 600; font-size: 16px; line-height: 1.2; text-decoration: none;
            transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
        }
        .db-action i { font-size: 19px; }
        .db-action-horoscope { background: #3949ab; color: #fff; box-shadow: 0 5px 14px rgba(57,73,171,.22); }
        .db-action-horoscope:hover { background: #303f9f; color: #fff; transform: translateY(-2px); box-shadow: 0 9px 22px rgba(57,73,171,.30); }
        .db-action-download { background: #ffb300; color: #4a3500; box-shadow: 0 5px 14px rgba(255,179,0,.26); }
        .db-action-download:hover { background: #ffa000; color: #3a2900; transform: translateY(-2px); box-shadow: 0 9px 22px rgba(255,179,0,.34); }
        .db-back {
            display: inline-flex; align-items: center; gap: .4rem;
            color: #5c6bc0; font-weight: 500; font-size: 14px; text-decoration: none;
            padding: .4rem .9rem; border-radius: 10px; transition: background .15s ease, color .15s ease;
        }
        .db-back:hover { background: #eef0f8; color: #3949ab; }

        /* --- Sign chips (hardcoded Vedic identity) --- */
        .db-name-tag { font-weight: 400; font-size: .5em; color: #c5cae9; white-space: nowrap; }
        .db-signrow { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; justify-content: center; }
        .db-chip {
            display: inline-flex; align-items: center; gap: .55rem;
            background: rgba(255,255,255,.10); border: 1px solid rgba(255,224,130,.28);
            border-radius: 12px; padding: .5rem .8rem;
        }
        .db-chip__glyph { font-size: 27px; line-height: 1; color: #ffe082;
            font-family: 'Segoe UI Symbol', 'Noto Sans Symbols2', 'Noto Sans Symbols', 'DejaVu Sans', sans-serif; }
        .db-bar__glyph, .db-section-title i { font-family: 'Segoe UI Symbol', 'Noto Sans Symbols2', 'Noto Sans Symbols', 'DejaVu Sans', sans-serif; }

        /* --- Copy birth-data button --- */
        .db-copy {
            display: inline-flex; align-items: center; gap: .4rem; font-size: 13px; font-weight: 600;
            color: #3949ab; background: #eef0fb; border: 1px solid #dfe3f5; border-radius: 10px;
            padding: .42rem .75rem; cursor: pointer; transition: background .15s ease, transform .1s ease;
        }
        .db-copy:hover { background: #e2e6f8; }
        .db-copy:active { transform: scale(.97); }
        .db-chip__t { display: flex; flex-direction: column; line-height: 1.15; text-align: left; }
        .db-chip__t b { color: #fff; font-weight: 600; font-size: 15px; }
        .db-chip__t small { color: #c5cae9; font-size: 11px; }
        @media (min-width:768px){ .db-signrow { justify-content: flex-start; } }
        .db-sub i { color: #ffd54f; }

        /* --- Strength teaser (static, no JS — crawlable) --- */
        .db-section-title { display: flex; align-items: center; gap: .5rem; font-weight: 600; color: #1a237e; font-size: 18px; }
        .db-strength { display: flex; align-items: flex-end; gap: clamp(6px,2.4vw,22px); height: 190px; padding: 0 .25rem; }
        .db-bar { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
        .db-bar__val { font-size: 12px; font-weight: 600; color: #5f6368; margin-bottom: 4px; }
        .db-bar__fill { width: 100%; max-width: 46px; border-radius: 8px 8px 0 0; }
        .db-bar__name { font-size: 11px; color: #616161; margin-top: 6px; text-align: center; line-height: 1.2; }
        .db-bar__glyph { font-size: 16px; display: block; color: #3949ab; }
        .db-pill-link {
            display: inline-flex; align-items: center; gap: .35rem; font-size: 13px; font-weight: 600;
            color: #5e35b1; text-decoration: none; background: #ede7f6; padding: .4rem .8rem; border-radius: 20px;
        }
        .db-pill-link:hover { background: #e1d5f5; color: #4527a0; }
        .db-intro { font-size: 14px; line-height: 1.65; color: #37474f; }
        .db-intro a { color: #3949ab; font-weight: 600; text-decoration: none; }
        .db-intro a:hover { text-decoration: underline; }

        /* --- Info strip --- */
        .db-strip {
            border-radius: 14px; padding: 14px 18px; font-size: 13px;
            background: linear-gradient(135deg, #e8eaf6, #ede7f6);
            color: #3949ab; border: 1px solid #e0e0f0;
        }
    

/* db-tier2 decorations */
.db-zodiac{background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.db-zodiac::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(255,213,79,.30) 0%,rgba(255,213,79,.08) 48%,rgba(255,213,79,0) 70%);animation:db-breathe 6.5s ease-in-out infinite;pointer-events:none}
.db-zodiac::after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,224,130,.30);box-shadow:inset 0 0 30px rgba(255,224,130,.10);pointer-events:none}
.db-zodiac__glyph{position:relative;z-index:1}
.db-bar__name::before{font-family:'Segoe UI Symbol','Noto Sans Symbols2','Noto Sans Symbols','DejaVu Sans',sans-serif;font-size:16px;display:block;color:#3949ab}

.db-zodiac--aries{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%2244.2,89.1 69.0,109.0 152.5,89.7 125.5,91.5 150.0,153.7 110.3,165.9 109.5,124.7%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%2244.2%22 cy=%2289.1%22 r=%223.2%22/%3E%3Ccircle cx=%2269.0%22 cy=%22109.0%22 r=%221.8%22/%3E%3Ccircle cx=%22152.5%22 cy=%2289.7%22 r=%221.8%22/%3E%3Ccircle cx=%22125.5%22 cy=%2291.5%22 r=%221.8%22/%3E%3Ccircle cx=%22150.0%22 cy=%22153.7%22 r=%221.8%22/%3E%3Ccircle cx=%22110.3%22 cy=%22165.9%22 r=%221.8%22/%3E%3Ccircle cx=%22109.5%22 cy=%22124.7%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--taurus{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%22110.7,163.9 67.2,31.0 100.1,42.0 51.0,107.9 156.4,86.6 103.4,38.5 53.9,146.6%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%22110.7%22 cy=%22163.9%22 r=%223.2%22/%3E%3Ccircle cx=%2267.2%22 cy=%2231.0%22 r=%221.8%22/%3E%3Ccircle cx=%22100.1%22 cy=%2242.0%22 r=%221.8%22/%3E%3Ccircle cx=%2251.0%22 cy=%22107.9%22 r=%221.8%22/%3E%3Ccircle cx=%22156.4%22 cy=%2286.6%22 r=%221.8%22/%3E%3Ccircle cx=%22103.4%22 cy=%2238.5%22 r=%221.8%22/%3E%3Ccircle cx=%2253.9%22 cy=%22146.6%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--gemini{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%2233.3,94.7 65.4,97.0 47.7,138.3 120.4,124.3 162.8,163.5 96.6,55.0 142.2,168.5%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%2233.3%22 cy=%2294.7%22 r=%223.2%22/%3E%3Ccircle cx=%2265.4%22 cy=%2297.0%22 r=%221.8%22/%3E%3Ccircle cx=%2247.7%22 cy=%22138.3%22 r=%221.8%22/%3E%3Ccircle cx=%22120.4%22 cy=%22124.3%22 r=%221.8%22/%3E%3Ccircle cx=%22162.8%22 cy=%22163.5%22 r=%221.8%22/%3E%3Ccircle cx=%2296.6%22 cy=%2255.0%22 r=%221.8%22/%3E%3Ccircle cx=%22142.2%22 cy=%22168.5%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--cancer{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%2299.8,169.5 63.6,163.0 139.3,90.6 45.9,140.7 169.2,96.4 89.7,71.5 86.6,46.5%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%2299.8%22 cy=%22169.5%22 r=%223.2%22/%3E%3Ccircle cx=%2263.6%22 cy=%22163.0%22 r=%221.8%22/%3E%3Ccircle cx=%22139.3%22 cy=%2290.6%22 r=%221.8%22/%3E%3Ccircle cx=%2245.9%22 cy=%22140.7%22 r=%221.8%22/%3E%3Ccircle cx=%22169.2%22 cy=%2296.4%22 r=%221.8%22/%3E%3Ccircle cx=%2289.7%22 cy=%2271.5%22 r=%221.8%22/%3E%3Ccircle cx=%2286.6%22 cy=%2246.5%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--leo{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%2266,150 74,120 70,92 84,70 106,62 122,76%22/%3E%3Cpolyline points=%2266,150 150,116 122,76%22/%3E%3Cline x1=%22150%22 y1=%22116%22 x2=%22138%22 y2=%22150%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%2266%22 cy=%22150%22 r=%223.2%22/%3E%3Ccircle cx=%2274%22 cy=%22120%22 r=%221.8%22/%3E%3Ccircle cx=%2270%22 cy=%2292%22 r=%221.8%22/%3E%3Ccircle cx=%2284%22 cy=%2270%22 r=%222%22/%3E%3Ccircle cx=%22106%22 cy=%2262%22 r=%221.8%22/%3E%3Ccircle cx=%22122%22 cy=%2276%22 r=%222%22/%3E%3Ccircle cx=%22150%22 cy=%22116%22 r=%222.6%22/%3E%3Ccircle cx=%22138%22 cy=%22150%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--virgo{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%2289.0,31.2 60.0,151.1 34.5,139.2 40.8,29.4 38.1,106.2 76.1,104.6 119.3,90.4%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%2289.0%22 cy=%2231.2%22 r=%223.2%22/%3E%3Ccircle cx=%2260.0%22 cy=%22151.1%22 r=%221.8%22/%3E%3Ccircle cx=%2234.5%22 cy=%22139.2%22 r=%221.8%22/%3E%3Ccircle cx=%2240.8%22 cy=%2229.4%22 r=%221.8%22/%3E%3Ccircle cx=%2238.1%22 cy=%22106.2%22 r=%221.8%22/%3E%3Ccircle cx=%2276.1%22 cy=%22104.6%22 r=%221.8%22/%3E%3Ccircle cx=%22119.3%22 cy=%2290.4%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--libra{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%22155.5,106.0 58.2,73.1 126.1,91.5 110.2,45.8 44.5,39.1 69.2,121.1 63.6,112.3%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%22155.5%22 cy=%22106.0%22 r=%223.2%22/%3E%3Ccircle cx=%2258.2%22 cy=%2273.1%22 r=%221.8%22/%3E%3Ccircle cx=%22126.1%22 cy=%2291.5%22 r=%221.8%22/%3E%3Ccircle cx=%22110.2%22 cy=%2245.8%22 r=%221.8%22/%3E%3Ccircle cx=%2244.5%22 cy=%2239.1%22 r=%221.8%22/%3E%3Ccircle cx=%2269.2%22 cy=%22121.1%22 r=%221.8%22/%3E%3Ccircle cx=%2263.6%22 cy=%22112.3%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--scorpio{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%2278.1,36.8 56.4,139.1 73.7,43.8 35.7,62.2 50.9,116.0 62.4,137.6 151.9,134.2%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%2278.1%22 cy=%2236.8%22 r=%223.2%22/%3E%3Ccircle cx=%2256.4%22 cy=%22139.1%22 r=%221.8%22/%3E%3Ccircle cx=%2273.7%22 cy=%2243.8%22 r=%221.8%22/%3E%3Ccircle cx=%2235.7%22 cy=%2262.2%22 r=%221.8%22/%3E%3Ccircle cx=%2250.9%22 cy=%22116.0%22 r=%221.8%22/%3E%3Ccircle cx=%2262.4%22 cy=%22137.6%22 r=%221.8%22/%3E%3Ccircle cx=%22151.9%22 cy=%22134.2%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--sagittarius{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%22144.7,111.7 54.6,61.1 165.3,140.1 105.2,78.6 57.3,48.9 55.5,154.2 96.3,156.2%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%22144.7%22 cy=%22111.7%22 r=%223.2%22/%3E%3Ccircle cx=%2254.6%22 cy=%2261.1%22 r=%221.8%22/%3E%3Ccircle cx=%22165.3%22 cy=%22140.1%22 r=%221.8%22/%3E%3Ccircle cx=%22105.2%22 cy=%2278.6%22 r=%221.8%22/%3E%3Ccircle cx=%2257.3%22 cy=%2248.9%22 r=%221.8%22/%3E%3Ccircle cx=%2255.5%22 cy=%22154.2%22 r=%221.8%22/%3E%3Ccircle cx=%2296.3%22 cy=%22156.2%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--capricorn{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%2267.2,42.5 52.8,127.1 112.9,92.4 30.6,95.0 63.7,125.8 48.7,170.7 40.6,34.1%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%2267.2%22 cy=%2242.5%22 r=%223.2%22/%3E%3Ccircle cx=%2252.8%22 cy=%22127.1%22 r=%221.8%22/%3E%3Ccircle cx=%22112.9%22 cy=%2292.4%22 r=%221.8%22/%3E%3Ccircle cx=%2230.6%22 cy=%2295.0%22 r=%221.8%22/%3E%3Ccircle cx=%2263.7%22 cy=%22125.8%22 r=%221.8%22/%3E%3Ccircle cx=%2248.7%22 cy=%22170.7%22 r=%221.8%22/%3E%3Ccircle cx=%2240.6%22 cy=%2234.1%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--aquarius{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%22133.8,117.3 51.0,49.1 60.5,44.7 100.1,111.3 70.1,58.7 41.9,43.2 129.0,56.0%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%22133.8%22 cy=%22117.3%22 r=%223.2%22/%3E%3Ccircle cx=%2251.0%22 cy=%2249.1%22 r=%221.8%22/%3E%3Ccircle cx=%2260.5%22 cy=%2244.7%22 r=%221.8%22/%3E%3Ccircle cx=%22100.1%22 cy=%22111.3%22 r=%221.8%22/%3E%3Ccircle cx=%2270.1%22 cy=%2258.7%22 r=%221.8%22/%3E%3Ccircle cx=%2241.9%22 cy=%2243.2%22 r=%221.8%22/%3E%3Ccircle cx=%22129.0%22 cy=%2256.0%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}
.db-zodiac--pisces{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 200 200%27%3E%3Cg stroke=%22rgba(255,224,130,.45)%22 stroke-width=%221%22 fill=%22none%22%3E%3Cpolyline points=%2256.4,48.1 49.2,115.1 152.1,141.0 169.5,127.7 76.6,135.6 35.0,59.7 73.3,78.0%22/%3E%3C/g%3E%3Cg fill=%22%23ffe082%22%3E%3Ccircle cx=%2256.4%22 cy=%2248.1%22 r=%223.2%22/%3E%3Ccircle cx=%2249.2%22 cy=%22115.1%22 r=%221.8%22/%3E%3Ccircle cx=%22152.1%22 cy=%22141.0%22 r=%221.8%22/%3E%3Ccircle cx=%22169.5%22 cy=%22127.7%22 r=%221.8%22/%3E%3Ccircle cx=%2276.6%22 cy=%22135.6%22 r=%221.8%22/%3E%3Ccircle cx=%2235.0%22 cy=%2259.7%22 r=%221.8%22/%3E%3Ccircle cx=%2273.3%22 cy=%2278.0%22 r=%221.8%22/%3E%3C/g%3E%3C/svg%3E")}

.db-bar--sun .db-bar__fill{background:#f5a623}
.db-bar--sun .db-bar__name::before{content:"☉"}
.db-bar--sun .db-bar__name::after{content:"Sun"}
.db-bar--moon .db-bar__fill{background:#b0bec5}
.db-bar--moon .db-bar__name::before{content:"☽"}
.db-bar--moon .db-bar__name::after{content:"Moon"}
.db-bar--mars .db-bar__fill{background:#ef5350}
.db-bar--mars .db-bar__name::before{content:"♂"}
.db-bar--mars .db-bar__name::after{content:"Mars"}
.db-bar--mercury .db-bar__fill{background:#66bb6a}
.db-bar--mercury .db-bar__name::before{content:"☿"}
.db-bar--mercury .db-bar__name::after{content:"Mercury"}
.db-bar--jupiter .db-bar__fill{background:#ffca28}
.db-bar--jupiter .db-bar__name::before{content:"♃"}
.db-bar--jupiter .db-bar__name::after{content:"Jupiter"}
.db-bar--venus .db-bar__fill{background:#ec407a}
.db-bar--venus .db-bar__name::before{content:"♀"}
.db-bar--venus .db-bar__name::after{content:"Venus"}
.db-bar--saturn .db-bar__fill{background:#5c6bc0}
.db-bar--saturn .db-bar__name::before{content:"♄"}
.db-bar--saturn .db-bar__name::after{content:"Saturn"}