:root{--color-bg:#f6f7f2;--color-surface:#fff;--color-surface-alt:#eef1e7;--color-border:#dee3d5;--color-text:#182016;--color-text-dim:#66705f;--color-accent:#4f9d2c;--color-accent-dim:#e3f0d9;--color-accent-text:#fff;--color-danger:#d8473a;--radius:14px;--radius-lg:18px;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--nav-height:64px}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:0}a{color:inherit;text-decoration:none}#app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--color-accent);letter-spacing:-.01em;font-size:1.2rem;font-weight:800}.app-nav{flex:1;gap:.25rem;display:flex}.app-nav a{color:var(--color-text-dim);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.9rem;font-weight:600;display:flex}.app-nav a svg{flex:none;width:18px;height:18px}.app-nav a:hover{color:var(--color-text);background:var(--color-surface-alt)}.app-nav a.is-active{color:var(--color-accent);background:var(--color-accent-dim)}.app-nav .nav-label{display:inline}@media (width<=640px){.app-header{flex-wrap:nowrap;padding:.6rem .85rem}.app-nav{height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:20;justify-content:space-around;align-items:center;gap:0;padding:.25rem .5rem;position:fixed;bottom:0;left:0;right:0}.app-nav a{border-radius:10px;flex-direction:column;gap:.15rem;padding:.3rem .5rem;font-size:.68rem}.app-nav a.is-active{background:0 0}.app-nav a[href="#/create"] svg{width:22px;height:22px}#screen-outlet{padding-bottom:var(--nav-height)}}#screen-outlet{flex-direction:column;flex:1;display:flex}.screen{flex-direction:column;flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.25rem;display:flex}.screen h1{margin-top:0}.btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover{color:var(--color-accent-text);filter:brightness(1.08)}.btn-ghost{background:0 0}.auth-widget{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.auth-form input{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;width:130px;padding:.4rem .75rem;font-size:.85rem}.auth-error{color:var(--color-danger);margin:0;font-size:.75rem;position:absolute;transform:translateY(2.2rem)}.auth-notice{color:var(--color-text-dim);max-width:220px;margin:0;font-size:.75rem;position:absolute;transform:translateY(2.2rem)}.auth-user{color:var(--color-text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:min(45vw,220px);font-size:.85rem;overflow:hidden}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;box-shadow:0 1px 2px #1820160d}.listing-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.form-field{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.form-field[hidden]{display:none}.form-field label{color:var(--color-text-dim);font-size:.8rem}.form-field input,.form-field textarea,.form-field select{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:.5rem .7rem}.not-found{text-align:center;color:var(--color-text-dim);padding:2rem}.lightbox-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox-image{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:100%}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.25rem}.lightbox-nav{border:1px solid var(--color-border);color:#fff;cursor:pointer;background:#171a21b3;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.75rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-count{color:var(--color-text-dim);font-size:.85rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}