:root{--navy-blue: #082D5D;--chambray: #2E5380;--energy-yellow: #F8E15D;--black: #000000;--white: #FFFFFF;--navy-light: #0a3a75;--navy-dark: #051d3d;--chambray-light: #3d6a9e;--yellow-light: #fae88a;--yellow-dark: #d4c24e;--bg-primary: var(--navy-blue);--bg-secondary: var(--chambray);--accent: var(--energy-yellow);--text-primary: var(--white);--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .6);--dark-bg-primary: #03121f;--dark-bg-secondary: #0a1f33;--dark-accent: #d4c24e;--font-display: "Cinzel", serif;--font-body: "Montserrat", sans-serif;--font-decorative: "Great Vibes", cursive;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body.dark-mode{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--accent: var(--dark-accent)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden;font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary)}body{transition:background-color var(--transition-slow);font-size:clamp(12px,1.2vw,18px)}.board-container{display:grid;grid-template-columns:minmax(280px,32%) 1fr;width:100vw;height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--navy-dark) 100%)}.left-panel{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--navy-dark) 100%);padding:clamp(.6rem,1.2vh,1rem);display:flex;flex-direction:column;border-right:3px solid var(--accent);position:relative;overflow:hidden;height:100vh}.left-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%23F8E15D' stroke-width='0.5' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.sidebar-content{display:flex;flex-direction:column;height:100%;gap:clamp(.5rem,1vh,.8rem);position:relative;z-index:1}.panel-header{flex:0 0 auto;display:flex;align-items:center;gap:clamp(.5rem,1vw,1rem);padding-bottom:clamp(.4rem,.8vh,.6rem);border-bottom:1px solid rgba(248,225,93,.25)}.msa-logo{width:clamp(45px,6vw,65px);height:clamp(45px,6vw,65px);object-fit:contain;filter:drop-shadow(0 2px 8px rgba(248,225,93,.2))}.date-display{flex:1;text-align:right}.gregorian-date{font-family:var(--font-display);font-size:clamp(1.0625rem,1.625vw,1.4375rem);font-weight:700;color:var(--text-primary);letter-spacing:.5px}.hijri-date{font-family:var(--font-body);font-size:clamp(.8125rem,1.125vw,1rem);color:var(--accent);margin-top:2px;font-weight:500}.time-hero{flex:0 0 auto;background:linear-gradient(135deg,#082d5de6,#2e5380d9);border-radius:var(--radius-lg);border:2px solid rgba(248,225,93,.35);padding:clamp(.8rem,1.5vh,1.2rem) clamp(.8rem,1.2vw,1rem);box-shadow:0 8px 24px #0000004d;display:flex;justify-content:center;align-items:center}.time-main{font-family:var(--font-display);font-size:clamp(3.75rem,6.25vw,5.625rem);font-weight:800;color:var(--accent);letter-spacing:2px;text-align:center;line-height:1}.prayer-times-section{flex:1 1 auto;min-height:0;background:#051d3dd9;border:1px solid rgba(248,225,93,.2);border-radius:var(--radius-md);padding:clamp(.4rem,.7vh,.6rem);box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;overflow:hidden}.prayer-times-list{display:flex;flex-direction:column;gap:clamp(.2rem,.4vh,.35rem);flex:1 1 auto;min-height:0}.prayer-row{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(.3rem,.5vh,.5rem) clamp(.5rem,.8vw,.8rem);background:linear-gradient(90deg,#2e538066,#082d5d40);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);transition:all var(--transition-normal)}.prayer-row:hover{background:linear-gradient(90deg,#2e53808c,#082d5d66)}.prayer-row.active{background:linear-gradient(90deg,#22c55e40,#22c55e1a);border-color:#22c55e99;box-shadow:0 0 12px #22c55e40}.prayer-row.next{background:linear-gradient(90deg,#f8e15d38,#f8e15d14);border-color:#f8e15d99;box-shadow:0 0 12px #f8e15d40}.prayer-name{font-family:var(--font-display);font-size:clamp(1.375rem,2.25vw,2rem);color:var(--text-primary);letter-spacing:.5px}.prayer-time{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700;color:var(--accent);letter-spacing:1px;text-align:right;white-space:nowrap}.prayer-row.next .prayer-name{color:var(--accent)}.jummah-section{flex:0 0 auto}.jummah-card{background:linear-gradient(135deg,#f8e15d1a,#f8e15d0a);border:2px solid rgba(248,225,93,.3);border-radius:var(--radius-md);padding:clamp(.4rem,.6vh,.6rem);display:flex;flex-direction:column;gap:clamp(.3rem,.5vh,.4rem)}.jummah-label{font-family:var(--font-display);font-size:clamp(.875rem,1.25vw,1.125rem);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;text-align:center}.jummah-subcards{display:flex;gap:clamp(.3rem,.5vw,.5rem)}.jummah-subcard{flex:1;background:#082d5d59;border:1px solid rgba(248,225,93,.15);border-radius:var(--radius-sm);padding:clamp(.25rem,.4vh,.4rem) clamp(.2rem,.3vw,.3rem);display:flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center}.jummah-time{font-family:var(--font-display);font-size:clamp(.9375rem,1.25vw,1.125rem);font-weight:700;color:var(--accent)}.jummah-khatib{font-size:clamp(.75rem,1vw,.9375rem);color:var(--text-primary);font-weight:600;line-height:1.15}.jummah-location{font-size:clamp(.625rem,.875vw,.8125rem);color:var(--text-muted)}.weather-section{flex:0 0 auto;display:flex;justify-content:stretch;margin-top:auto;width:100%}.weather-cards{display:flex;justify-content:center;align-items:center;gap:clamp(.4rem,.6vw,.6rem);padding:clamp(.4rem,.6vh,.6rem);background:linear-gradient(135deg,#2e53804d,#082d5d38);border-radius:var(--radius-md);border:1px solid rgba(248,225,93,.12);width:100%;flex:1}.weather-card{flex:1 1 100%;min-width:0;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:clamp(.3rem,.5vh,.5rem) clamp(.3rem,.5vw,.5rem);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(.5rem,.8vw,.8rem)}.weather-card.full{flex-direction:row;gap:clamp(.5rem,.8vw,.8rem)}.weather-card.primary{background:linear-gradient(135deg,#f8e15d1f,#f8e15d0d);border-color:#f8e15d4d}.weather-card .weather-time{font-size:clamp(.6875rem,1vw,.875rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.weather-card .weather-icon{font-size:clamp(1.5rem,2vw,2rem);line-height:1}.weather-card .weather-temps{display:flex;gap:.2rem;font-size:clamp(.9375rem,1.25vw,1.1875rem);font-weight:700}.weather-card .weather-temp-high{color:var(--accent)}.weather-card .weather-temp-low{color:var(--text-muted)}.weather-card .weather-desc{font-size:clamp(.625rem,.875vw,.8125rem);color:var(--text-muted);text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-content.jummah-visible .weather-cards{padding:clamp(.25rem,.4vh,.4rem)}.sidebar-content.jummah-visible .weather-card{padding:clamp(.2rem,.35vh,.35rem) clamp(.2rem,.35vw,.35rem)}.sidebar-content.jummah-visible .weather-card .weather-icon{font-size:clamp(1rem,1.3vw,1.3rem)}.sidebar-content.jummah-visible .weather-card .weather-temps{font-size:clamp(.65rem,.85vw,.8rem)}.sidebar-content.jummah-visible .weather-card .weather-desc{display:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.right-panel{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.right-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' stroke='%23F8E15D' stroke-width='0.5' fill='none' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.slideshow-container{flex:1;position:relative;width:100%;height:100%;overflow:hidden;padding-bottom:clamp(10px,1.6vh,18px)}.slides-track{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.poster-slide{background:var(--navy-dark)}.fullscreen-poster{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:0 0 60px #00000080}.next-prayer-slide{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.next-prayer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:clamp(2rem,4vh,4rem);text-align:center}.next-prayer-label{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:clamp(1.5rem,3vh,2.5rem)}.next-prayer-name{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:clamp(2rem,4vh,3rem);text-shadow:0 4px 15px rgba(0,0,0,.3)}.countdown-timer-large{font-family:var(--font-display);font-size:clamp(4rem,12vw,7rem);font-weight:700;color:var(--accent);letter-spacing:2px;text-shadow:0 4px 20px rgba(248,225,93,.3)}.calendar-slide{flex-direction:column;padding:0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.fullscreen-calendar{width:100%;height:100%;display:flex;flex-direction:column;padding:clamp(.75rem,1.5vh,1.5rem)}.fullscreen-calendar-header{text-align:center;padding:clamp(.5rem,1vh,1rem) 0;border-bottom:2px solid rgba(248,225,93,.3);margin-bottom:clamp(.5rem,1vh,.75rem)}.fullscreen-calendar-month{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:var(--accent);letter-spacing:4px;text-transform:uppercase}.fullscreen-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(2px,.3vw,6px);margin-bottom:clamp(4px,.5vh,8px)}.weekday-header{font-family:var(--font-display);font-size:clamp(.75rem,1.2vw,1.1rem);font-weight:600;color:var(--accent);text-transform:uppercase;text-align:center;padding:clamp(.4rem,.8vh,.75rem);background:#f8e15d1a;border-radius:var(--radius-sm);letter-spacing:1px}.calendar-grid-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.fullscreen-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);gap:clamp(2px,.3vw,6px);flex:1;min-height:0}.multi-day-events-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.multi-day-event-bar{position:absolute;height:clamp(18px,2.2vh,26px);background:linear-gradient(135deg,#f8e15d33,#f8e15d1a);border-left:3px solid var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 clamp(.4rem,.6vw,.75rem);pointer-events:auto;cursor:default;transition:all var(--transition-fast);overflow:hidden}.multi-day-event-bar:hover{background:linear-gradient(135deg,#f8e15d4d,#f8e15d26)}.multi-day-event-bar .event-bar-name{font-family:var(--font-body);font-size:clamp(.55rem,.8vw,.75rem);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-day-event-bar .event-bar-dates{font-size:clamp(.5rem,.7vw,.65rem);color:var(--accent);font-weight:500;margin-left:clamp(.3rem,.5vw,.5rem);white-space:nowrap}.multi-day-event-bar.single-day-all{border-left-width:3px;background:linear-gradient(135deg,#f8e15d38,#f8e15d24)}.multi-day-event-bar.seg-start{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.multi-day-event-bar.seg-end{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.multi-day-event-bar.cont-left:before,.multi-day-event-bar.cont-right:after{content:"";position:absolute;top:0;width:10px;height:100%;pointer-events:none}.multi-day-event-bar.cont-left:before{left:-1px;background:linear-gradient(90deg,#f8e15d00,#f8e15d59 80%)}.multi-day-event-bar.cont-right:after{right:-1px;background:linear-gradient(270deg,#f8e15d00,#f8e15d59 80%)}.calendar-cell{background:#082d5d66;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;min-height:0;transition:all var(--transition-fast);overflow:hidden}.calendar-cell:hover{background:#082d5d99;border-color:#f8e15d33}.calendar-cell.today{border:2px solid var(--accent);background:#f8e15d1a}.calendar-cell.other-month{opacity:.35}.calendar-cell-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(.25rem,.5vh,.5rem) clamp(.4rem,.6vw,.6rem);border-bottom:1px solid rgba(255,255,255,.05)}.calendar-cell-day{font-family:var(--font-display);font-size:clamp(.9rem,1.4vw,1.3rem);font-weight:600;color:var(--text-secondary)}.calendar-cell.today .calendar-cell-day{color:var(--accent);font-weight:700}.calendar-cell-events{flex:1;padding:clamp(.2rem,.4vh,.4rem);display:flex;flex-direction:column;gap:clamp(3px,.4vh,5px);overflow:auto}.calendar-event-card{background:linear-gradient(135deg,#f8e15d33,#f8e15d1a);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:clamp(.2rem,.4vh,.35rem) clamp(.3rem,.5vw,.5rem);cursor:default;transition:all var(--transition-fast)}.calendar-event-card:hover{background:linear-gradient(135deg,#f8e15d4d,#f8e15d26)}.calendar-event-name{font-family:var(--font-body);font-size:clamp(.55rem,.85vw,.8rem);font-weight:600;color:var(--text-primary);white-space:normal;word-wrap:break-word;line-height:1.3}.calendar-event-time{font-size:clamp(.5rem,.7vw,.7rem);color:var(--accent);font-weight:500}.calendar-event-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8e15d26;border:1px solid rgba(248,225,93,.4);border-radius:50px;font-size:clamp(.8rem,1.2vw,1rem)}.calendar-event-chip .event-chip-date{font-weight:700;color:var(--accent)}.calendar-event-chip .event-chip-name{color:var(--text-primary)}.slide-indicators{position:relative;width:100%;height:clamp(6px,1vh,10px);display:flex;gap:2px;z-index:10;background:#082d5de6;margin-top:clamp(6px,1vh,10px);border-radius:0}.slide-indicator{flex:1;height:100%;background:#fff3;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.slide-indicator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.slide-indicator:hover{background:#ffffff4d}.slide-indicator.active{flex:2}.slide-indicator.active:before{transform:scaleX(1)}.slide-indicator.calendar-indicator.active:before{background:linear-gradient(90deg,var(--accent) 0%,rgba(248,225,93,.7) 100%)}.fullcalendar-container{width:100%;height:100%;padding:clamp(1rem,2vh,1.5rem);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.fc{color:var(--text-primary);font-family:var(--font-body);--fc-border-color: rgba(255, 255, 255, .08);--fc-today-bg-color: rgba(248, 225, 93, .12);--fc-page-bg-color: transparent}.fc .fc-toolbar-title{font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2.4rem);letter-spacing:3px;color:var(--accent);text-transform:uppercase;text-align:center;width:100%}.fc .fc-daygrid-day-frame{background:#082d5d59;border-radius:var(--radius-sm);padding:clamp(.35rem,.7vh,.6rem);box-shadow:inset 0 0 0 1px #ffffff0a;transition:background var(--transition-fast),border-color var(--transition-fast)}.fc .fc-daygrid-day:hover .fc-daygrid-day-frame{background:#082d5d8c;box-shadow:inset 0 0 0 1px #f8e15d40}.fc .fc-daygrid-day-number{font-family:var(--font-display);font-size:clamp(1rem,1.4vw,1.3rem);color:var(--text-secondary)}.fc .fc-day-today .fc-daygrid-day-frame{border:2px solid var(--accent);background:#f8e15d1f}.fc .fc-col-header-cell{padding:clamp(.6rem,.9vh,.8rem);background:#f8e15d1a;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06)}.fc .fc-col-header-cell-cushion{font-family:var(--font-display);font-size:clamp(1rem,1.4vw,1.2rem);color:var(--accent);letter-spacing:1px;text-transform:uppercase}.fc .fc-daygrid-event{border:none;padding:clamp(.3rem,.5vh,.45rem);border-left:4px solid var(--accent);background:linear-gradient(135deg,#f8e15d33,#f8e15d1a);border-radius:var(--radius-sm);box-shadow:0 4px 14px #00000040;width:100%;max-width:100%;overflow:hidden}.fc .fc-daygrid-event-harness{width:100%;max-width:100%}.fc-event-inner{display:flex;flex-direction:column;gap:2px;width:100%}.fc-event-time-line{font-size:clamp(.8rem,.95vw,.95rem);color:var(--accent);font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-event-title-line{font-size:clamp(.9rem,1.1vw,1.05rem);font-weight:700;color:var(--text-primary);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fc-event-location{font-size:clamp(.72rem,.9vw,.85rem);color:var(--text-muted);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc .fc-daygrid-event-harness,.fc .fc-daygrid-event{max-height:clamp(78px,9vh,96px)}.fc .fc-daygrid-event:hover{overflow:visible}.fc .fc-daygrid-day.fc-day-other .fc-daygrid-day-frame{opacity:.35}.fc .fc-scrollgrid{border:none}.fc-theme-standard td,.fc-theme-standard th{border:1px solid rgba(255,255,255,.06)}.week-glance-container{width:100%;height:100%;display:flex;flex-direction:column;gap:clamp(1rem,1.8vh,1.4rem);padding:clamp(1.4rem,2vh,2rem);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);transform:none;transform-origin:top center}.widget-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:2.8px;margin:0}.week-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(.8rem,1vw,1.1rem);padding:clamp(.4rem,.8vh,.75rem);overflow:hidden}.day-card{position:relative;background:linear-gradient(145deg,#082d5dd9,#051d3deb);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:clamp(.95rem,1.1vw,1.25rem);box-shadow:0 12px 28px #00000059;display:flex;flex-direction:column;gap:clamp(.65rem,1vh,.9rem);min-height:0;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.day-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000006b}.day-card.today{border:1px solid rgba(248,225,93,.55);box-shadow:0 14px 34px #f8e15d24,0 0 0 1px #f8e15d1f inset}.day-card.empty{background:linear-gradient(150deg,#ffffff08,#082d5d73);border:1px dashed rgba(248,225,93,.4);box-shadow:0 10px 24px #00000047,inset 0 0 0 1px #ffffff0a}.day-card.empty:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:12px;background:radial-gradient(circle at 18% 22%,rgba(248,225,93,.12),transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.06),transparent 40%);pointer-events:none;opacity:.8}.day-card-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.08)}.day-name{font-family:var(--font-display);font-size:clamp(1rem,2.3vw,1.25rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffffeb}.day-card.today .day-name{color:var(--accent)}.day-date-badge{min-width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#f8e15d2e,#f8e15d14);border:1px solid rgba(248,225,93,.4);color:var(--accent);font-weight:800;font-family:var(--font-display);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #f8e15d2e}.day-card-body{display:flex;flex-direction:column;gap:clamp(.5rem,.8vh,.8rem);flex:1;overflow:hidden;min-height:0}.glance-events{display:flex;flex-wrap:wrap;gap:clamp(.55rem,.8vw,.8rem);align-content:flex-start;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.15rem;position:relative}.glance-events.auto-scroll{overflow-y:hidden}.glance-events-inner{display:contents}.glance-events.auto-scroll .glance-events-inner{display:flex;flex-wrap:wrap;gap:clamp(.55rem,.8vw,.8rem);animation:infinite-scroll var(--scroll-duration, 20s) linear infinite}@keyframes infinite-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.glance-events.auto-scroll:hover .glance-events-inner{animation-play-state:paused}.glance-events::-webkit-scrollbar{width:6px}.glance-events::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}.glance-events::-webkit-scrollbar-thumb{background:#f8e15d59;border-radius:8px}.glance-events::-webkit-scrollbar-thumb:hover{background:#f8e15d80}.glance-events.single .glance-event{flex-basis:100%}.glance-event{flex:1 1 46%;min-width:150px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:clamp(.7rem,.9vw,.95rem);box-shadow:0 6px 14px #00000040;display:flex;flex-direction:column;gap:.25rem}@media (max-width: 1100px){.week-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}.glance-event.primary{background:linear-gradient(145deg,#f8e15d29,#f8e15d14);border-color:#f8e15d99;box-shadow:0 10px 24px #f8e15d29}.glance-event.all-day{background:linear-gradient(145deg,#f8e15d1f,#f8e15d0d);border-color:#f8e15d73}.glance-event .event-time{font-size:clamp(.85rem,1.35vw,.95rem);font-weight:700;color:var(--accent);letter-spacing:.02em}.glance-event .event-name{margin-bottom:.1rem;line-height:1.25;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:600;color:#fffffff2}.glance-event .event-location{font-size:clamp(.78rem,1.2vw,.9rem);color:#ffffffb3;font-weight:500}.day-placeholder,.no-events-placeholder{flex:1;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:clamp(1rem,1.4vw,1.2rem);border:1px dashed rgba(248,225,93,.55);border-radius:14px;color:#ffffffb8;font-size:clamp(1rem,1.6vw,1.1rem);font-style:italic;background:linear-gradient(135deg,#f8e15d0d,#ffffff08);text-align:center;letter-spacing:.02em;position:relative;overflow:hidden}.day-card.today .day-placeholder,.day-card.today .no-events-placeholder{color:var(--accent);border-color:#f8e15d99;background:#f8e15d0f}.day-placeholder:before,.no-events-placeholder:before{content:"😴";font-size:1.4rem;color:var(--accent);opacity:.8;filter:drop-shadow(0 0 12px rgba(248,225,93,.35))}.day-placeholder:after,.no-events-placeholder:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:12px;border:1px dashed rgba(255,255,255,.08);pointer-events:none}.today-container{width:100%;height:100%;display:flex;flex-direction:column;padding:clamp(2rem,4vh,3rem);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);overflow:hidden}.today-events{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}.no-events-today{font-size:clamp(1.8rem,3vw,2.2rem);color:var(--text-muted);text-align:center;font-style:italic;animation:fadeIn .5s ease}.today-signage-display{width:100%;height:100%;display:flex;flex-direction:column;gap:clamp(1.5rem,3vh,2.5rem);justify-content:center;align-items:center}.signage-tier{display:flex;flex-direction:column;gap:clamp(1rem,1.5vh,1.5rem);animation:fadeIn .6s ease}.happening-now-tier{width:100%;max-width:100%;text-align:center}.happening-now-tier .tier-label{font-family:var(--font-display);font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:600;color:#f8e15dcc;text-transform:uppercase;letter-spacing:3px;margin-bottom:.5rem}.happening-now-tier .tier-content{background:linear-gradient(135deg,#4caf5026,#4caf5014);border:3px solid rgba(76,175,80,.6);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vh,2.5rem);box-shadow:0 0 40px #4caf5040,inset 0 0 30px #4caf5014}.event-name-large{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.6rem);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:clamp(.8rem,1.5vh,1.2rem)}.event-meta-large{display:flex;flex-direction:column;gap:.5rem}.event-location-large{font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--text-secondary);font-weight:500}.event-ends-in{font-size:clamp(1.2rem,2vw,1.5rem);color:#4caf50e6;font-weight:600}.coming-soon-tier{width:100%;max-width:100%}.coming-soon-tier.primary{text-align:center}.coming-soon-tier.primary .tier-label{font-family:var(--font-display);font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:600;color:#f8e15dcc;text-transform:uppercase;letter-spacing:3px;margin-bottom:.5rem}.coming-soon-tier.primary .upcoming-events-list{display:flex;flex-direction:column;gap:clamp(1rem,1.5vh,1.5rem);align-items:center}.coming-soon-tier.primary .upcoming-event-item.primary{width:100%;max-width:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8e15d26,#f8e15d14);border:3px solid var(--accent);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vh,2.5rem);box-shadow:0 0 40px #f8e15d40,inset 0 0 30px #f8e15d14;opacity:1;gap:clamp(.8rem,1.5vh,1.2rem);text-align:center}.coming-soon-tier.primary .upcoming-event-item.primary .upcoming-event-time{font-family:var(--font-display);font-size:clamp(1.4rem,2.3vw,1.8rem);font-weight:700;color:var(--accent);text-align:center}.coming-soon-tier.primary .upcoming-event-item.primary .upcoming-event-info{display:flex;flex-direction:column;gap:.5rem;text-align:center}.coming-soon-tier.primary .upcoming-event-item.primary .upcoming-event-name{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.6rem);font-weight:700;color:var(--text-primary);line-height:1.2}.coming-soon-tier.primary .upcoming-event-item.primary .upcoming-event-in{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--accent);font-weight:600}.coming-soon-tier.primary .upcoming-event-item.primary .upcoming-event-location{font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--text-secondary);font-weight:500;text-align:center}.coming-soon-tier .tier-label{font-family:var(--font-display);font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-left:clamp(0,5%,2rem)}.upcoming-events-list{display:flex;flex-direction:column;gap:clamp(.8rem,1.2vh,1rem)}.upcoming-event-item{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,2vw,1.5rem);align-items:center;padding:clamp(.8rem,1.5vh,1.2rem);background:#f8e15d14;border-left:4px solid rgba(248,225,93,.5);border-radius:8px;transition:all var(--transition-normal);opacity:.85}.upcoming-event-item.primary{background:linear-gradient(135deg,#f8e15d26,#f8e15d14);border-left:4px solid var(--accent);border-radius:12px;padding:clamp(1rem,2vh,1.5rem);box-shadow:0 0 25px #f8e15d33;opacity:1}.upcoming-event-time{font-family:var(--font-display);font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700;color:var(--accent);min-width:100px;text-align:right}.upcoming-event-item.primary .upcoming-event-time{font-size:clamp(1.2rem,2vw,1.5rem)}.upcoming-event-info{display:flex;flex-direction:column;gap:.3rem;text-align:left}.upcoming-event-name{font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:600;color:var(--text-primary);line-height:1.2}.upcoming-event-item.primary .upcoming-event-name{font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:700}.upcoming-event-in{font-size:clamp(.8rem,1.3vw,1rem);color:var(--text-muted);font-weight:500}.upcoming-event-item.primary .upcoming-event-in{font-size:clamp(.9rem,1.5vw,1.1rem);color:var(--accent);font-weight:600}.upcoming-event-location{font-size:clamp(.8rem,1.3vw,1rem);color:var(--text-muted);text-align:right;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-event-item.primary .upcoming-event-location{font-size:clamp(.9rem,1.5vw,1.1rem);color:var(--text-secondary);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.prayer-card{animation:fadeIn .5s ease forwards}.prayer-card:nth-child(1){animation-delay:.1s}.prayer-card:nth-child(2){animation-delay:.2s}.prayer-card:nth-child(3){animation-delay:.3s}.prayer-card:nth-child(4){animation-delay:.4s}.prayer-card:nth-child(5){animation-delay:.5s}.prayer-card:nth-child(6){animation-delay:.6s}.event-item{animation:slideIn .5s ease forwards}.event-item:nth-child(1){animation-delay:.1s}.event-item:nth-child(2){animation-delay:.2s}.event-item:nth-child(3){animation-delay:.3s}.event-item:nth-child(4){animation-delay:.4s}.poster-image{animation:posterFade .8s ease}@keyframes posterFade{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:0;height:0}.left-panel,.right-panel,.prayer-card,.event-item,.mini-calendar{transition:background-color var(--transition-slow),border-color var(--transition-slow)}@media (max-width: 500px) and (min-height: 900px){body{font-size:clamp(16px,1.6vw,24px)}.board-container{grid-template-columns:minmax(400px,38%) 1fr}.left-panel{padding:1.4rem 1.6rem;gap:1.1rem}.panel-header{gap:1.25rem;padding-bottom:1rem}.msa-logo{width:clamp(80px,8vw,110px);height:clamp(80px,8vw,110px)}.gregorian-date{font-size:clamp(1.3rem,2vw,1.8rem)}.hijri-date{font-size:clamp(1.05rem,1.5vw,1.35rem)}.countdown-hero{padding:1.5rem 1.6rem;border-width:3px}.current-time-display{font-size:clamp(3rem,4vw,4.5rem);padding-bottom:1rem;margin-bottom:1rem;letter-spacing:3px}.countdown-prayer{font-size:clamp(1.6rem,2vw,2rem);letter-spacing:1px}.countdown-timer{font-size:clamp(2.4rem,3vw,3.2rem);letter-spacing:4px}.prayer-times-section{padding:1.2rem 1.25rem;border-width:2px}.section-title{font-size:clamp(1.1rem,1.6vw,1.4rem);letter-spacing:2.5px}.prayer-times-list{gap:.5rem}.prayer-row{padding:.9rem 1.2rem;border-left-width:4px}.prayer-row .prayer-name{font-size:clamp(1.1rem,1.4vw,1.35rem)}.prayer-row .prayer-time{font-size:clamp(1.35rem,1.8vw,1.7rem)}.prayer-row.next .prayer-time{font-size:clamp(1.5rem,2vw,1.9rem)}.jummah-section{padding:1rem 1.2rem}.jummah-number{font-size:clamp(1rem,1.4vw,1.3rem);width:2rem;height:2rem}.jummah-time{font-size:clamp(1.2rem,1.6vw,1.5rem);min-width:100px}.jummah-khatib{font-size:clamp(.95rem,1.2vw,1.15rem)}.jummah-location{font-size:clamp(.85rem,1.1vw,1rem)}.islamic-content-section{gap:1rem}.verse-of-week,.hadith-of-week{padding:1rem 1.1rem;border-left-width:3px;gap:.6rem}.content-title{font-size:clamp(1rem,1.4vw,1.25rem)}.verse-arabic{font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.75}.verse-translation,.hadith-text{font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.6}.verse-reference,.hadith-reference{font-size:clamp(.85rem,1.1vw,1rem)}.weather-info{padding:1rem 1.25rem;gap:1rem}.weather-icon{font-size:clamp(2.1rem,2.4vw,2.6rem)}.weather-temp{font-size:clamp(1.6rem,2vw,2rem)}.weather-desc{font-size:clamp(1rem,1.3vw,1.2rem)}.fullscreen-calendar{padding:1.4rem 1.6rem}.fullscreen-calendar-header{padding:1rem 0;margin-bottom:1rem}.fullscreen-calendar-month{font-size:clamp(2.2rem,3vw,3rem);letter-spacing:6px}.weekday-header{font-size:clamp(1.1rem,1.6vw,1.4rem);padding:.9rem}.calendar-cell-day{font-size:clamp(1.2rem,1.7vw,1.5rem)}.calendar-event-name{font-size:clamp(.9rem,1.2vw,1.1rem)}.calendar-event-time{font-size:clamp(.8rem,1vw,.95rem)}.multi-day-event-bar{height:clamp(26px,2.6vh,34px);padding:0 .85rem}.multi-day-event-bar .event-bar-name{font-size:clamp(.85rem,1.1vw,1rem)}.multi-day-event-bar .event-bar-dates{font-size:clamp(.75rem,1vw,.95rem)}.slide-indicators{height:12px}}.islamic-quotes-slide{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.islamic-quotes-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;padding:clamp(3rem,5vh,5rem) clamp(3rem,6vw,8rem);gap:clamp(2rem,3vh,3rem)}.quote-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:90%;padding:clamp(2rem,3vh,3rem);background:#ffffff05;border-radius:20px;border:1px solid rgba(248,225,93,.1)}.quote-header{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:clamp(1.5rem,2vh,2rem)}.quote-arabic{font-family:Amiri,Traditional Arabic,serif;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.8;color:var(--text-primary);margin-bottom:clamp(1rem,2vh,1.5rem);direction:rtl;text-align:center}.quote-translation,.quote-text{font-family:var(--font-body);font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.7;color:var(--text-secondary);margin-bottom:clamp(1rem,1.5vh,1.5rem);font-style:italic}.quote-transliteration{font-family:var(--font-body);font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.5;color:#ffffffd9;letter-spacing:.03em;margin-bottom:clamp(.5rem,1vh,.8rem)}.quote-reference{font-family:var(--font-display);font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:500;color:var(--accent);opacity:.9}.quote-divider{width:60%;max-width:400px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}.social-media-slide{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--accent) 90%)}.social-media-container{width:100%;height:100%;padding:clamp(2rem,3vh,3.5rem) clamp(2.5rem,4vw,5rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.5rem,2vh,2.5rem);align-items:center;justify-items:center}.social-media-body{text-align:center;color:var(--bg-primary);display:flex;flex-direction:column;gap:.75rem;max-width:320px}.social-media-label{font-family:var(--font-body);font-size:clamp(.9rem,1.5vw,1.1rem);letter-spacing:.2em;text-transform:uppercase;opacity:.85}.social-media-title{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;color:#fff}.social-media-handle{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600;color:var(--accent-secondary, #ffd166)}.social-media-subtext{font-family:var(--font-body);font-size:clamp(1rem,1.8vw,1.3rem);color:#fffc}.social-media-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:.35rem}.social-media-qr{width:clamp(170px,28vw,280px);height:clamp(170px,28vw,280px);border-radius:28px;border:8px solid rgba(255,255,255,.5);box-shadow:0 20px 45px #00000059;background:#fff}.social-media-qr-caption{font-family:var(--font-body);font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;color:#fffc}.scrolling-message-bar{position:absolute;bottom:0;left:0;width:100%;height:clamp(2rem,4vh,3rem);background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary, var(--accent)) 100%);display:flex;align-items:center;justify-content:flex-start;overflow:hidden;box-shadow:0 -4px 15px #0000004d}.scrolling-message-content{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.5rem);font-weight:600;color:var(--bg-primary);white-space:nowrap;position:absolute;left:0;padding:0 2rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.scrolling-message-content.is-animating{animation:scrollText var(--scroll-duration, 15s) linear forwards;animation-iteration-count:1}@keyframes scrollText{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.right-panel{padding-bottom:clamp(2rem,4vh,3rem)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#03121fe6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay.hidden{display:none}.loading-card{background:linear-gradient(135deg,#082d5de6,#2e5380e6);border:2px solid rgba(248,225,93,.4);border-radius:16px;padding:2rem 2.5rem;text-align:center;box-shadow:0 12px 40px #00000059}.loading-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,1.8rem);color:var(--accent);margin-bottom:.5rem;letter-spacing:1px}.loading-subtitle{font-size:clamp(.95rem,1.4vw,1.05rem);color:var(--text-secondary);margin-bottom:1.25rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(248,225,93,.3);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.setup-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;animation:fadeIn .3s ease}.setup-modal.active{display:flex}.setup-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.setup-modal-content{position:relative;background:linear-gradient(135deg,var(--navy-blue) 0%,var(--chambray) 100%);border:2px solid rgba(248,225,93,.3);border-radius:var(--radius-lg);padding:2.5rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.setup-modal-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(248,225,93,.2)}.setup-modal-title{font-family:var(--font-display);font-size:2rem;color:var(--accent);margin:0 0 .5rem;letter-spacing:1px}.setup-modal-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.setup-form{display:flex;flex-direction:column;gap:1.5rem}.setup-form-group{display:flex;flex-direction:column;gap:.5rem}.setup-label{font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.25rem}.setup-required{color:#ff6b6b;font-size:1.2rem}.setup-input-wrapper{position:relative;display:flex;align-items:center}.setup-input{padding:.875rem;background:#ffffff1a;border:2px solid rgba(248,225,93,.2);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:all .3s ease;outline:none;width:100%}.setup-input-with-icon{padding-right:3rem}.setup-input:focus{background:#ffffff26;border-color:var(--accent);box-shadow:0 0 0 3px #f8e15d1a}.setup-input::placeholder{color:var(--text-muted)}.setup-input option{background:var(--navy-blue);color:var(--text-primary)}.setup-toggle-visibility{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;outline:none}.setup-toggle-visibility:hover{color:var(--accent)}.setup-toggle-visibility:focus{color:var(--accent)}.eye-icon{width:20px;height:20px}.setup-help-text{font-size:.85rem;color:var(--text-muted);display:block}.setup-help-text a{color:var(--accent);text-decoration:none;transition:opacity .2s ease}.setup-help-text a:hover{opacity:.8;text-decoration:underline}.setup-form-actions{display:flex;gap:1rem;margin-top:1rem}.setup-btn{flex:1;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.setup-btn-save{background:var(--accent);color:var(--navy-blue)}.setup-btn-save:hover{background:var(--yellow-light);transform:translateY(-2px);box-shadow:0 4px 12px #f8e15d4d}.setup-btn-save:active{transform:translateY(0)}.setup-btn-cancel{background:#ffffff1a;color:var(--text-primary);border:2px solid rgba(255,255,255,.2)}.setup-btn-cancel:hover{background:#ffffff26;border-color:#ffffff4d}.setup-keyboard-hint{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(248,225,93,.1)}.setup-keyboard-hint small{color:var(--text-muted);font-size:.85rem}.setup-keyboard-hint kbd{display:inline-block;padding:.15rem .4rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:monospace;font-size:.8rem;color:var(--accent);margin:0 .15rem}.setup-toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000004d;font-family:var(--font-body);font-size:.95rem;font-weight:500;z-index:10001;transform:translateY(150%);transition:transform .3s ease}.setup-toast.show{transform:translateY(0)}.refresh-toast{position:fixed;top:2rem;right:2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;font-family:var(--font-body);font-size:.95rem;font-weight:500;z-index:10001;transform:translateY(-150%);transition:transform .3s ease;display:flex;align-items:center;gap:.75rem;min-width:300px}.refresh-toast.show{transform:translateY(0)}.refresh-toast-icon{font-size:1.5rem;animation:rotate 2s linear infinite}.refresh-toast-message{flex:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.setup-modal-content{padding:1.5rem;width:95%}.setup-modal-title{font-size:1.5rem}.setup-form-actions{flex-direction:column}.setup-toast{right:1rem;left:1rem;bottom:1rem}.refresh-toast{right:1rem;left:1rem;top:1rem;min-width:auto}}