/* v155: chips in Settings > Look are one row of bubbles; the Gold theme is removed. */
/* v154: four colour themes (Indigo, Green, Pink, Amber), from my Netlify app screenshots. Each is the Gold structure (data-theme="premium") with other colours, switched by data-look and localStorage fhg_look2. Only colours change. Dark or light follows the phone. */
html[data-theme="premium"][data-look="indigo"]{--bg:#0a0b11;--card:#11131b;--card2:#0c0e14;--line:#25284f;--tx:#eceef6;--mut:#9a9fb4;--acc:#6d70f5;--btnt:#0a0b11}
html[data-mode="light"][data-theme="premium"][data-look="indigo"]{--bg:#f4f5fd;--card:#ffffff;--card2:#eceefb;--line:#cfd3f5;--tx:#15172b;--mut:#5a5f7d;--acc:#4338ca;--btnt:#ffffff}
html[data-theme="premium"][data-look="green"]{--bg:#0a0b11;--card:#11131b;--card2:#0c0e14;--line:#15361f;--tx:#eceef6;--mut:#9a9fb4;--acc:#22c55e;--btnt:#0a0b11}
html[data-mode="light"][data-theme="premium"][data-look="green"]{--bg:#f1faf4;--card:#ffffff;--card2:#e5f4ea;--line:#bfe3cb;--tx:#10231a;--mut:#4d6a58;--acc:#15803d;--btnt:#ffffff}
html[data-theme="premium"][data-look="pink"]{--bg:#0a0b11;--card:#11131b;--card2:#0c0e14;--line:#3b1731;--tx:#eceef6;--mut:#9a9fb4;--acc:#ec4899;--btnt:#0a0b11}
html[data-mode="light"][data-theme="premium"][data-look="pink"]{--bg:#fcf2f8;--card:#ffffff;--card2:#f8e6f0;--line:#efc6dc;--tx:#2a1020;--mut:#7a566a;--acc:#be185d;--btnt:#ffffff}
html[data-theme="premium"][data-look="amber"]{--bg:#0a0b11;--card:#11131b;--card2:#0c0e14;--line:#3b2a0c;--tx:#eceef6;--mut:#9a9fb4;--acc:#f59e0b;--btnt:#0a0b11}
html[data-mode="light"][data-theme="premium"][data-look="amber"]{--bg:#fdf7ea;--card:#fffdf6;--card2:#f8eed4;--line:#ecd7a4;--tx:#261d0a;--mut:#75642f;--acc:#b45309;--btnt:#ffffff}
html[data-theme="premium"][data-look="indigo"] .btn:not(.sec),html[data-theme="premium"][data-look="green"] .btn:not(.sec),html[data-theme="premium"][data-look="pink"] .btn:not(.sec),html[data-theme="premium"][data-look="amber"] .btn:not(.sec){color:var(--btnt)}
html[data-theme="premium"][data-look="indigo"] .tierb.premium,html[data-theme="premium"][data-look="green"] .tierb.premium,html[data-theme="premium"][data-look="pink"] .tierb.premium,html[data-theme="premium"][data-look="amber"] .tierb.premium{color:var(--btnt)}
/* cards: faint glow in the theme colour; chips: tinted pills with a coloured edge, like the photos */
html[data-look="indigo"] .card,html[data-look="green"] .card,html[data-look="pink"] .card,html[data-look="amber"] .card{box-shadow:0 0 22px color-mix(in srgb,var(--acc) 9%,transparent),0 8px 22px rgba(0,0,0,.30)}
html[data-mode="light"][data-look="indigo"] .card,html[data-mode="light"][data-look="green"] .card,html[data-mode="light"][data-look="pink"] .card,html[data-mode="light"][data-look="amber"] .card{box-shadow:0 6px 18px color-mix(in srgb,var(--acc) 14%,transparent)}
html[data-look="silver"] .nchip:not(.rk-low):not(.rk-medium):not(.rk-high){background:color-mix(in srgb,var(--acc) 12%,var(--card2));border-color:color-mix(in srgb,var(--acc) 50%,var(--line));color:var(--acc)}
html[data-look="indigo"] .nchip:not(.rk-low):not(.rk-medium):not(.rk-high),html[data-look="green"] .nchip:not(.rk-low):not(.rk-medium):not(.rk-high),html[data-look="pink"] .nchip:not(.rk-low):not(.rk-medium):not(.rk-high),html[data-look="amber"] .nchip:not(.rk-low):not(.rk-medium):not(.rk-high){background:color-mix(in srgb,var(--acc) 12%,var(--card2));border-color:color-mix(in srgb,var(--acc) 50%,var(--line));color:var(--acc)}
html[data-look="indigo"] .nchip[aria-pressed="true"]:not(.rk-low):not(.rk-medium):not(.rk-high),html[data-look="green"] .nchip[aria-pressed="true"]:not(.rk-low):not(.rk-medium):not(.rk-high),html[data-look="pink"] .nchip[aria-pressed="true"]:not(.rk-low):not(.rk-medium):not(.rk-high),html[data-look="amber"] .nchip[aria-pressed="true"]:not(.rk-low):not(.rk-medium):not(.rk-high){background:color-mix(in srgb,var(--acc) 30%,var(--card2));border-color:var(--acc)}
/* Settings > Look: colour theme picker */
.lk2{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}.lk2 .nchip{display:inline-flex;align-items:center;gap:7px}.lk2 i{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none}

/* v155: bubble chips in Settings > Look, one row: Red, Indigo, Green, Pink, Amber */
.lk2{gap:10px;margin:12px 0 4px}
.lk2 .nchip.bub{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 11px;border-radius:999px;min-height:40px;font-weight:600;background:var(--card2);border:1px solid var(--line);color:var(--tx);box-shadow:0 2px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .15s,box-shadow .15s}
.lk2 .nchip.bub i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff9,transparent 45%),var(--dot);box-shadow:0 0 0 2px var(--card2),0 0 10px var(--dot);flex:none}
.lk2 .nchip.bub:active{transform:scale(.96)}
.lk2 .nchip.bub[aria-pressed="true"]{border-color:var(--dot);box-shadow:0 0 0 2px var(--dot),0 4px 14px rgba(0,0,0,.25)}
.lk2 .nchip.bub{color:var(--tx)!important;background:var(--card2)!important;border-color:var(--line)!important}
.lk2 .nchip.bub[aria-pressed="true"]{border-color:var(--dot)!important;background:color-mix(in srgb,var(--dot) 16%,var(--card2))!important}
/* v156: Default chip: dot split dark and light to show it follows the phone */
.lk2 .nchip.bub[data-look2="plain"] i{background:linear-gradient(90deg,#15171a 50%,#f1f2f4 50%);box-shadow:0 0 0 2px var(--card2),0 0 0 3px #8a8f98}
/* v157: Default on top, the five colours below in one line (dot over the name) */
.lk2{display:block}
.lk2>.nchip.bub[data-look2="plain"]{display:flex;width:100%;justify-content:center;margin-bottom:10px}
.lk2r{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.lk2r .nchip.bub{flex-direction:column;gap:6px;padding:10px 2px 9px;border-radius:22px;min-height:0;font-size:12.5px;text-align:center;min-width:0}
.lk2r{gap:5px}
.lk2r .nchip.bub{white-space:nowrap;font-size:12px;padding:10px 0 9px;overflow:hidden}
.lk2r .nchip.bub i{width:20px;height:20px}