#reminderModal .modal-content{border-radius:15px;border:none;box-shadow:0 10px 30px #0003}#reminderModal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px 15px 0 0;border-bottom:none}#reminderModal .modal-header .btn-close{filter:invert(1)}#reminderModal .modal-title i{margin-right:8px}.quick-time{transition:all .3s ease;border-radius:20px;font-weight:500}.quick-time:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.quick-time.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.reminder-form .form-label{font-weight:600;color:#495057;margin-bottom:8px}.reminder-form .form-control,.reminder-form .form-select{border-radius:10px;border:1px solid #dee2e6;padding:12px 16px;font-size:14px;transition:all .3s ease}.reminder-form .form-control:focus,.reminder-form .form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;transform:translateY(-1px)}.reminder-form textarea.form-control{resize:vertical;min-height:80px}.reminder-form .form-check{margin-bottom:10px}.reminder-form .form-check-input{width:18px;height:18px;border-radius:4px;border:2px solid #dee2e6;transition:all .3s ease}.reminder-form .form-check-input:checked{background-color:#007bff;border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.reminder-form .form-check-label{margin-left:8px;font-size:14px;color:#495057}.alert{border-radius:10px;border:none;font-style:14px;font-weight:500}.alert i{margin-right:8px}.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.alert-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.alert-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}#reminderModal .modal-footer{border-top:1px solid #f1f3f4;padding:20px}#reminderModal .modal-footer .btn{border-radius:25px;padding:10px 20px;font-weight:500;transition:all .3s ease}#reminderModal .modal-footer .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}#reminderModal .modal-footer .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none}#reminderModal .modal-footer .btn-outline-secondary{border-color:#6c757d;color:#6c757d}#reminderModal .modal-footer .btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d}#serverConfig{background:#f8f9fa;border-radius:10px;padding:15px;border-left:4px solid #007bff}#serverConfig .form-label{color:#495057;font-weight:600}.note-reminder-btn{position:absolute;top:10px;right:45px;background:#ffffffe6;border:1px solid #dee2e6;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.note-reminder-btn:hover{background:#007bff;color:#fff;border-color:#007bff;transform:scale(1.1);box-shadow:0 4px 12px #007bff4d}.note-reminder-btn.has-reminder{background:#ffc107;color:#212529;border-color:#ffc107;animation:pulse-reminder 2s infinite}@keyframes pulse-reminder{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.note-highlighted,.highlight-note{animation:highlight-note 3s ease-out;border:2px solid #007bff!important;box-shadow:0 0 20px #007bff4d!important}@keyframes highlight-note{0%{background-color:#007bff1a;transform:scale(1.02)}50%{background-color:#007bff0d;transform:scale(1.01)}to{background-color:transparent;transform:scale(1)}}.notification-permission-request{position:fixed;top:20px;right:20px;background:#fff;border-radius:10px;padding:15px;box-shadow:0 4px 15px #0003;z-index:1050;max-width:300px;border-left:4px solid #007bff;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.note-reminders-list{margin-top:10px;padding-top:10px;border-top:1px solid #f1f3f4}.reminder-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#007bff0d;border-radius:8px;margin-bottom:5px;font-size:12px}.reminder-item-info{display:flex;align-items:center;gap:6px;color:#495057}.reminder-item-info i{color:#007bff}.reminder-item-actions{display:flex;gap:4px}.reminder-item-actions .btn{padding:2px 6px;font-size:10px;border-radius:4px}@media(max-width:768px){#reminderModal .modal-dialog{margin:10px}.quick-time{font-size:12px;padding:6px 12px;margin-bottom:5px}.reminder-form .form-control,.reminder-form .form-select{font-size:16px}.note-reminder-btn{width:28px;height:28px;font-size:12px}}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.notification-permission-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.notification-permission-modal .modal-backdrop{position:absolute;width:100%;height:100%}.notification-permission-modal .modal-content{background:#fff;border-radius:15px;padding:30px;max-width:500px;margin:20px;box-shadow:0 10px 30px #0000004d;position:relative;z-index:2001}.notification-permission-modal h3{color:#495057;margin-bottom:15px;text-align:center}.notification-permission-modal p{color:#6c757d;text-align:center;margin-bottom:20px}.notification-permission-modal ol{text-align:left;color:#495057;margin-bottom:25px}.notification-permission-modal button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:25px;padding:10px 25px;font-weight:500;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.notification-permission-modal button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.permission-guidance-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box;animation:fadeIn .3s ease-out}.permission-guidance-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:slideInUp .3s ease-out}.permission-guidance-modal .modal-header{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eee;margin-bottom:20px}.permission-guidance-modal .modal-header h4{margin:0;font-size:18px;font-weight:600;color:#333;flex:1}.permission-guidance-modal .close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.permission-guidance-modal .close-btn:hover{background-color:#f5f5f5;color:#666}.permission-guidance-modal .modal-body{padding:0 20px 20px}.permission-guidance-modal .modal-body p{margin:0 0 15px;color:#666;line-height:1.5}.permission-guidance-modal .modal-body ol{margin:15px 0;padding-left:20px;color:#333}.permission-guidance-modal .modal-body ol li{margin:8px 0;line-height:1.4}.permission-guidance-modal .modal-actions{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}.permission-guidance-modal .btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center}.permission-guidance-modal .btn-primary{background:#007bff;color:#fff}.permission-guidance-modal .btn-primary:hover{background:#0056b3}.permission-guidance-modal .btn-outline-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.permission-guidance-modal .btn-outline-secondary:hover{background:#6c757d;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.permission-guidance-overlay{padding:10px}.permission-guidance-modal{max-height:90vh;border-radius:8px}.permission-guidance-modal .modal-header{padding:15px 15px 0}.permission-guidance-modal .modal-body{padding:0 15px 15px}.permission-guidance-modal .modal-actions{flex-direction:column}.permission-guidance-modal .btn{width:100%;justify-content:center}}body.has-banner-ad .notification-permission-modal,body.has-banner-ad .permission-guidance-overlay{padding-bottom:calc(20px + var(--ad-slot-height, 0px))}