.header{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-purple) 50%,var(--primary-blue-dark) 100%);color:var(--text-light);padding:max(env(safe-area-inset-top),var(--space-xl)) var(--space-xl) var(--space-xl);position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:-50%;right:-20%;width:var(--header-decoration-size);height:var(--header-decoration-size);background:#ffffff1a;border-radius:var(--radius-full)}.header-content{position:relative;z-index:1}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-xs);letter-spacing:-.5px}.subtitle{font-size:var(--text-base);opacity:.8}.header-buttons{display:flex;gap:var(--space-sm);align-items:center}.header .settings-btn,.header .share-btn{background:#fff3;border:none;color:var(--text-light);padding:var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:var(--btn-height-md);min-height:var(--btn-height-md)}.header .settings-btn:hover,.header .share-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.header .share-btn:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed;transform:none}.list-selector-btn{background:#ffffff26;border:none;color:var(--text-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);margin-top:var(--space-xs);max-width:180px;min-height:var(--btn-height-sm)}.list-selector-btn:hover{background:#ffffff40}.current-list-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.progress-section{margin-top:var(--space-xl)}.progress-text{display:flex;justify-content:space-between;font-size:var(--text-base);margin-bottom:var(--space-sm)}.progress-count{font-weight:600}.complete-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);color:#d1fae5;font-size:var(--text-base);font-weight:500;animation:celebration .5s ease-in-out}@keyframes celebration{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 769px){.settings-btn,.header .share-btn{min-width:36px;min-height:36px;padding:var(--space-xs)}.list-selector-btn{padding:2px var(--space-xs);font-size:11px;min-height:28px;max-width:160px;gap:2px}.current-list-name{max-width:100px}.title{font-size:var(--text-2xl)}.subtitle{font-size:var(--text-sm)}}.add-item-section{padding:var(--space-lg) var(--space-lg);border-bottom:1px solid var(--bg-gray);background:var(--bg-primary)}.add-item-header{margin-bottom:var(--space-sm)}.add-item-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-xs)}.add-form{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm);align-items:stretch;width:100%}.add-input{padding:var(--space-md) var(--space-lg);border:1px solid var(--bg-gray-dark);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--bg-secondary);transition:var(--transition-fast);min-height:44px;box-sizing:border-box;width:100%;color:var(--text-primary)}.add-input:focus{outline:none;border-color:var(--primary-blue);background:var(--bg-primary);box-shadow:0 0 0 3px #2563eb1a}.add-input::placeholder{color:var(--text-tertiary)}.name-input{flex:2.5;min-width:0}.amount-input{flex:1.5;min-width:0}.add-btn{background:var(--primary-blue);color:var(--text-light);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;flex-shrink:0;font-size:var(--text-base);font-weight:500}.add-btn:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.add-btn:disabled{background:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.quick-units{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-sm)}.quick-units-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;margin-right:var(--space-xs)}.one-time-toggle{margin-top:var(--space-xs)}.one-time-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-xs) 0}.one-time-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--warning-orange)}.one-time-icon{color:var(--warning-orange);flex-shrink:0}.one-time-label span{-webkit-user-select:none;user-select:none}.unit-btn{background:var(--bg-tertiary);border:1px solid var(--bg-gray-dark);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;transition:var(--transition-fast);font-weight:500;min-height:32px;line-height:1;display:flex;align-items:center;justify-content:center}.unit-btn:hover{background:var(--bg-gray);border-color:var(--text-tertiary);transform:translateY(-1px)}.unit-btn:active{background:var(--primary-blue);color:var(--text-light);border-color:var(--primary-blue)}.edit-inputs{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.edit-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--bg-gray-dark);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);transition:var(--transition-fast);color:var(--text-primary);min-height:36px}.edit-input:focus{outline:none;border-color:var(--primary-blue);background:var(--bg-primary);box-shadow:0 0 0 3px #2563eb14;color:var(--text-primary)}.edit-input::placeholder{color:var(--text-tertiary)}.edit-name{font-weight:500}.edit-amount{font-size:var(--text-xs)}.edit-list-input{background:var(--bg-primary);border:1px solid var(--primary-blue);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--text-base);font-weight:500;color:var(--text-primary);width:100%;box-shadow:0 0 0 3px #2563eb1a}.edit-list-input:focus{outline:none}@media (min-width: 1025px){.add-input{padding:var(--space-sm) var(--space-md);min-height:36px;font-size:var(--text-sm)}.add-btn{padding:var(--space-sm) var(--space-md);min-height:36px;min-width:48px;font-size:var(--text-sm)}.unit-btn{min-height:28px;padding:var(--space-xs) var(--space-sm);font-size:10px}.edit-input{padding:var(--space-xs) var(--space-sm);min-height:32px;font-size:var(--text-xs)}.add-item-section{padding:var(--space-md) var(--space-lg)}.quick-units{gap:var(--space-xs);margin-top:var(--space-xs)}.quick-units-label{font-size:var(--text-xs);margin-bottom:0}}@media (max-width: 900px){.add-form{flex-direction:column!important;gap:var(--space-md)!important}.add-input{width:100%!important;flex:none!important;min-height:48px!important;font-size:var(--text-base)!important;padding:var(--space-md) var(--space-lg)!important}.add-btn{width:100%!important;flex:none!important;min-height:48px!important;font-size:var(--text-base)!important}}@media (max-width: 1024px){.add-form{flex-direction:column!important;gap:var(--space-md)!important;width:100%!important;align-items:stretch!important}.name-input,.amount-input{width:100%!important;min-height:48px!important;font-size:var(--text-base)!important;padding:var(--space-md) var(--space-lg)!important;border-radius:var(--radius-lg)!important;box-sizing:border-box!important;flex:none!important;max-width:none!important}.add-btn{width:100%!important;min-height:48px!important;padding:var(--space-md) var(--space-lg)!important;font-size:var(--text-base)!important;border-radius:var(--radius-lg)!important;font-weight:500!important;flex:none!important}.add-item-section{padding:var(--space-lg) var(--space-xl)!important}.add-item-section .add-form{display:flex!important;flex-direction:column!important;width:100%!important}.quick-units{justify-content:flex-start;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.quick-units-label{font-size:var(--text-sm);width:100%;margin-bottom:var(--space-xs);margin-right:0}.unit-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);min-height:36px;border-radius:var(--radius-md);flex:0 0 auto;min-width:48px}.edit-input{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);min-height:40px}.create-list-input,.create-btn,.save-btn,.cancel-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);min-height:44px}}.list-container{flex:1;padding:var(--space-xl);overflow-y:auto;background:#fafbfc}.shopping-list{display:flex;flex-direction:column;gap:var(--space-xl)}.items-section{display:flex;flex-direction:column;gap:var(--space-md)}.section-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;padding:0 var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.completed-items{display:flex;flex-direction:column;gap:var(--space-sm)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border:2px solid var(--bg-gray);border-radius:var(--radius-2xl);background:var(--bg-primary);transition:var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.list-item:hover{border-color:var(--bg-gray-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.list-item.checked{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;opacity:.8}.list-item.completed{cursor:pointer}.list-item.editing{border-color:var(--primary-blue);background:var(--info-bg);cursor:default}.item-content{display:flex;align-items:center;flex:1;gap:var(--space-lg)}.item-text{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.item-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:500;transition:var(--transition-normal);display:flex;align-items:center;gap:var(--space-xs)}.one-time-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:var(--warning-orange);color:var(--text-light);border-radius:var(--radius-full);font-size:10px;margin-left:var(--space-xs)}.item-amount{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.list-item.checked .item-text{text-decoration:line-through}.list-item.checked .item-name{color:var(--success-green-dark)}.list-item.checked .item-amount{color:var(--success-green-dark);opacity:.8}.item-actions{display:flex;gap:var(--space-sm);align-items:center;opacity:0;transition:opacity .2s}.list-item:hover .item-actions{opacity:1}.edit-actions{display:flex;gap:var(--space-sm);align-items:center}.edit-btn{background:none;border:none;color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.edit-btn:hover{color:var(--warning-orange-dark);background:var(--warning-bg);transform:translateY(-1px)}.save-btn:hover{background:#ecfdf5;color:#047857}.cancel-btn:hover{background:#fef2f2;color:#b91c1c}.delete-btn{background:none;border:none;color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;padding:60px var(--space-xl);color:var(--text-secondary)}.empty-icon{width:80px;height:80px;background:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-xl);color:var(--text-tertiary)}.empty-title{font-weight:600;margin-bottom:var(--space-sm);font-size:var(--text-xl);color:var(--text-primary)}.empty-subtitle{font-size:var(--text-base)}@media (max-width: 1024px){.item-actions{opacity:1}.list-container{padding:var(--space-xl)}.list-item{padding:var(--space-xl);gap:var(--space-lg);border-radius:var(--radius-2xl)}.checkbox{width:32px;height:32px;flex-shrink:0;min-width:32px;min-height:32px}.item-name{font-size:var(--text-xl);line-height:1.4}.item-amount{font-size:15px;margin-top:2px}.edit-btn,.delete-btn,.action-btn{padding:var(--space-md);min-height:44px;min-width:44px}}.app{max-width:100%;min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}@media (min-width: 768px){.app{max-width:var(--app-max-width);margin:0 auto;border-radius:0;box-shadow:var(--shadow-lg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;min-height:400px}.empty-state h2{color:var(--text-primary);margin-bottom:var(--space-md)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.create-list-section{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--bg-gray);background:var(--bg-secondary)}.create-form{display:flex;flex-direction:column;gap:var(--space-sm)}.create-list-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--bg-gray-dark);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);transition:var(--transition-fast);color:var(--text-primary);min-height:var(--btn-height-md);box-sizing:border-box}.create-list-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.create-actions{display:flex;gap:var(--space-sm)}.create-btn{background:var(--primary-blue);color:var(--text-light);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:var(--transition-fast);flex:1;justify-content:center;min-height:var(--btn-height-md);font-size:var(--text-base)}.create-btn:hover:not(:disabled){background:var(--primary-blue-dark)}.create-btn:disabled{background:var(--text-tertiary);cursor:not-allowed}.cancel-create-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);min-height:var(--btn-height-md);font-size:var(--text-base);display:flex;align-items:center;justify-content:center}.cancel-create-btn:hover{background:var(--bg-gray);color:var(--text-primary)}.list-selector-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--bg-gray);background:var(--bg-secondary)}.footer-info{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-secondary)}.info-footer-container{padding:var(--space-lg) var(--space-xl);background:var(--info-bg);border-top:0 solid var(--info-border);border-radius:var(--radius-xl);margin:var(--space-xl);box-shadow:var(--shadow-sm)}.info-footer{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:500}.info-footer-calender-icon{color:var(--text--reset-day)}.info-footer-resetday-text{color:var(--text--reset-day);font-weight:500}.current-list-actions{display:flex;justify-content:center}.reset-current-btn{background:var(--warning-orange);color:var(--text-light);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:var(--transition-fast);min-height:var(--btn-height-sm)}.reset-current-btn:hover{background:var(--warning-orange-dark);transform:translateY(-1px)}.next-reset-info{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.reset-btn{width:100%;background:var(--warning-orange);color:var(--text-light);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:var(--transition-fast);font-size:var(--text-base);min-height:var(--btn-height-lg)}.reset-btn:hover{background:var(--warning-orange-dark);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}@supports (padding: max(0px)){.header{padding-top:max(env(safe-area-inset-top),var(--space-xl));padding-left:max(env(safe-area-inset-left),var(--space-xl));padding-right:max(env(safe-area-inset-right),var(--space-xl))}.app{padding-bottom:env(safe-area-inset-bottom)}.list-container{padding-bottom:max(env(safe-area-inset-bottom),var(--space-xl))}}@media (min-width: 769px){.create-btn,.cancel-create-btn{min-height:36px;font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm)}.reset-current-btn{min-height:32px;font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.reset-btn{min-height:40px;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.create-list-input{min-height:36px;font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm)}.create-list-section{padding:var(--space-md) var(--space-lg)}.info-footer-container{margin:var(--space-lg);padding:var(--space-md) var(--space-lg)}}@media (prefers-color-scheme: dark){body{background:#1f2937;color:#f9fafb}.app{background:#111827}.list-container{background:#1f2937}.list-item{background:#1f2937;border-color:#374151;color:#f9fafb}.list-item:hover{border-color:#4b5563}.section-title{color:#f9fafb}.add-input{background:#374151;border-color:#4b5563;color:#f9fafb;width:150px;height:25px}.add-input:focus{background:#4b5563;border-color:#60a5fa;color:#fff}.add-input::placeholder{color:#9ca3af}.edit-input{background:#4b5563;border-color:#6b7280;color:#f9fafb}.edit-input:focus{background:#4b5563;border-color:#60a5fa;color:#fff}.add-item-title{color:#f9fafb}.unit-btn{background:#374151;border-color:#4b5563;color:#f9fafb}.unit-btn:hover{background:#4b5563;border-color:#6b7280}.create-list-input{background:#4b5563;border-color:#6b7280;color:#f9fafb}.create-list-input:focus{border-color:#60a5fa}.cancel-create-btn{background:#4b5563;color:#9ca3af}.cancel-create-btn:hover{background:#6b7280;color:#f9fafb}.list-selector-footer{background:#374151;border-color:#4b5563}.footer-info{color:#9ca3af}.info-footer-container{background:#1e40af}.info-footer{color:#dbeafe}}:root{--primary-blue: #2563eb;--primary-blue-dark: #1d4ed8;--primary-blue-light: #3b82f6;--primary-purple: #7c3aed;--text-primary: #374151;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-white: #f9fafb;--text-light: #ffffff;--text--reset-day: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-gray: #e5e7eb;--bg-gray-dark: #d1d5db;--success-green: #22c55e;--success-green-dark: #16a34a;--success-green-light: #10b981;--success-bg: #ecfdf5;--success-border: #86efac;--error-red: #dc2626;--error-red-dark: #b91c1c;--error-red-light: #ef4444;--error-bg: #fef2f2;--error-border: #fecaca;--warning-orange: #f97316;--warning-orange-dark: #ea580c;--warning-bg: #fef3c7;--warning-border: #f59e0b;--info-blue: #0ea5e9;--info-bg: #1e40af;--info-border: #1e40af;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--space-6xl: 60px;--btn-height-sm: 36px;--btn-height-md: 44px;--btn-height-lg: 48px;--btn-padding-sm: var(--space-xs) var(--space-sm);--btn-padding-md: var(--space-sm) var(--space-md);--btn-padding-lg: var(--space-md) var(--space-lg);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 50%;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 28px;--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .15);--z-modal: 1000;--z-dropdown: 100;--z-sticky: 10;--z-base: 1;--app-max-width: 420px;--modal-max-width: 400px;--list-max-height: 300px;--qr-code-size: 200px;--toggle-width: 48px;--toggle-height: 28px;--toggle-slider-size: 24px;--checkbox-size: 28px;--progress-bar-height: 10px;--header-decoration-size: 120px}@media (min-width: 769px){:root{--btn-height-sm: 28px;--btn-height-md: 36px;--btn-height-lg: 40px;--btn-padding-sm: 2px var(--space-xs);--btn-padding-md: var(--space-xs) var(--space-sm);--btn-padding-lg: var(--space-sm) var(--space-md)}}@media (prefers-color-scheme: dark){:root{--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-white: #1f2937;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-gray: #4b5563;--bg-gray-dark: #6b7280}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-secondary);min-height:100vh;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:1.5}#root{width:100%;min-height:100vh}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@supports (-webkit-touch-callout: none){input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:var(--text-lg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:var(--transition-fast);font-weight:500;text-decoration:none}.btn-primary{background:var(--primary-blue);color:var(--text-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);min-height:var(--btn-height-md);font-size:var(--text-base)}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-primary:disabled{background:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);min-height:var(--btn-height-sm);font-size:var(--text-sm)}.btn-secondary:hover{background:var(--bg-gray);color:var(--text-primary)}.btn-danger{background:var(--error-red);color:var(--text-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);min-height:var(--btn-height-md);font-size:var(--text-base)}.btn-danger:hover{background:var(--error-red-dark);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-warning{background:var(--warning-orange);color:var(--text-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);min-height:var(--btn-height-md);font-size:var(--text-base)}.btn-warning:hover{background:var(--warning-orange-dark);transform:translateY(-1px)}.btn-ghost{background:none;color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-md);min-height:var(--btn-height-md);min-width:44px}.btn-ghost:hover{background:var(--bg-tertiary)}.form-input{padding:var(--space-md) var(--space-lg);border:1px solid var(--bg-gray-dark);border-radius:var(--radius-xl);font-size:var(--text-lg);background:var(--bg-secondary);transition:var(--transition-fast);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary-blue);background:var(--bg-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--text-tertiary)}.card{background:var(--bg-primary);border:2px solid var(--bg-gray);border-radius:var(--radius-2xl);padding:var(--space-xl);transition:var(--transition-fast)}.card:hover{border-color:var(--bg-gray-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--bg-gray)}.card-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-primary);border-radius:var(--radius-2xl);max-width:var(--modal-max-width);width:90%;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toggle{position:relative;width:var(--toggle-width);height:var(--toggle-height);background:var(--bg-gray-dark);border-radius:14px;border:none;cursor:pointer;transition:var(--transition-normal)}.toggle.active{background:var(--primary-blue)}.toggle:before{content:"";position:absolute;top:2px;left:2px;width:var(--toggle-slider-size);height:var(--toggle-slider-size);background:var(--bg-primary);border-radius:var(--radius-full);transition:transform .3s;box-shadow:var(--shadow-sm)}.toggle.active:before{transform:translate(20px)}.checkbox{width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--bg-gray-dark);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);background:var(--bg-primary);flex-shrink:0;min-width:var(--checkbox-size);min-height:var(--checkbox-size)}.checkbox.checked{background:var(--success-green);border-color:var(--success-green);color:var(--text-light);transform:scale(1.1)}.checkbox.disabled{background:var(--bg-tertiary);border-color:var(--bg-gray-dark);cursor:not-allowed}.progress-bar{width:100%;height:var(--progress-bar-height);background:#fff3;border-radius:5px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success-green-light),var(--success-green));border-radius:5px;transition:width .5s ease;box-shadow:0 2px 8px #10b98166}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.list-selector-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .2s ease-out}.list-selector-panel{background:var(--bg-primary);border-radius:var(--radius-2xl);max-width:var(--modal-max-width);width:90%;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.list-selector-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--bg-gray)}.list-selector-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.lists-container{max-height:var(--list-max-height);overflow-y:auto;padding:var(--space-sm)}.list-item-selector{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);margin-bottom:var(--space-xs);border:2px solid transparent;border-radius:var(--radius-xl);background:var(--bg-secondary);transition:var(--transition-fast);cursor:pointer}.list-item-selector:hover{background:var(--bg-tertiary);border-color:var(--bg-gray)}.list-item-selector.active{background:var(--info-bg);border-color:var(--primary-blue)}.list-item-content{display:flex;align-items:center;flex:1;gap:var(--space-md)}.list-info{flex:1}.list-name{font-weight:500;font-size:var(--text-base);color:var(--text-primary);display:block;margin-bottom:2px}.list-stats{font-size:var(--text-sm);color:var(--text-secondary)}.list-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.list-item-selector:hover .list-actions{opacity:1}.settings-panel{background:var(--bg-secondary);border-bottom:1px solid var(--bg-gray);padding:var(--space-xl);animation:slideDownPanel .3s ease-out}@keyframes slideDownPanel{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownInstall{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownImport{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--bg-gray)}.settings-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.setting-row:last-child{margin-bottom:0}.setting-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:500;color:var(--text-primary);flex:1}.day-select{min-width:130px;padding:var(--space-md);border:1px solid var(--bg-gray-dark);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--bg-primary);transition:var(--transition-fast);cursor:pointer;color:var(--text-primary)}.day-select:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.day-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.settings-row-column{flex-direction:column;align-items:flex-start}.day-checkboxes{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-sm);width:100%}.day-checkbox-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:var(--transition-fast);background:var(--bg-primary);border:2px solid var(--bg-gray);min-width:50px;flex:1}.day-checkbox-label:hover{background:var(--bg-tertiary)}.day-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-blue)}.day-checkbox:disabled{cursor:not-allowed;opacity:.5}.day-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-align:center}.day-name.disabled{color:var(--text-tertiary)}.time-input{padding:var(--space-md);border:1px solid var(--bg-gray-dark);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--bg-primary);transition:var(--transition-fast);cursor:pointer;color:var(--text-primary);min-width:120px}.time-input:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.time-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.next-reset-card{display:flex;align-items:center;gap:var(--space-md);background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-xl)}.next-reset-icon{color:var(--primary-blue);flex-shrink:0}.next-reset-content{display:flex;flex-direction:column;gap:2px}.next-reset-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:1px}.next-reset-date{font-size:var(--text-lg);color:var(--primary-blue-dark);font-weight:600}.install-prompt{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-orange-dark);padding:var(--space-md) var(--space-lg);margin:var(--space-lg);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);animation:slideDownInstall .3s ease-out}.install-content{display:flex;align-items:center;gap:var(--space-sm)}.install-actions{display:flex;gap:var(--space-sm)}.dismiss-btn{background:transparent;color:var(--warning-orange-dark);border:1px solid var(--warning-border);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.dismiss-btn:hover{background:#f59e0b1a}.install-btn{background:var(--warning-border);color:var(--text-light);border:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);font-weight:500;display:flex;align-items:center;gap:var(--space-xs)}.install-btn:hover{background:var(--warning-orange-dark);transform:translateY(-1px)}.validation-error{color:var(--error-red);font-size:var(--text-sm);padding:var(--space-sm);background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);margin-top:var(--space-sm)}.error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-xl);margin:var(--space-xl);color:var(--error-red)}.error-fallback h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--error-red-dark)}.error-fallback p{font-size:var(--text-base);margin-bottom:var(--space-lg);color:var(--error-red);opacity:.8}.error-fallback button{background:var(--error-red);color:var(--text-light);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.error-fallback button:hover{background:var(--error-red-dark);transform:translateY(-1px)}.action-btn{background:none;border:none;color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:var(--btn-height-md);min-width:44px}.action-btn:hover{background:var(--bg-tertiary)}.edit-btn:hover{color:var(--warning-orange-dark);background:var(--warning-bg);transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.delete-btn:hover{color:var(--error-red);background:var(--error-bg);transform:translateY(-1px)}.save-btn{color:var(--success-green-light)}.save-btn:hover{background:var(--success-bg)}.save-btn:disabled{color:var(--text-tertiary);cursor:not-allowed}.cancel-btn{color:var(--error-red)}.cancel-btn:hover{background:var(--error-bg)}.close-btn{background:none;border:none;color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);min-height:var(--btn-height-md);min-width:44px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.add-list-btn{width:100%;background:var(--primary-blue);color:var(--text-light);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:var(--transition-fast);min-height:var(--btn-height-lg);font-size:var(--text-base)}.add-list-btn:hover{background:var(--primary-blue-dark)}.share-all-section{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--bg-gray)}.share-all-btn{width:100%;background:var(--success-green-light);color:var(--text-light);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:var(--transition-fast);min-height:var(--btn-height-lg);font-size:var(--text-base)}.share-all-btn:hover:not(:disabled){background:var(--success-green);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.share-all-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.settings-divider{border-top:1px solid var(--bg-gray);margin:var(--space-xl) 0}.export-buttons{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.export-section{display:flex;flex-direction:column;gap:var(--space-md)}.export-section-title{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin:0}.export-button-group{display:flex;gap:var(--space-sm)}.export-btn{background:var(--primary-blue);color:var(--text-light);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:var(--transition-fast);flex:1;justify-content:center;min-height:var(--btn-height-md)}.export-btn:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-1px)}.export-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;transform:none}.import-section{margin-bottom:var(--space-lg)}.import-btn{background:var(--success-green);color:var(--text-light);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:var(--transition-fast);width:100%;justify-content:center;min-height:var(--btn-height-lg)}.import-btn:hover{background:var(--success-green-dark);transform:translateY(-1px)}.import-status{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-top:var(--space-md);text-align:center}.import-status.success{background:var(--success-bg);color:var(--success-green-dark);border:1px solid var(--success-border)}.import-status.error{background:var(--error-bg);color:var(--error-red-dark);border:1px solid var(--error-border)}.import-options{background:var(--bg-primary);border:1px solid var(--bg-gray);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-md);animation:slideDownImport .3s ease-out}.import-options h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.import-options p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-lg) 0}.import-buttons{display:flex;gap:var(--space-sm)}.import-option-btn{border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast);flex:1;display:flex;align-items:center;justify-content:center}.import-option-btn.append{background:var(--primary-blue);color:var(--text-light)}.import-option-btn.append:hover{background:var(--primary-blue-dark)}.import-option-btn.replace{background:var(--warning-orange);color:var(--text-light)}.import-option-btn.replace:hover{background:var(--warning-orange-dark)}.import-option-btn.cancel{background:var(--bg-gray);color:var(--text-secondary)}.import-option-btn.cancel:hover{background:var(--bg-gray-dark);color:var(--text-primary)}.reset-btn{background:var(--error-red);color:var(--text-light);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:var(--transition-fast);width:100%;justify-content:center;min-height:var(--btn-height-lg)}.reset-btn:hover{background:var(--error-red-dark);transform:translateY(-1px)}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.settings-row:last-child{margin-bottom:0}.settings-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:500;color:var(--text-primary);flex:1}.share-btn{background:var(--success-green);color:#fff}.share-btn:hover{background:var(--success-green-dark)}.action-btn.share-btn{color:var(--success-green);background:none}.action-btn.share-btn:hover{color:var(--success-green-dark);background:var(--success-bg)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-primary);border-radius:var(--radius-2xl);max-width:var(--modal-max-width);width:90%;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--bg-gray)}.modal-header h3{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.modal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.share-options{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.share-option-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:2px solid var(--bg-gray);border-radius:var(--radius-xl);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:var(--text-base);font-weight:500}.share-option-btn.primary{background:var(--success-green);color:#fff;border-color:var(--success-green)}.share-option-btn.primary:hover{background:var(--success-green-dark);border-color:var(--success-green-dark);transform:translateY(-1px)}.share-option-btn.secondary:hover{border-color:var(--bg-gray-dark);background:var(--bg-secondary);transform:translateY(-1px)}.share-option-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.qr-code-section{padding:var(--space-xl);text-align:center}.qr-code-container{margin:var(--space-lg) 0;display:flex;justify-content:center}.qr-code-image{max-width:var(--qr-code-size);width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.qr-code-section p{color:var(--text-secondary);margin:var(--space-md) 0}.share-status{padding:var(--space-md) var(--space-xl);text-align:center;font-weight:500;border-top:1px solid var(--bg-gray)}.share-status.success{color:var(--success-green);background:var(--success-bg)}.share-status.error{color:var(--error-red);background:var(--error-bg)}.backup-btn{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.875rem}.backup-btn:hover{background:var(--bg-gray)}.qr-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.qr-modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:var(--modal-max-width);width:100%;text-align:center;box-shadow:0 20px 40px #0000001a}.qr-modal-content h4{margin:0 0 var(--space-md) 0;color:var(--text-primary)}.qr-modal-content p{margin:0 0 var(--space-lg) 0;color:var(--text-secondary)}.qr-code-container{margin:var(--space-lg) 0}.qr-code-image{max-width:var(--qr-code-size);height:auto;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a}.qr-modal-buttons{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.import-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--success-green);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideDownNotification .3s ease-out}@keyframes slideDownNotification{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideDownNotificationMobile{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.confirmation-modal{background:var(--bg-primary);border-radius:var(--radius-2xl);max-width:var(--modal-max-width);width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.confirmation-content{padding:var(--space-xl);text-align:center}.confirmation-content p{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-xl) 0;font-weight:500}.confirmation-actions{display:flex;gap:var(--space-md);justify-content:center}.confirm-btn{background:var(--error-red);color:var(--text-light);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.confirm-btn:hover{background:var(--error-red-dark);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.confirmation-actions .cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.confirmation-actions .cancel-btn:hover{background:var(--bg-gray);color:var(--text-primary);transform:translateY(-1px)}@media (min-width: 769px){.btn-primary{padding:var(--space-xs) var(--space-md);min-height:36px;font-size:var(--text-sm)}.btn-secondary{padding:var(--space-xs) var(--space-sm);min-height:32px}.btn-danger{padding:var(--space-xs) var(--space-md);min-height:36px;font-size:var(--text-sm)}.btn-warning{padding:var(--space-xs) var(--space-sm);min-height:36px;font-size:var(--text-sm)}.action-btn,.close-btn{min-height:32px;min-width:32px;padding:var(--space-xs)}.add-list-btn,.share-all-btn{min-height:var(--btn-height-sm);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.export-btn{min-height:36px;padding:var(--space-xs) var(--space-sm)}.import-btn,.reset-btn{min-height:var(--btn-height-sm);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}}@media (max-width: 768px){.qr-modal{padding:var(--space-sm)}.qr-modal-content{padding:var(--space-lg)}.import-notification{top:10px;left:10px;right:10px;transform:none;text-align:center;animation:slideDownNotificationMobile .3s ease-out}.confirmation-modal{width:95%;margin:var(--space-md)}.confirmation-content{padding:var(--space-lg)}.confirmation-actions{flex-direction:column;gap:var(--space-sm)}.confirm-btn,.confirmation-actions .cancel-btn{width:100%;justify-content:center}}