:root{--font-body:var(--font-dm-sans), "DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display:var(--font-playfair-display), "Playfair Display", Georgia, serif;--text-body:clamp(15px, 4vw, 17px);--text-body-sm:clamp(13px, 3.5vw, 15px);--text-caption:clamp(12px, 3.2vw, 13px);--text-label:clamp(11px, 2.9vw, 12px);--color-cream:#f0ebe0;--color-gold:#baa064;--color-gold-hover:#d4b96a;--color-mid:#8b8b9b;--color-dim:#7a7a8a;--color-muted:#6a6a7a;--color-warning:#c97a5a;--color-bg:#0f0f14;--surface-card:#ffffff08;--surface-card-highlight:#baa06412;--surface-nav:#0f0f14f5;--surface-filter-active:#baa06433;--surface-filter-inactive:#ffffff0a;--surface-input:#ffffff0d;--surface-done:#ffffff04;--surface-gold-tag:#baa06433;--surface-tag:#baa0641f;--surface-hover:#baa06417;--border-card:#baa06414;--border-card-highlight:#baa0642e;--border-gold-hover:#baa0644d;--border-nav:#baa0641f;--border-filter-active:#baa0644d;--border-filter-inactive:#baa06414;--border-input:#baa0641f;--border-row:#baa0640f;--content-max-width:480px;--content-padding:20px;--content-top-padding:56px;--content-bottom-padding:100px;--nav-blur:20px;--radius-card:14px;--radius-tag:6px;--radius-button:20px;--radius-input:10px;--transition-color:color .15s;--transition-border:border-color .2s, background-color .2s}@media (min-width:640px){:root{--content-max-width:560px;--content-padding:32px}}@media (min-width:1024px){:root{--content-max-width:860px;--content-padding:48px;--content-top-padding:64px;--content-bottom-padding:110px}}@media (min-width:1440px){:root{--content-max-width:960px;--content-padding:56px;--content-top-padding:72px}}
*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-body);color:var(--color-cream);overflow-x:hidden}a{color:inherit;text-decoration:none}input::placeholder{color:var(--color-dim)}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none}.skip-link{background:var(--color-gold);color:var(--color-bg);font-family:var(--font-body);z-index:9999;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}main{width:100%;max-width:var(--content-max-width);padding:var(--content-top-padding) var(--content-padding) var(--content-bottom-padding);margin:0 auto}main p{font-size:clamp(14px,3.8vw,17px);line-height:1.6}main h1{font-size:clamp(28px,7vw,38px)}main h2{font-size:clamp(22px,5.5vw,28px)}main h3{font-size:clamp(18px,4.5vw,24px)}main [role=button]{padding:22px}nav[aria-label=Main\ navigation] a,nav[aria-label=Main\ navigation] button{min-width:44px;min-height:44px;font-size:var(--text-label);padding:6px 2px}nav[aria-label=Main\ navigation] a span,nav[aria-label=Main\ navigation] button span{font-size:20px}[role=group] button,[role=toolbar] button{min-height:44px;padding:10px 16px}[aria-label=Go\ back]{min-height:44px;padding:10px 10px 14px 0}[aria-label=Toggle\ item],[aria-label=Remove\ item]{min-width:44px;min-height:44px}[aria-label=Add\ item],[aria-label="Add new item"]{min-height:44px}main *{max-width:100%}main div[style*=space-between] span{word-break:break-word}@media (hover:hover){[role=button]{transition:var(--transition-border)}[role=button]:hover{border-color:var(--border-gold-hover);background:var(--surface-hover)}nav a,nav button{transition:var(--transition-color)}nav a:hover,nav button:hover{color:var(--color-gold)}}@media (min-width:1024px){nav[aria-label=Main\ navigation]{max-width:860px;padding-top:14px;padding-bottom:env(safe-area-inset-bottom,24px);border-radius:14px 14px 0 0;left:50%;right:auto;transform:translate(-50%)}nav[aria-label=Main\ navigation] a,nav[aria-label=Main\ navigation] button{gap:4px;padding:4px 8px;font-size:11px}nav[aria-label=Main\ navigation] a span,nav[aria-label=Main\ navigation] button span{font-size:22px}}@media (min-width:1440px){nav[aria-label=Main\ navigation]{max-width:960px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}