:root{--radius-card: 12px;--radius-pill: 9999px;--radius-input: 8px;--shadow-soft: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-l: 0 8px 12px -1px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .06);--minder-green: #00796B;--minder-green-hover: #00695C;--minder-green-light: #E0F2F1;--minder-green-dark: #004D40;--primary: var(--minder-green);--primary-hover: var(--minder-green-hover);--primary-light: var(--minder-green-light);--primary-light-hover: var(--minder-green);--primary-text: #ffffff;--secondary: #64748b;--secondary-hover: #475569;--secondary-light: #f1f5f9;--secondary-text: #1e293b;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fee2e2;--danger-text: #ffffff;--warning: #ffe640;--warning-hover: #f59e0b;--warning-light: #fdf2a3;--warning-text: #0f172a;--success: #86ff40;--success-hover: #65ca22;--success-light: #beff99;--success-text: #0f172a;--bg-color: #f8fafc;--card-bg: #ffffff;--border-color: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;--input-bg: #ffffff;--input-border: #cbd5e1;--transition-fast: .2s ease-in-out;--container-padding: 1rem;--header-height: 64px;--footer-nav-height: 75px;--accent-mint: var(--minder-green);--accent-mint-dark: var(--minder-green-dark)}body.theme-dark{--bg-color: rgba(15, 23, 42);--card-bg: #1e293b;--border-color: #334155;--text-main: #f1f5f9;--text-muted: #94a3b8;--primary-light: rgba(0, 150, 136, .2);--secondary-light: rgba(148, 163, 184, .2);--secondary-text: #f1f5f9;--danger-light: rgba(239, 68, 68, .2);--input-bg: #0f172a;--input-border: #334155}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Inter,Roboto,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);height:100dvh;width:100vw;max-width:100vw;overflow:hidden;transition:background-color var(--transition-fast),color var(--transition-fast)}.minder-card,.minder-panel,.minder-modal-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);overflow:hidden;transition:box-shadow var(--transition-fast)}.minder-input-group{display:flex;flex-direction:column;gap:.125rem;margin-bottom:.6rem}.minder-input-group label{font-size:.7rem;font-weight:700;color:var(--text-muted);padding-left:.25rem;text-transform:uppercase;letter-spacing:.025em}.text-center{text-align:center}.minder-input,.minder-select{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-input);color:var(--text-main);transition:all var(--transition-fast);outline:none}.minder-input:focus,.minder-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.minder-input.error,.minder-select.error{border-color:var(--danger)}.minder-input.error:focus,.minder-select.error:focus{box-shadow:0 0 0 2px var(--danger-light)}.minder-input::placeholder,.minder-select::placeholder{color:var(--text-muted);opacity:.6}.minder-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.minder-badge.primary{background:var(--primary-light);color:var(--primary)}.minder-badge.secondary{background:var(--secondary-light);color:var(--secondary-text)}.minder-badge.danger{background:var(--danger-light);color:var(--danger)}.minder-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn var(--transition-fast)}.minder-modal-card{width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;background:var(--card-bg);box-shadow:var(--shadow-md);animation:scaleIn var(--transition-fast)}.minder-modal-card .modal-header{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.minder-modal-card .modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.minder-modal-card .modal-header .close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:50%;display:flex}.minder-modal-card .modal-header .close-btn:hover{background:#0000000d}.minder-modal-card .modal-content{padding:1rem;overflow-y:auto}.minder-panel{margin-bottom:.5rem}.minder-panel-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.minder-panel-header:hover{background:#00000005}.minder-panel-header .title{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.875rem;color:var(--text-main)}.minder-panel-header .title .icon{color:var(--primary);font-size:1.125rem}.minder-panel-header .caret{transition:transform var(--transition-fast);color:var(--text-muted);font-size:1.25rem}.minder-panel-header .caret.open{transform:rotate(180deg)}.minder-panel-content{padding:.75rem 1rem;border-top:1px solid var(--border-color);background:var(--card-bg);animation:slideDown var(--transition-fast)}.minder-chip{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;padding:.25rem .5rem;background:var(--secondary-light);border-radius:8px;font-size:.75rem;font-weight:600;color:var(--secondary-text);border:1px solid var(--border-color)}.minder-chip .remove-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted)}.minder-chip .remove-btn:hover{color:var(--danger)}.minder-chip .remove-btn .material-symbols-rounded{font-size:14px}.minder-chip.allowed{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.minder-chip.excluded{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.minder-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none}.minder-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:3px solid white;box-shadow:var(--shadow-soft);transition:transform var(--transition-fast)}.minder-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.mobile-container{padding:0 var(--container-padding);width:100%;max-width:600px;margin:0 auto}.frosted-glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.theme-dark .frosted-glass{background:#1e293bcc}.soft-shadow{box-shadow:var(--shadow-soft)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.alert{color:var(--danger);display:flex;align-items:center;justify-content:center;animation:pulsate-fast 1s infinite ease-in-out}@keyframes pulsate-fast{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.rotating{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}