@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--primary: #c4920a;--primary-light: rgba(196, 146, 10, .1);--primary-glow: rgba(196, 146, 10, .15);--background: #faf8f3;--surface: #ffffff;--surface-raised: #ffffff;--text: #1e1c19;--text-secondary: #5c5750;--accent: #a31a1a;--accent-light: rgba(163, 26, 26, .08);--success: #1b7a3d;--success-light: rgba(27, 122, 61, .08);--muted: #9a948c;--line: rgba(30, 28, 25, .08);--line-strong: rgba(30, 28, 25, .14);--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-xl: 0 16px 48px rgba(0,0,0,.1);--nav-height: 80px;--radius: 20px;--radius-lg: 28px;--transition: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:IBM Plex Sans Arabic,Noto Kufi Arabic,sans-serif;background-color:var(--background);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-user-select:none;user-select:none;background-image:radial-gradient(ellipse at 0% 0%,rgba(196,146,10,.04) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(163,26,26,.03) 0%,transparent 50%);background-attachment:fixed}.app-container{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:var(--nav-height)}header{padding:.4rem 1.5rem .15rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.header-logo-img{width:34px;height:34px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.06))}.logo{font-family:Noto Kufi Arabic,sans-serif;font-size:1.25rem;font-weight:800;color:var(--text);position:relative;display:inline-block;letter-spacing:-.02em}.logo:after{content:none}main{flex:1}.view.active{display:block}.bottom-nav{position:fixed;bottom:16px;left:16px;right:16px;max-width:488px;margin:0 auto;height:60px;background-color:#ffffffd9;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);display:flex;justify-content:space-around;align-items:center;box-shadow:var(--shadow-lg),0 0 0 1px #0000000a;z-index:100;border-radius:var(--radius-lg)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-size:.65rem;font-weight:600;flex:1;height:100%;transition:color .25s var(--transition),transform .2s var(--transition);position:relative;gap:2px}.nav-item:active{transform:scale(.92)}.nav-item i{width:20px;height:20px}.nav-item.active{color:var(--accent)}.nav-item.active:after{content:"";position:absolute;bottom:8px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.card{background-color:var(--surface);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.template-selector{text-align:center;margin-bottom:.5rem;cursor:pointer;background:var(--surface);padding:.6rem 1rem;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--transition),transform .2s var(--transition)}.template-selector:active{transform:scale(.98);box-shadow:var(--shadow-md)}.template-name{font-family:Noto Kufi Arabic,sans-serif;font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.pill-container{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.type-pill{background:var(--primary-light);padding:4px 12px;border-radius:20px;font-size:.7rem;color:var(--primary);border:none;font-weight:600}.wheel-section{display:flex;flex-direction:column;align-items:center;position:relative;padding:0}.wheel-container{position:relative;width:min(68vw,270px);height:min(68vw,270px);margin-bottom:1rem;padding:6px;background:var(--surface);border-radius:50%;box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--line)}#wheel-canvas{border-radius:50%;width:100%;height:100%}.wheel-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:24px;height:32px;background-color:var(--accent);clip-path:polygon(0% 0%,100% 0%,50% 100%);z-index:10;filter:drop-shadow(0 2px 6px rgba(163,26,26,.35))}.spin-btn{background:linear-gradient(135deg,var(--accent) 0%,#c42020 100%);color:#fff;border:none;padding:.8rem 3rem;border-radius:50px;font-size:1.15rem;font-weight:700;font-family:Noto Kufi Arabic,sans-serif;cursor:pointer;box-shadow:0 6px 20px #a31a1a40;transition:transform .2s var(--transition),box-shadow .2s var(--transition);position:relative;overflow:hidden}.spin-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.spin-btn:active{transform:scale(.94);box-shadow:0 2px 8px #a31a1a26}.spin-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0d0a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:none;justify-content:center;align-items:center;padding:1rem}.result-overlay.active{display:flex;animation:overlayFadeIn .3s var(--transition)}.result-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.result-card{background-color:var(--surface);width:100%;max-width:420px;max-height:85vh;max-height:85dvh;border-radius:var(--radius-lg);padding:1.5rem 1.25rem;box-shadow:var(--shadow-xl);animation:cardPopIn .4s cubic-bezier(.16,1,.3,1);position:relative;z-index:1;display:flex;flex-direction:column;overflow:hidden}.result-card:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--line-strong)}@keyframes cardPopIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.result-title{text-align:center;font-family:Noto Kufi Arabic,sans-serif;font-size:1.25rem;font-weight:700;margin-top:.25rem;margin-bottom:.75rem;color:var(--text);flex-shrink:0}.meal-items{margin-bottom:.75rem;overflow-y:auto;flex:1;min-height:0}.meal-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line)}.meal-item:last-child{border-bottom:none}.item-label{background:var(--primary-light);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:.65rem;font-weight:700;width:auto;white-space:nowrap}.item-names{text-align:end;flex:1;margin-inline-start:1rem}.item-ar{display:block;font-weight:700;font-size:.92rem}.item-en{display:block;font-size:.8rem;color:var(--muted)}.result-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.action-btn{padding:.9rem;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;border:none;transition:transform .2s var(--transition),box-shadow .2s var(--transition);font-family:inherit}.btn-confirm{background:linear-gradient(135deg,var(--success) 0%,#22924a 100%);color:#fff;box-shadow:0 4px 14px #1b7a3d33}.btn-shuffle{background-color:transparent;border:1.5px solid var(--line-strong);color:var(--text-secondary)}.btn-confirm:active,.btn-shuffle:active{transform:scale(.97)}.hidden{display:none!important}.settings-panel{background-color:var(--surface);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.panel-header{padding:1.25rem 1.2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s var(--transition)}.panel-header:active{background:var(--primary-light)}.panel-header h3{font-family:Noto Kufi Arabic,sans-serif;font-size:1rem;font-weight:700;color:var(--text)}.panel-header i{color:var(--muted);width:18px;height:18px;transition:transform .3s var(--transition)}.panel-content{padding:0 1.2rem 1.2rem;display:none;border-top:1px solid var(--line)}.settings-panel.active .panel-content{display:block}.settings-panel.active .panel-header i{transform:rotate(180deg)}.search-box{position:relative;margin:.75rem 0}.search-box i{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}.search-box input{width:100%;background:var(--background);border:1px solid var(--line);border-radius:12px;padding:10px 12px;padding-inline-start:40px;color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .2s var(--transition),box-shadow .2s var(--transition)}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.type-group{margin-bottom:1.5rem}.type-group-header{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;margin-bottom:.5rem;color:var(--text-secondary);padding-bottom:.4rem;border-bottom:1px solid var(--line)}.dish-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.dish-row:last-child{border-bottom:none}.dish-info{flex:1}.dish-name-ar{display:block;font-weight:600;font-size:.95rem}.dish-name-en{display:block;font-size:.75rem;color:var(--muted)}.dish-controls{display:flex;align-items:center;gap:10px}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;transition:background .15s var(--transition),color .15s var(--transition)}.icon-btn:active{background:var(--primary-light);color:var(--primary)}.icon-btn.danger:active{background:var(--accent-light);color:var(--accent)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--muted);transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.stepper{display:flex;align-items:center;background:var(--background);border-radius:12px;border:1px solid var(--line);overflow:hidden}.step-btn{background:none;border:none;color:var(--text);padding:8px 14px;font-size:1.1rem;cursor:pointer;transition:background .15s var(--transition)}.step-btn:active{background:var(--primary-light)}.stepper span{padding:0 10px;min-width:36px;text-align:center;font-weight:700;color:var(--primary);font-size:.95rem}.inline-form{background:var(--primary-light);padding:1rem;border-radius:14px;margin:10px 0;border:1px solid var(--primary-glow)}.form-input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);margin-bottom:8px;font-family:inherit;font-size:.9rem;transition:border-color .2s var(--transition),box-shadow .2s var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-actions{display:flex;gap:8px;margin-top:8px}.form-btn{flex:1;padding:10px;border-radius:10px;border:none;font-weight:700;cursor:pointer;font-family:inherit;font-size:.85rem;transition:transform .15s var(--transition)}.form-btn:active{transform:scale(.97)}.form-btn.save{background:var(--success);color:#fff}.form-btn.cancel{background:var(--background);color:var(--text-secondary);border:1px solid var(--line)}.add-btn{width:100%;margin-top:.75rem;padding:11px;background:transparent;border:1.5px dashed var(--primary-glow);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s var(--transition),border-color .2s var(--transition)}.add-btn:active{background:var(--primary-light);border-color:var(--primary)}.template-card{padding:1rem;background:var(--background);border:2px solid var(--line);border-radius:16px;margin-bottom:.75rem;cursor:pointer;transition:border-color .2s var(--transition),background .2s var(--transition)}.template-card:active{background:var(--primary-light)}.template-card.active{border-color:var(--primary);background:var(--primary-light)}.template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.weekday-row{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--line)}.weekday-row:last-child{border-bottom:none}.weekday-info{display:flex;justify-content:space-between;margin-bottom:8px}.weekday-name{font-weight:700;font-size:.9rem}.weekday-settings{display:flex;gap:8px}.weekday-select{flex:1;background:var(--background);border:1px solid var(--line);border-radius:10px;padding:8px;color:var(--text);font-size:.8rem;font-family:inherit;transition:border-color .2s var(--transition)}.weekday-select:focus{outline:none;border-color:var(--primary)}.pref-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.pref-item:last-child{border-bottom:none}.pref-info label{display:block;font-weight:700;font-size:.9rem;margin-bottom:2px}.pref-info p{font-size:.7rem;color:var(--muted);max-width:200px;line-height:1.4}.lang-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-weight:700;font-family:inherit;font-size:.8rem;cursor:pointer;transition:transform .15s var(--transition)}.lang-btn:active{transform:scale(.95)}.text-btn{background:none;border:none;color:var(--primary);font-weight:700;padding:8px;cursor:pointer}.text-btn.danger{color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0d0a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;justify-content:center;align-items:center;z-index:500;padding:1.5rem}.modal-overlay.active{display:flex;animation:overlayFadeIn .25s var(--transition)}.modal-content{background:var(--surface);width:100%;max-width:420px;border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-xl);animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-footer{display:flex;gap:12px;margin-top:2rem}.structure-builder{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.structure-slot{display:flex;gap:8px;align-items:center}.section-note{font-size:.8rem;opacity:.5;margin-bottom:1rem}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s ease-out,visibility .6s}.splash-screen.fade-out{opacity:0;visibility:hidden}.splash-logo-img{width:140px;height:140px;object-fit:contain;margin-bottom:1rem;border-radius:28px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.calligraphy-logo{font-family:Noto Kufi Arabic,sans-serif;font-size:2.2rem;color:var(--text);font-weight:800;margin-bottom:1.5rem;position:relative;letter-spacing:-.02em}.calligraphy-logo:after{content:"";position:absolute;bottom:-4px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:1px}.loader-bar{width:100px;height:2px;background:var(--line);overflow:hidden;border-radius:1px}.loader-bar:after{content:"";display:block;width:40%;height:100%;background:var(--primary);border-radius:1px;animation:loading 1.5s infinite cubic-bezier(.65,0,.35,1)}@keyframes loading{0%{transform:translate(-120%)}to{transform:translate(280%)}}.view{display:none;padding:.5rem 1rem 5.5rem;min-height:100%;animation:slideIn .3s var(--transition)}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.turn-indicator{background:var(--primary);color:#fff;padding:6px 16px;border-radius:20px;font-weight:700;font-size:.85rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.family-results-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0}.family-results-stack:empty{display:none}.result-tag{background:var(--primary-light);padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:600;color:var(--primary);border:1px solid var(--primary-glow);animation:bounceIn .4s cubic-bezier(.175,.885,.32,1.275)}.result-tag.tiebreaker-tag{background:var(--accent-light);color:var(--accent);border-color:#a31a1a26}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.install-banner{position:fixed;bottom:88px;left:1rem;right:1rem;max-width:488px;margin:0 auto;background:var(--surface);padding:1rem 1.25rem;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;z-index:400;box-shadow:var(--shadow-lg);border:1px solid var(--line);animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.install-banner.hidden{display:none}.install-content{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600}.install-content i{color:var(--primary);width:20px;height:20px}.install-actions{display:flex;align-items:center;gap:8px}.dish-row.cooldown{opacity:.45}.cooldown-note{font-size:.65rem;color:var(--accent);display:block;margin-top:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.empty-state i{width:56px;height:56px;margin-bottom:1.5rem;color:var(--muted);opacity:.4}.empty-state h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.empty-state p{color:var(--muted);margin-bottom:1.5rem;font-size:.9rem;max-width:260px}.stats-bar{display:flex;justify-content:space-between;background-color:var(--surface);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.stat-item:not(:last-child){border-left:1px solid var(--line)}.stat-value{font-family:Noto Kufi Arabic,sans-serif;font-size:1.3rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.65rem;color:var(--muted);margin-top:3px}.history-group-header{font-size:.9rem;font-weight:700;color:var(--primary);margin:1.5rem 0 .8rem;padding-inline-start:.5rem;border-inline-start:3px solid var(--primary)}.history-item{background-color:var(--surface);border-radius:var(--radius);padding:1.25rem;margin-bottom:.75rem;position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease-out}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.history-date{font-size:.85rem;font-weight:700}.history-template{font-size:.75rem;opacity:.6}.history-method-icon{color:var(--primary)}.history-dishes{display:flex;flex-direction:column;gap:8px}.history-dish-entry{display:flex;align-items:center;gap:12px}.history-dish-type{font-size:.6rem;padding:3px 8px;border-radius:8px;background:var(--primary-light);color:var(--primary);min-width:60px;text-align:center;font-weight:600}.history-dish-name{font-size:.95rem;font-weight:500}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center;opacity:.8}.empty-history-icon{width:120px;height:120px;margin-bottom:1.5rem;opacity:.5}.empty-history-text{max-width:250px;font-size:1.1rem;line-height:1.6}.history-footer{display:flex;justify-content:center;padding:2rem 0}.clear-history-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--accent);color:var(--accent);padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .15s var(--transition),background .15s var(--transition)}.clear-history-btn:active{background:var(--accent-light);transform:scale(.95)}.placeholder-view i{font-size:4rem;margin-bottom:1rem;color:var(--primary)}#celebration-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:300}#wheel-status-msg{margin-top:.4rem;color:var(--muted);text-align:center;max-width:80%;font-size:.75rem;line-height:1.4}#wheel-status-msg:empty{display:none}.settings-general-btn{margin-bottom:10px;width:100%;border-radius:14px;padding:.85rem;font-size:.9rem}.settings-general-btn.danger{background:var(--accent-light);color:var(--accent);border:1px solid rgba(163,26,26,.15)}.settings-version{margin-top:2rem;text-align:center;color:var(--muted);font-size:.75rem;line-height:1.8}.tooltip-hint{display:block;font-size:.65rem;color:var(--muted);margin-top:4px;opacity:.8;transition:opacity .4s var(--transition);pointer-events:none;line-height:1.3}.tooltip-hint.hidden{opacity:0;height:0;margin:0;overflow:hidden}.guide-page{padding-bottom:1rem}.guide-header{text-align:center;margin-bottom:1.5rem}.guide-logo{width:56px;height:56px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));margin-bottom:.5rem}.guide-header h2{font-family:Noto Kufi Arabic,sans-serif;font-size:1.15rem;font-weight:800;color:var(--text);margin-bottom:.15rem}.guide-subtitle{font-size:.78rem;color:var(--muted)}.guide-section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;margin-bottom:.75rem;box-shadow:var(--shadow-sm)}.guide-section-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--primary-light);color:var(--primary);margin-bottom:.5rem}.guide-section-icon i{width:17px;height:17px}.guide-section h3{font-family:Noto Kufi Arabic,sans-serif;font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:.4rem}.guide-section p{font-size:.8rem;color:var(--text-secondary);line-height:1.75}.guide-steps,.guide-list{padding-inline-start:1.2rem;margin:0}.guide-steps li,.guide-list li{font-size:.8rem;color:var(--text-secondary);line-height:1.75;margin-bottom:.35rem}.guide-steps li strong,.guide-list li strong{color:var(--text);font-weight:600}