{} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root { --frost: #eef4f6; --ink: #12303e; --freezer: #1b6e93; --freezer-deep: #10465e; --ice: #cfe7ee; --fridge: #f0b45c; --drinks: #8fd6c5; } * { box-sizing: border-box; } body { margin: 0; min-height: 100vh; background: radial-gradient(1100px 500px at 85% -10%, #dcecf2 0%, transparent 60%), var(--frost); color: var(--ink); font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; padding: 24px 16px 80px; } .shell { max-width: 680px; margin: 0 auto; } h1 { font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: clamp(28px, 6vw, 40px); margin: 18px 0 6px; letter-spacing: -.5px; } .card { background: #fff; border-radius: 18px; padding: 24px 22px; margin-bottom: 18px; box-shadow: 0 1px 0 rgba(18,48,62,.08), 0 8px 24px rgba(18,48,62,.05); } .eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--freezer); margin-bottom: 6px; } h2 { font-family: "Bricolage Grotesque", sans-serif; font-weight: 600; font-size: 24px; margin: 0 0 8px; } .intro { font-size: 15px; line-height: 1.55; color: #3c5a67; margin: 0 0 12px; } .q { margin: 20px 0 0; } .q-label { font-weight: 600; font-size: 15.5px; margin-bottom: 10px; line-height: 1.4; } .bar-row { display: grid; grid-template-columns: minmax(90px, 1fr) 2fr 76px; gap: 10px; align-items: center; margin: 6px 0; } .bar-label { font-size: 13.5px; } .bar-track { background: var(--ice); border-radius: 6px; height: 16px; overflow: hidden; } .bar-fill { background: var(--freezer); height: 100%; border-radius: 6px; } .bar-num { font-size: 12.5px; color: #3c5a67; text-align: right; white-space: nowrap; } .quotes { margin: 4px 0 0; padding-left: 18px; } .quotes li { font-size: 14.5px; line-height: 1.5; margin-bottom: 8px; color: #2c4753; } .csv, .go { border: 2px solid var(--ink); background: transparent; color: var(--ink); padding: 9px 16px; border-radius: 999px; font-weight: 600; font-size: 14px; cursor: pointer; font-family: inherit; } .csv:hover, .go:hover { background: var(--ink); color: #fff; } .err { background: #fdeeee; border: 1.5px solid #d76a6a; color: #7a2323; border-radius: 10px; padding: 10px 14px; font-size: 14px; margin: 12px 0; } input[type=password] { border: 1.5px solid #b9cfd8; border-radius: 10px; padding: 10px 12px; font-size: 15px; font-family: inherit; background: #f6fafb; width: 100%; max-width: 340px; margin-right: 8px; }