@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";.reminder-container{width:100%;flex:1;margin:auto;padding:1.5rem;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.reminder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--stroke-color)}.reminder-header h2{color:var(--primary-color);font-size:1.8rem;padding:0;margin:0}.add-reminder-btn{background-color:var(--primary-color);color:#fff;font-size:1rem}.add-reminder-btn:hover{background-color:var(--primary-color-hover)}.submit-btn{background-color:var(--start-btn);color:#fff}.submit-btn:hover{background-color:var(--start-btn-hover)}.cancel-btn{background-color:var(--pause-btn);color:#fff}.cancel-btn:hover{background-color:var(--pause-btn-hover)}.edit-btn{background-color:var(--info-color);color:#fff}.edit-btn:hover{background-color:var(--primary-color-hover)}.delete-btn{background-color:var(--pause-btn);color:#fff}.delete-btn:hover{background-color:var(--pause-btn-hover)}.no-reminders{text-align:center;padding:2rem;color:var(--stroke-color)}.reminders-list{display:grid;gap:1rem}.reminder-card{background-color:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.reminder-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.reminder-content{flex:1;width:100%}.reminder-main h3{margin-bottom:.5rem;text-align:left}.reminder-description{color:var(--stroke-color);margin-bottom:2em;max-height:40px;overflow-y:hidden;font-size:.8rem}.reminder-details{display:flex;justify-content:space-between;gap:1rem;margin-top:2em;padding-top:.25em;border-top:1px solid var(--stroke-color);font-size:.8rem}.reminder-time{color:var(--primary-color);font-weight:500}.reminder-countdown{color:var(--accent-color);font-weight:500}.reminder-actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h2{color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:none;background:var(--bg-color);color:var(--stroke-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 1px 0 2px #4a6fa533}.form-group textarea{resize:vertical;min-height:60px}.error{color:var(--danger-color);font-size:.875rem;margin-top:.25rem;display:block}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}@media (max-width: 768px){.reminder-container{padding:1rem;width:90%;margin:1rem}.reminder-header{flex-direction:column;align-items:center;gap:1rem}.add-reminder-btn{width:100%}.reminder-card{flex-direction:column;align-items:flex-start;gap:1rem}.reminder-details{width:100%;margin:auto;flex-direction:column;align-items:center;gap:0;font-size:.9rem}.reminder-actions{width:100%;justify-content:center}.reminder-actions button{flex:1}}.clock-container{display:flex;flex-direction:column;align-items:center;gap:20px}.clock-controls{display:flex;row-gap:20px;column-gap:10px;justify-content:center;align-items:center;width:100%}.clock-controls button{flex:1;width:100%;padding:8px 16px;border:none;border-radius:var(--border-radius);background-color:var(--primary-color);color:var(--light-color);cursor:pointer;transition:var(--transition)}.clock-controls button:hover{background-color:var(--primary-color-hover)}.analog-clock{margin:4em auto;width:210px;height:210px;border:4px solid var(--time-bg);border-radius:50%;position:relative;box-shadow:var(--box-shadow)}.analog-clock:after{content:attr(data-after);position:absolute;width:20px;height:20px;right:12%;top:42.5%;font-size:1.9rem;display:flex;justify-content:center;align-items:center;font-family:Pacifico,cursive;font-weight:400;font-style:normal}.clock-face{width:100%;height:100%;position:relative}.clock-face:after{content:"Gabriel";position:absolute;width:100px;height:30px;top:35%;right:26%;font-family:Pacifico,cursive;font-weight:400;font-style:normal;color:var(--expired-color)}.clock-face:before{content:attr(data-before);position:absolute;width:100px;height:30px;top:42%;right:14%;font-family:Pacifico,cursive;font-weight:400;font-style:normal;font-size:.8rem}.hand{position:absolute;bottom:50%;left:50%;transform-origin:50% 100%;background-color:var(--stroke-color);transition:transform .5s cubic-bezier(.4,2.3,.3,1)}.hour-hand{width:6px;height:60px;margin-left:-3px;background-color:var(--primary-color);z-index:3;transition:transform 0s}.minute-hand{width:4px;height:90px;margin-left:-2px;background-color:var(--stroke-color);z-index:2;transition:transform 0s}.second-hand{width:2px;height:100px;margin-left:-1px;background-color:var(--pause-btn);z-index:4;transition:transform 0s}.center-dot{position:absolute;top:50%;left:50%;width:16px;height:16px;margin-left:-8px;margin-top:-8px;background-color:var(--text-color)!important;border-radius:50%;z-index:4}.hour-mark{position:absolute;top:0;left:50%;width:2px;height:100%;transform-origin:50% 50%}.hour-number{position:absolute;top:0;left:-10px;width:20px;text-align:center;font-weight:700}.digital-clock{width:100%;font-size:3rem;font-family:Courier New,monospace;background-color:var(--card-bg);color:var(--text-color);padding:20px 30px;border-radius:8px;box-shadow:var(--box-shadow)}@media (max-width: 600px){.digital-clock{padding:8px;font-size:min(max(2rem,7vw),2.5rem)}.clock-controls{flex-direction:column}}:root{--bg-color: #f8f9fa;--card-bg: #ffffff;--text-color: #2c3e50;--time-bg: #adc0d552;--btn-text: white;--start-btn: #2ecc71;--start-btn-hover: #27ae60;--pause-btn: #e74c3c;--pause-btn-hover: #c0392b;--resume-btn: #4a6fa5;--resume-btn-hover: #2980b9;--reset-btn: #95a5a6;--reset-btn-hover: #7f8c8d;--preset-btn: #9b59b6;--preset-btn-hover: #8e44ad;--primary-color: #4a6fa5;--primary-color-hover: #224b85;--secondary-color: #6b8cae;--accent-color: #ff7e5f;--light-color: #f8f9fa;--dark-color: #343a40;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--expired-color: #e74c3c;--volume-control: #6c757d;--stroke-color: #555772ff;--border-radius: 5px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}[data-theme=dark]{--primary-color: #1996aa;--primary-color-hover: #0a5b68ff;--bg-color: #121212;--card-bg: #1e1e1e;--text-color: #f8f9fa;--time-bg: #2d2d2d;--btn-text: #ffffff;--start-btn: #2e7d32;--start-btn-hover: #1b5e20;--pause-btn: #c62828;--pause-btn-hover: #b71c1c;--resume-btn: #1565c0;--resume-btn-hover: #0d47a1;--reset-btn: #424242;--reset-btn-hover: #212121;--preset-btn: #6a1b9a;--preset-btn-hover: #4a148c;--warning-color: #ff8f00;--expired-color: #d32f2f;--volume-control: #adb5bd;--stroke-color: #b5b5b5;--accent-color: #f73838ff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;margin:0;padding:0;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}button{cursor:pointer;transition:var(--transition);border:none;height:40px;border-radius:var(--border-radius);padding:.5rem 1rem;font-weight:500;font-size:1rem;box-shadow:0 4px 8px #0000001a}.app{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:4em 0 20em!important;margin:auto;max-width:1200px;width:100%;min-height:600px}.header{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:clamp(1rem,3vw,1.5rem)}.header h1{flex:.75;font-size:min(max(2rem,7vw),6rem);color:var(--card-bg);padding:0;margin:0;-webkit-text-stroke:2px var(--stroke-color, rgba(255, 255, 255, .5));text-shadow:-3px -1px 0 var(--stroke-color, rgba(0, 0, 0, .5)),1px -1px 0 var(--stroke-color, rgba(0, 0, 0, .5)),-3px 1px 0 var(--stroke-color, rgba(0, 0, 0, .5)),1px 1px 0 var(--stroke-color, rgba(0, 0, 0, .5))}.header img{flex:.25;width:clamp(6em,9vw,9em);height:clamp(6em,9vw,9em);padding:0}@supports (-webkit-text-stroke: 1px black) or (paint-order: stroke fill){h1{color:transparent;-webkit-text-stroke:2px black;paint-order:stroke fill}}@supports not ((-webkit-text-stroke: 1px black) or (paint-order: stroke fill)){h1{text-shadow:-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black}}.app-wrapper{width:100%;min-height:700px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 auto}.local{border-radius:var(--border-radius);align-self:start;flex:1;width:100%;min-height:fit-content;margin:0 auto;background-color:var(--card-bg)}.container{flex:1;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:24px}.timer-container{position:relative;width:100%;margin:auto;padding:1.5rem;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:var(--box-shadow);text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:var(--transition)}.timer-container h2{color:var(--text-color)}h1,h2,h3{margin-bottom:20px;font-size:1.5rem;text-align:center}.time-display{font-size:2rem;font-weight:700;margin:20px 0;color:var(--primary-color);font-family:Courier New,monospace;padding:12px;border-radius:var(--border-radius);background-color:var(--time-bg)}.time-display.warning{color:var(--warning-color);animation:pulse 1s infinite}.time-display.expired{color:var(--expired-color);animation:pulse .5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.controls{margin:25px 0;display:flex;align-items:center;justify-content:center;gap:12px}.btn{color:var(--btn-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.start-btn{background-color:var(--success-color)}.start-btn:hover{background-color:var(--start-btn-hover);transform:translateY(-2px)}.pause-btn{background-color:var(--pause-btn)}.pause-btn:hover{background-color:var(--pause-btn-hover);transform:translateY(-2px)}.resume-btn{background-color:var(--resume-btn)}.resume-btn:hover{background-color:var(--resume-btn-hover);transform:translateY(-2px)}.reset-btn{background-color:var(--reset-btn)}.reset-btn:hover{background-color:var(--reset-btn-hover);transform:translateY(-2px)}.presets{margin-top:20px}.presets h3{color:var(--text-color);margin-bottom:15px}.preset-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.preset-btn{background-color:var(--preset-btn);color:#fff;font-size:.9rem}.preset-btn:hover{background-color:var(--preset-btn-hover);transform:translateY(-2px)}.theme-toggle{position:fixed;top:20px;right:20px;background:var(--preset-btn);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--box-shadow);z-index:5000;font-size:1.2rem;transition:var(--transition)}.theme-toggle:hover{background:var(--preset-btn-hover);transform:scale(1.1)}.sound-controls{position:fixed;top:80px;right:20px;background:var(--card-bg);padding:15px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);z-index:5000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.sound-controls h4{margin:0 0 10px;color:var(--text-color)}.sound-controls *{pointer-events:auto!important}.sound-select{width:100%;padding:8px;border-radius:var(--border-radius);border:1px solid var(--volume-control);background:var(--time-bg);color:var(--text-color)}.volume-control{display:flex;align-items:center;gap:10px}.volume-control input{flex-grow:1;accent-color:var(--volume-control)}.visual-indicator{position:fixed;bottom:20px;right:20px;background:var(--expired-color);color:#fff;padding:10px 20px;border-radius:var(--border-radius);transition:var(--transition);z-index:1000}.timer-container .countdown-visual-indicator{display:flex;align-items:center;justify-content:center;position:absolute;font-size:1.5rem;top:0;right:0;bottom:0;left:0;background:var(--start-btn);color:#fff;border-radius:5px;opacity:0;transition:var(--transition)}.timer-container .countdown-visual-indicator.visible{opacity:1}.world-clock{width:90%;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--primary-color)}.local-time{text-align:center;margin-bottom:30px;padding:20px;background:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.local-time .date{font-size:1.2rem;margin:10px 0;color:var(--text-color)}.format-toggle{background:var(--primary-color);color:#fff;border:none;padding:8px 15px;border-radius:var(--border-radius);cursor:pointer;margin-bottom:2em;align-self:center;width:100%;transition:var(--transition)}.format-toggle:hover{background:var(--primary-color-hover)}.world-clocks{color:var(--text-color);background:var(--bg-color);padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.city-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.city-selector select{flex-grow:1;padding:10px;border:1px solid var(--stroke-color);border-radius:var(--border-radius);margin-right:10px}.selection-count{color:var(--stroke-color);font-size:.9rem}.city-clocks{display:grid;grid-template-columns:repeat(auto-fill,1fr);gap:15px}.city-clock{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.city-info{flex:.5;display:flex;justify-content:start;align-items:center;gap:4px}.city-name{font-weight:700;text-wrap:nowrap}.country{color:var(--stroke-color);font-size:.8rem}.remove-btn{background:var(--bg-color);border:none;padding:4px;width:32px;height:32px;cursor:pointer;font-size:.6rem}.city-time{font-family:Courier New,monospace;font-size:1.2rem}.location-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner{margin:auto;width:24px;height:24px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.location-info{background:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius)}.location-details{margin-top:1rem;margin-bottom:2em}.timezone,.location-error{color:var(--expired-color)}@media (min-width: 480px){h1,h2{font-size:1.8rem}.time-display{font-size:2.5rem;padding:15px}}@media (min-width: 768px){.time-display{font-size:3rem}.timers-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1100px;margin:0 auto}}@media (min-width: 1099px){.app-wrapper{flex-direction:row}}@media (max-width: 479px){.app{margin-bottom:30em!important}h1{width:90%;padding:8px 0}.timer-container{width:90%;margin:auto}.btn{padding:10px 18px;font-size:.9rem}.preset-buttons{gap:8px}.preset-btn{padding:6px 10px;font-size:.8rem}}@media (max-width: 768px){.local{padding:8px 0;background-color:transparent}.local-time{padding:0}.world-clock{margin:auto;padding:0}.world-clocks{padding:20px 0}.city-selector{flex-direction:column;align-items:start;gap:4px}.city-selector select{width:100%}.city-clocks{font-size:min(max(.8rem,.7vw),1.5rem);overflow-y:auto;padding:4px 0;max-width:100%;margin:auto}.city-clock{padding:8px}.remove-btn{padding:2px;width:24px;height:24px}.city-name{text-align:left}.city-time{font-size:.8rem}.visual-indicator{display:none}.local-time .time{font-size:2rem}}