.ui-picker{position:relative;width:100%;z-index:1}.ui-picker:has(.ui-picker-list),.ui-picker:has(.ui-cal){z-index:60}.ui-picker-trigger{width:100%;min-height:48px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:var(--rule);border-radius:0;cursor:pointer;text-align:left}.ui-picker-trigger.is-empty{color:var(--ink-2)}.ui-picker-trigger:hover{background:var(--panel)}.ui-picker-caret{font-size:12px;color:var(--cobalt);flex:none}.ui-picker-list{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;max-height:248px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0;padding:0;list-style:none;background:var(--paper);border:var(--rule);box-shadow:none}.ui-picker-option{padding:11px 14px;min-height:44px;display:flex;align-items:center;font-family:var(--font-mono);font-size:14px;letter-spacing:.03em;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--chip)}.ui-picker-option:last-child{border-bottom:none}.ui-picker-option.is-active{background:var(--chip)}.ui-picker-option.is-selected{background:var(--ink);color:var(--paper)}.ui-picker-option.is-selected.is-active{background:var(--cobalt)}.ui-cal{position:absolute;z-index:60;top:calc(100% + 6px);left:0;width:300px;max-width:calc(100vw - 40px);background:var(--paper);border:var(--rule)}.ui-cal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--rule)}.ui-cal-title{font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:-.01em}.ui-cal-nav{width:44px;height:44px;font-size:20px;line-height:1;background:var(--paper);color:var(--ink);border:none;cursor:pointer}.ui-cal-nav:first-child{border-right:var(--rule)}.ui-cal-nav:last-child{border-left:var(--rule)}.ui-cal-nav:hover{background:var(--ink);color:var(--paper)}.ui-cal-weekdays,.ui-cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.ui-cal-weekdays{border-bottom:var(--rule)}.ui-cal-weekday{padding:8px 0;text-align:center;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--cobalt)}.ui-cal-day{aspect-ratio:1;min-height:38px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;color:var(--ink);background:var(--paper);border:none;border-right:1px solid var(--chip);border-bottom:1px solid var(--chip);cursor:pointer}.ui-cal-day:nth-child(7n){border-right:none}.ui-cal-day:nth-child(n+36){border-bottom:none}.ui-cal-day:hover:not(.is-disabled){background:var(--chip)}.ui-cal-day.is-outside{color:var(--ink-2);opacity:.45}.ui-cal-day.is-selected{background:var(--ink);color:var(--paper)}.ui-cal-day.is-disabled{color:var(--ink-2);opacity:.3;cursor:not-allowed}.ui-cal-day:focus-visible{outline:2px solid var(--cobalt);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.ui-picker-list,.ui-cal{scroll-behavior:auto}}.spf-tool{border:var(--rule);background:var(--panel)}.spf-grid{display:grid;grid-template-columns:1fr 1fr}.spf-field{padding:22px 24px;border-bottom:var(--rule);border-right:var(--rule);display:flex;flex-direction:column;gap:12px}.spf-field:nth-child(odd){border-right:var(--rule)}.spf-field:nth-child(2n){border-right:none}.spf-field--full{grid-column:1 / -1;border-right:none}.spf-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--cobalt);display:flex;align-items:center;justify-content:space-between;gap:10px}.spf-optional{color:var(--ink-2);text-transform:none;letter-spacing:0}.spf-presets{display:inline-flex;border:var(--rule);width:max-content;max-width:100%}.spf-preset{min-width:56px;min-height:44px;padding:0 14px;font-family:var(--font-mono);font-size:14px;font-weight:600;background:var(--paper);color:var(--ink);border:none;border-right:var(--rule);cursor:pointer}.spf-preset:last-child{border-right:none}.spf-preset.is-active{background:var(--ink);color:var(--paper)}.spf-preset:hover:not(.is-active){background:var(--chip)}.spf-number,.spf-select{width:100%;min-height:48px;padding:12px 14px;font-size:16px;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:var(--rule);border-radius:0}.spf-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23171511' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.fitz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--rule)}.fitz-cell{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;min-height:44px;background:var(--paper);border:none;border-right:var(--rule);border-bottom:var(--rule);cursor:pointer;text-align:left}.fitz-cell:nth-child(3n){border-right:none}.fitz-cell:nth-child(n+4){border-bottom:none}.fitz-cell.is-active{background:var(--ink)}.fitz-cell.is-active .fitz-type{color:var(--paper)}.fitz-cell.is-active .fitz-desc{color:#b7b2a6}.fitz-cell.is-active .fitz-swatch{outline:2px solid var(--cobalt);outline-offset:2px}.fitz-swatch{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink)}.fitz-type{font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}.fitz-desc{font-size:12px;line-height:1.35;color:var(--ink-2)}.uv-live{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 8px;border-radius:2px;background:var(--chip);color:var(--ink)}.uv-live.uv-high,.uv-live.uv-very-high,.uv-live.uv-extreme{background:var(--signal);color:#fff}.uv-slider{width:100%;accent-color:var(--cobalt);height:44px}.uv-link{font-family:var(--font-mono);font-size:12px;color:var(--cobalt);text-decoration:none;align-self:flex-start}.uv-link:hover{color:var(--cobalt-deep);text-decoration:underline}.spf-run{display:block;width:100%;min-height:56px;padding:18px;font-family:var(--font-mono);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--paper);background:var(--ink);border:none;cursor:pointer}.spf-run:hover{background:var(--cobalt)}.spf-noresult{padding:24px;font-size:15px;color:var(--ink-2);border-top:var(--rule)}.spf-result{border-top:var(--rule);animation:spf-fade .35s ease both}@keyframes spf-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spf-result{animation:none}}.spf-result-primary{padding:32px 24px;display:flex;flex-direction:column;gap:6px;border-bottom:var(--rule)}.spf-result-k{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--cobalt)}.spf-result-v{font-family:var(--font-display);font-weight:500;font-size:clamp(2.75rem,9vw,4.5rem);line-height:.95;letter-spacing:-.03em}.spf-result-sub{font-size:15px;color:var(--ink-2)}.spf-warn{padding:16px 24px;font-size:14px;line-height:1.45;border-bottom:var(--rule);font-family:var(--font-body)}.spf-warn--caution{background:var(--signal);color:#fff;font-weight:500}.spf-warn--note{background:var(--chip);color:var(--ink)}.spf-secondary{display:flex;flex-direction:column}.spf-sec-row{padding:18px 24px;border-bottom:var(--rule);display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:baseline}.spf-sec-k{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--cobalt)}.spf-sec-v{font-size:15px;line-height:1.5;color:var(--ink-2)}.spf-sec-v strong{color:var(--ink);font-weight:600}.spf-caveat{padding:18px 24px;font-size:12px;line-height:1.5;color:var(--ink-2)}@media(max-width:640px){.spf-grid{grid-template-columns:1fr}.spf-field,.spf-field--full{border-right:none}.fitz-grid{grid-template-columns:repeat(2,1fr)}.fitz-cell:nth-child(3n){border-right:var(--rule)}.fitz-cell:nth-child(2n){border-right:none}.fitz-cell:nth-child(n+4){border-bottom:var(--rule)}.fitz-cell:nth-child(n+5){border-bottom:none}.spf-sec-row{grid-template-columns:1fr;gap:6px}}