:root{--color-background: #F2F3F2;--color-surface: #FFFFFF;--color-surface-2: #E6E8E5;--color-ink: #1C1A16;--color-muted: #5C5A54;--color-primary: #5C2E0A;--color-primary-hover: #4A220A;--color-on-primary: #FFF8F0;--color-secondary: #2F4A32;--color-accent: #8A5A12;--color-border: #D4D6D2;--color-danger: #8B1E1E;--color-on-danger: #FFFFFF;--color-success: #1F4D32;--color-warning: #6B3410;--color-on-warning: #FFFFFF;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;--font-mono: "Source Code Pro", ui-monospace, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--max: 1120px;--nav-h: 68px}[data-theme=dark]{--color-background: #141310;--color-surface: #1E1C18;--color-surface-2: #2A2722;--color-ink: #F2EFE8;--color-muted: #B7B3A8;--color-primary: #D18A2E;--color-primary-hover: #E0A04A;--color-on-primary: #1C1A16;--color-secondary: #8FAE96;--color-accent: #E0A04A;--color-border: #3A372F;--color-danger: #E07070;--color-on-danger: #1C1A16;--color-success: #8FCB9A;--color-warning: #E0A04A;--color-on-warning: #1C1A16}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}h1,h2{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.02em;margin:0 0 .4em}h3{font-family:var(--font-body);text-wrap:balance;font-size:1.25rem;font-weight:600;margin:0 0 .4em}h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:600}h2{font-size:1.75rem;font-weight:600}p{text-wrap:pretty;max-width:65ch}a{color:var(--color-primary);text-decoration:none}a:hover:not(.btn){color:var(--color-primary-hover);text-decoration:underline}.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.lede{color:var(--color-muted);max-width:62ch}.muted{color:var(--color-muted)}.code{font-family:var(--font-mono);letter-spacing:.04em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible,.btn-primary:active{background:var(--color-primary-hover);color:var(--color-on-primary)}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled),.btn-secondary:focus-visible,.btn-secondary:active{background:var(--color-surface-2);color:var(--color-ink)}.btn-ghost{background:transparent;color:var(--color-ink)}.btn-ghost:hover:not(:disabled),.btn-ghost:focus-visible,.btn-ghost:active{background:var(--color-surface-2);color:var(--color-ink)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header{position:sticky;top:0;z-index:20;background:var(--color-background);border-bottom:1px solid var(--color-border);min-height:var(--nav-h)}.header-inner{display:flex;align-items:center;gap:16px;min-height:var(--nav-h)}.brand{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--color-ink)}.brand:hover{text-decoration:none;color:var(--color-ink)}.nav{display:flex;gap:16px;flex:1}.nav a{color:var(--color-ink);font-weight:600;min-height:44px;display:inline-flex;align-items:center}.nav a.active{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:44px;height:44px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);cursor:pointer}.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--color-surface-2);color:var(--color-ink)}.nav-toggle{display:none;width:44px;height:44px;background:transparent;border:0}.nav-toggle span{display:block;height:2px;background:var(--color-ink);margin:6px 0}.who{font-size:.875rem;color:var(--color-muted)}.site-main{min-height:calc(100vh - 140px);padding:32px 0 64px}.site-footer{border-top:1px solid var(--color-border);padding:24px 0;color:var(--color-muted)}.hero-copy{margin-bottom:40px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;color:inherit;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background .18s}a.card:hover{text-decoration:none;color:inherit;transform:translateY(-3px);border-color:var(--color-secondary);background:var(--color-surface-2)}.card-body{padding:16px}.skeleton{min-height:120px;background:var(--color-surface-2);border-radius:var(--radius-md)}.auth-card-page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative}.auth-card{width:min(420px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px 28px}.brand-word{font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin:0 0 8px}.auth-card input{width:100%;min-height:44px;margin-bottom:14px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-ink);font:inherit}.auth-demo{margin-top:24px;padding:12px;border:1px dashed var(--color-border);color:var(--color-muted);font-size:.9rem}.auth-demo code{font-family:var(--font-mono);color:var(--color-ink)}.auth-theme{position:absolute;top:16px;right:16px}.form-error{color:var(--color-danger)}.hold-error{margin:12px 0;font-weight:600;color:var(--color-danger)}.state-screen{max-width:36rem;padding:24px 0 48px}.checkout{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:start}.summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.summary li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border);list-style:none}.summary ul{margin:0;padding:0}.qr svg{width:180px;height:180px;background:#fff}.picker{display:grid;gap:8px;margin-bottom:16px}.picker label{display:flex;gap:10px;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;background:var(--color-surface);min-height:44px}.list{display:grid;gap:12px}.widget-board{display:grid;gap:24px;grid-template-columns:1.2fr .8fr}.nectar-widget,.open-list,.jar-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.jar-widget{grid-column:1 / -1}.nectar-bars{display:flex;align-items:flex-end;gap:6px;height:110px;color:var(--color-secondary)}.nectar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.nectar-bar{width:100%;background:var(--color-secondary);border-radius:2px 2px 0 0;min-height:4px}.nectar-x{font-size:.7rem;color:var(--color-muted)}.open-list ul{list-style:none;padding:0;margin:0}.open-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border);min-height:44px}.yard-mosaic{display:grid;gap:20px}.yard-card{color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}a.yard-card:hover{text-decoration:none;color:inherit;border-color:var(--color-secondary);background:var(--color-surface-2)}.yard-card figure{margin:0}.yard-card img{width:100%;height:180px;object-fit:cover}.yard-card figcaption,.hero-figure figcaption{padding:8px 12px;font-size:.8125rem;color:var(--color-muted)}.layout-wide{display:grid;grid-template-columns:40% 1fr}.layout-wide img{height:100%;min-height:200px}.layout-tall img{height:240px}.layout-minimal figure{display:none}.layout-framed{box-shadow:inset 0 0 0 6px var(--color-surface)}.hero-figure{margin:0 0 16px}.hero-figure img{width:100%;height:280px;object-fit:cover;border-radius:var(--radius-md)}.product-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:768px){.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:var(--nav-h);background:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;padding:12px 16px}.nav.open{display:flex}.checkout,.widget-board,.layout-wide{grid-template-columns:1fr}.who{display:none}.hero-figure img,.yard-card img{height:180px}}