@font-face{font-family:Hyperwave Two;src:url(/assets/Hyperwave-BKrYmWns.otf) format("opentype");font-weight:400;font-style:normal}:root{--navy-dark: #0f1419;--navy-medium: #1a2332;--navy-light: #252c36;--cola-dark: #5d2a2a;--cola-medium: #8b4242;--cola-light: #b85555;--teal-bright: #00cda4;--teal-base: #00d4aa;--teal-dark: #00a085;--teal-hover: #26e6c7;--purple-primary: #6366f1;--purple-light: #8b5cf6;--purple-dark: #4f46e5;--gold: #ffd700;--error-red: #ff6b6b;--warning-orange: #ffa500;--success-green: #32cd32;--bg-primary: var(--navy-dark);--bg-secondary: var(--navy-medium);--bg-overlay: rgba(15, 20, 25, .8);--bg-surface: rgba(93, 42, 42, .2);--bg-surface-hover: rgba(93, 42, 42, .3);--page-bg-gradient: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--navy-light) 100%);--text-primary: #e8f4f8;--text-secondary: #ffffff;--text-muted: rgba(232, 244, 248, .7);--accent-primary: var(--teal-bright);--accent-secondary: var(--teal-base);--accent-hover: var(--teal-hover);--accent-dark: var(--teal-dark);--border-primary: rgba(93, 42, 42, .4);--border-accent: rgba(0, 255, 204, .3);--shadow-color: rgba(26, 15, 15, .3);--nav-link-bg: var(--bg-surface);--nav-link-border: var(--border-primary);--nav-link-color: var(--accent-primary);--nav-link-hover-bg: var(--bg-surface-hover);--nav-link-hover-color: var(--accent-hover);--nav-link-hover-border: var(--border-primary);--input-bg: var(--bg-surface);--input-border: var(--border-primary);--input-focus-border: var(--accent-primary);--input-focus-shadow: var(--border-accent);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--btn-primary-bg: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-dark) 100%);--btn-primary-border: var(--border-accent);--btn-primary-text: var(--text-secondary);--btn-primary-hover-bg: linear-gradient(135deg, var(--accent-hover) 0%, var(--accent-primary) 100%);--btn-primary-hover-shadow: rgba(0, 255, 0, .4);--card-bg: var(--bg-overlay);--card-border: var(--border-primary);--card-shadow: var(--shadow-color);--error-bg: rgba(220, 20, 60, .2);--error-text: var(--error-red);--error-border: rgba(220, 20, 60, .3);--auth-switch-color: var(--accent-primary);--auth-switch-hover-color: var(--accent-hover);--test-sound-btn-bg: rgba(144, 238, 144, .2);--test-sound-btn-border: var(--accent-primary);--test-sound-btn-text: var(--accent-primary);--test-sound-btn-hover-bg: rgba(144, 238, 144, .3);--category-badge-bg: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--category-badge-shadow: var(--accent-primary);--trash-section-bg: rgba(102, 102, 102, .1);--trash-section-border: rgba(102, 102, 102, .2);--archive-section-bg: rgba(102, 102, 102, .1);--archive-section-border: rgba(102, 102, 102, .2);--trash-item-bg: rgba(102, 102, 102, .2);--trash-item-border: rgba(102, 102, 102, .3);--trash-item-hover-bg: rgba(102, 102, 102, .3);--current-category-bg: rgba(144, 238, 144, .1);--current-category-border: rgba(144, 238, 144, .3);--contact-reveal-btn-bg: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent-primary) 100%);--contact-reveal-btn-hover-bg: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-hover) 100%)}*[class]:before,*[class]:after{content:none!important}[aria-hidden=true]{pointer-events:none}body.light-theme{--bg-primary: #f0f8ff;--bg-secondary: #e6f2ff;--navy-light: #d0e0f0;--bg-overlay: rgba(255, 255, 255, .95);--bg-surface: rgba(255, 255, 255, .9);--bg-surface-hover: rgba(255, 255, 255, .98);--page-bg-gradient: linear-gradient(135deg, #f0f8ff 0%, #e6f2ff 50%, #d0e0f0 100%);--text-primary: var(--navy-medium);--text-secondary: #2a3441;--text-muted: rgba(26, 35, 50, .7);--accent-primary: var(--purple-primary);--accent-secondary: var(--purple-light);--accent-hover: var(--purple-light);--accent-dark: var(--purple-dark);--border-primary: rgba(232, 232, 232, .8);--border-accent: rgba(99, 102, 241, .3);--shadow-color: rgba(0, 0, 0, .05);--nav-link-bg: rgba(99, 102, 241, .1);--nav-link-border: rgba(99, 102, 241, .2);--nav-link-color: var(--purple-primary);--nav-link-hover-bg: rgba(99, 102, 241, .15);--nav-link-hover-color: var(--purple-dark);--nav-link-hover-border: rgba(99, 102, 241, .3);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(99, 102, 241, .2);--input-focus-border: var(--purple-primary);--input-focus-shadow: rgba(99, 102, 241, .2);--input-text: var(--navy-dark);--input-placeholder: rgba(26, 35, 50, .5);--btn-primary-bg: linear-gradient(135deg, var(--purple-primary) 0%, var(--purple-light) 100%);--btn-primary-border: var(--purple-primary);--btn-primary-text: #ffffff;--btn-primary-hover-bg: linear-gradient(135deg, var(--purple-light) 0%, var(--purple-dark) 100%);--btn-primary-hover-shadow: rgba(99, 102, 241, .35);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(232, 232, 232, .8);--card-shadow: rgba(0, 0, 0, .08);--error-bg: rgba(220, 20, 60, .1);--error-text: #d32f2f;--error-border: rgba(220, 20, 60, .2);--auth-switch-color: var(--purple-primary);--auth-switch-hover-color: var(--purple-dark);--test-sound-btn-bg: linear-gradient(135deg, #a78bfa 0%, #c084fc 100%);--test-sound-btn-border: var(--accent-dark);--test-sound-btn-text: var(--text-secondary);--test-sound-btn-hover-bg: linear-gradient(135deg, var(--accent-secondary) 0%, #a855f7 100%);--category-badge-bg: linear-gradient(135deg, rgb(99, 102, 241) 0%, rgb(154, 155, 218) 100%);--category-badge-shadow: rgb(99, 102, 241);--trash-section-bg: rgba(99, 102, 241, .05);--trash-section-border: rgba(99, 102, 241, .1);--archive-section-bg: rgba(107, 142, 35, .05);--archive-section-border: rgba(107, 142, 35, .1);--trash-item-bg: rgba(99, 102, 241, .08);--trash-item-border: rgba(99, 102, 241, .15);--trash-item-hover-bg: rgba(99, 102, 241, .12);--current-category-bg: rgba(99, 102, 241, .1);--current-category-border: rgba(99, 102, 241, .2);--contact-reveal-btn-bg: linear-gradient(135deg, var(--purple-primary) 0%, var(--purple-light) 100%);--contact-reveal-btn-hover-bg: linear-gradient(135deg, var(--purple-dark) 0%, var(--purple-primary) 100%)}html{background:var(--page-bg-gradient);background-color:var(--bg-primary);min-height:100vh;overflow:auto}html.light-theme{background:linear-gradient(135deg,#f0f8ff,#e6f2ff,#d0e0f0);background-color:#f0f8ff}body.light-theme #root{background:transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:transparent;min-height:100vh;overflow:auto;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));color:var(--text-primary);transition:background .3s ease,color .3s ease}button,a,input,label{font-family:inherit}#root{width:100%;display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@font-face{font-family:Hyperwave Two;src:url(/assets/Hyperwave-BKrYmWns.otf) format("opentype");font-weight:400;font-style:normal}body.light-theme .language-button,body.light-theme .theme-button{border-color:var(--purple-primary)}body.light-theme .language-button:hover,body.light-theme .theme-button:hover,body.light-theme .language-button.active,body.light-theme .theme-button.active{background:linear-gradient(135deg,var(--purple-primary) 0%,var(--purple-light) 100%);color:#fff;box-shadow:0 6px 20px #6366f159}body.light-theme .reminder-activity{color:var(--purple-primary)}body.light-theme .new-category-button{background:linear-gradient(135deg,var(--purple-primary) 0%,var(--purple-light) 100%);color:var(--text-secondary)}body.light-theme .new-category-button:hover{background:linear-gradient(135deg,var(--purple-dark) 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 8px 25px #6366f14d}body.light-theme .usage-progress{background:#6366f11a;border:1px solid rgba(99,102,241,.15)}body.light-theme .usage-progress-bar{background:linear-gradient(90deg,var(--purple-primary) 0%,var(--purple-light) 100%)}body.light-theme .cp-submit{border:1px solid var(--purple-primary);background:linear-gradient(135deg,var(--purple-light) 0%,var(--purple-primary) 100%);color:#fff}body.light-theme .cp-submit:hover:not(:disabled){box-shadow:0 8px 22px #6366f159}.language-switcher{position:fixed;top:20px;right:20px;display:flex;gap:5px;z-index:1000;background:var(--bg-overlay);padding:8px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-secondary);box-shadow:0 4px 15px var(--shadow-color);width:170px}.language-switcher.inline{position:static;top:auto;right:auto;background:transparent;padding:0;border:none;box-shadow:none;width:auto;-webkit-backdrop-filter:none;backdrop-filter:none;gap:8px}.theme-switcher{position:fixed;top:80px;right:20px;display:flex;gap:5px;z-index:1000;background:var(--bg-overlay);padding:8px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-secondary);box-shadow:0 4px 15px var(--shadow-color);width:170px}.theme-switcher.inline{position:static;top:auto;right:auto;background:transparent;padding:0;border:none;box-shadow:none;width:auto;-webkit-backdrop-filter:none;backdrop-filter:none;gap:8px}.language-button,.theme-button{background:transparent;border:2px solid var(--accent-secondary);color:var(--text-primary);padding:8px 12px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;width:80px;min-height:64px;box-sizing:border-box}.language-button:hover,.theme-button:hover{background:var(--accent-secondary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00d4aa66}.language-button.active,.theme-button.active{background:var(--accent-secondary);color:var(--bg-primary);box-shadow:0 0 15px #00d4aa99}.language-button:active,.theme-button:active{transform:translateY(0)}.switcher-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.switcher-label{font-size:12px;line-height:1.1}.language-switcher.inline .language-button,.theme-switcher.inline .theme-button{padding:6px 10px;border-radius:16px;font-size:12px;flex-direction:column;gap:4px}.menu-dropdown,.menu-dropdown .menu-title,.menu-dropdown .menu-label{color:var(--accent-primary)}body:not(.light-theme) .menu-dropdown,body:not(.light-theme) .menu-dropdown .menu-title,body:not(.light-theme) .menu-dropdown .menu-label{color:var(--accent-primary)}.menu-dropdown .switcher-label.active{color:ivory}body:not(.light-theme) .menu-dropdown .switcher-label.active{color:#000}.menu-action-link,.menu-logout-button{padding:8px 12px;border-radius:20px;border:2px solid var(--accent-primary);background:#00000008;color:var(--accent-primary);font-size:19.2px;font-weight:700;text-align:left;transition:all .2s ease}.menu-action-link{text-decoration:none;display:block}.menu-logout-button{cursor:pointer;font-family:inherit;width:100%}.menu-action-link:hover,.menu-logout-button:hover{background:#0000000f;transform:translate(2px)}.title{text-align:center;font-size:5rem;margin-bottom:.5rem;font-weight:300;color:var(--accent-primary);font-family:Hyperwave Two,cursive,sans-serif}.subtitle{text-align:center;font-size:1.1rem;margin-bottom:3rem;opacity:.9;font-weight:300;color:var(--text-primary)}.form{display:flex;flex-direction:column;gap:1rem;margin-bottom:3.5rem}.input-container{display:flex;align-items:center;gap:.5rem;position:relative;flex:1}.input{flex:1;min-width:300px;padding:1rem 3rem 1rem 1rem;border:none;border-radius:10px;font-size:1rem;background:var(--input-bg);color:var(--input-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--input-border);transition:all .3s ease}.voice-button{position:absolute;right:.5rem;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.voice-button:hover{opacity:1;background:var(--bg-surface-hover)}.voice-button:disabled{opacity:.3;cursor:not-allowed}.voice-button.listening{opacity:1;animation:pulse 1.5s infinite;background:#dc143c1a}.input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 2px var(--input-focus-shadow);background:var(--bg-surface-hover)}.input::placeholder{color:var(--input-placeholder)}.button{padding:1rem 2rem;border:none;border-radius:10px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--btn-primary-border);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.button:hover:not(:disabled){background:var(--btn-primary-hover-bg);transform:translateY(-2px);box-shadow:0 6px 20px var(--btn-primary-hover-shadow)}.button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-hover)}body.light-theme .button:disabled{background:var(--bg-surface);border:1px solid var(--border-primary);color:var(--text-primary);opacity:.7;box-shadow:none}.loading{text-align:center;padding:1rem;background:var(--bg-surface);border-radius:10px;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);color:var(--accent-primary)}.error{text-align:center;padding:1rem;background:#dc143c33;border-radius:10px;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(220,20,60,.3);color:var(--error-red)}.warning{text-align:center;padding:1rem;background:#ffa50033;border-radius:10px;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,165,0,.3);color:var(--warning-orange)}.voice-status-indicator{text-align:center;padding:.75rem;background:#32cd3233;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(50,205,50,.3);color:var(--success-green);font-size:.9rem;font-weight:700;animation:pulse 2s infinite}.voice-preview{margin-top:.5rem;padding:.5rem;background:var(--bg-surface-hover);border-radius:6px;border:1px solid var(--border-primary);font-size:.85rem;color:var(--text-primary);font-style:italic}.attempts-info{text-align:center;padding:.5rem;background:#ffd70033;border-radius:8px;margin:.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.3);color:var(--gold);font-size:.9rem;font-weight:700}.result{background:var(--bg-surface);border-radius:10px;padding:1.5rem;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);box-shadow:0 4px 12px var(--shadow-color)}.result-title{text-align:center;font-size:1.4rem;margin-bottom:1.5rem;font-weight:400;color:var(--accent-primary);text-shadow:1px 1px 2px var(--shadow-color);padding-bottom:.8rem;border-bottom:2px solid var(--border-primary);letter-spacing:.5px}.result-item{display:flex;margin-bottom:.5rem;gap:.5rem}.result-label{font-weight:600;min-width:120px;color:var(--accent-primary)}.result-value{flex:1;color:var(--text-primary)}.notification-test{text-align:center;margin:1rem 0}.test-sound-button{background:var(--test-sound-btn-bg);border:2px solid var(--test-sound-btn-border);color:var(--test-sound-btn-text);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.test-sound-button:hover{background:var(--test-sound-btn-hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px #90ee9033}.reminders-section{margin-top:3rem}.reminders-title{text-align:center;font-size:1.8rem;margin-bottom:1.5rem;font-weight:300;color:var(--accent-primary);text-shadow:1px 1px 2px var(--shadow-color)}.no-reminders{text-align:center;padding:2rem;background:var(--bg-surface);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);font-style:italic;opacity:.8;color:var(--text-primary)}.reminders-list{display:flex;flex-direction:column;gap:1rem}.reminders-group{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px var(--shadow-color)}.reminders-group+.reminders-group{margin-top:1rem}.reminders-group-header{padding:.75rem 1rem;background:linear-gradient(135deg,var(--bg-surface-hover) 0%,var(--bg-surface) 100%);border-bottom:1px solid var(--border-primary);color:var(--accent-primary);font-weight:600;letter-spacing:.3px}.reminders-group-items{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.reminder-item{background:var(--bg-surface);border-radius:10px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.reminder-item:hover{background:var(--bg-surface-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color);border-color:var(--accent-primary)}.reminder-content{flex:1}.reminder-activity{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--accent-primary)}.reminder-datetime{font-size:1rem;margin-bottom:.5rem;opacity:.9;color:var(--text-secondary)}.reminder-created{font-size:.9rem;opacity:.7;font-style:italic;color:var(--text-secondary)}.reminder-category{margin-top:.5rem}.category-badge{display:inline-block;background:var(--category-badge-bg);color:var(--text-secondary);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px var(--category-badge-shadow)}.delete-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:var(--text-secondary);opacity:.7;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.delete-button:hover{opacity:1;background:#dc143c33;color:var(--error-red);transform:scale(1.1)}.delete-button:active{transform:scale(.95)}.edit-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:var(--text-secondary);opacity:.7;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.edit-button:hover{opacity:1;background:#00d4aa33;color:var(--accent-primary);transform:scale(1.1)}.edit-button:active{transform:scale(.95)}.edit-button:disabled{opacity:.3;cursor:not-allowed}.category-navigation{margin-bottom:2rem;padding:1rem;background:var(--bg-surface);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary)}.back-button{background:linear-gradient(135deg,#ff5858,#f84f4f);color:var(--text-secondary);border:1px solid var(--border-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:1rem;font-size:.9rem}.back-button:hover{background:linear-gradient(135deg,var(--cola-light) 0%,var(--cola-medium) 100%);transform:translateY(-1px)}.category-selector{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.category-select{flex:1;min-width:200px;padding:.75rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.category-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-accent)}.category-select option{background:var(--cola-dark);color:var(--text-secondary)}.new-category-button{background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent-primary) 100%);color:var(--text-secondary);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:.9rem}.new-category-button:hover{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00ff004d}.category-form{display:flex;gap:1rem;margin-top:1rem;align-items:center;flex-wrap:wrap}.category-input{flex:1;min-width:200px;padding:.75rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.category-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-accent)}.category-input::placeholder{color:var(--text-muted)}.category-submit{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-dark) 100%);color:var(--text-secondary);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:.9rem}.category-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent-primary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00ff004d}.category-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-hover)}.current-category{text-align:center;margin-bottom:2rem;padding:1rem;background:var(--current-category-bg);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--current-category-border)}.current-category h2{color:var(--accent-primary);font-size:1.5rem;font-weight:300;margin:0}.delete-category-button{background:linear-gradient(135deg,#ff5858,#f84f4f);color:var(--text-secondary);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:.9rem;margin-top:.5rem}.delete-category-button:hover{background:linear-gradient(135deg,#f66,#f44);transform:translateY(-1px);box-shadow:0 4px 12px #ff44444d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,var(--cola-medium) 0%,var(--cola-light) 100%);border-radius:15px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid var(--border-primary);box-shadow:0 10px 30px var(--shadow-color)}.modal-header{margin-bottom:1.5rem;text-align:center}.modal-header h3{color:var(--accent-primary);font-size:1.5rem;font-weight:300;margin:0}#delete-category-modal-title{color:var(--error-red)}.modal-body{margin-bottom:2rem}.modal-body p{margin-bottom:1rem;line-height:1.6;color:#fff}.warning-text{color:var(--warning-orange)!important;font-weight:700;font-size:1.1rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.cancel-button{background:#5d2a2a4d;color:#fff;border:1px solid #2a10104d;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:.9rem}.cancel-button:hover:not(:disabled){background:var(--bg-surface);transform:translateY(-1px)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.modal-footer .delete-button{background:linear-gradient(135deg,#f44,#c00);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:.9rem}.modal-footer .delete-button:hover:not(:disabled){background:linear-gradient(135deg,#f66,#f44);transform:translateY(-1px);box-shadow:0 4px 12px #ff44444d}.modal-footer .delete-button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-hover)}.trash-toggle-button{background:linear-gradient(135deg,#838383,#9a9a9a);color:var(--text-secondary);border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:.9rem}.trash-toggle-button:hover{background:linear-gradient(135deg,#888,#666);transform:translateY(-1px);box-shadow:0 4px 12px #6666664d}.trash-section{margin-bottom:2rem;padding:1.5rem;background:var(--trash-section-bg);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--trash-section-border)}.trash-title{color:var(--text-primary);font-size:1.3rem;font-weight:300;margin-bottom:1rem;text-align:center}.no-trash{text-align:center;color:var(--text-primary);font-style:italic;padding:2rem}.trash-list{display:flex;flex-direction:column;gap:1rem}.trash-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--trash-item-bg);border-radius:8px;border:1px solid var(--trash-item-border);transition:all .3s ease}.trash-item:hover{background:var(--trash-item-hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px #6663}.trash-content{flex:1}.trash-activity{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.trash-datetime{color:var(--text-primary);opacity:.8;font-size:.9rem;margin-bottom:.5rem}.trash-category{margin-bottom:.5rem}.trash-category .category-badge{background:var(--accent-primary);color:var(--text-secondary);padding:.2rem .5rem;border-radius:4px;font-size:.8rem;border:1px solid var(--accent-primary)}.trash-deleted-at{color:var(--error-red);font-size:.8rem;font-style:italic}.restore-button{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-dark) 100%);color:var(--text-secondary);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:.9rem;white-space:nowrap}.restore-button:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent-primary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00ff004d}@keyframes pulse{0%,to{box-shadow:0 0 #32cd32b3}50%{box-shadow:0 0 0 4px #32cd3200}}@media(max-width:600px){body{padding:4rem 1rem 2rem}.title{font-size:2.5rem;margin-bottom:.75rem}.subtitle{font-size:1rem;margin-bottom:2rem;padding:0 1rem}.form{flex-direction:column;gap:.75rem;margin-bottom:2.5rem}.input{min-width:auto;width:100%;padding:.875rem;font-size:16px}.input-container{width:100%}.button{padding:.875rem 1.5rem;font-size:.95rem;width:100%}.language-switcher,.theme-switcher{width:auto;min-width:150px;top:15px;right:15px;padding:6px}.theme-switcher{top:70px}.language-button,.theme-button{min-height:56px;width:70px;padding:6px 8px;font-size:13px}.switcher-icon{width:20px;height:20px;font-size:18px}.switcher-label{font-size:11px}.result{padding:1rem;margin:.75rem 0}.result-title{font-size:1.2rem;margin-bottom:1rem}.result-label{min-width:100px;font-size:.9rem}.result-value{font-size:.9rem}.reminders-title{font-size:1.5rem;margin-bottom:1.25rem}.reminders-section{margin-top:2rem;margin-bottom:5rem}.reminder-item{padding:1rem;flex-direction:row;flex-wrap:wrap;gap:.75rem;align-items:center}.reminder-content{flex:1 1 100%;min-width:0}.reminder-activity{font-size:1.1rem}.reminder-datetime{font-size:.95rem}.reminder-created{font-size:.85rem}.delete-button,.edit-button{min-width:36px;height:36px;font-size:1.3rem;flex-shrink:0}.category-navigation{padding:.875rem;margin-bottom:1.5rem}.category-selector{flex-direction:column;align-items:stretch;gap:.75rem}.category-select,.category-input{min-width:auto;width:100%;padding:.75rem;font-size:16px}.category-form{flex-direction:column;align-items:stretch;gap:.75rem}.new-category-button,.category-submit{width:100%;padding:.75rem 1.25rem}.back-button{width:100%;padding:.625rem 1rem;font-size:.875rem}.current-category h2{font-size:1.3rem}.delete-category-button{width:100%;margin-top:.75rem}.modal-overlay{align-items:flex-start;padding-top:2rem;overflow-y:auto}.modal-content{width:80%;max-width:400px;padding:1.25rem;margin:1rem auto;max-height:calc(100vh - 4rem)}.modal-title{font-size:1.3rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%}.trash-section{padding:1rem;margin-bottom:1.5rem}.trash-title{font-size:1.2rem}.trash-item{padding:.875rem;flex-direction:column;gap:.5rem}.trash-toggle-button{width:100%;padding:.75rem}.daily-usage-info{padding:1rem;margin-bottom:1.5rem}.usage-title{font-size:1.1rem}.usage-details{flex-direction:column;align-items:flex-start;gap:.5rem}.usage-count,.usage-remaining{font-size:1rem}.login-card,.register-card{width:60%;max-width:400px;padding:1.5rem!important;margin:1rem}.login-card h2,.register-card h2{font-size:1.75rem!important}.login-input,.register-input{padding:.875rem!important;font-size:16px!important}.login-submit,.register-submit{padding:.875rem 1.5rem!important;width:100%}.auth-switch-text{font-size:.9rem;text-align:center}.change-password-page{padding:1rem}.change-password-card{padding:1.5rem}.cp-title{font-size:1.75rem}.cp-label{font-size:.9rem}.cp-input{padding:.875rem;font-size:16px}.cp-submit{width:100%;padding:.875rem}.author-page{padding:0rem 1rem 1rem}.author-card{padding:1.5rem;flex-direction:column;text-align:center;gap:1.5rem}.author-avatar{width:100px;height:100px}.author-title{font-size:2rem}.author-meta{font-size:.95rem}.contact-page{padding:1rem}.contact-card{padding:1.5rem;width:80%}.contact-title{font-size:1.75rem}.contact-email-link{font-size:.9rem;padding:6px 12px;word-break:break-all;max-width:100%;display:inline-block}.contact-email-container{padding:.5rem .75rem;max-width:100%}.menu-dropdown{right:0;left:auto;min-width:240px;max-width:calc(100vw - 2rem)}.menu-title,.menu-label{font-size:13px}.menu-action-link,.menu-logout-button{font-size:17px;padding:10px 14px}.loading,.error,.warning{padding:.875rem;font-size:.95rem}.no-reminders,.no-trash{padding:1.5rem;font-size:.95rem}.reminder-item:hover,.trash-item:hover{transform:translateY(-1px)}.button:hover:not(:disabled){transform:translateY(-1px)}}.daily-usage-info{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.usage-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.usage-icon{font-size:1.5rem}.usage-title{font-size:1.2rem;font-weight:600;color:var(--accent-primary)}.usage-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.usage-count{font-size:1.1rem;font-weight:600;color:var(--text-secondary)}.usage-remaining{font-size:1rem;color:var(--accent-primary);font-weight:500}.usage-progress{width:100%;height:8px;background:var(--bg-surface-hover);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.usage-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-secondary) 0%,var(--accent-hover) 100%);border-radius:4px;transition:width .3s ease}.daily-usage-info.limit-reached{border-color:var(--accent-secondary);background:var(--bg-surface-hover)}.daily-usage-info.limit-reached .usage-title,.daily-usage-info.limit-reached .usage-remaining{color:var(--accent-secondary);font-weight:600}.daily-usage-info.approaching-limit{border-color:var(--gold);background:#8b451333}.daily-usage-info.approaching-limit .usage-title,.daily-usage-info.approaching-limit .usage-remaining{color:var(--gold);font-weight:600}.limit-reached-message{margin-top:.75rem;padding:.75rem;background:#32cd321a;border:1px solid var(--accent-secondary);border-radius:8px;text-align:center;color:var(--accent-secondary)}.approaching-limit-message{margin-top:.75rem;padding:.75rem;background:#8b45131a;border:1px solid var(--gold);border-radius:8px;text-align:center;color:var(--gold)}.usage-reset-info{text-align:center;color:var(--text-secondary);opacity:.8;font-size:.9rem}.login-page,.register-page{background:var(--page-bg-gradient);min-height:100vh;min-height:100dvh;transition:background .3s ease}.login-card,.register-card{width:100%;max-width:400px;padding:2rem;border-radius:12px;background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 12px 32px var(--card-shadow)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.login-card h2,.register-card h2{color:var(--accent-primary)!important}body.light-theme .login-card h2,body.light-theme .register-card h2{color:var(--purple-primary)!important}.login-label,.register-label{color:var(--text-primary)!important;font-weight:500}body.light-theme .login-label,body.light-theme .register-label{color:var(--navy-medium)!important}.login-input,.register-input{background:var(--input-bg)!important;color:var(--input-text)!important;border:1px solid var(--input-border)!important;transition:all .3s ease}.login-input:focus,.register-input:focus{outline:none!important;border-color:var(--input-focus-border)!important;box-shadow:0 0 0 2px var(--input-focus-shadow)!important;background:var(--bg-surface-hover)!important}.login-input::placeholder,.register-input::placeholder{color:var(--input-placeholder)!important}.login-submit,.register-submit{background:var(--btn-primary-bg)!important;color:#5eead4!important;border:1px solid var(--btn-primary-border)!important;font-weight:700!important;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.login-submit:hover:not(:disabled),.register-submit:hover:not(:disabled){background:var(--btn-primary-hover-bg)!important;color:var(--btn-primary-text)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px var(--btn-primary-hover-shadow)!important}.login-submit:disabled,.register-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface)!important}body.light-theme .login-submit,body.light-theme .register-submit{color:#a189fe!important}.login-error,.register-error{background:var(--error-bg)!important;color:var(--error-text)!important;border:1px solid var(--error-border);border-radius:8px;padding:12px;font-weight:500}.auth-switch-text{color:var(--text-primary);opacity:.7}body.light-theme .auth-switch-text{color:var(--navy-medium);opacity:.8}.auth-switch-button{background:none!important;border:none!important;color:var(--auth-switch-color)!important;cursor:pointer;text-decoration:underline;padding:0;font-weight:600;transition:all .2s ease}.auth-switch-button:hover{color:var(--auth-switch-hover-color)!important;transform:translate(2px)}.change-password-page{width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.change-password-card{width:100%;max-width:480px;background:var(--bg-overlay);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 12px 32px var(--shadow-color);padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cp-title{margin:0 0 6px;font-size:1.6rem;color:var(--accent-primary);text-align:center}.cp-subtitle{margin:0 0 20px;opacity:.8;text-align:center;color:var(--text-primary)}.change-password-form{display:flex;flex-direction:column;gap:12px}.cp-field{display:flex;flex-direction:column;gap:6px}.cp-label{font-size:.9rem;opacity:.85;color:var(--text-primary)}.cp-input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-surface);color:var(--text-primary)}.cp-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-accent)}.cp-error{color:var(--error-red)}.cp-success{color:var(--success-green)}.cp-submit{padding:12px 16px;border-radius:10px;border:1px solid var(--border-accent);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-dark) 100%);color:var(--text-secondary);cursor:pointer;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cp-submit:disabled{opacity:.6;cursor:not-allowed}.cp-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px var(--shadow-color)}.contact-page{text-align:center;margin-top:2rem}.contact-email-section{margin-top:2rem}.contact-email-label{font-weight:700}.contact-reveal-button{padding:12px 24px;font-size:1rem;font-weight:700;color:#fff;background:var(--contact-reveal-btn-bg);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000026}.contact-reveal-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background:var(--contact-reveal-btn-hover-bg)}.contact-email-container{animation:fadeIn .5s ease-in;margin-top:1rem;background:none;color:var(--text-secondary);border-radius:8px;padding:.75rem 1.5rem}.contact-email-link{color:var(--accent-primary);text-decoration:none;font-size:1.2rem;font-weight:700;display:inline-block;padding:8px 16px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border-accent);transition:all .3s}.contact-email-link:hover{text-decoration:underline;background:var(--bg-surface-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.contact-response-info{margin-top:2rem;font-size:.9rem;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.author-page{display:flex;padding:2rem}.author-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:16px;padding:2.5rem;max-width:600px;width:100%;box-shadow:0 8px 24px var(--shadow-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:2rem;transition:all .3s ease}.author-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow-color)}.author-avatar{width:120px;height:120px;border-radius:50%;border:3px solid var(--accent-primary);box-shadow:0 4px 12px var(--shadow-color);flex-shrink:0}.author-info{flex:1}.author-title{font-size:3rem;margin-bottom:.5rem;color:var(--accent-primary);font-weight:600;font-family:Hyperwave Two,cursive,sans-serif}.author-meta{margin-bottom:1rem;color:var(--text-primary);line-height:1.6;opacity:.9}.author-links{margin-top:1rem;color:var(--text-primary)}.author-link{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:all .2s ease}.author-link:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:600px){.container{width:100%;max-width:90%;padding:0 1rem;margin:0 auto}.title{font-size:3rem;margin-bottom:.5rem}.subtitle{font-size:.9rem;margin-bottom:1.5rem}.reminders-title{font-size:1.3rem}.input,.category-select,.category-input,.login-input,.register-input,.cp-input{padding:.75rem!important;font-size:16px!important;min-width:0!important;width:100%!important}.input{padding-right:3rem!important}.category-select,.category-input{min-width:auto!important}.button,.login-submit,.register-submit,.cp-submit{padding:.75rem 1.25rem!important;font-size:.9rem!important}.login-card,.register-card,.change-password-card{padding:1.25rem!important;width:90%;max-width:100%;margin:0 auto}.login-card h2,.register-card h2,.cp-title{font-size:1.5rem!important}.author-card{flex-direction:column;text-align:center;padding:1.25rem;gap:1.25rem}.author-avatar{width:90px;height:90px}.author-title{font-family:Hyperwave Two,cursive,sans-serif;font-size:1.5rem}.author-meta{font-size:.9rem}.reminder-item{padding:.875rem}.reminder-activity{font-size:1rem}.reminder-datetime{font-size:.9rem}.reminder-created{font-size:.8rem}.language-switcher,.theme-switcher{min-width:130px;width:130px;padding:4px;top:10px;right:10px}.theme-switcher{top:60px}.language-button,.theme-button{min-height:48px;width:60px;padding:4px 5px;font-size:11px}.switcher-icon{width:16px;height:16px;font-size:14px}.switcher-label{font-size:9px}.current-category h2{font-size:1.2rem}.category-navigation{padding:.75rem}.category-selector{flex-direction:column;align-items:stretch}.category-select,.new-category-button,.trash-toggle-button{width:100%}.result{padding:.875rem}.result-title{font-size:1.1rem}.result-label{min-width:90px;font-size:.85rem}.result-value{font-size:.85rem}.modal-overlay{align-items:flex-start;padding-top:1.5rem;overflow-y:auto}.modal-content{width:calc(100% - 1.5rem);padding:1rem;margin:.75rem auto;max-height:calc(100vh - 3rem)}.modal-title{font-size:1.2rem}.menu-dropdown{min-width:220px;padding:10px}.menu-title,.menu-label{font-size:12px}.menu-action-link,.menu-logout-button{font-size:16px;padding:9px 12px}.trash-section,.daily-usage-info{padding:.875rem}.trash-title,.usage-title{font-size:1.1rem}}@media(max-width:600px){.container{width:100%;max-width:100%;padding:0 1rem}.input,.category-select,.category-input{min-width:0;width:100%}.category-selector,.category-form{flex-direction:column;gap:.75rem}.new-category-button,.trash-toggle-button,.category-submit{width:100%}.modal-content{width:80%;max-width:100%;margin:1rem}.result,.reminder-item,.trash-item{width:100%}.language-switcher,.theme-switcher{width:150px;top:15px;right:15px}.theme-switcher{top:70px}}@media(max-width:768px)and (orientation:landscape){.title{font-size:2.5rem;margin-bottom:.5rem}.subtitle{font-size:.9rem;margin-bottom:1rem}.login-card,.register-card,.change-password-card{max-width:600px;padding:1.25rem!important}.author-card{flex-direction:row;text-align:left;align-items:top}.author-avatar{width:80px;height:80px}}@media(hover:none)and (pointer:coarse){.button,.delete-button,.edit-button,.language-button,.theme-button,.menu-action-link,.menu-logout-button{min-height:44px}.reminder-item:hover,.trash-item:hover{transform:none;box-shadow:0 2px 8px var(--shadow-color)}.button:hover:not(:disabled){transform:none}.button:active:not(:disabled){transform:scale(.98)}.reminder-item:active,.trash-item:active{transform:scale(.99)}}@media(min-width:769px)and (max-width:1024px){.title{font-size:4rem;margin-bottom:.6rem}.subtitle{font-size:1.05rem;margin-bottom:2.5rem}.reminders-title{font-size:1.6rem}.form{gap:.9rem;margin-bottom:3rem}.input{min-width:250px;padding:.95rem 3.2rem .95rem .95rem}.button{padding:.95rem 1.8rem;font-size:.98rem}.language-switcher,.theme-switcher{width:160px;top:18px;right:18px;padding:7px}.theme-switcher{top:75px}.language-button,.theme-button{min-height:60px;width:75px;padding:7px 10px;font-size:13.5px}.switcher-icon{width:22px;height:22px;font-size:19px}.switcher-label{font-size:11.5px}.result{padding:1.3rem}.result-title{font-size:1.3rem}.reminder-item{padding:1.3rem}.reminder-activity{font-size:1.15rem}.reminder-datetime{font-size:.98rem}.reminder-created{font-size:.88rem}.delete-button,.edit-button{min-width:38px;height:38px;font-size:1.4rem}.category-navigation{padding:1rem}.category-select,.category-input{min-width:180px;padding:.8rem}.new-category-button,.category-submit{padding:.8rem 1.4rem}.current-category h2{font-size:1.4rem}.modal-content{max-width:450px;padding:1.8rem}.trash-section{padding:1.3rem}.trash-title{font-size:1.25rem}.trash-item{padding:1rem}.daily-usage-info{padding:1.3rem}.usage-title{font-size:1.15rem}.usage-count,.usage-remaining{font-size:1.05rem}.login-card,.register-card{max-width:450px;padding:1.8rem!important}.login-card h2,.register-card h2{font-size:1.9rem!important}.login-input,.register-input{padding:.95rem!important}.login-submit,.register-submit{padding:.95rem 1.8rem!important}.change-password-card{padding:1.8rem}.cp-title{font-size:1.8rem}.cp-input,.cp-submit{padding:.95rem}.author-card{padding:2rem;gap:1.8rem}.author-avatar{width:110px;height:110px}.author-title{font-size:2.5rem}.author-meta{font-size:1rem}.contact-card{padding:1.8rem}.contact-title{font-size:1.9rem}.menu-dropdown{min-width:260px}.menu-action-link,.menu-logout-button{font-size:18px;padding:9px 13px}.loading,.error,.warning{padding:.95rem}.no-reminders,.no-trash{padding:1.8rem}}@media(min-width:1025px){.container{max-width:1200px;margin:0 auto;padding:0 2rem}.language-switcher,.theme-switcher{right:30px}.language-switcher{top:25px}.theme-switcher{top:90px}.modal-content{max-width:550px;padding:2.5rem}.form{max-width:600px;margin:0 auto 3.5rem}.reminders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.reminders-group-items{display:grid;grid-template-columns:1fr;gap:1rem}.category-selector,.category-form{flex-direction:row;align-items:center;gap:1.5rem}.trash-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}}.hamburger-container{position:relative;margin-left:auto;display:flex;align-items:center;gap:8px}.hamburger-button{background:transparent;border:none;cursor:pointer;padding:8px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;z-index:1002}.hamburger-icon{width:24px;height:18px;position:relative;transform:rotate(0);transition:.5s ease-in-out}.hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:var(--text-primary);border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger-icon span:nth-child(1){top:0}.hamburger-icon span:nth-child(2){top:8px}.hamburger-icon span:nth-child(3){top:16px}.hamburger-button.open .hamburger-icon span:nth-child(1){top:8px;transform:rotate(135deg)}.hamburger-button.open .hamburger-icon span:nth-child(2){opacity:0;left:-60px}.hamburger-button.open .hamburger-icon span:nth-child(3){top:8px;transform:rotate(-135deg)}.hamburger-button:hover .hamburger-icon span{background:var(--accent-primary)}.menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px var(--shadow-color);padding:12px;min-width:260px;z-index:1000;transform-origin:top right}@media(max-width:600px){.menu-dropdown{position:fixed;top:70px;right:1rem;width:calc(100% - 2rem);max-width:200px;min-width:auto}}.container{max-width:800px;margin:0 auto;padding:2rem 2rem 6rem;color:var(--text-primary);min-height:100vh;background:var(--card-bg);transition:background .3s ease,color .3s ease;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border)}.nav{margin-bottom:2rem;display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.navLinks{display:flex;align-items:center;gap:12px}.navLink{color:var(--nav-link-color);text-decoration:none;font-size:1.2rem;font-weight:700;padding:.5rem 1.5rem;border-radius:8px;transition:all .3s ease;display:inline-block;background:var(--nav-link-bg);border:1px solid var(--nav-link-border)}.navLink:hover{background:var(--nav-link-hover-bg);color:var(--nav-link-hover-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color);border-color:var(--nav-link-hover-border)}.footer{width:100%;text-align:center;color:var(--accent-primary);font-size:1rem;position:fixed;left:0;bottom:0;background:var(--bg-overlay);padding:1rem 0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-primary);font-weight:600}.usageBadge{position:fixed;top:64px;right:8px;background:var(--bg-overlay);color:var(--accent-primary);padding:4px 8px;border-radius:6px;font-size:.8rem;z-index:1000;border:1px solid var(--border-primary);box-shadow:0 2px 8px var(--shadow-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.2px}.headerControls{position:fixed;top:20px;right:20px;z-index:1000}@media(max-width:600px){.container{padding:1rem 1rem 6rem;width:95%;margin:0 auto}.nav{flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:space-between}.navLinks{flex-direction:row;width:100%;gap:4px;justify-content:space-between}.navLink{width:auto;flex:1;text-align:center;display:flex;align-items:center;justify-content:center;padding:.4rem .2rem;font-size:.8rem;white-space:nowrap;min-width:0}.headerControls{top:35px;right:15px}.menu-dropdown{top:85px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a0f0fcc;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.loading-overlay.transparent{background:#1a0f0f66}.loading-overlay-content{text-align:center;color:var(--text-primary);padding:2rem;background:#1a0f0fe6;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(93,42,42,.3);box-shadow:0 4px 20px #1a0f0f66;animation:scaleIn .3s ease-out}.loading-overlay-spinner{position:relative;width:60px;height:60px;margin:0 auto 1rem}.loading-overlay-spinner .spinner-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top:2px solid var(--light-accent-fresh);border-radius:50%;animation:spin 1.2s linear infinite}.loading-overlay-spinner .spinner-ring:nth-child(1){animation-delay:0s}.loading-overlay-spinner .spinner-ring:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px;border-top-color:var(--light-accent-hover);animation-delay:.2s}.loading-overlay-spinner .spinner-ring:nth-child(3){width:30px;height:30px;top:15px;left:15px;border-top-color:var(--light-accent);animation-delay:.4s}.loading-overlay-message{font-size:1rem;margin:0;color:var(--text-primary);opacity:.9}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.loading-overlay-content{padding:1.5rem;margin:1rem}.loading-overlay-spinner{width:50px;height:50px}.loading-overlay-spinner .spinner-ring:nth-child(2){width:37.5px;height:37.5px;top:6.25px;left:6.25px}.loading-overlay-spinner .spinner-ring:nth-child(3){width:25px;height:25px;top:12.5px;left:12.5px}.loading-overlay-message{font-size:.9rem}}.loading-page{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.loading-container{text-align:center;color:var(--text-primary);padding:2rem;background:#1a0f0f4d;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(93,42,42,.3);box-shadow:0 8px 32px #1a0f0f4d;animation:fadeInUp .6s ease-out}.loading-title{font-size:2.5rem;margin-bottom:1rem;color:var(--light-accent-fresh);text-shadow:2px 2px 4px rgba(26,15,15,.5);font-weight:300}.loading-message{font-size:1.1rem;margin-bottom:2rem;opacity:.9;color:var(--text-primary)}.loading-spinner{position:relative;width:80px;height:80px;margin:0 auto 2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--light-accent-fresh);border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(1){animation-delay:0s}.spinner-ring:nth-child(2){width:60px;height:60px;top:10px;left:10px;border-top-color:var(--light-accent-hover);animation-delay:.2s}.spinner-ring:nth-child(3){width:40px;height:40px;top:20px;left:20px;border-top-color:var(--light-accent);animation-delay:.4s}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:1rem}.loading-dots span{width:8px;height:8px;background:var(--light-accent-fresh);border-radius:50%;animation:dots 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.loading-container{padding:1.5rem;margin:1rem}.loading-title{font-size:2rem}.loading-message{font-size:1rem}.loading-spinner{width:60px;height:60px}.spinner-ring:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px}.spinner-ring:nth-child(3){width:30px;height:30px;top:15px;left:15px}}.permission-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.permission-modal{background:var(--bg-surface);border-radius:20px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px var(--shadow-color);animation:slideUp .3s ease-out;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.permission-modal-content{text-align:center}.permission-modal-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--accent-primary);line-height:1.3}.permission-modal-description{font-size:1rem;line-height:1.6;color:var(--text-primary);margin-bottom:2rem}.permission-modal-buttons{display:flex;flex-direction:column;gap:.75rem}.permission-modal-button{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.permission-modal-button-accept{background:var(--btn-primary-bg);border:2px solid var(--btn-primary-border);color:var(--btn-primary-text);box-shadow:0 4px 15px var(--btn-primary-hover-shadow)}.permission-modal-button-accept:hover{background:var(--btn-primary-hover-bg);transform:translateY(-2px);box-shadow:0 6px 20px var(--btn-primary-hover-shadow)}.permission-modal-button-accept:active{transform:translateY(0)}.permission-modal-button-decline{background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-primary)}.permission-modal-button-decline:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.permission-modal{padding:1.5rem;max-width:90%}.permission-modal-title{font-size:1.25rem}.permission-modal-description{font-size:.95rem}.permission-modal-button{padding:.875rem 1.5rem;font-size:.95rem}}.notification-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;max-width:400px;width:90%;border-radius:8px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;opacity:0;transform:translate(-50%) translateY(-20px)}.notification-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.notification-toast.hide{opacity:0;transform:translate(-50%) translateY(-20px)}.notification-toast-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.notification-toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.notification-toast-close{background:none;border:none;color:inherit;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.7}.notification-toast-close:hover{opacity:1;background:#ffffff1a}.notification-toast-success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border-color:#22c55e4d}.notification-toast-info{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border-color:#3b82f64d}.notification-toast-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-color:#f59e0b4d}.notification-toast-error{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border-color:#ef44444d}body.light-theme .notification-toast{box-shadow:0 4px 12px #0000001a;border-color:#0000001a}body.light-theme .notification-toast-close:hover{background:#0000001a}