:root{--color-primary: #87529c;--color-secondary: #666666;--color-success: #00aa00;--color-error: #cc0000;--color-text: #333333;--color-text-light: #666666;--color-bg: #ffffff;--color-bg-alt: #f5f5f5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--border-radius: 4px;--border-width: 1px;--border-color: #dddddd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--transition: .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.5}#bloomsday-results-app{width:100%;max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.search-container,.result-container{width:100%}h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-primary)}.search-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.search-form label{font-weight:600}.search-form input,.search-form select{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit}.search-form button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:var(--transition)}.search-form button:hover{opacity:.9}.search-form button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.results-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.results-list li{padding:var(--spacing-md);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background-color:var(--color-bg-alt);cursor:pointer;transition:var(--transition);display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.results-list li:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.results-list .bib{font-weight:600;color:var(--color-primary)}.results-list .name{font-weight:600;flex:1}.results-list .age,.results-list .location{color:var(--color-text-light);font-size:var(--font-size-sm)}.result-header{margin-bottom:var(--spacing-xl)}.result-header .bib{font-size:var(--font-size-lg);color:var(--color-text-light)}.result-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.detail-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.detail-row .label{font-weight:600}.detail-row .value{color:var(--color-text-light)}.badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-alt);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.photos-link{margin-top:var(--spacing-lg)}.photos-link a{color:var(--color-primary);text-decoration:none;font-weight:600}.photos-link a:hover{text-decoration:underline}button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-alt);color:var(--color-text);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);font-family:inherit;margin-bottom:var(--spacing-lg)}button:hover{background-color:var(--border-color)}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}[role=status],[role=alert]{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}[role=status]{background-color:var(--color-bg-alt)}[role=alert],.error-alert{background-color:#ffe6e6;border:1px solid var(--color-error);color:var(--color-error)}.year-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.refresh-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background-color:var(--color-bg-alt);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;margin-bottom:0}.refresh-button:hover{background-color:var(--border-color)}.age-leaders-accordion{margin:var(--spacing-xl) 0;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background-color:var(--color-bg-alt)}.age-leaders-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:none;border:none;cursor:pointer;font-size:var(--font-size-base);font-family:inherit;text-align:left;transition:var(--transition)}.age-leaders-header:hover{background-color:var(--border-color)}.age-leaders-title{font-weight:600;color:var(--color-primary)}.age-leaders-toggle{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);-webkit-user-select:none;user-select:none}.age-leaders-content{padding:var(--spacing-md);border-top:var(--border-width) solid var(--border-color)}.age-leaders-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.age-leaders-table thead{background-color:var(--color-bg)}.age-leaders-table th{padding:var(--spacing-sm) var(--spacing-xs);text-align:left;font-weight:600;border-bottom:var(--border-width) solid var(--border-color)}.age-leaders-table td{padding:var(--spacing-sm) var(--spacing-xs);border-bottom:1px solid var(--border-color)}.age-leaders-table tbody tr:hover{background-color:var(--color-bg)}.age-leaders-table tbody tr.current-runner{background-color:#e6f3ff;font-weight:600}.age-leaders-table tbody tr.current-runner td{border-bottom-color:var(--color-primary)}.age-leader-name-link{background:none;border:none;padding:0;margin:0;color:var(--color-primary);text-decoration:none;cursor:pointer;font-size:inherit;font-family:inherit;text-align:left;transition:var(--transition)}.age-leader-name-link:hover{text-decoration:underline;color:var(--color-secondary)}@media (max-width: 768px){#bloomsday-results-app{padding:var(--spacing-md)}h1{font-size:var(--font-size-lg)}.detail-row{flex-direction:column;gap:var(--spacing-xs)}.age-leaders-table{font-size:var(--font-size-xs)}.age-leaders-table th,.age-leaders-table td{padding:var(--spacing-xs)}}.result-share-section{margin-top:var(--spacing-xl);padding:var(--spacing-xl) 0;border-top:var(--border-width) solid var(--border-color)}.result-share-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-primary);text-align:center}.share-canvas-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);background-color:var(--color-bg-alt);padding:var(--spacing-md);border-radius:var(--border-radius)}.share-canvas{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.share-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.share-button{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:var(--transition);margin-bottom:0;min-width:150px}.share-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.share-button:disabled{opacity:.6;cursor:not-allowed}.share-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.download-button{background-color:var(--color-primary)}.share-api-button{background-color:var(--color-secondary)}@media (max-width: 768px){.result-share-section{margin-top:var(--spacing-lg);padding:var(--spacing-lg) 0}.result-share-section h2{font-size:var(--font-size-lg)}.share-canvas-container{padding:var(--spacing-sm)}.share-buttons{flex-direction:column;align-items:stretch}.share-button{width:100%}}