*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#ffffffe6;background:linear-gradient(135deg,#1a1f2e,#1e2a2e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid rgba(90,155,142,.5);outline-offset:2px}input{font-family:inherit}input:focus-visible{outline:none}.location-selector{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:flex-end;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:2rem}.location-selector__field{display:flex;flex-direction:column;gap:.5rem;position:relative}.location-selector__field label{font-size:.7rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.location-selector__field input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease;font-weight:300}.location-selector__field input:focus{background:#ffffff14;border-color:#5a9b8e80;box-shadow:0 0 0 3px #5a9b8e1a}.location-selector__button{padding:.75rem 2rem;background:linear-gradient(135deg,#5a9b8e,#4a8b7e);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.02em;white-space:nowrap}.location-selector__button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5a9b8e4d}.location-selector__button:active{transform:translateY(0)}.location-selector__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#141414fa;border:1px solid rgba(255,255,255,.15);border-radius:12px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.location-selector__dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(255,255,255,.03)}.location-selector__dropdown-item:first-child{border-radius:12px 12px 0 0}.location-selector__dropdown-item:last-child{border-bottom:none;border-radius:0 0 12px 12px}.location-selector__dropdown-item:hover,.location-selector__dropdown-item--selected{background:#646cff26}.location-selector__country-name{color:#fff;font-size:.9rem;font-weight:300}.location-selector__country-code{color:#fff6;font-size:.8rem;font-family:Courier New,monospace;font-weight:400}@media (max-width: 768px){.location-selector{grid-template-columns:1fr;gap:1rem}.location-selector__button{width:100%}}.segment-hero{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.segment-hero__current{background:linear-gradient(135deg,#646cff26,#535bf226);border:1px solid rgba(100,108,255,.3);padding:1.5rem;border-radius:16px;text-align:center;position:relative;overflow:hidden}.segment-hero__current:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5a9b8e,#4a8b7e)}.segment-hero__next{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:16px;text-align:center}.segment-hero__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:.75rem;font-weight:500}.segment-hero__name{font-size:1.75rem;font-weight:300;color:#fff;margin-bottom:.5rem;letter-spacing:.02em}.segment-hero__time{font-size:.85rem;color:#fff9;font-weight:300}.segment-hero__countdown{font-size:.9rem;color:#ffffffb3;font-weight:400}@media (max-width: 640px){.segment-hero{grid-template-columns:1fr}.segment-hero__name{font-size:1.5rem}}.time-segments{display:flex;flex-direction:column;gap:2rem;padding-bottom:6rem}.time-segments__title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;font-weight:500;margin:0 0 1rem}.time-segments__list-container{background:linear-gradient(135deg,#5a9b8e26,#4a8b7e26);border:1px solid rgba(90,155,142,.3);border-radius:16px;padding:1.5rem}.time-segments__list{display:grid;gap:.5rem}.time-segment{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:1.5rem;padding:1.25rem 1rem;background:transparent;border-radius:8px;border-left:2px solid transparent;transition:all .2s ease}.time-segment:hover{background:#ffffff0a}.time-segment--current{background:#646cff1a;border-left-color:#646cff}.time-segment--next{background:#ffffff0d;border-left-color:#fff3}.time-segment__name{font-weight:500;color:#fff;font-size:.95rem;letter-spacing:.02em}.time-segment__time{color:#ffffff80;font-size:.8rem;font-weight:300;font-family:Courier New,monospace}.time-segment__duration{color:#fff6;font-size:.8rem;text-align:right;white-space:nowrap;font-weight:300}@media (max-width: 768px){.time-segments__hero{grid-template-columns:1fr}.time-segments__name{font-size:2rem}.time-segments__name--next{font-size:1.25rem}}@media (max-width: 640px){.time-segment{grid-template-columns:1fr;gap:.5rem;padding:1rem .75rem}.time-segment__duration{text-align:left}.time-segments__list-container{padding:1rem}}.intention-pool{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem 1.5rem 6rem}.intention-pool__header{margin-bottom:1.5rem}.intention-pool__title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;font-weight:500;margin:0 0 .5rem}.intention-pool__subtitle{font-size:.85rem;color:#fff9;margin:0}.intention-pool__add{display:flex;gap:.75rem;margin-bottom:1.5rem}.intention-pool__input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease;font-weight:300}.intention-pool__input:focus{background:#ffffff14;border-color:#5a9b8e80;box-shadow:0 0 0 3px #5a9b8e1a}.intention-pool__add-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#5a9b8e,#4a8b7e);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.intention-pool__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5a9b8e4d}.intention-pool__add-btn:active{transform:translateY(0)}.intention-pool__list{display:flex;flex-direction:column;gap:.75rem}.intention-pool__empty{text-align:center;color:#fff6;padding:2rem;font-size:.9rem}.intention-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.intention-item:hover{background:#ffffff0d}.intention-item--completed{opacity:.6}.intention-item__main{display:flex;align-items:center;gap:.75rem;flex:1}.intention-item__checkbox{width:18px;height:18px;cursor:pointer}.intention-item__title{color:#fff;font-size:.95rem;font-weight:300;flex:1}.intention-item--completed .intention-item__title{text-decoration:line-through}.intention-item__edit-input{flex:1;padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(100,108,255,.5);border-radius:4px;color:#fff;font-size:.95rem;outline:none}.intention-item__actions{display:flex;gap:.5rem}.intention-item__btn{padding:.4rem .75rem;border:none;border-radius:6px;background:#ffffff1a;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.intention-item__btn:hover{background:#ffffff26}.intention-item__btn--delete{background:#ff646433}.intention-item__btn--delete:hover{background:#ff64644d}@media (max-width: 640px){.intention-item{flex-direction:column;align-items:flex-start;gap:.75rem}.intention-item__actions{width:100%;justify-content:flex-end}}.timer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff05;border-color:#5a9b8e80;border:1px solid rgba(255,255,255,.08);border-radius:16px;max-width:400px;margin:0 auto}.timer-display{font-size:2.5rem;font-family:Courier New,monospace;font-weight:300;color:#fff;letter-spacing:.1em;text-align:center;min-width:150px}.timer-controls{display:flex;gap:1rem}.timer-controls button{padding:.5rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#5a9b8e,#4a8b7e);color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.02em;min-width:90px}.timer-controls button:hover{transform:translateY(-1px);box-shadow:0 0 0 3px #5a9b8e1a}.timer-controls button:active{transform:translateY(0)}.timer-input{width:100%;padding:.5rem;background:transparent;border:none;color:#fff;font-size:2.5rem;font-family:Courier New,monospace;font-weight:300;text-align:center;letter-spacing:.1em;outline:none}.timer-input::-webkit-inner-spin-button,.timer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timer-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}@media (max-width: 640px){.timer{max-width:100%}.timer-display,.timer-input{font-size:2rem}.timer-controls button{min-width:80px;padding:.5rem 1.25rem}}.current-intention{display:flex;flex-direction:column;gap:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem}.current-intention__section{display:flex;flex-direction:column;gap:.75rem}.current-intention__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-weight:500}.current-intention__content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;background:#5a9b8e1a;border:1px solid rgba(90,155,142,.3);border-radius:12px;min-height:60px;transition:all .2s ease}.current-intention__content--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.current-intention__content--interactive:hover{background:#5a9b8e26;transform:translateY(-1px)}.current-intention__content--interactive:active{transform:translateY(0);background:#5a9b8e33}.current-intention__content--next{background:#ffffff0d;border-color:#ffffff26}.current-intention__content--next.current-intention__content--interactive:hover{background:#ffffff14}.current-intention__content--next.current-intention__content--interactive:active{background:#ffffff1a}.current-intention__title{color:#fff;font-size:1rem;font-weight:400;text-align:center}.current-intention__hint{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.current-intention__edit-input{width:100%;padding:.5rem;background:#ffffff1a;border:1px solid rgba(90,155,142,.5);border-radius:6px;color:#fff;font-size:1rem;text-align:center;outline:none}.current-intention__menu{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.current-intention__menu button{padding:.75rem;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.current-intention__menu button:hover{background:#ffffff26}.current-intention__menu-delete{background:#ff646433!important}.current-intention__menu-delete:hover{background:#ff64644d!important}.current-intention__empty{padding:1rem;text-align:center;color:#ffffff4d;font-size:.9rem;font-style:italic;min-height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border-radius:12px}@media (max-width: 640px){.current-intention{padding:1rem}.current-intention__title{font-size:.9rem}}.now-tab{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:6rem}.tab-navigation{display:flex;justify-content:space-around;align-items:center;background:#ffffff08;border-top:1px solid rgba(255,255,255,.08);padding:.75rem 0;position:sticky;bottom:0;left:0;right:0;z-index:100}.tab-navigation__button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:#ffffff80;flex:1;max-width:150px}.tab-navigation__button:hover{color:#fffc}.tab-navigation__button--active{color:#5a9b8e}.tab-navigation__label{font-size:.85rem;font-weight:500;letter-spacing:.05em}@media (max-width: 640px){.tab-navigation{padding:.5rem 0}.tab-navigation__button{padding:.75rem 1rem}.tab-navigation__label{font-size:.75rem}}.prayer-times{max-width:800px;margin:0 auto;padding:2rem}.prayer-times__header{text-align:center;margin-bottom:3rem}.prayer-times__title{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#5a9b8e,#4a8b7e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prayer-times__subtitle{font-size:1rem;color:#fff9;font-weight:300}.prayer-times__location{text-align:center;font-size:1.25rem;color:#fffc;margin-bottom:2rem;padding:1rem;background:#ffffff0d;border-radius:8px}.prayer-times__loading{text-align:center;padding:3rem;color:#ffffffb3}.prayer-times__spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid rgba(255,255,255,.1);border-top-color:#5a9b8e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prayer-times__error{text-align:center;padding:2rem;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:#ff6464}.prayer-times__error-hint{margin-top:.5rem;font-size:.875rem;color:#ffffff80}.prayer-times__empty{text-align:center;padding:4rem 2rem;color:#fff6;font-size:1.1rem;font-weight:300}@media (max-width: 640px){.prayer-times{padding:1rem}.prayer-times__title{font-size:2rem}}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.app__header{margin-bottom:3rem;text-align:center;display:flex;justify-content:center;align-items:center}.app__logo{max-width:700px;width:100%;height:auto}.app__content{flex:1;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.app{padding:1rem}.app__logo{max-width:200px}.app__header{margin-bottom:2rem}}