:root{--bg:#f6f7fb;--card:#fff;--text:#323338;--muted:#676879;--primary:#6161ff;--danger:#e2445c;--radius:12px;--shadow:0 4px 12px #00000014}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Rubik,Segoe UI,Arial,sans-serif}h1{font-size:24px}h2{margin:0 0 10px;font-size:17px}.page{max-width:1100px;margin:0 auto;padding:16px}.page.narrow{max-width:640px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:16px}.topbar{z-index:10;background:var(--card);box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.topbar .logo{color:var(--text);font-size:17px;font-weight:700;text-decoration:none}.topbar nav{align-items:center;gap:12px;display:flex}.topbar nav a{color:var(--muted);font-size:14px;text-decoration:none}.btn{background:var(--card);color:var(--text);cursor:pointer;border:1px solid #d0d4e4;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:14px;text-decoration:none;display:inline-block}.btn:hover{background:#f0f1fa}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:#5151d5}.btn.primary:disabled{opacity:.5;cursor:default}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.ghost{color:var(--muted);background:0 0;border:none}.btn.small{padding:4px 10px;font-size:13px}.btn.big{width:100%;padding:12px;font-size:16px}input,textarea,select{background:var(--card);width:100%;color:var(--text);border:1px solid #d0d4e4;border-radius:8px;padding:10px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);border-color:#0000}label{color:var(--muted);margin-bottom:12px;font-size:14px;display:block}label input,label textarea{margin-top:6px}.field{color:var(--muted);margin-bottom:12px;font-size:14px}.row{align-items:center;gap:8px;display:flex}.row input{flex:1}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{--chip-color:#579bfc;cursor:pointer;background:color-mix(in srgb, var(--chip-color) 15%, white);color:color-mix(in srgb, var(--chip-color) 80%, black);border:none;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:13px}.chip.active{background:var(--chip-color);color:#fff}span.chip{cursor:default}.stars{gap:2px;display:inline-flex}.star{cursor:pointer;color:#d0d4e4;background:0 0;border:none;padding:0;font-size:20px}.star.on{color:#ffcb00}.star:disabled,span.star{cursor:default}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.recipe-card{color:var(--text);padding:0;text-decoration:none;transition:transform .15s;display:block;overflow:hidden}.recipe-card:hover{transform:translateY(-3px)}.thumb{background:#eceef8;justify-content:center;align-items:center;height:150px;display:flex}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{font-size:48px}.recipe-card-body{padding:12px}.recipe-card-body h3{margin:0 0 6px;font-size:16px}.shared-badge{color:var(--muted);background:#eceef8;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:12px;display:inline-block}.filters{gap:8px;margin-bottom:8px;display:flex}.filters .search{flex:1}.filters select{width:auto}.fab{z-index:20;background:var(--primary);color:#fff;text-align:center;border-radius:50%;width:56px;height:56px;font-size:30px;line-height:56px;text-decoration:none;position:fixed;bottom:24px;left:24px;box-shadow:0 6px 16px #6161ff66}.recipe-view .hero{object-fit:cover;border-radius:var(--radius);width:100%;max-height:320px}.ingredients{margin:0;padding:0}.ingredients li{cursor:pointer;padding:6px 0;font-size:16px;list-style:none}.ingredients li:before{content:"☐ ";color:var(--muted)}.ingredients li.done{color:var(--muted);text-decoration:line-through}.ingredients li.done:before{content:"☑ ";color:#00c875}.steps li{margin-bottom:10px;font-size:17px;line-height:1.7}.actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.ratings-list{color:var(--muted);margin:8px 0 0;padding:0;font-size:14px;list-style:none}.source-link{color:var(--primary)}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{text-align:center;width:360px}.error{color:var(--danger);margin-bottom:8px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:32px 0}.spacer{flex:1}.cat-list{margin:0;padding:0;list-style:none}.cat-list li{border-bottom:1px solid #eceef8;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.cat-list li.cat-sub{padding-right:28px}.cat-list li.cat-sub:before{content:"↳";color:var(--muted);margin-left:-20px}.chip.chip-sub:before{content:"↳ ";opacity:.55}.palette{gap:4px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:24px;height:24px}.swatch.active{border-color:var(--text)}.preview{border-radius:8px;max-width:200px;margin:8px 0;display:block}.import-box .import-msg{color:var(--primary);margin-top:8px;font-size:14px}.toast{background:var(--text);color:#fff;z-index:30;box-shadow:var(--shadow);border-radius:999px;padding:10px 20px;font-size:14px;position:fixed;bottom:24px;right:50%;transform:translate(50%)}.toast.error{background:var(--danger)}