:root{--background:#0c0c0e;--foreground:#f5f0e6;--popover:#19191c;--popover-foreground:#f5f0e6;--primary:#d5aa63;--primary-foreground:#17120b;--border:#39332b;--input:#39332b;--ring:#d5aa63;--radius:.75rem}
*{box-sizing:border-box}body{margin:0;background:#0c0c0e;color:#f5f0e6;font-family:Arial,"Helvetica Neue",sans-serif}.shell{max-width:1280px;margin:auto;padding:0 32px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c2925}.brand{display:flex;align-items:center;gap:14px;font-weight:700;letter-spacing:.02em;font-size:17px}.brandmark{background:#d5aa63;color:#17120b;display:grid;place-items:center;width:48px;height:48px;font-weight:900;letter-spacing:-.1em;padding-right:5px}.brand small{display:block;font-size:10px;letter-spacing:.22em;color:#bda987;margin-top:4px}.admin-button{border:1px solid #6c5838;border-radius:6px;background:transparent;color:#e5c18a;padding:11px 17px;cursor:pointer;font-weight:700}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:55px 0 34px}.eyebrow{font-size:12px;color:#d5aa63;letter-spacing:.27em;font-weight:700;margin:0 0 16px}h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;margin:0 0 12px;line-height:1.12}.sub{color:#a7a2a0;font-size:16px;line-height:1.5;margin:0}.count{color:#c8a56e;border:1px solid #493e30;border-radius:100px;padding:9px 16px;white-space:nowrap;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px}.card{background:#18181b;border:1px solid #34302a;border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#876d46}.photo{aspect-ratio:1.12;background:#252328}.photo img{height:100%;width:100%;object-fit:cover}.card-body{padding:20px}.merchant{font-size:12px;letter-spacing:.16em;color:#c7a671;text-transform:uppercase;margin:0 0 8px}.card h2{font-size:20px;line-height:1.3;margin:0 0 20px;min-height:52px}.rates{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #37312a;border-bottom:1px solid #37312a;margin-bottom:18px}.rates>div{padding:15px 4px}.rates>div+div{border-left:1px solid #37312a;padding-left:18px}.rates span{display:block;color:#a7a09a;font-size:11px;letter-spacing:.1em;margin-bottom:5px}.rates strong{font-size:23px;color:#e3bd7e}.product-button,.gold-button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;background:#d5aa63;color:#20170e;border:0;border-radius:6px;min-height:45px;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}.product-button span{font-size:18px}.product-button:hover,.gold-button:hover{background:#e8be7b}.card-actions{display:flex;gap:10px;margin-top:12px}.card-actions button,.text-button{background:transparent;border:0;color:#cbbca8;cursor:pointer;padding:5px}.card-actions button:hover,.text-button:hover{text-decoration:underline}.empty{border:1px dashed #514536;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:12px;color:#9e9891;padding:24px}.empty h2{color:#f5f0e6;margin:18px 0 2px}.empty p{margin:0}.empty-icon{border:1px solid #b89259;color:#d5aa63;padding:12px;font-weight:900;letter-spacing:-.08em}.notice,.error{color:#efb2a9}.notice{padding:12px 0}footer{text-align:center;color:#77716c;font-size:12px;padding:60px 0 30px}.admin-dialog{background:#19191c!important;color:#f5f0e6!important;border-color:#5e4c31!important;max-height:90vh;overflow:auto}.form{display:flex;flex-direction:column;gap:16px;margin-top:12px}.form label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#d7cec1}.form input{background:#111113;color:#fff;border:1px solid #51483e;border-radius:6px;padding:12px;font-size:16px;width:100%;min-height:43px}.form input[type=file]{font-size:13px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-preview{width:90px;height:90px;object-fit:cover;border-radius:5px}.gold-button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.shell{padding:0 18px}.topbar{height:72px}.brand{font-size:14px}.brandmark{width:39px;height:39px}.brand small{font-size:8px}.intro{padding:34px 0 25px;align-items:start;flex-direction:column;gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:13px}.card h2{font-size:16px;min-height:42px}.rates strong{font-size:18px}.rates span{font-size:9px}.rates>div+div{padding-left:8px}.product-button{font-size:12px;padding:7px;min-height:42px}.merchant{font-size:10px}.count{font-size:12px}}@media(max-width:390px){.grid{grid-template-columns:1fr}.card h2{min-height:0}}

.search-row{display:flex;align-items:center;gap:16px;margin:0 0 26px}.search-label{font-size:14px;font-weight:700;white-space:nowrap;color:#ddd0bd}.search-box{display:flex;align-items:center;gap:10px;max-width:420px;flex:1;border:1px solid #5b4b34;border-radius:8px;background:#1b1a1b;padding:0 14px;color:#d5aa63}.search-box:focus-within{border-color:#d5aa63;box-shadow:0 0 0 2px #d5aa6333}.search-box span{font-size:26px;line-height:1}.search-box input{width:100%;background:transparent;border:0;outline:0;color:#f5f0e6;min-height:48px;font-size:16px}.search-box input::placeholder{color:#928b82}.search-count{font-size:14px;color:#b7a88e}@media(max-width:600px){.search-row{flex-wrap:wrap;gap:8px}.search-label{width:100%}.search-box{max-width:none;flex-basis:100%}}
/* KXC electric blue poster theme */
:root{--background:#070b18;--foreground:#fff;--popover:#0b1430;--popover-foreground:#fff;--primary:#1d6dff;--primary-foreground:#fff;--border:#1d4a9d;--input:#2555ad;--ring:#3086ff}
body{background:radial-gradient(circle at 50% -10%,#10275b 0,#060a17 45%,#050712 100%);color:#fff}
.shell{max-width:1280px}.topbar{border-bottom-color:#254b91;background:linear-gradient(90deg,#080c1b,#0e1b3c 50%,#080c1b)}
.brandmark{background:#071333;color:#fff;border:2px solid #3e8bff;box-shadow:0 0 12px #1770ff, inset 0 0 13px #1962d5;text-shadow:0 0 8px #6fb4ff;border-radius:5px}.brand small{color:#69a4ff}.admin-button{border:1px solid #3685ff;color:#fff;background:#0a1d45;box-shadow:0 0 10px #075fff55}.admin-button:hover{background:#143777}
.intro{position:relative;align-items:center;min-height:340px;margin:24px 0 26px;padding:38px 6% 38px 7%;border:1px solid #2457af;border-radius:22px;overflow:hidden;background:linear-gradient(105deg,#08112b 0%,#101e45 50%,#061532 100%);box-shadow:0 0 0 1px #0648d555,0 0 34px #125dff33,inset 0 0 55px #0e4fc536}
.intro:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(108deg,transparent 0 120px,#2469dc21 122px 125px,transparent 128px 175px),radial-gradient(circle at 79% 85%,#2777ff7a,transparent 31%);pointer-events:none}
.intro:after{content:"";position:absolute;left:5%;right:5%;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#368dff 35%,#61b4ff 65%,transparent);box-shadow:0 0 17px #1682ff}
.intro-copy{position:relative;z-index:2;max-width:700px}.eyebrow{color:#7fb6ff;text-shadow:0 0 12px #267cff;letter-spacing:.25em}.intro h1{font-family:Impact,"Arial Black",Arial,sans-serif;font-weight:900;letter-spacing:.015em;font-size:clamp(40px,5vw,70px);line-height:1.05;text-shadow:0 3px 0 #164fa8,0 0 18px #1168ff70;margin-bottom:16px}.intro h1 em{font-style:normal;color:#fff}.sub{color:#d3e0ff;max-width:420px}.count{display:inline-flex;margin-top:22px;border:1px solid #3b8cff;color:#fff;background:#0b2f79;box-shadow:0 0 15px #1569ff90,inset 0 0 10px #2377ff60;font-weight:700}.mascot{position:absolute;z-index:1;right:3%;bottom:-15%;height:111%;width:auto;filter:drop-shadow(0 0 24px #2680ff80)}
.search-label{color:#dbe9ff}.search-box{background:#0b1735;border-color:#2c67c9;color:#8bbbff;box-shadow:inset 0 0 12px #1153c92e}.search-box:focus-within{border-color:#72b5ff;box-shadow:0 0 0 2px #237cff60,0 0 18px #1459dd66}.search-count{color:#abcaff}.card{background:linear-gradient(160deg,#111a33,#0b1127);border-color:#2855a5;box-shadow:0 0 12px #0b4edb25}.card:hover{border-color:#55a0ff;box-shadow:0 0 18px #1971ff66}.photo{background:#172c59}.merchant{color:#8bb9ff}.rates,.rates>div+div{border-color:#284574}.rates span{color:#adc2e6}.rates strong{color:#fff;text-shadow:0 0 10px #2984ff}.product-button,.gold-button{background:linear-gradient(180deg,#237dff,#0850e0);color:white;box-shadow:0 0 16px #1568ff77}.product-button:hover,.gold-button:hover{background:#3a91ff}.empty{border-color:#2756a6;background:#0b1532}.empty-icon{border-color:#4a9cff;color:#fff}.admin-dialog{background:#0b1430!important;border-color:#2877ee!important;box-shadow:0 0 30px #1b6cff55!important}.form input{background:#091329;border-color:#3264b6}.text-button,.card-actions button{color:#b7d2ff}.notice,.error{color:#ffb6b6}footer{color:#7489b2}
@media(max-width:700px){.intro{min-height:300px;padding:32px 20px;margin:18px 0 24px}.intro-copy{max-width:70%}.intro h1{font-size:clamp(35px,8vw,55px)}.mascot{height:85%;right:-11%;bottom:-7%}.sub{font-size:14px}.count{font-size:12px;margin-top:14px}}
@media(max-width:430px){.intro{min-height:270px}.intro-copy{max-width:77%}.intro h1{font-size:34px}.eyebrow{font-size:10px;letter-spacing:.14em}.mascot{height:72%;right:-20%;bottom:-4%}.sub{max-width:210px}}
/* Keep the entire mascot visible on phones and small tablets. */
@media (max-width:700px){
  .intro{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:26px 20px 0;gap:4px}
  .intro-copy{width:100%;max-width:none}
  .intro h1{font-size:clamp(34px,7.5vw,48px)}
  .intro .sub{max-width:none}
  .mascot{position:relative;align-self:center;right:auto;bottom:auto;display:block;width:min(50vw,190px);height:auto;max-width:100%;margin:8px auto 0;object-fit:contain}
}
@media (max-width:430px){
  .intro{min-height:0}
  .intro-copy{max-width:none}
  .intro h1{font-size:34px}
  .mascot{right:auto;bottom:auto;width:min(49vw,184px);height:auto}
  .sub{max-width:none}
}
.copy-product-link{display:block;width:100%;min-height:44px;margin-top:8px;border:1px solid #3264b6;border-radius:6px;color:#b7d2ff;background:transparent;font-size:14px;cursor:pointer;touch-action:manipulation}.copy-product-link:hover{background:#15274c}.link-help{display:block;color:#b7d2ff;font-size:14px;line-height:1.5;margin:8px 0 0}.catalog-link-help{margin-top:24px}.select-product-link{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid #3264b6;border-radius:6px;background:#091329;color:white;font-size:16px;padding:8px}.product-button{touch-action:manipulation}

.sheets-product-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:9px 12px;margin-top:8px;border:1px solid #4f9aff;border-radius:6px;background:#0b2a65;color:#fff;font-size:14px;font-weight:700;text-align:center;text-decoration:none;touch-action:manipulation}.sheets-product-link:hover,.sheets-product-link:focus-visible{background:#17418e;outline-color:#93c5fd}.form label small{display:block;margin-top:5px;color:#a9c6f5;font-size:12px;line-height:1.4}