.rec-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.rec-cat-btn{padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text2);transition:all .15s;font-family:var(--sans)}.rec-cat-btn:hover{border-color:var(--accent2);color:var(--text)}.rec-cat-btn.active{background:var(--accent);border-color:var(--accent2);color:var(--on-brand)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:4px}.rec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;cursor:pointer;transition:all .18s;box-shadow:var(--sh)}.rec-card:hover{border-color:var(--accent2);transform:translateY(-2px);box-shadow:0 4px 16px var(--brand-glow)}.rec-name{font-size:13px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em;line-height:1.3}.rec-cup{font-size:10px;color:var(--text3);margin-bottom:8px;font-family:var(--mono)}.rec-tags{display:flex;flex-wrap:wrap;gap:4px}.rec-tag{font-size:10px;background:var(--surface3);color:var(--text2);border-radius:4px;padding:2px 7px;border:1px solid var(--border);font-family:var(--mono)}.rec-modal-body{font-size:12px}.rec-section-title{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 8px}.rec-sizes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}.rec-size-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--rs);padding:10px 12px}.rec-size-label{font-size:9px;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-family:var(--mono)}.rec-size-row{font-size:10px;color:var(--text2);margin-bottom:3px;line-height:1.4}.rec-size-row strong{color:var(--text);font-weight:700}.rec-ing-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.rec-ing-item{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:var(--surface2);border-radius:var(--rx);border:1px solid var(--border);font-size:11px}.rec-ing-name{color:var(--text);font-weight:600}.rec-ing-amt{color:var(--text2);font-family:var(--mono);font-size:10px}.rec-instructions{background:var(--surface2);border:1px solid var(--border);border-radius:var(--rs);padding:12px 14px;font-size:12px;line-height:1.7;color:var(--text)}.rec-note{background:var(--amber-dim);border:1px solid var(--amber);border-radius:var(--rs);padding:10px 14px;font-size:11px;line-height:1.6;color:var(--text2);margin-top:12px}.rec-note strong{color:var(--amber)}.rec-search{position:relative}.rec-search input{padding-left:30px}.rec-search:before{content:"";position:absolute;left:9px;top:50%;transform:translateY(-50%);width:13px;height:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23a8a49a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;pointer-events:none}.rec-media-wrap{margin-bottom:14px}.rec-img{width:100%;max-height:240px;object-fit:cover;border-radius:var(--rs);border:1px solid var(--border);display:block;cursor:pointer;transition:opacity .15s}.rec-img:hover{opacity:.85}.rec-video{width:100%;border-radius:var(--rs);border:1px solid var(--border);display:block;max-height:300px;background:#000}.rec-img-thumb{width:100%;height:130px;object-fit:cover;border-radius:var(--rs) var(--rs) 0 0;display:block}.rec-card-has-img{padding:0;overflow:hidden}.rec-card-has-img .rec-card-body{padding:12px 14px}.media-upload-zone{border:2px dashed var(--border2);border-radius:var(--rs);padding:18px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface2);position:relative}.media-upload-zone:hover,.media-upload-zone.drag{border-color:var(--amber);background:var(--amber-dim)}.media-upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.media-upload-zone .muz-icon{font-size:24px;margin-bottom:6px}.media-upload-zone .muz-label{font-size:12px;font-weight:600;color:var(--text2)}.media-upload-zone .muz-hint{font-size:10px;color:var(--text3);margin-top:3px}.media-preview{position:relative;margin-top:10px}.media-preview img,.media-preview video{width:100%;border-radius:var(--rs);max-height:160px;object-fit:cover;border:1px solid var(--border)}.media-preview .mp-remove{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.rec-media-tabs{display:flex;gap:8px;margin-bottom:10px}.rec-media-tab{padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;font-family:var(--sans)}.rec-media-tab.active{border-color:var(--amber);background:var(--amber-dim);color:var(--amber)}.rec-card-img-wrap{position:relative;height:110px;overflow:hidden;border-radius:var(--rs) var(--rs) 0 0;background:var(--surface2)}.rec-card-img-wrap img{width:100%;height:100%;object-fit:cover}.rec-card-img-wrap .play-badge{position:absolute;bottom:6px;right:6px;background:#000000a6;color:#fff;border-radius:20px;font-size:9px;padding:2px 7px;font-weight:700}@media(max-width:768px){.rec-grid{grid-template-columns:1fr 1fr;gap:8px}.rec-sizes-grid,.rec-ing-list{grid-template-columns:1fr}}@media(max-width:420px){.rec-grid{grid-template-columns:1fr}}