*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;color:#333;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card-image{background:#f0ede8;height:260px;overflow:hidden;position:relative;width:100%}.card-image img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.card:hover .card-image img{transform:scale(1.05)}.card-play-overlay{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;transition:background .2s;z-index:5}.card:hover .card-play-overlay{background:#00000040}.card-play-btn{align-items:center;background:#ffffffeb;border-radius:50%;box-shadow:0 4px 16px #0000004d;color:#e74c3c;display:flex;font-size:18px;height:52px;justify-content:center;opacity:0;padding-left:4px;transform:scale(.8);transition:opacity .2s,transform .2s;width:52px}.card:hover .card-play-btn{opacity:1;transform:scale(1)}.card-placeholder{align-items:center;background:linear-gradient(135deg,#f5f0eb,#ede8e2);display:flex;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:48px;opacity:.5}.card-category{background:#e74c3c;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:6}.card-video-dot{border:1px solid #fff;border-radius:50%;box-shadow:0 1px 2px #0000004d;height:6px;left:10px;position:absolute;top:10px;width:6px}.card-video-dot.downloaded{background:#27ae60}.card-video-dot.not-downloaded{background:#e74c3c}.card-image-dot{border:1px solid #fff;border-radius:50%;box-shadow:0 1px 2px #0000004d;height:6px;left:10px;position:absolute;top:10px;width:6px}.card-image-dot.stored{background:#27ae60}.card-image-dot.external{background:#f1c40f}.card-title-overlay{background:linear-gradient(0deg,#000000c7 0,#00000073 55%,#0000);bottom:0;left:0;padding:28px 14px 12px;pointer-events:none;position:absolute;right:0}.card-title-overlay h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:15px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-shadow:0 1px 4px #00000080}.card-fav-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:38px;justify-content:center;padding:4px;position:absolute;right:4px;top:44px;transition:transform .15s;width:38px;z-index:20}.card-fav-btn:hover{transform:scale(1.15)}.card-fav-btn:hover img{filter:drop-shadow(0 0 6px rgba(231,76,60,.9)) drop-shadow(0 0 3px rgba(231,76,60,.7)) opacity(.9)}.card-fav-btn img{filter:grayscale(100%) opacity(.55) drop-shadow(0 1px 2px rgba(0,0,0,.4));height:24px;object-fit:contain;transition:filter .15s;width:24px}.card-fav-btn.is-fav img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}@media (min-width:641px) and (max-width:900px) and (max-height:500px){.card-image{height:150px!important}}.recipe-page{background:#fff;margin:0 auto;max-width:95%;min-height:100vh}.recipe-page-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.rp-spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#e74c3c;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.rp-nav{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rp-back{background:#e74c3c;border:2px solid #e74c3c;border-radius:24px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s;white-space:nowrap}.rp-back:hover{background:#c0392b;border-color:#c0392b}.rp-actions{align-items:center;display:flex;flex:1 1;gap:10px}.rp-actions .rp-back{margin-right:auto}.rp-delete,.rp-edit{border-radius:24px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s;white-space:nowrap}.rp-edit{background:#fff;border:2px solid #e74c3c;color:#e74c3c}.rp-edit:hover{background:#e74c3c;color:#fff}.rp-delete{background:#fff;border:2px solid #e74c3c;color:#e74c3c}.rp-delete:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.rp-hero{background:#000;width:100%}.rp-image{height:500px;overflow:hidden;position:relative;width:100%}.rp-image img{height:100%;object-fit:cover;width:100%}.rp-stored-badge{background:#27ae60e6;border-radius:12px;bottom:16px;color:#fff;font-size:12px;font-weight:600;left:16px;padding:4px 12px;position:absolute}.rp-video-local video{display:block;max-height:560px;width:100%}.rp-video-yt{width:100%}.rp-video-yt iframe{border:none;display:block;height:100%;width:100%}.rp-embed{background:#f9f9f9;display:flex;justify-content:center;padding:20px;width:100%}.rp-embed iframe{border:none;border-radius:12px;height:760px!important;max-width:100%;width:500px!important}.rp-content{padding:40px 48px}.rp-header{margin-bottom:20px}.rp-header h1{color:#222;font-family:Playfair Display,serif;font-size:36px;line-height:1.3;margin-bottom:10px}.rp-category{background:#fee;border-radius:20px;color:#e74c3c;display:inline-block;font-size:13px;font-weight:600;padding:4px 14px}.rp-status{border-radius:8px;font-size:13px;font-weight:500;margin-bottom:20px;padding:10px 16px}.rp-status.checking{background:#fff8e1;color:#f39c12}.rp-status.saved{background:#e8f8f0;color:#27ae60}.rp-status.failed{background:#fff5f5;color:#e74c3c}.rp-desc{color:#555;font-size:17px;line-height:1.8}.rp-desc,.rp-section{margin-bottom:32px}.rp-section h3{color:#aaa;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.rp-section ul{padding-left:20px}.rp-section li{border-bottom:1px solid #f9f9f9;color:#333;font-size:16px;line-height:1.6;padding:6px 0}.rp-section p{color:#555;font-size:16px;line-height:1.8}.rp-section p.ingredient-hint{background:#fff8e6;border:1px solid #f5e6b8;border-radius:8px;color:#8a6d00;font-size:12px;font-style:normal;line-height:1.45;margin:0 0 10px;padding:7px 11px}.rp-section p.ingredient-hint b{color:#8a6d00;font-weight:700}.rp-section p.ingredient-hint .hint-ico{height:13px;margin-right:3px;vertical-align:-2px;width:13px}.rp-source{color:#e74c3c;display:inline-block;font-size:15px;font-weight:600;margin-top:8px;text-decoration:none}.rp-source:hover{text-decoration:underline}.rp-newtab{background:#fff;border:2px solid #e74c3c;border-radius:24px;color:#e74c3c;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s;white-space:nowrap}.rp-newtab:hover{background:#e74c3c;color:#fff}.rp-two-col{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:8px}@media (max-width:640px){.rp-two-col{grid-template-columns:1fr}}.rp-steps{padding-left:20px}.rp-steps li{border-bottom:1px solid #f5f5f5;color:#333;font-size:15px;line-height:1.7;padding:8px 0}.rp-full-content{color:#333;font-size:16px;line-height:1.8}.rp-full-content h1,.rp-full-content h2,.rp-full-content h3{color:#222;font-family:Playfair Display,serif;margin:28px 0 12px}.rp-full-content h1{font-size:28px}.rp-full-content h2{font-size:22px}.rp-full-content h3{font-size:18px}.rp-full-content p{color:#444;margin-bottom:16px}.rp-full-content img{border-radius:12px;display:block;margin:16px 0;max-width:100%}.rp-full-content ol,.rp-full-content ul{margin-bottom:16px;padding-left:24px}.rp-full-content li{color:#444;line-height:1.6;padding:4px 0}.rp-full-content b,.rp-full-content strong{color:#222;font-weight:600}.rp-full-content a{color:inherit;text-decoration:none}.rp-original{background:#fff;border:2px solid #e74c3c;border-radius:24px;color:#e74c3c;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s;white-space:nowrap}.rp-original:hover{background:#e74c3c;color:#fff}.rp-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:320px 1fr;margin:0 auto;max-width:1100px;padding:24px 32px 40px}.rp-sidebar{position:-webkit-sticky;position:sticky;top:80px}.rp-sidebar .rp-section{margin-bottom:24px}.rp-sidebar h3{color:#aaa;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.rp-sidebar ul{padding-left:18px}.rp-sidebar li{border-bottom:1px solid #f5f5f5;color:#333;font-size:15px;line-height:1.5;padding:5px 0}.rp-sidebar .rp-desc{color:#555;font-size:14px;line-height:1.7}.rp-main{min-width:0}.rp-main .rp-header{margin-top:20px}@media (max-width:800px){.rp-layout{grid-template-columns:1fr}.rp-sidebar{position:static}}.rp-three-col{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1.1fr 1.5fr 1.1fr;margin:0 auto;max-width:1700px;padding:0 32px 40px}.rp-col-center,.rp-col-left,.rp-col-right{min-width:0}.rp-col-center .rp-hero{width:100%}.rp-col-center .rp-image img,.rp-col-center .rp-video-yt iframe,.rp-col-center video{border-radius:12px;width:100%}.rp-col-center .rp-video-yt iframe{height:auto}.rp-col-left h3,.rp-col-right h3{color:#aaa;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.rp-col-left ul{padding-left:18px}.rp-col-left li{border-bottom:1px solid #f5f5f5;color:#333;font-size:13px;line-height:1.5;padding:5px 0}.rp-col-right .rp-desc{color:#555;font-size:14px;line-height:1.7}.rp-centered{margin:0 auto;max-width:600px;padding:0 32px 40px}.rp-centered .rp-hero{width:100%}.rp-centered .rp-image img,.rp-centered .rp-video-yt iframe,.rp-centered video{border-radius:12px;width:100%}.rp-centered .rp-video-yt iframe{aspect-ratio:16/9;height:auto}.rp-header{margin:0 auto 24px;max-width:1700px;padding:0 32px;text-align:center}@media (max-width:900px){.rp-three-col{grid-template-columns:1fr}}.rp-col-center .rp-video-yt{width:100%!important}.rp-col-center .rp-video-yt iframe{aspect-ratio:16/9;height:auto!important;max-height:none!important;width:100%!important}.rp-col-center .rp-image{width:100%}.rp-col-center .rp-image img{border-radius:12px;height:auto!important;max-height:75vh!important;object-fit:contain;width:100%!important}.rp-col-center .rp-embed{display:flex;justify-content:center}.rp-col-center{width:100%}.rp-col-center .rp-embed,.rp-col-center .rp-embed iframe{max-width:100%!important;width:100%!important}.rp-col-center .rp-embed iframe{aspect-ratio:9/16;border-radius:12px;height:auto!important;max-height:80vh;transform:none!important}.rp-col-center .rp-embed{margin:0 auto;max-width:480px!important}.rp-col-center .rp-video-local{display:flex;justify-content:center}.rp-col-center .rp-video-local video{background:#000;border-radius:12px;display:block;height:auto!important;margin:0 auto;max-height:72vh!important;max-width:100%!important;object-fit:contain;width:auto!important}.rp-centered .rp-video-local,.rp-col-center .rp-video-local{aspect-ratio:auto!important;background:#0000!important;height:auto!important;overflow:visible!important}.rp-centered .rp-video-local video,.rp-col-center .rp-video-local video{aspect-ratio:auto!important;height:auto!important;max-height:75vh!important;max-width:100%!important;object-fit:contain!important;width:auto!important}.rp-gallery-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.rp-gallery-thumb{aspect-ratio:1;border-radius:8px;cursor:pointer;object-fit:cover;transition:transform .15s,box-shadow .15s;width:100%}.rp-gallery-thumb:hover{box-shadow:0 4px 12px #0003;transform:scale(1.04)}.rp-lightbox{align-items:center;background:#000000e0;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.rp-lightbox img{border-radius:8px;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}.rp-lightbox-close{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:44px;position:absolute;right:28px;top:20px;width:44px}.rp-lightbox-close:hover{background:#ffffff4d}.rp-fav-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;left:50%;padding:4px;position:absolute;transform:translateX(-50%);transition:transform .15s}.rp-fav-btn:hover{transform:translateX(-50%) scale(1.15)}.rp-fav-btn:hover img{filter:drop-shadow(0 0 7px rgba(231,76,60,.9)) drop-shadow(0 0 3px rgba(231,76,60,.7))}.rp-fav-btn img{filter:grayscale(100%) opacity(.5);height:30px;object-fit:contain;transition:filter .15s;width:30px}.rp-fav-btn.is-fav img{filter:none}.rp-centered .rp-embed,.rp-col-center .rp-embed{aspect-ratio:auto!important;background:#000;border-radius:12px;display:block!important;height:0!important;margin:0 auto!important;max-width:440px!important;overflow:hidden!important;padding:0 0 177.78%!important;position:relative!important;width:100%!important}.rp-centered .rp-embed iframe,.rp-col-center .rp-embed iframe{aspect-ratio:auto!important;border:none!important;height:100%!important;left:0!important;max-height:none!important;max-width:none!important;min-height:0!important;position:absolute!important;top:0!important;transform:none!important;width:100%!important}.rp-centered .rp-image,.rp-col-center .rp-image{height:auto!important;max-height:none!important;overflow:visible!important}.rp-centered .rp-hero,.rp-col-center .rp-hero{background:#0000!important}.rp-centered .rp-image img,.rp-col-center .rp-image img{border-radius:12px;display:block;height:auto!important;margin:0 auto;max-height:75vh!important;max-width:100%!important;object-fit:contain;width:auto!important}@media (max-width:640px){.rp-nav{align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px}.rp-back-label{display:none}.rp-back{align-items:center;display:flex;flex:0 0 auto;font-size:14px!important;height:32px;margin-right:0!important;order:0;padding:0 12px!important}.rp-actions{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px;order:2}.rp-actions button{align-items:center;background:#e74c3c;color:#fff;display:flex;font-size:11px!important;height:32px;padding:0 10px!important}.rp-nav .atd{flex:0 0 auto;order:2}.rp-nav .atd-btn{font-size:11px!important;height:32px;padding:0 10px!important}.rp-fav-btn{flex:0 0 auto;left:auto!important;margin:0;order:3;position:static!important}.rp-fav-btn,.rp-fav-btn:hover{transform:none!important}.rp-actions{order:4}.rp-header h1{font-size:21px!important;line-height:1.25}.rp-header{margin-bottom:14px;padding:0 12px}}.rp-title-actions{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:10px}.rp-title-actions .rp-fav-btn{left:auto!important;position:static!important;transform:none!important}.rp-title-actions .rp-fav-btn:hover{transform:scale(1.15)!important}@media (max-width:640px){.rp-nav{align-items:flex-start;flex-wrap:wrap;gap:6px;padding:10px 12px}.rp-back{align-self:flex-start!important;height:32px;margin-top:0!important}.rp-nav{align-items:flex-start!important}.rp-actions,.rp-actions .rp-newtab,.rp-actions .rp-original{margin-top:0}.rp-actions{align-content:flex-start;align-items:flex-start;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px;justify-content:flex-end;order:4}.rp-actions .rp-edit{margin-right:auto}.rp-actions .rp-delete,.rp-actions .rp-edit{background:#fff!important;border:2px solid #e74c3c!important;color:#e74c3c!important;justify-content:center;min-width:74px}.rp-act-break{flex-basis:100%;height:0}}.rp-act-break{display:none}@media (max-width:640px){.rp-act-break{display:block;flex-basis:100%;height:0}.rp-nav .rp-actions{justify-content:flex-start!important;width:100%}.rp-nav .rp-actions .rp-back{margin-right:auto}.rp-nav .rp-actions .rp-original{margin-left:auto}.rp-nav .rp-actions .rp-edit{margin-left:0;margin-right:auto}.rp-section p.ingredient-hint{font-size:9px}}@media (min-width:641px) and (max-width:900px){.rp-header h1{font-size:25px!important;line-height:1.3}.rp-nav .rp-actions .rp-back,.rp-nav .rp-actions .rp-delete,.rp-nav .rp-actions .rp-edit,.rp-nav .rp-actions .rp-newtab,.rp-nav .rp-actions .rp-original{border:2px solid #e74c3c!important;font-size:13px!important;padding:6px 12px!important}.rp-nav .rp-actions{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;width:100%}.rp-nav .rp-actions .rp-back{margin-right:auto}.rp-nav .rp-actions .rp-newtab,.rp-nav .rp-actions .rp-original{background:#e74c3c;color:#fff}}.form-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:300}.form-modal{background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:97vh;max-width:560px;position:relative;width:100%}.form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.form-header h2{font-family:Playfair Display,serif;font-size:22px;margin:0}.form-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px}.form-body{flex:1 1;overflow-y:auto;padding:24px}.form-group{margin-bottom:18px}.form-group label{color:#555;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:2px solid #eee;border-radius:10px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e74c3c}.ingredient-row{display:flex;gap:8px;margin-bottom:8px}.ingredient-row input{flex:1 1}.remove-ing{background:#ffe8e8;border:none;border-radius:8px;color:#e74c3c;cursor:pointer;font-size:12px;width:36px}.add-ing{background:none;border:2px dashed #ddd;border-radius:8px;color:#999;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s;width:100%}.add-ing:hover{border-color:#e74c3c;color:#e74c3c}.form-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel{border-radius:10px;color:#333;padding:10px 20px}.btn-save{background:#e74c3c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:background .2s}.btn-save:hover{background:#c0392b}.btn-save:disabled{background:#ccc;cursor:not-allowed}.label-hint{color:#aaa;font-size:11px;font-weight:400;margin-left:4px}.media-preview{border:2px solid #e8f5e9;border-radius:10px;margin-top:8px;overflow:hidden;position:relative}.media-preview img{height:120px}.video-preview iframe{aspect-ratio:16/9;display:block;width:100%}.preview-badge{background:#27ae60e6;border-radius:10px;bottom:8px;color:#fff;font-size:10px;font-weight:600;left:8px;padding:3px 8px;position:absolute}.video-unsupported{background:#f9f9f9;border-radius:8px;color:#888;font-size:12px;font-style:italic;margin-top:6px;padding:6px 10px}.embed-preview{max-height:220px;overflow:hidden}.preview-badge-top{color:#27ae60;font-size:11px;font-weight:600;margin-bottom:8px}.embed-container{display:flex;justify-content:center;overflow:hidden}.embed-container iframe{max-width:180px}.gallery-add-row{align-items:stretch;display:flex;gap:8px}.gallery-add-row input{border:2px solid #eee;border-radius:10px;flex:1 1 auto;font-size:14px;min-width:0;outline:none;padding:10px 14px;width:auto}.gallery-add-row input:focus{border-color:#e74c3c}.gallery-add-row .add-ing{background:#e74c3c;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:600;padding:0 16px;transition:background .2s;white-space:nowrap;width:auto}.gallery-add-row .add-ing:hover{background:#c0392b}.gallery-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:152px;overflow-y:auto;padding-right:4px}.gallery-thumb{border:1px solid #eee;border-radius:8px;height:72px;overflow:hidden;position:relative;width:72px}.gallery-thumb img{display:block;height:100%;object-fit:cover;width:100%}.gallery-thumb .remove-ing{border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:11px;height:18px;line-height:1;padding:0;position:absolute;right:2px;top:2px;width:18px}.gallery-thumb .remove-ing,.install-overlay{align-items:center;background:#0009;display:flex;justify-content:center}.install-overlay{inset:0;padding:24px;position:fixed;z-index:400}.install-modal{background:#fff;border-radius:20px;max-width:500px;padding:32px;position:relative;width:100%}.install-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px;position:absolute;right:16px;top:16px}.install-modal h2{font-family:Playfair Display,serif;font-size:24px;margin-bottom:8px}.install-desc{color:#777;margin-bottom:24px}.install-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.install-step{align-items:flex-start;display:flex;gap:14px}.step-num{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;margin-top:2px;width:28px}.step-text{color:#444;font-size:14px;line-height:1.6}.step-hint{color:#999;display:block;font-size:12px;margin-top:2px}.drag-zone{background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;margin-top:12px;padding:20px;text-align:center}.bookmarklet-drag-btn{background:#e74c3c;border-radius:20px;box-shadow:0 2px 8px #e74c3c66;color:#fff;cursor:grab;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;-webkit-user-select:none;user-select:none}.drag-hint{color:#999;font-size:12px;margin-top:10px}.install-works{border-top:1px solid #eee;padding-top:20px}.install-works h4{color:#999;font-size:13px;margin-bottom:10px}.install-platforms{display:flex;flex-wrap:wrap;gap:10px}.install-platforms span{background:#f5f5f5;border-radius:20px;color:#555;font-size:13px;padding:6px 12px}.app{min-height:100vh}.header{background:#fff;box-shadow:0 2px 8px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:24px;margin:0 auto;max-width:1400px;padding:16px 24px}.logo{color:#e74c3c;font-family:Playfair Display,serif;font-size:24px;white-space:nowrap}.search-bar{flex:1 1}.search-bar input{border:2px solid #eee;border-radius:24px;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s;width:100%}.search-bar input:focus{border-color:#e74c3c}.add-btn{background:#e74c3c;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s;white-space:nowrap}.add-btn:hover{background:#c0392b}.categories{margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 24px 12px}.cat-btn{background:none;border:2px solid #eee;border-radius:20px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:20px;position:relative;transition:all .2s;white-space:nowrap}.cat-btn:hover{border-color:#e74c3c;color:#e74c3c}.cat-btn.active{background:#e74c3c;border-color:#e74c3c;color:#fff}.cat-btn.icon-btn{border:none;border-radius:12px;box-shadow:0 0 0 2px #eee;height:40px;padding:0;width:40px}.cat-btn.icon-btn .icon-clip{border-radius:12px;display:block;height:100%;overflow:hidden;width:100%}.cat-btn.icon-btn .cat-icon{display:block;height:100%;object-fit:cover;transform:scale(1.18);width:100%}.cat-btn.icon-btn:hover{box-shadow:0 0 12px 2px #e74c3c73;transform:scale(1.25);z-index:5}.cat-btn.icon-btn.active{box-shadow:0 0 0 3px #e74c3c}.cat-tip{background:#fff;border:1px solid #f3d9d3;border-radius:6px;box-shadow:0 2px 8px #0000001f;color:#e74c3c;font-size:12px;font-weight:600;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;top:calc(100% + 6px);transform:translateX(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:20}.cat-btn:hover .cat-tip{opacity:1}.main{margin:0 auto;max-width:1400px;padding:32px 24px}.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.empty,.loading{color:#999;font-size:18px;padding:80px 24px;text-align:center}.empty button{margin-top:16px}.bookmarklet-btn{background:#fff;border:2px solid #e74c3c;border-radius:24px;color:#e74c3c;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.bookmarklet-btn:hover{background:#e74c3c;color:#fff}.fav-filter-btn{align-items:center;background:#fff;border:2px solid #eee;border-radius:24px;cursor:pointer;display:inline-flex;height:38px;justify-content:center;margin-left:6px;padding:0;transition:all .2s;width:42px}.fav-filter-btn img{filter:grayscale(100%) opacity(.5);height:22px;object-fit:contain;transition:filter .2s;width:22px}.fav-filter-btn:hover{border-color:#e74c3c}.fav-filter-btn.active{background:#ffe9e4;border-color:#e74c3c}.fav-filter-btn.active img{filter:none}.categories{flex-wrap:wrap;gap:20px;justify-content:center;overflow:visible;padding:0 12px 12px;width:100%}.categories,.nav-controls{align-items:center;display:flex}.nav-controls{gap:8px}.nav-controls .all-pill,.nav-controls .fav-filter-btn{align-items:center;background:#fff;border:2px solid #e74c3c;border-radius:50%;color:#e74c3c;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:44px;justify-content:center;overflow:hidden;padding:0;transition:box-shadow .2s,transform .2s;width:44px}.nav-controls .fav-filter-btn img{height:100%;object-fit:cover;width:100%}.nav-controls .all-pill.active{background:#e74c3c;color:#fff}.nav-controls .all-pill:hover,.nav-controls .fav-filter-btn:hover{box-shadow:0 0 0 3px #e74c3c2e,0 0 12px #e74c3c73;transform:translateY(-1px)}.nav-controls{align-items:stretch;border:2px solid #e74c3c;border-radius:21px;display:inline-flex;flex:0 0 auto;gap:0;height:40px;overflow:hidden}.nav-controls .seg-btn{align-items:center;background:#fff;border:none;color:#e74c3c;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;padding:0 16px;transition:background .2s}.nav-controls .seg-btn+.seg-btn{border-left:2px solid #e74c3c}.nav-controls .seg-all.active{background:#e74c3c;color:#fff}.nav-controls .seg-fav{padding:0 12px}.nav-controls .seg-fav img{display:block;filter:grayscale(100%) opacity(.5);height:22px;object-fit:contain;transition:filter .2s;width:22px}.nav-controls .seg-fav.active{background:#ffe9e4}.nav-controls .seg-fav.active img{filter:none}.nav-controls .seg-all:hover:not(.active){background:#ffe9e4}.nav-controls .seg-fav:hover:not(.active){background:#fff4f1}.nav-controls .seg-fav:hover:not(.active) img{filter:grayscale(40%) opacity(.8)}.dinners-toggle{align-items:center;background:#fff;border:2px solid #e74c3c;border-radius:21px;color:#e74c3c;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:7px;height:40px;padding:0 16px;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}.dinners-toggle .cloche-ico{height:17px;width:17px}.dinners-toggle:hover{box-shadow:0 0 0 3px #e74c3c26}.dinners-toggle.active{background:#e74c3c;color:#fff}.dinners-head{align-items:center;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:1400px}.dinners-title{color:#e74c3c;font-family:Playfair Display,serif;font-size:26px;margin:0}.dinner-create{display:flex;gap:10px;margin:0 auto 20px;max-width:1400px}.dinner-create input{border:2px solid #eee;border-radius:10px;flex:1 1;padding:10px 14px}.dinners-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0 auto;max-width:1400px}.dinner-card{background:#fff;border:1px solid #eee;border-radius:14px;cursor:pointer;overflow:hidden;position:relative;transition:transform .15s,box-shadow .15s}.dinner-card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.dinner-x{align-items:center;background:#0000008c;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;right:8px;top:8px;width:22px;z-index:2}.dinner-x:hover{background:#e74c3c}.dinner-thumbs{background:#f9e7e0;display:flex;height:120px}.dinner-thumbs span{background-position:50%;background-size:cover;border-right:1px solid #ffffff80;flex:1 1}.dinner-thumbs span:last-child{border-right:none}.dinner-thumbs-empty{align-items:center;display:flex;flex:1 1;font-size:36px;justify-content:center;opacity:.5}.dinner-body{padding:12px 14px}.dinner-name{color:#222;font-size:15px;font-weight:600}.dinner-meta{color:#999;font-size:12px;margin-top:3px}.dinner-detail-head{align-items:center;display:flex;gap:16px;margin:0 auto 20px;max-width:1400px}.dd-back{background:#e74c3c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.dd-back:hover{background:#c0392b}.dd-title{color:#e74c3c;flex:1 1;font-family:Playfair Display,serif;font-size:24px;margin:0}.dd-shop[disabled]{cursor:not-allowed;opacity:.5}.atd{display:inline-block;position:relative}.atd-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;transition:background .2s,color .2s,box-shadow .2s}.atd-btn .cloche-ico{height:18px;width:18px}.atd-btn.added{color:#27ae60!important}.atd-page .atd-btn{background:#fff;border-radius:50%;box-shadow:0 1px 5px #00000026;color:#e74c3c;height:42px;width:42px}.atd-page .atd-btn:hover{box-shadow:0 0 0 3px #e74c3c2e,0 1px 5px #00000026}.atd-card .atd-btn{background:#ffffffeb;border-radius:50%;box-shadow:0 1px 4px #00000040;color:#e74c3c;height:30px;width:30px}.atd-card .atd-btn .cloche-ico{height:15px;width:15px}.atd-menu{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 6px 20px #00000026;min-width:190px;overflow:hidden;position:absolute;right:0;text-align:left;top:calc(100% + 6px);z-index:50}.atd-head{color:#999;font-size:10px;font-weight:700;letter-spacing:.4px;padding:8px 12px 4px;text-transform:uppercase}.atd-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.atd-item:hover{background:#fdecea}.atd-plus{color:#e74c3c;font-weight:700}.atd-new{border-top:1px solid #eee;color:#e74c3c;font-weight:600}.atd-empty{color:#bbb;font-size:12px;font-style:italic;padding:8px 12px}.atd-create{border-top:1px solid #eee;display:flex;gap:6px;padding:8px 10px}.atd-create input{border:1px solid #eee;border-radius:7px;flex:1 1;font-size:12px;min-width:0;outline:none;padding:6px 8px}.atd-create input:focus{border-color:#e74c3c}.atd-create button{background:#e74c3c;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:0 12px}.card-cloche{opacity:0;pointer-events:none;position:absolute;right:48px;top:10px;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease;z-index:5}.card:hover .card-cloche{opacity:1;pointer-events:auto;transform:translateY(0)}.card-cloche{z-index:30}.card-cloche .atd-menu{z-index:100}.sm-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:400}.sm-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.sm-head{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.sm-head h2{color:#e74c3c;font-family:Playfair Display,serif;font-size:20px;margin:0}.sm-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px}.sm-body{overflow:auto;padding:16px 20px}.sm-wrap{overflow-x:auto}.sm-table{border-collapse:collapse;font-size:12px;width:100%}.sm-table td,.sm-table th{border:1px solid #eee;padding:6px 9px;text-align:center}.sm-print-total,.sm-print-total-h{display:none}.sm-corner{font-weight:700;text-align:left}.sm-corner,.sm-rhead{background:#faf6f4;color:#333}.sm-rhead{font-weight:600}.sm-buyhead{background:#e74c3c;color:#fff}.sm-ing{background:#fcfbfa;color:#e222;font-weight:600;max-width:160px;text-align:left;white-space:normal;width:160px;word-break:break-word}.sm-buy{background:#fef4f2;color:#c0392b;font-weight:600}.sm-empty{color:#ddd}.sm-in{background:#0000;border:1px solid #0000;border-radius:4px;box-sizing:border-box;color:#333;font-size:12px;outline:none;padding:4px 5px;text-align:center;width:100%}.sm-in:hover{border-color:#eee}.sm-in:focus{background:#fff;border-color:#e74c3c}.sm-in-name{font-weight:600;text-align:left}.sm-in-buy{color:#c0392b;font-weight:600;text-align:center}.sm-del{padding:0 4px!important}.sm-del,.sm-delhead{border:none!important}.sm-del-btn{background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;font-size:12px;padding:2px 4px}.sm-del-btn:hover{background:#e74c3c;color:#fff}.sm-addrow,.sm-print,.sm-save{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-sizing:border-box;color:#e74c3c;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:38px;justify-content:center;min-width:92px;padding:0 14px;text-align:center;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.sm-addrow:hover,.sm-print:hover,.sm-save:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.sm-save:disabled{background:#fff;color:#e74c3c;cursor:not-allowed;opacity:.6}.sm-saved{color:#27ae60;font-size:9px;font-weight:600}.sm-dup td{background:#fff8e6}.sm-dup-note{color:#c9302c;display:block;font-size:9px;font-style:italic;margin-top:2px;padding-left:5px}.sm-head-actions{align-items:center;display:flex;gap:8px}.sm-headtoggle{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;height:28px;padding:0;width:30px}.sm-headtoggle.active{background:#e74c3c;border-color:#e74c3c;color:#fff}.sm-th-rot{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:11px;line-height:1.25;max-height:130px;overflow:hidden;text-align:left;transform:rotate(180deg);white-space:normal;writing-mode:vertical-rl}.sm-rhead{padding:6px 4px;vertical-align:bottom}.sm-mode-rotated .sm-rhead{height:140px}.sm-mode-thumbs .sm-rhead{height:auto;vertical-align:middle}.sm-th-thumb{align-items:center;display:flex;flex-direction:column;gap:3px}.sm-th-thumb img{border-radius:7px;box-shadow:0 0 0 1px #eee;height:38px;image-rendering:pixelated;object-fit:cover;width:38px}.sm-th-noimg{font-size:22px;opacity:.5}.sm-th-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:8px;line-height:1.15;max-width:52px;overflow:hidden;text-align:center;white-space:normal}.sm-table tbody tr:hover td{background:#fdf3f1}.sm-table tbody tr:hover .sm-ing{background:#fbe9e5}.sm-print-list{display:none}.sm-print-list h1{font-family:Playfair Display,serif;font-size:22px;margin:0 0 14px}.sm-print-list ul{list-style:none;margin:0;padding:0}.sm-print-list li{align-items:center;border-bottom:1px dashed #ccc;display:flex;font-size:15px;gap:10px;padding:7px 0}.pl-box{border:1.5px solid #999;border-radius:3px;flex:0 0 auto;height:14px;width:14px}.pl-qty{color:#666;margin-left:auto}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden}.sm-overlay,.sm-overlay *{visibility:visible}.sm-overlay{background:#fff;display:block;inset:0;padding:0;position:absolute}.sm-modal{border-radius:0;box-shadow:none;max-height:none;max-width:none;width:100%}.sm-actions,.sm-approve,.sm-close,.sm-del,.sm-delhead,.sm-dup-note,.sm-head,.sm-head-actions,.sm-headtoggle{display:none!important}@page{margin:1.2cm}.sm-modal.sm-pm-list .sm-wrap{display:none}.sm-modal.sm-pm-list .sm-print-list{display:block}.sm-print-list h1{font-size:20px;margin:0 0 10px}.sm-modal.sm-pm-list .sm-print-list ul{column-count:2;column-gap:28px}.sm-print-list li{align-items:center;border-bottom:1px dotted #ccc;break-inside:avoid;display:flex;font-size:13px;gap:8px;padding:3px 0;page-break-inside:avoid}.pl-box{border:1.5px solid #333;flex:0 0 auto;height:12px;order:0;width:12px}.pl-qty{color:#000;font-weight:700;margin:0;min-width:50px;order:1;text-align:left}.pl-name{margin:0;order:2}.pl-check{color:#000!important;margin-left:4px;visibility:visible!important}.sm-modal.sm-pm-list .sm-print-list li:nth-child(2n){background:#f4f4f4!important}.sm-modal.sm-pm-list .sm-print-list li:nth-child(odd){background:#fff!important}.sm-modal.sm-pm-list .sm-print-list li{border-bottom:none!important;padding:4px 6px!important}.sm-modal.sm-pm-grid .sm-buy,.sm-modal.sm-pm-grid .sm-buyhead,.sm-modal.sm-pm-grid .sm-print-list{display:none}.sm-modal.sm-pm-grid .sm-print-total,.sm-modal.sm-pm-grid .sm-print-total-h{display:table-cell}.sm-modal.sm-pm-grid .sm-table{border:none!important;border-collapse:collapse;font-size:11px}.sm-modal.sm-pm-grid .sm-table td,.sm-modal.sm-pm-grid .sm-table th{border:none!important;padding:3px 8px!important}.sm-modal.sm-pm-grid .sm-in{border:none!important;font-size:11px;padding:0!important}.sm-modal.sm-pm-grid .sm-print-total{font-weight:700;text-align:left!important;white-space:nowrap}.sm-modal.sm-pm-grid tr{break-inside:avoid;page-break-inside:avoid}.sm-modal.sm-pm-grid .sm-table tbody tr:nth-child(2n) td{background:#f4f4f4!important}.sm-modal.sm-pm-grid .sm-table tbody tr:nth-child(odd) td{background:#fff!important}.sm-modal.sm-pm-grid .sm-table thead th.sm-corner,.sm-modal.sm-pm-grid .sm-table thead th.sm-print-total-h,.sm-modal.sm-pm-grid .sm-table thead th.sm-rhead{background:#fdecea!important;border-bottom:1.5px solid #c77!important;border-right:1px solid #d99!important;color:#333!important}.sm-modal.sm-pm-grid .sm-print-total-h{background:#fdecea!important;color:#333!important;font-weight:700;text-align:left!important}.sm-modal.sm-pm-grid .sm-print-total{background:#0000!important}.sm-modal.sm-pm-grid table.sm-table thead tr th{box-shadow:inset -1px 0 0 0 #c99,inset 0 -2px 0 0 #b77}.sm-modal.sm-pm-grid table.sm-table thead tr th:last-child{box-shadow:inset 0 -2px 0 0 #b77}}.sm-in-buy.sm-in-auto{color:#b0a0a0;font-weight:500}.sm-buy-wrap{align-items:center;display:flex;gap:4px}.sm-buy-wrap .sm-in-buy{flex:1 1;min-width:0}.sm-in-buy.sm-buy-approved{color:#e74c3c!important;font-weight:700}.sm-approve{background:none;border:none;border-radius:50%;color:#d0d0d0;cursor:pointer;flex:0 0 auto;font-size:12px;padding:2px 4px}.sm-approve:hover{color:#999}.sm-approve.on{color:#e74c3c}.sm-print-wrap{display:inline-block;position:relative}.sm-print-menu{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 6px 20px #00000026;left:0;min-width:130px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:60}.sm-print-opt{color:#333;cursor:pointer;font-size:13px;padding:9px 14px;white-space:nowrap}.sm-print-opt:hover{background:#fdecea;color:#e74c3c}.pl-check{color:#e74c3c;font-weight:700;margin-left:8px}.sm-print-list li.pl-approved .pl-name{color:#000;font-weight:700}.user-box{align-items:center;display:flex;gap:10px;margin-left:8px}.user-name{color:#555}.logout-btn,.user-name{font-size:13px;font-weight:600;white-space:nowrap}.logout-btn{background:#fff;border:2px solid #e74c3c;border-radius:24px;color:#e74c3c;cursor:pointer;padding:8px 16px;transition:all .2s}.logout-btn:hover{background:#e74c3c;color:#fff}.recipe-count{color:#e74c3c;font-size:15px;font-weight:600;margin:0 0 12px;padding-right:4px;text-align:right}@media (max-width:640px){.header-content{flex-wrap:wrap;gap:8px;padding:10px 12px}.logo{flex:1 1 auto;font-size:19px;order:1}.user-box{gap:6px;margin-left:auto;order:2}.logout-btn{order:3}.bookmarklet-btn{display:none}.nav-controls{order:5}.dinners-toggle{order:6}.add-btn{order:7}.search-bar{flex:1 1 100%;min-width:0;order:8}.search-bar input{box-sizing:border-box;width:100%}.header-content .logout-btn{font-size:11px!important;padding:6px 10px!important}.header-content .dinners-toggle{align-items:center;border-radius:50%;display:flex;font-size:11px!important;height:34px;justify-content:center;padding:0!important;width:34px}.header-content .dinners-toggle .cloche-ico{height:18px;width:18px}.header-content .add-btn{align-items:center;border-radius:50%;display:flex;font-size:18px!important;height:34px;justify-content:center;line-height:1;margin-left:auto;padding:0!important;width:34px}.header-content .dinners-toggle .dinners-label{display:none}.header-content .dinners-toggle{gap:0}.header-content .add-btn .add-label{display:none}.user-name{font-size:11px}.nav-controls{height:34px}.nav-controls .seg-btn{font-size:11px;padding:0 11px}.nav-controls .seg-fav img{height:16px;width:16px}.categories{align-items:center;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin:0;overflow-x:auto;overflow-y:hidden;padding:10px}.categories::-webkit-scrollbar{display:none}.cat-btn{border-width:1px;flex:0 0 auto;padding:6px}.cat-btn .cat-icon{height:32px;width:32px}.cat-btn .cat-tip{display:none}.grid{gap:12px;grid-template-columns:repeat(2,1fr)}.main{padding:12px}}.hdr-break{display:none}@media (max-width:640px){.hdr-break{display:block;flex-basis:100%;height:0;order:4}}.btn-cancel{background:#f0f0f0;border:none;border-radius:24px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s;white-space:nowrap}.btn-cancel:hover{background:#e0e0e0}.dinner-create input{border:1px solid #f0e6e3;border-radius:24px;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s}.dinner-create input:focus{border-color:#e74c3c}@media (max-width:640px){.dinner-create{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;padding:0 12px 12px}.dinner-create input{flex:1 1 auto;font-size:13px;min-width:0;padding:8px 10px}.dinner-create .add-btn,.dinner-create .btn-cancel{border-radius:20px!important;flex:0 0 auto;font-size:12px!important;height:auto!important;padding:8px 12px!important;width:auto!important}.dinners-head{padding:0 12px}.dinner-detail-head{align-items:center;gap:8px;padding:0 12px}.dd-back-label{display:none}.dd-back{align-items:center;background:#fff!important;border:2px solid #e74c3c!important;border-radius:24px;color:#e74c3c!important;display:flex;flex:0 0 auto;font-size:16px!important;font-size:13px!important;justify-content:center;line-height:1;padding:8px 10px!important}.dd-title{font-size:17px!important;line-height:1.2;min-width:0}.dd-shop{flex:0 0 auto;font-size:11px!important;padding:7px 11px!important;white-space:nowrap}}.sm-mode-btn{background:#fff;border:2px solid #e74c3c;border-radius:20px;color:#e74c3c;cursor:pointer;font-size:12px;font-weight:600;margin-right:6px;padding:7px 13px;white-space:nowrap}.sm-mode-btn:hover{background:#e74c3c;color:#fff}.sm-modal.sm-shop .sm-wrap{display:none}.sm-modal.sm-shop .sm-print-list{display:block;padding:0 4px 12px}.sm-modal.sm-shop .sm-print-list h1{display:none}.sm-modal.sm-shop .sm-print-list ul{list-style:none;margin:0;padding:0}.sm-modal.sm-shop .sm-print-list li{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:13px 12px}.sm-modal.sm-shop .sm-print-list li:active{background:#fff5f5}.sm-modal.sm-shop .pl-box{border:2px solid #ddd;border-radius:50%;flex:0 0 auto;height:22px;width:22px}.sm-modal.sm-shop li.pl-approved .pl-box{background:#27ae60;border-color:#27ae60}.sm-modal.sm-shop .pl-qty{color:#e74c3c;flex:0 0 auto;font-size:14px;font-weight:600;min-width:62px}.sm-modal.sm-shop .pl-name{color:#333;flex:1 1 auto}.sm-modal.sm-shop li.pl-approved .pl-name{color:#aaa;text-decoration:line-through}.sm-modal.sm-shop .pl-check{display:none}@media (max-width:640px){.sm-modal .sm-head{align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;position:relative}.sm-modal .sm-head h2{flex-basis:calc(100% - 34px);flex-grow:1;flex-shrink:1;font-size:15px!important;line-height:1.25;margin:0;padding-right:30px}.sm-modal .sm-close{font-size:16px!important;padding:4px 8px!important;position:absolute;right:10px;top:8px}.sm-modal .sm-head-actions{align-items:center;display:flex;flex:1 1 100%;flex-wrap:nowrap;gap:5px}.sm-additem-label{display:none}.sm-modal .sm-head-actions button{border-radius:16px!important;flex:0 0 auto;font-size:11px!important;line-height:1;padding:0 12px!important;white-space:nowrap}.sm-modal .sm-addrow,.sm-modal .sm-head-actions button{align-items:center;display:flex!important;height:32px!important;justify-content:center}.sm-modal .sm-addrow{background:#e74c3c!important;border:none!important;color:#fff!important;flex:0 0 46px!important;font-size:16px!important;margin-right:4px;max-width:46px!important;min-width:46px!important;padding:0!important;width:46px!important}.sm-modal .sm-head-actions>*{flex-shrink:1;min-width:0}.sm-print-wrap{display:flex;gap:5px}.sm-modal.sm-shop .sm-head-actions .sm-headtoggle,.sm-modal.sm-shop .sm-head-div{display:none!important}.sm-modal .sm-addrow{border-radius:16px!important}}.sm-save.is-saved{background:#e74c3c!important;border-color:#e74c3c!important;color:#fff!important}.sm-saved{display:none}@media (max-width:640px){.sm-modal .sm-head-actions button.sm-headtoggle-one,.sm-modal .sm-headtoggle-one{background:#e74c3c!important;border:none!important;border-radius:11px!important;color:#fff!important;flex:0 0 auto!important;font-size:12px!important;height:22px!important;min-width:38px!important;padding:0 10px!important;position:absolute;right:42px;top:7px}.sm-modal .sm-head h2{margin-bottom:6px!important}.sm-modal .sm-head-actions{margin-top:2px}.sm-modal.sm-shop .sm-headtoggle-one{display:none!important}.atd-menu{left:50%;max-width:calc(100vw - 24px);min-width:170px;right:auto;transform:translateX(-50%)}.dinners-head .add-btn{font-size:11px!important;padding:8px 12px!important}.dinners-title{font-size:20px!important}.categories{scrollbar-color:#e74c3c #0000;scrollbar-width:thin}}@media (max-width:640px){.categories::-webkit-scrollbar{display:block;height:4px}.categories::-webkit-scrollbar-track{background:#0000}.categories::-webkit-scrollbar-thumb{background:#e74c3c;border-radius:1px}}@media (min-width:641px) and (max-width:900px){.header-content{flex-wrap:wrap;gap:8px;padding:10px 14px}.logo{font-size:22px;order:1}.nav-controls{order:2}.dinners-toggle{order:3}.search-bar{order:4}.user-box{margin-left:auto;order:5}.logout-btn{margin-right:100%;order:6}.add-btn{align-items:center;display:flex;font-size:15px!important;justify-content:center;margin-left:auto;order:7}.add-btn .add-label{display:none}.nav-controls{height:34px}.nav-controls .seg-btn{font-size:12px;padding:0 10px}.nav-controls .seg-fav img{height:17px;width:17px}.bookmarklet-btn,.dinners-toggle .dinners-label{display:none}.dinners-toggle{gap:0;padding:7px 12px!important}.header-content .bookmarklet-btn,.header-content .dinners-toggle,.header-content .logout-btn{font-size:12px!important;padding:7px 12px!important}.header-content .add-btn{padding:11px 18px!important}.search-bar{flex:1 1 200px;min-width:0}.search-bar input{box-sizing:border-box;width:100%}.categories{flex-wrap:nowrap;gap:10px;justify-content:flex-start;overflow-x:auto}.cat-btn{flex:0 0 auto;padding:8px}.cat-btn .cat-icon{height:36px;width:36px}.grid{gap:14px;grid-template-columns:repeat(3,1fr)}.dinner-detail-head .add-btn.dd-shop{font-size:14px!important;padding:8px 13px!important}}.login-page{align-items:center;background:#faf7f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;max-width:360px;padding:40px 36px;width:100%}.login-logo{color:#e74c3c;font-family:Playfair Display,serif;font-size:28px;margin:0 0 6px;text-align:center}.login-sub{color:#888;font-size:14px;margin:0 0 24px;text-align:center}.login-input{border:2px solid #f0e6e3;border-radius:10px;font-size:14px;margin-bottom:12px;outline:none;padding:12px 14px;transition:border-color .2s}.login-input:focus{border-color:#e74c3c}.login-error{background:#fff5f5;border-radius:8px;color:#e74c3c;font-size:13px;margin-bottom:12px;padding:9px 12px;text-align:center}.login-btn{background:#e74c3c;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background .2s}.login-btn:hover:not(:disabled){background:#c0392b}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-toggle{background:none;border:none;color:#888;cursor:pointer;font-size:13px;margin-top:16px;text-decoration:underline}.login-toggle:hover{color:#e74c3c}
/*# sourceMappingURL=main.ff4bfe93.css.map*/