@charset "UTF-8";:root{--oc-bg: #fffaf8;--oc-surface: #ffffff;--oc-surface-alt: #f5ebe0;--oc-text-primary: #2d1b0e;--oc-text-secondary: #5d4037;--oc-text-muted: #8d6e63;--oc-divider: #e8d5c4;--oc-brand: #ff8a80;--oc-brand-strong: #ff6b6b;--oc-error-bg: #fff0ee;--oc-error-border: #ffccbb;--oc-error-color: #c0392b}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--oc-bg: #1a120c;--oc-surface: #231710;--oc-surface-alt: #2d1e15;--oc-text-primary: #f0dfd0;--oc-text-secondary: #c9a882;--oc-text-muted: #9e7d68;--oc-divider: #3a2516;--oc-error-bg: #2a0d0d;--oc-error-border: #5c1a1a;--oc-error-color: #ff8a8a}}html[data-theme=dark]{--oc-bg: #1a120c;--oc-surface: #231710;--oc-surface-alt: #2d1e15;--oc-text-primary: #f0dfd0;--oc-text-secondary: #c9a882;--oc-text-muted: #9e7d68;--oc-divider: #3a2516;--oc-error-bg: #2a0d0d;--oc-error-border: #5c1a1a;--oc-error-color: #ff8a8a}html[data-theme=light]{--oc-bg: #fffaf8;--oc-surface: #ffffff;--oc-surface-alt: #f5ebe0;--oc-text-primary: #2d1b0e;--oc-text-secondary: #5d4037;--oc-text-muted: #8d6e63;--oc-divider: #e8d5c4}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--oc-bg);color:var(--oc-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:.5rem;color:var(--oc-text-primary)}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.05rem}p{line-height:1.55;color:var(--oc-text-secondary);margin-bottom:.5rem}a{color:#ff8a80;text-decoration:none}a:hover{opacity:.8}button,.btn{padding:.65rem 1.4rem;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .18s;display:inline-block;text-align:center}button.btn-primary,.btn.btn-primary{background:#ff8a80;color:#fff}button.btn-primary:hover,.btn.btn-primary:hover{background:#ff6b6b;transform:translateY(-1px)}button.btn-primary:active,.btn.btn-primary:active{transform:translateY(0)}button.btn-secondary,.btn.btn-secondary{background:var(--oc-surface);color:#ff8a80;border:1.5px solid var(--oc-divider)}button.btn-secondary:hover,.btn.btn-secondary:hover{border-color:#ff8a80;background:var(--oc-surface-alt)}button.btn-secondary:active,.btn.btn-secondary:active{transform:scale(.98)}button.btn-outlined,.btn.btn-outlined{border:1.5px solid var(--oc-divider);background:var(--oc-surface);color:var(--oc-text-secondary)}button.btn-outlined:hover,.btn.btn-outlined:hover{border-color:#ff8a80;color:#ff8a80}.card,.cat-card{background:var(--oc-surface);border-radius:16px;border:1px solid var(--oc-divider);box-shadow:0 1px 4px #2d1b0e0f;overflow:hidden;margin-bottom:1rem;transition:box-shadow .2s}.card:hover,.cat-card:hover{box-shadow:0 4px 12px #2d1b0e1a}.card-image,.cat-image{width:100%;height:300px;object-fit:cover;background:var(--oc-surface-alt)}.container{max-width:640px;margin:0 auto;padding:0 1rem}.grid{display:grid;gap:1.25rem}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}input,textarea,select{width:100%;padding:.75rem 1rem;margin-bottom:.875rem;border:1.5px solid var(--oc-divider);border-radius:10px;font-size:.9rem;font-family:inherit;transition:border-color .18s,box-shadow .18s;background:var(--oc-surface);color:var(--oc-text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:#ff8a80;box-shadow:0 0 0 3px #ff8a801f}input::placeholder,textarea::placeholder,select::placeholder{color:var(--oc-text-muted)}.text-center{text-align:center}.text-bold{font-weight:700}.text-muted{color:var(--oc-text-muted)}.text-brand{color:#ff8a80}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.px-1{padding:0 1rem}.py-1{padding:1rem 0}.loading{opacity:.6;pointer-events:none}.divider{height:1px;background:#e8d5c4;margin:1rem 0}.error-message{background:#fff0ee;border:1px solid #ffccbb;color:#c0392b;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e8d5c4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c4a882}