@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500&display=swap');
:root{--ink:#292929;--background:#f6f6f6;--card:#fff;--border:color-mix(in srgb,var(--ink) 12%,transparent);--wash:color-mix(in srgb,var(--ink) 5%,transparent);--muted:color-mix(in srgb,var(--ink) 72%,transparent);--primary:#305dde;--radius:10px}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font-family:'Inter Tight',Arial,sans-serif;font-weight:400}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #3ba6f1;outline-offset:4px}header{background:var(--card)}.header-inner{max-width:1160px;margin:auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:500;letter-spacing:-.7px}.logo{width:29px;height:29px;display:block;flex-shrink:0}.logo svg{display:block;width:100%;height:100%}.header-date{font-size:14px;color:var(--muted)}main{background:var(--background);min-height:calc(100vh - 76px);padding:42px 30px 28px}.wrap{max-width:1100px;margin:auto}.intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}h1{font-weight:400;font-size:40px;letter-spacing:-1.7px;margin:0 0 9px;line-height:1.15}.subtitle{font-size:16px;color:var(--muted);margin:0}.clock{font-size:30px;letter-spacing:-.8px;font-weight:300;text-align:right;font-variant-numeric:tabular-nums}.timezone{font-size:12px;color:var(--muted);margin-top:4px;text-align:right}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.tabs{display:flex;gap:4px;background:var(--wash);padding:4px;border-radius:999px}.tabs button{border:0;background:transparent;padding:9px 17px;border-radius:999px;font-size:14px;transition:background .16s}.tabs button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #00000012}.mode{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:10px 15px;font-size:14px}.mode:hover{background:var(--wash)}.section-top{display:flex;align-items:center;justify-content:space-between;margin:30px 2px 12px;gap:12px}h2{font-size:17px;font-weight:500;margin:0;letter-spacing:-.3px}.section-meta{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{padding:5px;background:var(--card);border:1px solid var(--border);box-shadow:0 1px 2px #00000006;border-radius:24px;corner-shape:squircle;min-width:0}.card-title{padding:14px 15px 13px;font-size:15px;display:flex;align-items:center;gap:9px;font-weight:500}.icon{display:inline-flex;color:var(--muted);width:18px;height:18px;flex-shrink:0}.icon svg{width:100%;height:100%}.inset{background:var(--background);border-radius:19px;corner-shape:squircle;padding:21px 16px 17px;min-height:181px}.metric{font-size:clamp(27px,3.2vw,42px);font-weight:300;letter-spacing:-1.7px;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}.metric small{font-size:23px;letter-spacing:-.5px;margin-left:4px;color:var(--muted)}.remaining{margin-top:5px;color:var(--muted);font-size:13px}.track{height:7px;background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:999px;overflow:hidden;margin:23px 0 13px}.fill{height:100%;background:var(--ink);border-radius:inherit;transition:width .16s linear}.bar-labels{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:-4px 0 15px}.ends{font-size:13px;color:var(--muted);line-height:1.4}.wide-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.featured .fill{background:var(--primary)}.featured .metric{color:var(--primary)}.featured .inset{min-height:203px}.wide-grid .inset{min-height:203px}.date-line{display:flex;gap:10px;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:10px}.featured-note{font-size:12px;color:var(--muted);padding:11px 15px 8px;line-height:1.55}.featured-note a{color:inherit;text-decoration-color:var(--border);text-underline-offset:3px}.extra .inset{min-height:161px}.extra .metric{font-size:36px}.extra .track{margin-top:18px}.foot{display:flex;gap:20px;justify-content:space-between;font-size:12px;line-height:1.6;color:var(--muted);padding:27px 3px 0}.foot p{margin:0}.foot .signature{white-space:nowrap}section[hidden]{display:none}noscript{display:block;padding:20px} @media(min-width:1500px){main{padding-top:58px}}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{grid-column:1/-1}.featured .inset{min-height:auto}.featured .track{margin-top:18px}}@media(max-width:560px){.header-inner{padding:20px}.header-date{font-size:12px}.brand{font-size:19px}main{padding:30px 16px 22px}.intro{align-items:start;flex-direction:column;gap:17px;margin-bottom:23px}h1{font-size:34px;letter-spacing:-1.3px}.timebox{display:flex;align-items:center;gap:13px}.clock{font-size:23px}.timezone{margin:0;text-align:left}.toolbar{gap:12px}.tabs button{padding:9px 13px}.mode{font-size:13px}.grid,.wide-grid{gap:10px}.card-title{padding:12px 10px;font-size:14px;gap:6px}.inset{padding:18px 11px 14px;min-height:177px}.metric{font-size:35px}.metric small{font-size:19px}.remaining{font-size:12px}.ends{font-size:12px}.wide-grid{grid-template-columns:1fr}.wide-grid .inset{min-height:auto}.wide-grid .metric{font-size:40px}.section-meta{font-size:12px}.foot{flex-direction:column;gap:8px}.extra .metric{font-size:31px}.icon{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.site-nav{display:flex;gap:4px;margin-left:auto}.site-nav a{font-size:14px;text-decoration:none;color:var(--muted);padding:10px 16px;border-radius:999px}.site-nav a[aria-current=page],.site-nav a:hover{background:var(--wash);color:var(--ink)}.brand{text-decoration:none;color:var(--ink);gap:12px;letter-spacing:-.6px}.search-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 12px}.search{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:10px 16px;max-width:420px;width:100%;font-size:14px}.search span{color:var(--muted)}.search input{width:100%;min-width:0;font:inherit;border:0;background:transparent;color:var(--ink);outline:0}.search:focus-within{outline:2px solid #3ba6f1;outline-offset:2px}#result-count{font-size:13px;color:var(--muted);white-space:nowrap}.grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.card-title{min-height:50px;line-height:1.35}.inset{min-height:0}.metric{font-size:38px}.track{margin-top:18px}.basis{font-size:12px;color:var(--muted);margin-top:14px}.basis summary{cursor:pointer;padding:5px 0;width:fit-content}.basis summary:focus-visible{outline:2px solid #3ba6f1;outline-offset:3px}.detail-note{line-height:1.5;margin:8px 0 0}.card[hidden],[hidden]{display:none!important}.section-top{margin-top:32px}.tabs{flex-wrap:wrap}.header-date{margin-left:14px}.featured .inset{min-height:0}#empty{background:var(--card);border-radius:22px;padding:30px;font-size:16px;line-height:1.5}.foot{margin-top:20px}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{grid-column:auto}.header-date{display:none}}
@media(max-width:560px){.header-inner{gap:12px}.site-nav a{padding:9px 12px}.grid{grid-template-columns:1fr}.metric{font-size:40px}.inset{padding:20px}.card-title{padding:14px 18px}.toolbar{align-items:start}.search-row{flex-wrap:wrap;gap:10px}.search{max-width:none}.section-top{align-items:start}.section-meta{max-width:140px;text-align:right}.tabs{border-radius:22px}.tabs button{padding:10px 12px}.brand{font-size:21px}.header-inner{padding:18px 20px}.timebox{flex-wrap:wrap}}

/* Adapted Opensource UI Filter Sort and Event Countdown Card. MIT notice shipped with this site. */
.search-row{flex-wrap:wrap}.search{flex:1;min-width:210px}.sort-dropdown{position:relative;min-width:230px;font-size:14px;color:var(--ink)}.sort-dropdown>summary{list-style:none;border:1px solid var(--border);border-radius:999px;background:white;padding:11px 36px 11px 16px;cursor:pointer;position:relative}.sort-dropdown>summary::-webkit-details-marker{display:none}.sort-dropdown>summary:after{content:'⌄';position:absolute;right:16px;top:8px;font-size:20px}.sort-dropdown[open]>summary:after{transform:rotate(180deg)}.sort-options{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:10;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:6px 0;margin:0;box-shadow:0 8px 24px #00000014}.sort-options label{display:flex;align-items:center;gap:10px;padding:12px 14px;border-left:2px solid transparent;cursor:pointer}.sort-options label:has(input:checked){background:var(--wash);border-left-color:var(--ink)}.sort-options input{accent-color:var(--ink)}.sort-dropdown summary:focus-visible{outline:3px solid #3ba6f1;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.event-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.event-units>span{text-align:center;background:var(--card);border-radius:12px;padding:12px 4px}.event-units strong{display:block;font-size:27px;line-height:1.1;font-weight:300;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums}.event-units small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.event-caption{display:block;text-align:center;font-size:12px;margin-top:8px}.copy-button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--ink);padding:9px 12px;font:inherit;font-size:13px;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background .16s,color .16s}.copy-button:active{background:var(--wash)}.copy-button svg{width:15px;height:15px;display:block}.copy-button .copy-glyph{display:grid}.copy-button .copy-glyph svg{grid-area:1/1;transition:opacity .16s}.copy-button .check-icon{opacity:0}.copy-button[data-copied=true] .check-icon{opacity:1}.copy-button[data-copied=true] .copy-icon{opacity:0}.copy-button[data-copied=true]{color:#08794d}.copy-button:disabled{cursor:wait}.copy-status{font-size:13px;color:var(--muted);min-height:24px;margin-top:12px}.swatch .copy-button{margin-top:9px}.copy-button:focus-visible{outline:3px solid #3ba6f1;outline-offset:3px}@media(max-width:560px){.sort-dropdown{width:100%}.search{min-width:0;flex-basis:100%}}

:root.dark{--ink:#ededed;--background:#191919;--card:#242424;--border:color-mix(in srgb,var(--ink) 14%,transparent);--wash:color-mix(in srgb,var(--ink) 5%,transparent);--muted:#b5b5b5;--primary:#7f9dff;color-scheme:dark}.dark body{background:var(--background)}.dark .tabs button[aria-pressed=true],.dark .sort-dropdown>summary{background:var(--card)}.dark .brand-panel.dark{background:#292929;color:#fff}.dark .swatch{background:var(--card)}.dark .download-links a{background:var(--ink);color:var(--background)}.dark .copy-button[data-copied=true]{color:#69dcb0}.site-nav{margin-left:auto}.header-inner{flex-wrap:wrap}.theme-toggle{font-size:13px;white-space:nowrap}.view-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.shortcut-hint{font-size:12px;color:var(--muted);margin-left:auto}.clear-search{border:0;background:var(--wash);border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:22px}.favorite{border:0;border-radius:999px;width:36px;height:36px;display:grid;place-items:center;background:transparent;flex-shrink:0;color:var(--muted)}.favorite:hover{background:var(--wash)}.favorite svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.favorite[aria-pressed=true]{color:var(--primary)}.favorite[aria-pressed=true] svg{fill:currentColor}.card-title{justify-content:space-between;gap:8px;padding-right:10px}.card-heading{display:flex;align-items:center;gap:9px;min-width:0}.compact .inset{padding:14px 16px}.compact .metric{font-size:28px}.compact .bar-labels,.compact [data-percent-label],.compact .event-caption{display:none}.compact .event-units{display:flex;margin-top:8px;gap:12px}.compact .event-units>span{display:flex;align-items:baseline;gap:4px;padding:0;background:none}.compact .event-units strong{font-size:16px;font-weight:400;letter-spacing:0}.compact .event-units small{margin:0}.compact .track{margin:14px 0 10px}.compact .basis{margin-top:7px}.compact .card-title{min-height:44px;padding-top:8px;padding-bottom:8px}.compact .featured-note{font-size:12px}.skip-link{position:absolute;top:-100px;left:16px;z-index:30;padding:12px;background:var(--card);color:var(--ink);border-radius:999px}.skip-link:focus{top:12px}#preference-status{color:var(--muted)}@media(max-width:560px){.header-inner{gap:8px}.site-nav{margin-left:auto}.theme-toggle{margin-left:auto;padding:8px 12px}.shortcut-hint{display:none}.compact .grid{gap:8px}.view-options .mode{font-size:13px}.card-heading{font-size:14px}}

.brand-board>.brand-panel:not(.dark){background:#fff;color:#292929}

/* Shared navigation and narrow-screen polish across all three routes. */
:root{color-scheme:light}.header-inner>.brand{flex-shrink:0}.site-nav{min-width:0}.site-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}.theme-toggle{min-height:44px}.intro>div,.card-heading>span{min-width:0;overflow-wrap:anywhere}.timezone,.ends,.date-line{overflow-wrap:anywhere}.date-line{line-height:1.6}.compact .event-units{flex-wrap:wrap}.sort-options{min-width:0}.brand-board,.swatches,.rules{min-width:0}.brand-board>*{min-width:0}.swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.swatch{min-width:0}.swatch .copy-button{max-width:100%;flex-wrap:wrap}.brand-panel.dark{background:#292929;color:#fff}.brand-board>.brand-panel:not(.dark) .panel-note{color:#292929}
@media(max-width:700px){
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 20px}.header-inner>.brand{grid-column:1;grid-row:1}.header-inner>.theme-toggle{grid-column:2;grid-row:1;margin:0}.header-inner>.site-nav{grid-column:1/-1;grid-row:2;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.header-inner>.site-nav a{padding:10px 5px;font-size:13px}.header-date{display:none}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.search input{font-size:16px}.favorite{width:44px;height:44px}.clear-search{width:36px;height:36px}.copy-button{min-height:44px}
}
@media(max-width:380px){.swatch div:last-child{padding:12px}.swatch .copy-button{font-size:12px;padding:9px}.swatch .copy-glyph{display:none}.section-top{flex-wrap:wrap}.section-meta{max-width:none;text-align:left}.brand-intro h1{font-size:36px}}

/* Compact working controls: four clear choices instead of two stacked toolbars. */
html,body{overflow-x:clip}.dashboard-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:22px;corner-shape:squircle;padding:8px;margin-bottom:24px}.dashboard-controls .search{max-width:none;border:0;background:var(--wash);min-height:44px}.control-select{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--muted);white-space:nowrap}.control-select select{appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;padding-right:16px;cursor:pointer}.control-select:focus-within{outline:2px solid var(--primary);outline-offset:2px}.options-dropdown{position:relative}.options-dropdown>summary{display:flex;align-items:center;justify-content:center;list-style:none;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:999px;font-size:13px;cursor:pointer}.options-dropdown>summary::-webkit-details-marker{display:none}.options-dropdown>summary:after{content:'⌄';font-size:18px;margin-left:8px}.options-dropdown[open]>summary:after{transform:rotate(180deg)}.options-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:20;width:230px;padding:5px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px #00000014}.options-panel button{width:100%;min-height:40px;text-align:left;border:0;background:transparent;border-radius:11px;padding:9px 11px;font:inherit;font-size:13px}.options-panel button:hover,.options-panel button:focus-visible{background:var(--wash)}.dashboard-controls #result-count{grid-column:1/-1;padding:0 8px 2px}.dark .dashboard-controls .search{background:var(--wash)}
@media(max-width:760px){.dashboard-controls{grid-template-columns:1fr 1fr}.dashboard-controls .search{grid-column:1/-1}.options-dropdown{grid-column:1/-1}.options-dropdown>summary{width:100%}.options-panel{left:0;right:0;width:auto}.control-select{justify-content:space-between}.control-select select{min-width:0}.dashboard-controls #result-count{grid-column:1/-1}}
@media(max-width:420px){.dashboard-controls{padding:6px;gap:6px}.control-select{padding:0 10px;display:grid;gap:1px}.control-select span{font-size:11px}.control-select select{font-size:13px;padding-right:0;max-width:130px}.options-dropdown>summary{min-height:42px}.dashboard-controls .search{min-height:42px}}

/* Brand controls stay useful without repeating the same action label four times. */
.swatch .copy-button{width:44px;min-height:44px;justify-content:center;padding:0}.swatch .copy-button [data-copy-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-section{padding-top:42px}.brand-section+.brand-section{margin-top:4px}.download-links a{min-height:44px;display:inline-flex;align-items:center}