@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-driftwood-grey: #D4CFC4;--color-lighthouse-stone: #2B3A42;--color-aged-parchment: #F5F2ED;--color-charcoal-ink: #1C252B;--color-morning-fog: #E5E2DB;--color-sea-glass-green: #135C3F;--color-lighthouse-beacon: #CC7722;--color-weathered-rope: #8B7355;--color-salt-weathered-blue: #4A6B7C;--color-tide-pool-blue: #1D4652;--color-gentle-alert: #8B3820;--color-soft-success: #1F5438;--color-background: var(--color-morning-fog);--color-surface: var(--color-aged-parchment);--color-primary: var(--color-tide-pool-blue);--color-accent: var(--color-lighthouse-beacon);--color-text-primary: var(--color-charcoal-ink);--color-text-secondary: #3E4A4F;--color-text-tertiary: #455357;--color-success: var(--color-soft-success);--color-error: var(--color-gentle-alert);--texture-paper: url(/textures/paper-grain.jpg);--texture-wood-grain: url(/textures/wood-grain.jpg);--texture-rope: url(/textures/rope-texture.jpg);--texture-opacity-subtle: .08;--texture-opacity-medium: .15;--texture-opacity-strong: .25;--border-style-rope: dashed;--border-width-thin: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--border-color-subtle: rgba(139, 115, 85, .35);--border-color-medium: rgba(139, 115, 85, .5);--border-color-strong: rgba(139, 115, 85, .6);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-family-display: "Atkinson Hyperlegible", Verdana, Tahoma, sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 37, 43, .06);--shadow-sm: 0 2px 4px rgba(28, 37, 43, .08);--shadow-md: 0 4px 8px rgba(28, 37, 43, .1);--shadow-lg: 0 8px 16px rgba(28, 37, 43, .12);--shadow-xl: 0 12px 24px rgba(28, 37, 43, .15);--shadow-inner: inset 0 2px 4px rgba(28, 37, 43, .06);--focus-ring: 0 0 0 3px rgba(29, 70, 82, .4);--focus-ring-error: 0 0 0 3px rgba(139, 56, 32, .4);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-background, #E5E2DB);background-image:url(/images/ocean-waves.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text-primary, #1C252B);min-height:100vh;line-height:var(--line-height-base);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-lighthouse-stone);color:var(--color-aged-parchment);padding:var(--space-sm) var(--space-md);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);z-index:9999}.skip-link:focus{top:0}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-md)}.app{background-color:#f5f2edf2;border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1c252b4d;max-width:500px;width:100%;min-height:400px;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app:before{content:"";position:absolute;inset:0;background-image:var(--texture-paper);background-size:512px 512px;background-repeat:repeat;opacity:var(--texture-opacity-subtle);pointer-events:none;border-radius:var(--radius-lg)}.header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background-color:var(--color-lighthouse-stone);border-bottom:var(--border-width-medium) solid var(--color-weathered-rope)}.header:before{content:"";position:absolute;inset:0;background-image:var(--texture-wood-grain);background-size:256px 256px;background-repeat:repeat;opacity:var(--texture-opacity-medium);pointer-events:none}.header:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:4px;background-color:var(--color-weathered-rope);background-image:var(--texture-rope);background-size:64px 64px;background-repeat:repeat;opacity:.8}.header-title-group{position:relative;z-index:1}.title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:var(--color-aged-parchment);letter-spacing:.03em}.tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-display);margin-top:var(--space-xs)}.header-actions{display:flex;align-items:center;gap:var(--space-xs);position:relative;z-index:1}.header-button{background:none;border:var(--border-width-thin) solid rgba(245,242,237,.3);border-radius:var(--radius-sm);color:var(--color-aged-parchment);font-size:var(--font-size-sm);cursor:pointer;opacity:.8;transition:opacity var(--transition-base),background var(--transition-base);min-height:44px;min-width:44px;padding:0 var(--space-sm)}.header-button:hover{opacity:1;background:#f5f2ed1a}.header-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.refresh-button{background:none;border:none;color:var(--color-aged-parchment);font-size:var(--font-size-2xl);cursor:pointer;opacity:.7;transition:opacity var(--transition-base),transform var(--transition-base);width:40px;height:40px;min-height:44px;min-width:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.refresh-button:hover{opacity:1;background:#f5f2ed1a}.refresh-button:active{transform:rotate(180deg)}.refresh-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.refresh-button:disabled{opacity:.3;cursor:not-allowed}.main{padding:var(--space-lg);position:relative;z-index:1;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.weather{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg);padding:var(--space-md);background-color:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-inner);position:relative}.weather:before{content:"";position:absolute;inset:0;background-image:var(--texture-paper);background-size:512px 512px;background-repeat:repeat;opacity:var(--texture-opacity-subtle);pointer-events:none;border-radius:var(--radius-md)}.weather-icon{font-size:3rem;flex-shrink:0;position:relative;z-index:1}.weather-info{flex:1;text-align:center;position:relative;z-index:1}.weather-location{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.weather-condition{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:.25rem}.weather-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.weather-temp{text-align:right;flex-shrink:0;position:relative;z-index:1}.temp-value{font-family:var(--font-family-sans);font-size:2.5rem;font-weight:var(--font-weight-light);color:var(--color-text-primary);line-height:1}.temp-feels{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:.25rem}.checkin-notice{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--color-lighthouse-beacon);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.checkin-notice span{flex:1;opacity:.85}.checkin-notice__begin{background:none;border:var(--border-width-thin) solid var(--color-lighthouse-beacon);border-radius:var(--radius-sm);color:var(--color-lighthouse-beacon);font-size:var(--font-size-xs);cursor:pointer;padding:var(--space-xs) var(--space-sm);min-height:44px;white-space:nowrap}.checkin-notice__begin:hover{background:#c8963c1a}.checkin-notice__begin:focus-visible{outline:none;box-shadow:var(--focus-ring)}.checkin-notice__dismiss{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-lg);cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.checkin-notice__dismiss:hover{color:var(--color-text-secondary)}.checkin-notice__dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring)}.phase-selector{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm)}.phase-selector__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.phase-selector__select{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-sans);cursor:pointer;flex:1;appearance:none;padding-right:var(--space-sm);min-height:44px}.phase-selector__select:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.foghorn-trigger{border-left:3px solid var(--color-lighthouse-beacon);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-md);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.location-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-sm);opacity:.85}.ritual-saved{display:inline-block;width:100%;text-align:center;font-size:var(--font-size-base);color:var(--color-soft-success);padding:var(--space-md);margin-bottom:var(--space-md);font-weight:var(--font-weight-medium);background:none;border:none;cursor:default;font-family:inherit;animation:gentle-fade 2.5s ease forwards}@keyframes gentle-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.play-button{width:100%;margin-top:var(--space-lg);min-height:60px;padding:var(--space-md) var(--space-lg);background:linear-gradient(to bottom,#4a6b7cd9,#3b5864e6);color:var(--color-aged-parchment);border:var(--border-width-medium) solid rgba(139,115,85,.4);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform var(--transition-fast),box-shadow var(--transition-base),background var(--transition-base);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md),inset 0 1px 2px #fff3,inset 0 -1px 2px #0000004d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.play-button:before{content:"";position:absolute;inset:0;background-image:var(--texture-wood-grain);background-size:256px 256px;background-repeat:repeat;opacity:var(--texture-opacity-medium);pointer-events:none;border-radius:var(--radius-md)}.play-button:hover{transform:translateY(-2px);background:linear-gradient(to bottom,#4a6b7cf2,#3b5864);box-shadow:var(--shadow-lg),inset 0 1px 2px #ffffff40,inset 0 -1px 2px #00000059}.play-button:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-sm)}.play-button:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-md),inset 0 1px #f5f2ed1a}@keyframes audio-pulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 4px #4a6b7c33}}.play-button:disabled{opacity:1;cursor:not-allowed;transform:none;animation:audio-pulse 1.5s ease-in-out infinite}.play-icon{vertical-align:middle;flex-shrink:0;position:relative;z-index:1}.record-button{width:100%;min-height:60px;padding:var(--space-md) var(--space-lg);background:linear-gradient(to bottom,#466e5ad9,#325541e6);color:var(--color-aged-parchment);border:var(--border-width-medium) solid rgba(139,115,85,.4);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform var(--transition-fast),box-shadow var(--transition-base),background var(--transition-base);margin-bottom:var(--space-md);box-shadow:var(--shadow-md),inset 0 1px 2px #fff3,inset 0 -1px 2px #0000004d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.record-button:before{content:"";position:absolute;inset:0;background-image:var(--texture-wood-grain);background-size:256px 256px;background-repeat:repeat;opacity:var(--texture-opacity-medium);pointer-events:none;border-radius:var(--radius-md)}.record-button:hover{transform:translateY(-2px);background:linear-gradient(to bottom,#466e5af2,#325541);box-shadow:var(--shadow-lg),inset 0 1px 2px #ffffff40,inset 0 -1px 2px #00000059}.record-button:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-sm)}.record-button:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-md),inset 0 1px #f5f2ed1a}.record-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.record-icon{vertical-align:middle;flex-shrink:0;position:relative;z-index:1}.ritual-count{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm);position:relative}.ritual-count:before{content:"";position:absolute;inset:0;background-image:var(--texture-paper);background-size:512px 512px;background-repeat:repeat;opacity:var(--texture-opacity-subtle);pointer-events:none;border-radius:var(--radius-sm)}.ritual-prompt{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-family:var(--font-family-display);padding:var(--space-sm) 0}.historical-section{padding:var(--space-md);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-inner);position:relative;text-align:center}.historical-section:before{content:"";position:absolute;inset:0;background-image:var(--texture-paper);background-size:512px 512px;background-repeat:repeat;opacity:var(--texture-opacity-subtle);pointer-events:none;border-radius:var(--radius-md)}.historical-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);position:relative;z-index:1}.historical-info{font-size:var(--font-size-sm);color:var(--color-text-tertiary);position:relative;z-index:1}.details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.detail-item{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-sm);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-inner);position:relative;text-align:center;transition:box-shadow var(--transition-base),transform var(--transition-base)}.detail-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.detail-item:before{content:"";position:absolute;inset:0;background-image:var(--texture-paper);background-size:512px 512px;background-repeat:repeat;opacity:var(--texture-opacity-subtle);pointer-events:none;border-radius:var(--radius-md)}.detail-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);letter-spacing:.03em;position:relative;z-index:1}.detail-value{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);position:relative;z-index:1}.attribution{padding:var(--space-sm) var(--space-md);border-top:var(--border-width-thin) solid var(--border-color-subtle);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.attribution__link{color:var(--color-text-tertiary);text-decoration:underline;text-underline-offset:2px}.attribution__link:hover{color:var(--color-text-secondary)}.attribution__link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.loading{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);font-family:var(--font-family-display);animation:gentle-pulse 2s ease-in-out infinite}.loading__title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-normal)}.loading__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@keyframes gentle-pulse{0%,to{opacity:.5}50%{opacity:1}}.error{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.error{color:var(--color-error)}.error .hint{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.error-banner{padding:var(--space-sm);background:var(--color-gentle-alert);color:var(--color-aged-parchment);text-align:center;font-size:var(--font-size-sm)}@media(prefers-reduced-motion:reduce){.refresh-button:active,.play-button:hover,.play-button:active,.record-button:hover,.record-button:active,.detail-item:hover{transform:none}.play-button,.record-button,.refresh-button,.detail-item{transition:none}.ritual-saved{animation:none}.loading{animation:none;opacity:1}.play-button:disabled{animation:none}.main{animation:none}}@media(hover:none)or (pointer:coarse){.play-button:hover,.record-button:hover{transform:none}.play-button:active,.record-button:active{opacity:.9;transform:scale(.97)}.refresh-button:hover{transform:none}}@media(max-width:600px){#root{align-items:flex-start;padding-top:env(safe-area-inset-top,var(--space-md));padding-bottom:env(safe-area-inset-bottom,0px)}.app{max-width:100%;border-radius:0;border-left:none;border-right:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.weather{flex-direction:column;text-align:center}.weather-info,.weather-temp{text-align:center}.play-button,.record-button{min-height:60px;font-size:var(--font-size-base)}}.location-consent{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-xl) var(--space-md)}.location-consent__title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.location-consent__prompt{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:400px;margin-bottom:var(--space-lg)}.location-consent__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.location-consent__accept{background:var(--color-primary);color:var(--color-aged-parchment);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:44px;min-width:44px;transition:background var(--transition-base)}.location-consent__accept:hover{background:var(--color-lighthouse-stone)}.location-consent__accept:focus-visible{outline:none;box-shadow:var(--focus-ring)}.location-consent__deny{background:transparent;color:var(--color-text-secondary);border:2px solid var(--border-color-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;min-height:44px;min-width:44px;transition:all var(--transition-base)}.location-consent__deny:hover{border-color:var(--border-color-strong);color:var(--color-text-primary)}.location-consent__deny:focus-visible{outline:none;box-shadow:var(--focus-ring)}.historical-match{display:flex;flex-direction:column;gap:.2rem;padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-lighthouse-beacon);margin-bottom:var(--space-md)}.historical-match__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);letter-spacing:.06em}.historical-match__headline{font-family:var(--font-family-display);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-base)}.historical-match__description{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.ritual-capture{padding:var(--space-md);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-inner)}.ritual-capture__section{margin-bottom:var(--space-md)}.ritual-capture__prompt{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.ritual-capture__intensity{display:flex;gap:.35rem;flex-wrap:wrap}.ritual-capture__dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-color-medium);background:var(--color-aged-parchment);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.ritual-capture__dot:hover{background:var(--color-driftwood-grey)}.ritual-capture__dot--selected{background:var(--color-tide-pool-blue);color:var(--color-aged-parchment);border-color:var(--color-tide-pool-blue)}.ritual-capture__dot:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ritual-capture__loss-types{display:flex;gap:var(--space-xs);flex-wrap:wrap}.ritual-capture__loss-btn{padding:.4rem var(--space-sm);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-color-medium);background:var(--color-aged-parchment);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);min-height:44px}.ritual-capture__loss-btn:hover{background:var(--color-driftwood-grey)}.ritual-capture__loss-btn--selected{background:var(--color-sea-glass-green);color:var(--color-aged-parchment);border-color:var(--color-sea-glass-green)}.ritual-capture__loss-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ritual-capture__notes{width:100%;padding:var(--space-sm);background:var(--color-aged-parchment);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);resize:none;line-height:var(--line-height-relaxed);box-sizing:border-box}.ritual-capture__notes::placeholder{color:var(--color-text-tertiary)}.ritual-capture__notes:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ritual-capture__actions{display:flex;align-items:center;gap:var(--space-md)}.ritual-capture__save{flex:1;min-height:52px;padding:var(--space-sm) var(--space-md);background:linear-gradient(to bottom,#466e5ad9,#325541e6);color:var(--color-aged-parchment);border:var(--border-width-medium) solid rgba(139,115,85,.4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.ritual-capture__save:disabled{opacity:.6;cursor:not-allowed}.ritual-capture__save:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ritual-capture__cancel{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm);min-height:44px}.ritual-capture__cancel:hover{color:var(--color-text-secondary)}.ritual-capture__cancel:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){.ritual-capture__dot,.ritual-capture__loss-btn,.ritual-capture__save{transition:none}}:root{--color-driftwood-grey: #D4CFC4;--color-lighthouse-stone: #2B3A42;--color-aged-parchment: #F5F2ED;--color-charcoal-ink: #1C252B;--color-morning-fog: #E5E2DB;--color-sea-glass-green: #135C3F;--color-lighthouse-beacon: #CC7722;--color-weathered-rope: #8B7355;--color-salt-weathered-blue: #4A6B7C;--color-tide-pool-blue: #1D4652;--color-gentle-alert: #8B3820;--color-soft-success: #1F5438;--color-background: var(--color-morning-fog);--color-surface: var(--color-aged-parchment);--color-primary: var(--color-tide-pool-blue);--color-accent: var(--color-lighthouse-beacon);--color-text-primary: var(--color-charcoal-ink);--color-text-secondary: #3E4A4F;--color-text-tertiary: #455357;--color-success: var(--color-soft-success);--color-error: var(--color-gentle-alert);--texture-paper: url(/textures/paper-grain.jpg);--texture-wood-grain: url(/textures/wood-grain.jpg);--texture-rope: url(/textures/rope-texture.jpg);--texture-opacity-subtle: .08;--texture-opacity-medium: .15;--texture-opacity-strong: .25;--border-style-rope: dashed;--border-width-thin: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--border-color-subtle: rgba(139, 115, 85, .35);--border-color-medium: rgba(139, 115, 85, .5);--border-color-strong: rgba(139, 115, 85, .6);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-family-display: "Atkinson Hyperlegible", Verdana, Tahoma, sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 37, 43, .06);--shadow-sm: 0 2px 4px rgba(28, 37, 43, .08);--shadow-md: 0 4px 8px rgba(28, 37, 43, .1);--shadow-lg: 0 8px 16px rgba(28, 37, 43, .12);--shadow-xl: 0 12px 24px rgba(28, 37, 43, .15);--shadow-inner: inset 0 2px 4px rgba(28, 37, 43, .06);--focus-ring: 0 0 0 3px rgba(29, 70, 82, .4);--focus-ring-error: 0 0 0 3px rgba(139, 56, 32, .4);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-background, #E5E2DB);background-image:url(/images/ocean-waves.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text-primary, #1C252B);min-height:100vh;line-height:var(--line-height-base);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.ritual-analytics{padding:var(--space-md) var(--space-lg);overflow-y:auto;max-height:420px}.ritual-analytics__empty{padding:var(--space-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.ritual-analytics__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.ritual-analytics__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);text-align:center}.ritual-analytics__stat-value{font-family:var(--font-family-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);color:var(--color-text-primary);line-height:1}.ritual-analytics__stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);letter-spacing:.03em}.ritual-analytics__section{margin-bottom:var(--space-lg)}.ritual-analytics__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);letter-spacing:.03em;margin-bottom:var(--space-sm)}.ritual-analytics__months{display:flex;gap:var(--space-xs);align-items:flex-end;height:80px}.ritual-analytics__month{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.ritual-analytics__bar-wrap{flex:1;display:flex;align-items:flex-end;width:100%}.ritual-analytics__bar{width:100%;background:var(--color-tide-pool-blue);border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:.7;min-height:0;transition:height var(--transition-base)}.ritual-analytics__month-count{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);line-height:1}.ritual-analytics__month-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1}.ritual-analytics__loss-types{display:flex;flex-direction:column;gap:var(--space-xs)}.ritual-analytics__loss-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-morning-fog);border-radius:var(--radius-sm)}.ritual-analytics__loss-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ritual-analytics__loss-count{font-family:var(--font-family-display);font-size:var(--font-size-base);color:var(--color-text-primary)}.ritual-analytics__intensity-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.ritual-analytics__intensity-dot{width:2.2rem;height:2.2rem;border-radius:var(--radius-full);background:var(--color-tide-pool-blue);color:var(--color-aged-parchment);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){.ritual-analytics__bar{transition:none}}:root{--color-driftwood-grey: #D4CFC4;--color-lighthouse-stone: #2B3A42;--color-aged-parchment: #F5F2ED;--color-charcoal-ink: #1C252B;--color-morning-fog: #E5E2DB;--color-sea-glass-green: #135C3F;--color-lighthouse-beacon: #CC7722;--color-weathered-rope: #8B7355;--color-salt-weathered-blue: #4A6B7C;--color-tide-pool-blue: #1D4652;--color-gentle-alert: #8B3820;--color-soft-success: #1F5438;--color-background: var(--color-morning-fog);--color-surface: var(--color-aged-parchment);--color-primary: var(--color-tide-pool-blue);--color-accent: var(--color-lighthouse-beacon);--color-text-primary: var(--color-charcoal-ink);--color-text-secondary: #3E4A4F;--color-text-tertiary: #455357;--color-success: var(--color-soft-success);--color-error: var(--color-gentle-alert);--texture-paper: url(/textures/paper-grain.jpg);--texture-wood-grain: url(/textures/wood-grain.jpg);--texture-rope: url(/textures/rope-texture.jpg);--texture-opacity-subtle: .08;--texture-opacity-medium: .15;--texture-opacity-strong: .25;--border-style-rope: dashed;--border-width-thin: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--border-color-subtle: rgba(139, 115, 85, .35);--border-color-medium: rgba(139, 115, 85, .5);--border-color-strong: rgba(139, 115, 85, .6);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-family-display: "Atkinson Hyperlegible", Verdana, Tahoma, sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 37, 43, .06);--shadow-sm: 0 2px 4px rgba(28, 37, 43, .08);--shadow-md: 0 4px 8px rgba(28, 37, 43, .1);--shadow-lg: 0 8px 16px rgba(28, 37, 43, .12);--shadow-xl: 0 12px 24px rgba(28, 37, 43, .15);--shadow-inner: inset 0 2px 4px rgba(28, 37, 43, .06);--focus-ring: 0 0 0 3px rgba(29, 70, 82, .4);--focus-ring-error: 0 0 0 3px rgba(139, 56, 32, .4);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-background, #E5E2DB);background-image:url(/images/ocean-waves.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text-primary, #1C252B);min-height:100vh;line-height:var(--line-height-base);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.retro-capture{position:absolute;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-lg) var(--space-md);opacity:1;transition:opacity .2s ease-out}.retro-capture__backdrop{position:absolute;inset:0;background:#1c252b80;border-radius:var(--radius-lg)}.retro-capture__panel{position:relative;z-index:1;background:#f5f2edfa;border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);padding:var(--space-lg);width:100%;max-height:calc(100% - var(--space-lg));overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeSlideIn .2s ease-out}.retro-capture__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--space-md)}.retro-capture__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}.retro-capture__field{display:flex;flex-direction:column;gap:var(--space-xs)}.retro-capture__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);letter-spacing:.03em}.retro-capture__input,.retro-capture__select{padding:var(--space-sm);background:var(--color-aged-parchment);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);min-height:44px;box-sizing:border-box;width:100%}.retro-capture__input:focus-visible,.retro-capture__select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.retro-capture__checkbox-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);cursor:pointer;min-height:44px}.retro-capture__checkbox{width:18px;height:18px;accent-color:var(--color-tide-pool-blue);flex-shrink:0}.retro-capture__section{margin-bottom:var(--space-md)}.retro-capture__prompt{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.retro-capture__intensity{display:flex;gap:.3rem;flex-wrap:wrap}.retro-capture__dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-color-medium);background:var(--color-aged-parchment);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.retro-capture__dot--selected{background:var(--color-tide-pool-blue);color:var(--color-aged-parchment);border-color:var(--color-tide-pool-blue)}.retro-capture__dot:focus-visible{outline:none;box-shadow:var(--focus-ring)}.retro-capture__loss-types{display:flex;gap:var(--space-xs);flex-wrap:wrap}.retro-capture__loss-btn{padding:.4rem var(--space-sm);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-color-medium);background:var(--color-aged-parchment);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;min-height:44px}.retro-capture__loss-btn--selected{background:var(--color-sea-glass-green);color:var(--color-aged-parchment);border-color:var(--color-sea-glass-green)}.retro-capture__loss-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.retro-capture__notes{width:100%;padding:var(--space-sm);background:var(--color-aged-parchment);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);resize:none;line-height:var(--line-height-relaxed);box-sizing:border-box}.retro-capture__notes::placeholder{color:var(--color-text-tertiary)}.retro-capture__notes:focus-visible{outline:none;box-shadow:var(--focus-ring)}.retro-capture__actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm)}.retro-capture__save{flex:1;min-height:52px;background:linear-gradient(to bottom,#466e5ad9,#325541e6);color:var(--color-aged-parchment);border:var(--border-width-medium) solid rgba(139,115,85,.4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer}.retro-capture__save:disabled{opacity:.5;cursor:not-allowed}.retro-capture__save:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.retro-capture__save:focus-visible{outline:none;box-shadow:var(--focus-ring)}.retro-capture__cancel{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm);min-height:44px}.retro-capture__cancel:hover{color:var(--color-text-secondary)}.retro-capture__cancel:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.retro-capture__saved{text-align:center;padding:var(--space-xl);font-family:var(--font-family-display);font-size:var(--font-size-lg);color:var(--color-soft-success);font-weight:var(--font-weight-medium)}@media(prefers-reduced-motion:reduce){.retro-capture{transition:none}.retro-capture__panel{animation:none}.retro-capture__save:hover:not(:disabled){transform:none}}:root{--color-driftwood-grey: #D4CFC4;--color-lighthouse-stone: #2B3A42;--color-aged-parchment: #F5F2ED;--color-charcoal-ink: #1C252B;--color-morning-fog: #E5E2DB;--color-sea-glass-green: #135C3F;--color-lighthouse-beacon: #CC7722;--color-weathered-rope: #8B7355;--color-salt-weathered-blue: #4A6B7C;--color-tide-pool-blue: #1D4652;--color-gentle-alert: #8B3820;--color-soft-success: #1F5438;--color-background: var(--color-morning-fog);--color-surface: var(--color-aged-parchment);--color-primary: var(--color-tide-pool-blue);--color-accent: var(--color-lighthouse-beacon);--color-text-primary: var(--color-charcoal-ink);--color-text-secondary: #3E4A4F;--color-text-tertiary: #455357;--color-success: var(--color-soft-success);--color-error: var(--color-gentle-alert);--texture-paper: url(/textures/paper-grain.jpg);--texture-wood-grain: url(/textures/wood-grain.jpg);--texture-rope: url(/textures/rope-texture.jpg);--texture-opacity-subtle: .08;--texture-opacity-medium: .15;--texture-opacity-strong: .25;--border-style-rope: dashed;--border-width-thin: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--border-color-subtle: rgba(139, 115, 85, .35);--border-color-medium: rgba(139, 115, 85, .5);--border-color-strong: rgba(139, 115, 85, .6);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-family-display: "Atkinson Hyperlegible", Verdana, Tahoma, sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 37, 43, .06);--shadow-sm: 0 2px 4px rgba(28, 37, 43, .08);--shadow-md: 0 4px 8px rgba(28, 37, 43, .1);--shadow-lg: 0 8px 16px rgba(28, 37, 43, .12);--shadow-xl: 0 12px 24px rgba(28, 37, 43, .15);--shadow-inner: inset 0 2px 4px rgba(28, 37, 43, .06);--focus-ring: 0 0 0 3px rgba(29, 70, 82, .4);--focus-ring-error: 0 0 0 3px rgba(139, 56, 32, .4);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-background, #E5E2DB);background-image:url(/images/ocean-waves.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text-primary, #1C252B);min-height:100vh;line-height:var(--line-height-base);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.ritual-history{display:flex;flex-direction:column;height:100%;min-height:300px;position:relative;animation:fadeSlideIn .2s ease-out}.ritual-history__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0;gap:var(--space-sm)}.ritual-history__tabs{display:flex;gap:2px;background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm);padding:2px}.ritual-history__tab{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);min-height:44px;transition:color var(--transition-base),background var(--transition-base)}.ritual-history__tab:hover{color:var(--color-text-secondary)}.ritual-history__tab--active{background:var(--color-aged-parchment);color:var(--color-text-primary)}.ritual-history__tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ritual-history__header-actions{display:flex;gap:var(--space-sm);align-items:center}.ritual-history__export{background:none;border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);cursor:pointer;min-height:44px;min-width:44px;transition:color var(--transition-base),border-color var(--transition-base)}.ritual-history__export:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.ritual-history__export:disabled{opacity:.4;cursor:not-allowed}.ritual-history__export:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ritual-history__close{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-2xl);cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:color var(--transition-base)}.ritual-history__close:hover{color:var(--color-text-primary)}.ritual-history__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ritual-history__loading,.ritual-history__empty{padding:var(--space-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.ritual-history__list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:420px}.ritual-history__item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color-subtle)}.ritual-history__item:last-child{border-bottom:none}.ritual-history__item-main{flex:1;min-width:0}.ritual-history__delete{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-lg);cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;opacity:0;transition:opacity var(--transition-base),color var(--transition-base)}.ritual-history__item:hover .ritual-history__delete,.ritual-history__item:focus-within .ritual-history__delete{opacity:1}.ritual-history__delete:hover{color:var(--color-error)}.ritual-history__delete:focus-visible{outline:none;box-shadow:var(--focus-ring);opacity:1}@media(hover:none){.ritual-history__delete{opacity:.5}}.ritual-history__notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);line-height:var(--line-height-relaxed);white-space:pre-wrap;word-break:break-word}.ritual-history__date{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-xs)}.ritual-history__day{font-family:var(--font-family-display);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.ritual-history__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ritual-history__weather{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.ritual-history__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.ritual-history__tag{font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-full);padding:2px var(--space-sm)}.ritual-history__tag--foghorn{border-color:var(--color-lighthouse-beacon);color:var(--color-lighthouse-beacon)}.ritual-history__tag--phase{border-color:var(--color-tide-pool-blue);color:var(--color-tide-pool-blue)}@media(prefers-reduced-motion:reduce){.ritual-history{animation:none}.ritual-history__tab,.ritual-history__export,.ritual-history__close,.ritual-history__delete{transition:none}}:root{--color-driftwood-grey: #D4CFC4;--color-lighthouse-stone: #2B3A42;--color-aged-parchment: #F5F2ED;--color-charcoal-ink: #1C252B;--color-morning-fog: #E5E2DB;--color-sea-glass-green: #135C3F;--color-lighthouse-beacon: #CC7722;--color-weathered-rope: #8B7355;--color-salt-weathered-blue: #4A6B7C;--color-tide-pool-blue: #1D4652;--color-gentle-alert: #8B3820;--color-soft-success: #1F5438;--color-background: var(--color-morning-fog);--color-surface: var(--color-aged-parchment);--color-primary: var(--color-tide-pool-blue);--color-accent: var(--color-lighthouse-beacon);--color-text-primary: var(--color-charcoal-ink);--color-text-secondary: #3E4A4F;--color-text-tertiary: #455357;--color-success: var(--color-soft-success);--color-error: var(--color-gentle-alert);--texture-paper: url(/textures/paper-grain.jpg);--texture-wood-grain: url(/textures/wood-grain.jpg);--texture-rope: url(/textures/rope-texture.jpg);--texture-opacity-subtle: .08;--texture-opacity-medium: .15;--texture-opacity-strong: .25;--border-style-rope: dashed;--border-width-thin: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--border-color-subtle: rgba(139, 115, 85, .35);--border-color-medium: rgba(139, 115, 85, .5);--border-color-strong: rgba(139, 115, 85, .6);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-family-display: "Atkinson Hyperlegible", Verdana, Tahoma, sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 37, 43, .06);--shadow-sm: 0 2px 4px rgba(28, 37, 43, .08);--shadow-md: 0 4px 8px rgba(28, 37, 43, .1);--shadow-lg: 0 8px 16px rgba(28, 37, 43, .12);--shadow-xl: 0 12px 24px rgba(28, 37, 43, .15);--shadow-inner: inset 0 2px 4px rgba(28, 37, 43, .06);--focus-ring: 0 0 0 3px rgba(29, 70, 82, .4);--focus-ring-error: 0 0 0 3px rgba(139, 56, 32, .4);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-background, #E5E2DB);background-image:url(/images/ocean-waves.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text-primary, #1C252B);min-height:100vh;line-height:var(--line-height-base);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.settings{display:flex;flex-direction:column;max-height:520px;animation:fadeSlideIn .2s ease-out}.settings__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0}.settings__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin:0}.settings__close{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-2xl);cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:color var(--transition-base)}.settings__close:hover{color:var(--color-text-primary)}.settings__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.settings__body{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg)}.settings__section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color-subtle)}.settings__section:last-child{border-bottom:none;margin-bottom:0}.settings__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);letter-spacing:.03em;margin-bottom:var(--space-sm)}.settings__trigger-list{display:flex;flex-direction:column;gap:var(--space-xs)}.settings__trigger{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) 0;min-height:44px}.settings__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-tide-pool-blue);flex-shrink:0}.settings__trigger-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.settings__location-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}.settings__input{padding:var(--space-sm);background:var(--color-aged-parchment);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);width:100%;box-sizing:border-box;min-height:44px}.settings__input::placeholder{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.settings__input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.settings__text-btn{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-xs);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;min-height:44px;padding:var(--space-xs) var(--space-sm)}.settings__text-btn:hover{color:var(--color-text-secondary)}.settings__text-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.settings__checkin-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.settings__checkin-btn{background:none;border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;min-height:44px;transition:color var(--transition-base),border-color var(--transition-base)}.settings__checkin-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.settings__checkin-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.settings__checkin-history{display:flex;flex-direction:column;gap:var(--space-sm)}.settings__checkin-entry{padding:var(--space-sm);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm)}.settings__checkin-entry-date{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.settings__checkin-scores{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xs)}.settings__checkin-score{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:48px}.settings__checkin-score-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);letter-spacing:.3px;text-align:center}.settings__checkin-score-value{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary)}.settings__checkin-entry-notes{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:var(--border-width-thin) solid var(--border-color-subtle);white-space:pre-wrap;word-break:break-word}.settings__privacy{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;padding:var(--space-sm) 0}.settings__privacy-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.settings__footer{padding:var(--space-md) var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0}.settings__save{width:100%;min-height:52px;padding:var(--space-sm) var(--space-md);background:linear-gradient(to bottom,#4a6b7cd9,#3b5864e6);color:var(--color-aged-parchment);border:var(--border-width-medium) solid rgba(139,115,85,.4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.settings__save:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.settings__save:focus-visible{outline:none;box-shadow:var(--focus-ring)}.settings__section--moving-on{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color-subtle);opacity:.85}.settings__section-title--moving-on{color:var(--color-text-tertiary)}.settings__moving-on-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.settings__exit-option{margin-bottom:var(--space-md)}.settings__exit-option:last-child{margin-bottom:0}.settings__exit-btn{display:block;width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast),border-color var(--transition-base)}.settings__exit-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.settings__exit-btn:disabled{opacity:.5;cursor:default}.settings__exit-btn--archive{background:none;border:var(--border-width-thin) solid var(--border-color-medium);color:var(--color-text-secondary)}.settings__exit-btn--archive:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text-primary)}.settings__exit-btn--delete{background:none;border:var(--border-width-thin) solid var(--border-color-subtle);color:var(--color-text-tertiary)}.settings__exit-btn--delete:hover:not(:disabled){border-color:var(--color-gentle-alert);color:var(--color-gentle-alert)}.settings__exit-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed);margin-top:var(--space-xs)}.settings__exit-farewell{font-family:var(--font-family-serif);font-size:var(--font-size-base);color:var(--color-text-tertiary);text-align:center;padding:var(--space-md) 0;line-height:var(--line-height-relaxed)}.settings__delete-confirm{padding:var(--space-md);background:var(--color-morning-fog);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-md)}.settings__delete-confirm-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.settings__delete-confirm-actions{display:flex;gap:var(--space-sm)}.settings__exit-btn--delete-confirm{flex:1;background:none;border:var(--border-width-thin) solid var(--color-gentle-alert);color:var(--color-gentle-alert)}.settings__exit-btn--delete-confirm:hover{background:#8b38200f}.settings__exit-btn--cancel{flex:1;background:none;border:var(--border-width-thin) solid var(--border-color-medium);color:var(--color-text-secondary)}.settings__exit-btn--cancel:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){.settings{animation:none}.settings__close,.settings__checkin-btn,.settings__save,.settings__exit-btn{transition:none}.settings__save:hover:not(:disabled){transform:none}}:root{--color-driftwood-grey: #D4CFC4;--color-lighthouse-stone: #2B3A42;--color-aged-parchment: #F5F2ED;--color-charcoal-ink: #1C252B;--color-morning-fog: #E5E2DB;--color-sea-glass-green: #135C3F;--color-lighthouse-beacon: #CC7722;--color-weathered-rope: #8B7355;--color-salt-weathered-blue: #4A6B7C;--color-tide-pool-blue: #1D4652;--color-gentle-alert: #8B3820;--color-soft-success: #1F5438;--color-background: var(--color-morning-fog);--color-surface: var(--color-aged-parchment);--color-primary: var(--color-tide-pool-blue);--color-accent: var(--color-lighthouse-beacon);--color-text-primary: var(--color-charcoal-ink);--color-text-secondary: #3E4A4F;--color-text-tertiary: #455357;--color-success: var(--color-soft-success);--color-error: var(--color-gentle-alert);--texture-paper: url(/textures/paper-grain.jpg);--texture-wood-grain: url(/textures/wood-grain.jpg);--texture-rope: url(/textures/rope-texture.jpg);--texture-opacity-subtle: .08;--texture-opacity-medium: .15;--texture-opacity-strong: .25;--border-style-rope: dashed;--border-width-thin: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--border-color-subtle: rgba(139, 115, 85, .35);--border-color-medium: rgba(139, 115, 85, .5);--border-color-strong: rgba(139, 115, 85, .6);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-family-display: "Atkinson Hyperlegible", Verdana, Tahoma, sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 37, 43, .06);--shadow-sm: 0 2px 4px rgba(28, 37, 43, .08);--shadow-md: 0 4px 8px rgba(28, 37, 43, .1);--shadow-lg: 0 8px 16px rgba(28, 37, 43, .12);--shadow-xl: 0 12px 24px rgba(28, 37, 43, .15);--shadow-inner: inset 0 2px 4px rgba(28, 37, 43, .06);--focus-ring: 0 0 0 3px rgba(29, 70, 82, .4);--focus-ring-error: 0 0 0 3px rgba(139, 56, 32, .4);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-background, #E5E2DB);background-image:url(/images/ocean-waves.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text-primary, #1C252B);min-height:100vh;line-height:var(--line-height-base);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.quarterly-checkin{position:absolute;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-lg) var(--space-md)}.quarterly-checkin__backdrop{position:absolute;inset:0;background:#1c252b80;border-radius:var(--radius-lg)}.quarterly-checkin__panel{position:relative;z-index:1;background:#f5f2edfa;border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);padding:var(--space-lg);width:100%;max-height:calc(100% - var(--space-lg));overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeSlideIn .2s ease-out}.quarterly-checkin__title{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.quarterly-checkin__subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-lg);line-height:var(--line-height-relaxed)}.quarterly-checkin__questions{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}.quarterly-checkin__question{padding-bottom:var(--space-md);border-bottom:var(--border-width-thin) solid var(--border-color-subtle)}.quarterly-checkin__question:last-child{border-bottom:none}.quarterly-checkin__q-text{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:var(--line-height-relaxed)}.quarterly-checkin__scale{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.quarterly-checkin__scale-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);flex-shrink:0}.quarterly-checkin__dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-color-medium);background:var(--color-aged-parchment);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:background var(--transition-fast),color var(--transition-fast)}.quarterly-checkin__dot:hover{background:var(--color-driftwood-grey)}.quarterly-checkin__dot--selected{background:var(--color-tide-pool-blue);color:var(--color-aged-parchment);border-color:var(--color-tide-pool-blue)}.quarterly-checkin__dot:focus-visible{outline:none;box-shadow:var(--focus-ring)}.quarterly-checkin__notes-section{margin-bottom:var(--space-md)}.quarterly-checkin__notes{width:100%;padding:var(--space-sm);background:var(--color-aged-parchment);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);resize:none;line-height:var(--line-height-relaxed);box-sizing:border-box}.quarterly-checkin__notes::placeholder{color:var(--color-text-tertiary)}.quarterly-checkin__notes:focus-visible{outline:none;box-shadow:var(--focus-ring)}.quarterly-checkin__actions{display:flex;align-items:center;gap:var(--space-md)}.quarterly-checkin__save{flex:1;min-height:52px;padding:var(--space-sm) var(--space-md);background:linear-gradient(to bottom,#4a6b7cd9,#3b5864e6);color:var(--color-aged-parchment);border:var(--border-width-medium) solid rgba(139,115,85,.4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.quarterly-checkin__save:disabled{opacity:.5;cursor:not-allowed}.quarterly-checkin__save:focus-visible{outline:none;box-shadow:var(--focus-ring)}.quarterly-checkin__skip{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm);min-height:44px}.quarterly-checkin__skip:hover{color:var(--color-text-secondary)}.quarterly-checkin__skip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.quarterly-checkin__saved{text-align:center;padding:var(--space-xl);font-family:var(--font-family-display);font-size:var(--font-size-lg);color:var(--color-soft-success);font-weight:var(--font-weight-medium)}@media(prefers-reduced-motion:reduce){.quarterly-checkin__dot,.quarterly-checkin__save{transition:none}.quarterly-checkin__panel{animation:none}}:root{--color-driftwood-grey: #D4CFC4;--color-lighthouse-stone: #2B3A42;--color-aged-parchment: #F5F2ED;--color-charcoal-ink: #1C252B;--color-morning-fog: #E5E2DB;--color-sea-glass-green: #135C3F;--color-lighthouse-beacon: #CC7722;--color-weathered-rope: #8B7355;--color-salt-weathered-blue: #4A6B7C;--color-tide-pool-blue: #1D4652;--color-gentle-alert: #8B3820;--color-soft-success: #1F5438;--color-background: var(--color-morning-fog);--color-surface: var(--color-aged-parchment);--color-primary: var(--color-tide-pool-blue);--color-accent: var(--color-lighthouse-beacon);--color-text-primary: var(--color-charcoal-ink);--color-text-secondary: #3E4A4F;--color-text-tertiary: #455357;--color-success: var(--color-soft-success);--color-error: var(--color-gentle-alert);--texture-paper: url(/textures/paper-grain.jpg);--texture-wood-grain: url(/textures/wood-grain.jpg);--texture-rope: url(/textures/rope-texture.jpg);--texture-opacity-subtle: .08;--texture-opacity-medium: .15;--texture-opacity-strong: .25;--border-style-rope: dashed;--border-width-thin: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--border-color-subtle: rgba(139, 115, 85, .35);--border-color-medium: rgba(139, 115, 85, .5);--border-color-strong: rgba(139, 115, 85, .6);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-family-display: "Atkinson Hyperlegible", Verdana, Tahoma, sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 37, 43, .06);--shadow-sm: 0 2px 4px rgba(28, 37, 43, .08);--shadow-md: 0 4px 8px rgba(28, 37, 43, .1);--shadow-lg: 0 8px 16px rgba(28, 37, 43, .12);--shadow-xl: 0 12px 24px rgba(28, 37, 43, .15);--shadow-inner: inset 0 2px 4px rgba(28, 37, 43, .06);--focus-ring: 0 0 0 3px rgba(29, 70, 82, .4);--focus-ring-error: 0 0 0 3px rgba(139, 56, 32, .4);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-background, #E5E2DB);background-image:url(/images/ocean-waves.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text-primary, #1C252B);min-height:100vh;line-height:var(--line-height-base);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.field-notes{display:flex;flex-direction:column;max-height:520px;animation:fadeSlideIn .2s ease-out}.field-notes__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0}.field-notes__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin:0}.field-notes__header-actions{display:flex;align-items:center;gap:var(--space-xs)}.field-notes__new{background:none;border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);min-height:44px;transition:color var(--transition-base),border-color var(--transition-base)}.field-notes__new:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.field-notes__new:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field-notes__close{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-2xl);cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.field-notes__close:hover{color:var(--color-text-primary)}.field-notes__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field-notes__compose{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0}.field-notes__textarea{width:100%;padding:var(--space-sm);background:var(--color-aged-parchment);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);resize:vertical;line-height:var(--line-height-relaxed);box-sizing:border-box;margin-bottom:var(--space-sm)}.field-notes__textarea::placeholder{color:var(--color-text-tertiary)}.field-notes__textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field-notes__compose-actions{display:flex;align-items:center;gap:var(--space-sm)}.field-notes__save{min-height:44px;padding:var(--space-xs) var(--space-md);background:linear-gradient(to bottom,#4a6b7cd9,#3b5864e6);color:var(--color-aged-parchment);border:var(--border-width-medium) solid rgba(139,115,85,.4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.field-notes__save:disabled{opacity:.5;cursor:not-allowed}.field-notes__save:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field-notes__cancel{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;min-height:44px;padding:var(--space-xs) var(--space-sm)}.field-notes__cancel:hover{color:var(--color-text-secondary)}.field-notes__cancel:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.field-notes__hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:auto}.field-notes__loading,.field-notes__empty{padding:var(--space-xl) var(--space-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.field-notes__list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.field-notes__item{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color-subtle)}.field-notes__item:last-child{border-bottom:none}.field-notes__item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-xs)}.field-notes__item-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.field-notes__delete{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-lg);cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-base),color var(--transition-base)}.field-notes__item:hover .field-notes__delete,.field-notes__item:focus-within .field-notes__delete{opacity:1}.field-notes__delete:hover{color:var(--color-error)}.field-notes__delete:focus-visible{outline:none;box-shadow:var(--focus-ring);opacity:1}@media(hover:none){.field-notes__delete{opacity:.5}}.field-notes__body{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed);white-space:pre-wrap;word-break:break-word;margin:0}@media(prefers-reduced-motion:reduce){.field-notes{animation:none}.field-notes__new,.field-notes__delete{transition:none}}:root{--color-driftwood-grey: #D4CFC4;--color-lighthouse-stone: #2B3A42;--color-aged-parchment: #F5F2ED;--color-charcoal-ink: #1C252B;--color-morning-fog: #E5E2DB;--color-sea-glass-green: #135C3F;--color-lighthouse-beacon: #CC7722;--color-weathered-rope: #8B7355;--color-salt-weathered-blue: #4A6B7C;--color-tide-pool-blue: #1D4652;--color-gentle-alert: #8B3820;--color-soft-success: #1F5438;--color-background: var(--color-morning-fog);--color-surface: var(--color-aged-parchment);--color-primary: var(--color-tide-pool-blue);--color-accent: var(--color-lighthouse-beacon);--color-text-primary: var(--color-charcoal-ink);--color-text-secondary: #3E4A4F;--color-text-tertiary: #455357;--color-success: var(--color-soft-success);--color-error: var(--color-gentle-alert);--texture-paper: url(/textures/paper-grain.jpg);--texture-wood-grain: url(/textures/wood-grain.jpg);--texture-rope: url(/textures/rope-texture.jpg);--texture-opacity-subtle: .08;--texture-opacity-medium: .15;--texture-opacity-strong: .25;--border-style-rope: dashed;--border-width-thin: 2px;--border-width-medium: 3px;--border-width-thick: 4px;--border-color-subtle: rgba(139, 115, 85, .35);--border-color-medium: rgba(139, 115, 85, .5);--border-color-strong: rgba(139, 115, 85, .6);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--font-family-display: "Atkinson Hyperlegible", Verdana, Tahoma, sans-serif;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(28, 37, 43, .06);--shadow-sm: 0 2px 4px rgba(28, 37, 43, .08);--shadow-md: 0 4px 8px rgba(28, 37, 43, .1);--shadow-lg: 0 8px 16px rgba(28, 37, 43, .12);--shadow-xl: 0 12px 24px rgba(28, 37, 43, .15);--shadow-inner: inset 0 2px 4px rgba(28, 37, 43, .06);--focus-ring: 0 0 0 3px rgba(29, 70, 82, .4);--focus-ring-error: 0 0 0 3px rgba(139, 56, 32, .4);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background-color:var(--color-background, #E5E2DB);background-image:url(/images/ocean-waves.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text-primary, #1C252B);min-height:100vh;line-height:var(--line-height-base);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,#e5e2dbd9,#e5e2dbbf);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;inset:0;background-image:var(--texture-paper);background-size:512px 512px;background-repeat:repeat;opacity:var(--texture-opacity-subtle);pointer-events:none;z-index:-1}@media(max-width:600px){:root{--space-lg: 2rem;--space-xl: 3rem;--font-size-3xl: 1.75rem;--font-size-2xl: 1.375rem}body{background-attachment:scroll}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-width-thin: 2px;--border-width-medium: 3px;--border-color-subtle: rgba(139, 115, 85, .3);--border-color-medium: rgba(139, 115, 85, .5)}}input,select,textarea{font-size:max(16px,1em)}::selection{background:#1d465240;color:var(--color-text-primary)}.onboarding{position:absolute;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-lg) var(--space-md)}.onboarding__backdrop{position:absolute;inset:0;background:#1c252b80;border-radius:var(--radius-lg)}.onboarding__panel{position:relative;z-index:1;background:#f5f2edfa;border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);padding:var(--space-lg);width:100%;max-height:calc(100% - var(--space-lg));overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeSlideIn .2s ease-out}.onboarding__title{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.onboarding__subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-lg);line-height:var(--line-height-relaxed)}.onboarding__step{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.onboarding__label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.onboarding__input{width:100%;padding:var(--space-sm);background:var(--color-aged-parchment);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);min-height:44px;box-sizing:border-box}.onboarding__input::placeholder{color:var(--color-text-tertiary)}.onboarding__input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.onboarding__section{margin-bottom:var(--space-md)}.onboarding__section-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.onboarding__pills{display:flex;gap:var(--space-xs);flex-wrap:wrap}.onboarding__pill{padding:.4rem var(--space-sm);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-color-medium);background:var(--color-aged-parchment);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);min-height:44px;display:flex;align-items:center;justify-content:center}.onboarding__pill:hover{background:var(--color-driftwood-grey)}.onboarding__pill--selected{background:var(--color-sea-glass-green);color:var(--color-aged-parchment);border-color:var(--color-sea-glass-green)}.onboarding__pill:focus-visible{outline:none;box-shadow:var(--focus-ring)}.onboarding__cards{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.onboarding__card{padding:var(--space-md);border:var(--border-width-medium) solid var(--border-color-subtle);border-radius:var(--radius-md);background:var(--color-aged-parchment);cursor:pointer;transition:border-color var(--transition-fast);text-align:left;min-height:44px}.onboarding__card:hover{border-color:var(--border-color-medium)}.onboarding__card--selected{border-color:var(--color-tide-pool-blue);box-shadow:var(--shadow-sm)}.onboarding__card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.onboarding__card-title{font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.onboarding__card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.onboarding__interval{margin-top:var(--space-sm)}.onboarding__interval-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);display:block}.onboarding__select{padding:var(--space-xs) var(--space-sm);background:var(--color-aged-parchment);border:var(--border-width-thin) solid var(--border-color-medium);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);min-height:44px}.onboarding__select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.onboarding__privacy{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;padding:var(--space-sm) 0}.onboarding__actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.onboarding__next{flex:1;min-height:52px;padding:var(--space-sm) var(--space-md);background:linear-gradient(to bottom,#4a6b7cd9,#3b5864e6);color:var(--color-aged-parchment);border:var(--border-width-medium) solid rgba(139,115,85,.4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.onboarding__next:disabled{opacity:.5;cursor:not-allowed}.onboarding__next:focus-visible{outline:none;box-shadow:var(--focus-ring)}.onboarding__back{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm);min-height:44px}.onboarding__back:hover{color:var(--color-text-secondary)}.onboarding__back:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){.onboarding__panel{animation:none}.onboarding__pill,.onboarding__card,.onboarding__next{transition:none}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-xl);background:var(--color-background)}.error-boundary__content{max-width:500px;text-align:center}.error-boundary__title{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.error-boundary__message{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl)}.error-boundary__details{text-align:left;margin-bottom:var(--space-xl);background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color-subtle)}.error-boundary__details summary{cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.error-boundary__error{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:monospace}.error-boundary__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.error-boundary__button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);border:2px solid var(--color-primary);cursor:pointer;transition:all var(--transition-base);min-height:44px;min-width:44px}.error-boundary__button:hover{background:#1d465214}.error-boundary__button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.error-boundary__button--primary{background:var(--color-primary);color:var(--color-aged-parchment);border-color:var(--color-primary)}.error-boundary__button--primary:hover{background:var(--color-lighthouse-stone)}