:root{--bg-body: #0a1628;--bg-gradient-start: #0f223d;--bg-gradient-end: #07101d;--bg-surface: rgba(0, 201, 177, .04);--bg-surface-elevated: rgba(0, 201, 177, .1);--glass-blur: 24px;--border-subtle: rgba(0, 201, 177, .15);--border-active: rgba(0, 201, 177, .4);--text-primary: #ffffff;--text-secondary: #8da4b1;--text-tertiary: #4e6b7b;--accent-glow: rgba(0, 201, 177, .25);--accent-solid: #00c9b1;--accent-red: rgba(255, 80, 80, .6);--radius-sm: 4px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--space-xs: 4px;--space-sm: 12px;--space-md: 24px;--space-lg: 32px;--transition-smooth: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-body);color:var(--text-primary);overflow:hidden;display:flex;flex-direction:column;background-image:radial-gradient(circle at 50% -20%,var(--bg-gradient-start) 0%,transparent 60%),radial-gradient(circle at 80% 80%,var(--bg-gradient-end) 0%,var(--bg-body) 60%);background-attachment:fixed}#root{min-height:100vh}a{color:var(--text-secondary);text-decoration:none}h1,h2,h3,p{margin:0}.text-display{font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:6px;color:var(--text-primary);text-shadow:0 0 20px rgba(255,255,255,.1)}.text-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text-tertiary);font-weight:500}.text-body{font-size:14px;line-height:1.5;color:var(--text-secondary);font-weight:300}.app-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}@keyframes page-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.page-transition{flex:1;display:flex;flex-direction:column;min-height:0;animation:page-enter .28s ease-out}.view-container{flex:1;overflow-y:auto;padding:var(--space-md);padding-bottom:120px}.med-card{display:flex;align-items:center;background:var(--bg-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;margin-bottom:16px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 30px #0003;cursor:pointer}.med-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.med-card:active{transform:scale(.98)}.med-card.active-glow{background:var(--bg-surface-elevated);border-color:var(--border-active);box-shadow:0 0 20px var(--accent-glow)}.med-card.active-glow:after{transform:translate(100%)}.med-time{font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:1px;color:var(--text-secondary);margin-right:var(--space-md);font-weight:400;min-width:45px;opacity:.8}.med-info{flex:1}.med-name{font-size:15px;font-weight:500;letter-spacing:.5px;color:var(--text-primary);display:block;margin-bottom:4px}.med-dose{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.med-check{width:20px;height:20px;border-radius:50%;border:1px solid var(--border-active);display:flex;align-items:center;justify-content:center;transition:all .4s var(--transition-smooth);background:var(--bg-surface);flex-shrink:0;z-index:2}.med-card.taken .med-check{background:var(--text-primary);border-color:var(--text-primary);box-shadow:0 0 15px #fff6}.med-card.taken .med-check svg{stroke:#000}.med-card.taken .med-name,.med-card.taken .med-time{color:var(--text-tertiary);opacity:.5}.med-card--missed{border-color:var(--accent-red);background:#ff50501f;box-shadow:0 0 0 1px var(--accent-red)}.med-card--missed .med-check{background:transparent;border-color:var(--accent-red);color:var(--accent-red)}.med-card.taken{border-color:transparent;background:var(--bg-surface);box-shadow:none}.nav-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:90%;max-width:400px;height:64px;background:#14191eb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:32px;display:flex;justify-content:space-evenly;align-items:center;padding:0;z-index:100;box-shadow:0 10px 40px #00000080}.nav-bar a,.nav-bar button.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:all .3s ease;position:relative;padding:10px;font:inherit}.nav-bar a.active,.nav-bar button.nav-item.active{color:var(--text-primary)}.nav-bar svg{width:20px;height:20px;stroke-width:1.5px}.nav-bar a.active svg,.nav-bar button.nav-item.active svg{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.nav-bar a.active:after,.nav-bar button.nav-item.active:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff}.nav-bar a.nav-item-premium-teaser{color:#b4a55ae6}.nav-bar a.nav-item-premium-teaser svg{filter:drop-shadow(0 0 4px rgba(180,165,90,.4))}.nav-bar .nav-item-premium-ripple{position:relative;display:flex;align-items:center;justify-content:center}.nav-bar .nav-item-premium-ripple:before,.nav-bar .nav-item-premium-ripple:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(180,165,90,.5);animation:nav-premium-ripple 2.2s ease-out infinite;pointer-events:none}.nav-bar .nav-item-premium-ripple:after{animation-delay:1.1s}@keyframes nav-premium-ripple{0%{transform:scale(.6);opacity:.5}to{transform:scale(1.15);opacity:0}}.chart-container{height:180px;display:flex;align-items:flex-end;justify-content:space-between;padding:20px 0;margin-bottom:30px;gap:4px}.bar{flex:1;min-width:8px;border-radius:4px;position:relative;transition:height 1s var(--transition-smooth)}button.bar.bar--chart{display:flex;align-items:flex-end;justify-content:center;border:none;padding:0;font:inherit;color:inherit;background:inherit;cursor:default}button.bar.bar--chart.bar--clickable{cursor:pointer}.bar.bar--today{background:linear-gradient(0deg,#00ccff4d,#00ccffb3);border:1px solid rgba(0,201,177,.35)}.bar.bar--today.filled{background:linear-gradient(0deg,#00ccff4d,#00ccffb3);box-shadow:0 0 12px #ffffff14}.bar.bar--ok{background:#ffffff1f}.bar.bar--ok.filled{background:#00c9b180;box-shadow:0 0 16px #00c9b140}.bar.bar--warn{background:#ffffff1a}.bar.bar--warn.filled{background:#e6aa3c80;box-shadow:0 0 12px #e6aa3c4d}.bar.bar--bad{background:#ffffff14}.bar.bar--bad.filled{background:var(--accent-red);box-shadow:0 0 12px #ff50504d}.bar.bar--future{background:#ffffff14;opacity:.7}.bar-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-tertiary);font-weight:500}.bar-label--today{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 0 15px var(--bg-surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:500}.input-group{margin-bottom:24px}.input-field{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);padding:16px;border-radius:var(--radius-md);font-size:14px;font-family:inherit;outline:none;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-field:focus{border-color:var(--text-secondary);background:var(--bg-surface-elevated);box-shadow:0 0 20px var(--bg-surface-elevated)}.input-field::placeholder{color:var(--text-tertiary);letter-spacing:1px}input[type=date],input[type=time]{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);padding:16px;border-radius:var(--radius-md);font-size:14px;font-family:inherit}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5}.fab{position:fixed;bottom:110px;right:24px;width:48px;height:48px;border-radius:50%;background:#00c9b126;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,201,177,.3);color:var(--text-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #00000059;z-index:90;cursor:pointer;transition:all .3s var(--transition-smooth);text-decoration:none}.fab-icon{position:relative;z-index:1;width:26px;height:26px;flex-shrink:0;display:block}.fab:hover{background:var(--bg-surface-elevated);border-color:var(--border-active);box-shadow:0 4px 28px #0006,0 0 20px #00c9b133}.fab:active{transform:scale(.94)}.fab--empty{background:#00c9b133;border-color:var(--accent-solid);color:var(--accent-solid);box-shadow:0 4px 24px #00000059,0 0 16px #00c9b140}.fab--empty:hover{background:#00c9b14d;box-shadow:0 4px 28px #0006,0 0 24px #00c9b159}.fab-pulse{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;border:2px solid var(--accent-solid);opacity:0;animation:fab-pulse 2s ease-out infinite;pointer-events:none}.fab-pulse--2{animation-delay:.6s}@keyframes fab-pulse{0%{transform:scale(.6);opacity:.6}to{transform:scale(1.5);opacity:0}}.header-date{display:flex;justify-content:center;align-items:center;margin-bottom:40px;padding-top:30px;text-align:center;position:relative}.header-date>.header-center{display:flex;flex-direction:column;align-items:center}.header-date--compact{margin-bottom:16px}.view-container--today{padding-top:0}.header-date--today{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding-top:40px;margin-bottom:24px}.header-date--today:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:100vw;top:0;bottom:-32px;min-height:120px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .28s ease-in-out}.header-date--today.header-date--scrolled:before{opacity:1;background:linear-gradient(to bottom,var(--bg-body) 0%,var(--bg-body) 65%,transparent 100%);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.header-date--today .header-date__left,.header-date--today .header-date__right{flex:0 0 56px;min-width:56px;display:flex;align-items:center;justify-content:center}.header-date--today .header-date__right{justify-content:flex-end}.header-date--today .header-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.header-date-label{opacity:.6;margin-bottom:4px}.header-date-display{font-size:18px;letter-spacing:4px}.header-date__placeholder{display:block;width:40px;height:40px}.header-counter{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-secondary);letter-spacing:.5px}.header-bell{position:relative;width:40px;height:40px;border:none;background:transparent;color:var(--accent-solid);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;animation:header-bell-shake 2.5s ease-in-out infinite}.header-bell-icon{position:relative;z-index:1;width:22px;height:22px}.header-bell-pulse{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;border:2px solid var(--accent-solid);opacity:0;animation:header-bell-pulse 2s ease-out infinite;pointer-events:none}.header-bell-pulse--2{animation-delay:.6s}@keyframes header-bell-shake{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-12deg)}94%{transform:rotate(12deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(8deg)}}@keyframes header-bell-pulse{0%{transform:scale(.5);opacity:.6}to{transform:scale(1.4);opacity:0}}.header-bell--hiding{animation:header-bell-hide .2s ease-out forwards;pointer-events:none}@keyframes header-bell-hide{to{opacity:0;transform:scale(.8)}}.calendar-strip{display:flex;justify-content:space-between;margin-bottom:40px;padding:0 10px;gap:12px}.calendar-strip--centered{max-width:380px;margin-left:auto;margin-right:auto;justify-content:space-evenly}.day-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.day-circle-pulse{animation:day-pulse .35s ease-out}@keyframes day-pulse{0%{transform:scale(1)}55%{transform:scale(1.14)}to{transform:scale(1)}}.day-circle{width:44px;height:44px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-tertiary);border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;flex:0 0 44px;font-family:inherit}.day-circle--clickable{cursor:pointer}.day-circle--clickable:hover:not(.active){color:var(--text-secondary)}.day-circle--disabled{opacity:.4;cursor:default}.day-circle.active{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-subtle);box-shadow:0 0 15px var(--bg-surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.day-circle--today{border:2px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px #ffffff4d}.day-status-dot{width:10px;height:10px;border-radius:50%;background:transparent;flex-shrink:0}.day-status-dot--warn{border:2px solid rgba(230,170,60,.9)}.day-status-dot--bad{border:2px solid rgba(255,80,80,.9)}.today-content-wrap{width:100%;touch-action:pan-y pinch-zoom}@keyframes today-day-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.today-day-content{animation:today-day-in .28s ease-out}.day-complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:day-complete-fade-in .35s ease-out;transition:opacity .35s ease-out}.day-complete-overlay--exiting{opacity:0}.day-complete-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1}@keyframes day-complete-fade-in{0%{opacity:0}to{opacity:1}}.day-complete-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.day-complete-particle{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--accent-solid);box-shadow:0 0 8px var(--accent-solid);animation:day-complete-burst 1.2s ease-out forwards;opacity:0;transform:rotate(var(--particle-angle)) translateY(0) scale(.5)}.day-complete-particle:nth-child(odd){background:#ffffffe6;box-shadow:0 0 10px #fff9}.day-complete-particle:nth-child(3n){animation-delay:.05s}.day-complete-particle:nth-child(3n+1){animation-delay:.1s}@keyframes day-complete-burst{0%{opacity:1;transform:rotate(var(--particle-angle)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--particle-angle)) translateY(-80px) scale(.2)}}.day-complete-card{position:relative;z-index:2;background:var(--bg-surface-elevated);border:1px solid var(--border-active);border-radius:var(--radius-lg);padding:28px 36px;text-align:center;box-shadow:0 0 40px var(--accent-glow),0 20px 60px #0006;animation:day-complete-card-in .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes day-complete-card-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.day-complete-emoji{display:block;font-size:36px;margin-bottom:12px;filter:drop-shadow(0 0 12px var(--accent-solid))}.day-complete-title{display:block;font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);margin-bottom:4px}.day-complete-sub{display:block;font-size:12px;color:var(--text-tertiary);letter-spacing:1px}.welcome-back-backdrop{background:#0009}.welcome-back-card{border-color:#d4af3799;box-shadow:0 0 40px #d4af3740,0 20px 60px #0006;background:linear-gradient(145deg,#1e1c14f2,#14120cfa)}.welcome-back-emoji{filter:drop-shadow(0 0 12px rgba(212,175,55,.6))}.welcome-back-title{color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.4)}.calendar-strip-wrap{display:flex;align-items:flex-start;gap:8px;margin-bottom:40px;padding:0 10px;max-width:100%}.calendar-strip-arrow{flex-shrink:0;width:44px;height:44px;margin-top:8px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}.calendar-strip-arrow:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.calendar-strip--scrollable{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;display:flex;gap:12px;padding:8px 0;margin-bottom:0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.calendar-strip--scrollable::-webkit-scrollbar{display:none}.calendar-strip--scrollable>span{flex-shrink:0}.stat-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.stat-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.stat-cards-grid .stat-card{margin-bottom:0}.stat-card.clickable{cursor:pointer;transition:background .2s,border-color .2s}.stat-card.clickable:hover{background:var(--bg-surface-elevated);border-color:var(--border-active)}.stat-value{font-size:18px;font-weight:300;letter-spacing:1px;color:var(--text-primary)}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:4px}.medication-week-block{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;margin-bottom:12px}.medication-week-block .medication-week-list{list-style:none;padding:0;margin:0}.medication-week-block .medication-week-list li{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:14px;color:var(--text-primary)}.medication-week-block .medication-week-list li:last-child{border-bottom:none}.med-list-card{display:flex;justify-content:flex-start;align-items:center;gap:20px}.med-list-card .med-icon{width:32px;height:32px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.med-list-card .med-chevron{margin-left:auto;color:var(--text-tertiary);font-weight:100;font-size:20px}.bottom-sheet{width:100%;min-height:92vh;background:var(--bg-sheet);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border-subtle);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);display:flex;flex-direction:column;box-shadow:0 -10px 40px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.handle-bar{width:36px;height:4px;background:#ffffff26;border-radius:2px;margin:12px auto 24px}.sheet-header{padding:0 16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}.sheet-header .btn-done{flex-shrink:0;min-width:72px;white-space:nowrap}.sheet-header .text-display{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,4vw,18px);letter-spacing:2px}@media (max-width: 380px){.sheet-header{padding:0 12px 16px;gap:8px}.sheet-header .btn-done{min-width:64px;font-size:14px}}.btn-done{background:none;border:none;color:var(--text-primary);font-weight:500;font-size:15px;cursor:pointer;padding:0;font-family:inherit}.btn-done.muted{color:var(--text-secondary)}.input-stack{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:0 20px;overflow:hidden}.input-row{display:flex;align-items:center;padding:16px 20px;position:relative}.input-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:20px;right:0;height:1px;background:var(--border-subtle)}.row-label{font-size:13px;color:var(--text-secondary);width:100px;flex-shrink:0}.row-label-hint{font-size:11px;color:var(--text-tertiary);font-weight:400}.row-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:15px;outline:none;font-family:inherit;text-align:right}.row-input::placeholder{color:var(--text-tertiary)}.date-picker-wrap{width:fit-content;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative;min-height:24px;cursor:pointer}.date-picker-display{color:var(--text-primary);font-size:15px;text-align:right;pointer-events:none}.date-picker-display--placeholder{color:var(--text-tertiary)}.date-picker-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;cursor:pointer;font-size:16px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text-tertiary);padding:32px 24px 12px;font-weight:600}.delete-container{margin-top:auto;padding:40px 20px;text-align:center}.btn-delete{background:transparent;border:1px solid rgba(255,80,80,.2);color:var(--accent-red);padding:16px;width:100%;border-radius:var(--radius-md);font-size:14px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-delete.confirming{background:#ff50500d;border-color:var(--accent-red);box-shadow:0 0 20px #ff505026;color:#ff7070}.time-display-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1}.time-picker-trigger-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;cursor:pointer}.time-picker-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;cursor:pointer;font-size:16px}.time-picker-icon{position:relative;pointer-events:none;display:flex;align-items:center;justify-content:center}.time-pill{background:var(--bg-surface-elevated);padding:6px 12px;border-radius:6px;border:1px solid var(--border-subtle);font-size:15px;color:var(--text-primary);font-variant-numeric:tabular-nums}.btn-icon{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;color:inherit}.btn-add-row{color:#4facfe;font-size:14px;font-weight:500;padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;background:none;border:none;font-family:inherit;width:100%}.accordion-item{background:var(--bg-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;transition:all .3s var(--transition-smooth)}.accordion-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-header .text-label{color:var(--text-primary);letter-spacing:1px;font-size:11px}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s var(--transition-smooth),padding .4s var(--transition-smooth);padding:0 24px;min-width:0}.accordion-item.active{border-color:var(--border-active);background:var(--bg-surface-elevated)}.accordion-item.active .accordion-content{max-height:200px;padding-bottom:24px}.accordion-chevron{width:12px;height:12px;color:var(--text-tertiary);transition:transform .3s;flex-shrink:0}.accordion-item.active .accordion-chevron{transform:rotate(180deg)}.settings-accordion-item.active .accordion-content.settings-accordion-content{max-height:480px;padding-top:16px;padding-bottom:24px}.settings-accordion-item.active .accordion-content.settings-accordion-content--tall{max-height:560px}.settings-accordion-item.active .accordion-content.settings-accordion-content--storage{max-height:1200px;overflow:visible}.settings-storage-options{display:flex;flex-direction:column;gap:10px}.settings-storage-option{display:flex;flex-direction:column;gap:0;min-width:0}.settings-storage-option-content{margin:0 12px 12px;padding:14px 16px;border-left:3px solid var(--border-active);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--bg-surface);min-width:0}@media (max-width: 400px){.accordion-content{padding:0 16px}}.checkbox-styled{display:inline-flex;align-items:center;gap:10px;cursor:pointer;position:relative;padding-left:0}.checkbox-styled input{position:absolute;opacity:0;width:20px;height:20px;margin:0;cursor:pointer;left:0;top:50%;transform:translateY(-50%);z-index:1}.checkbox-styled:before{content:"";width:20px;height:20px;flex-shrink:0;border:2px solid var(--border-subtle);border-radius:4px;background:var(--bg-surface);transition:border-color .2s,background .2s}.checkbox-styled:has(input:focus-visible):before{outline:2px solid var(--accent-solid);outline-offset:2px}.checkbox-styled:has(input:checked):before{background:var(--accent-solid);border-color:var(--accent-solid)}.checkbox-styled:after{content:"";position:absolute;left:10px;top:50%;width:6px;height:12px;box-sizing:border-box;border-right:2px solid transparent;border-bottom:2px solid transparent;opacity:0;transform:translate(-50%,-50%) rotate(45deg);transition:opacity .2s;pointer-events:none}.checkbox-styled:has(input:checked):after{border-color:#fff;opacity:1}.settings-radio-group{display:flex;flex-direction:column;gap:10px}.settings-radio-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text-primary);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.settings-radio-option:not(.settings-radio-option--selected) .settings-radio-label{color:var(--text-tertiary);font-weight:400}.settings-radio-option:not(.settings-radio-option--selected) .settings-radio-desc{color:var(--text-tertiary);opacity:.8}.settings-radio-option:hover:not(.settings-radio-option--selected){border-color:var(--border-subtle);background:#ffffff0a}.settings-radio-option:hover:not(.settings-radio-option--selected) .settings-radio-label,.settings-radio-option:hover:not(.settings-radio-option--selected) .settings-radio-desc{color:var(--text-secondary);opacity:1}.settings-radio-option--selected{background:var(--bg-surface-elevated);border-color:var(--border-active);box-shadow:0 0 0 1px var(--border-active)}.settings-radio-option--selected .settings-radio-label{color:var(--text-primary);font-weight:500}.settings-radio-option--selected .settings-radio-desc{color:var(--text-secondary)}.settings-radio-option--disabled{opacity:.7}.settings-radio-label{font-weight:500;color:var(--text-primary)}.settings-radio-desc{font-size:12px;color:var(--text-secondary);font-weight:400}.settings-radio-option--featured .settings-radio-label{display:flex;align-items:center;gap:8px}.settings-radio-featured-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#f5c518;filter:drop-shadow(0 0 4px rgba(245,197,24,.4));animation:settings-featured-float 2.5s ease-in-out infinite}.settings-radio-featured-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(245,197,24,.5);animation:settings-featured-pulse 1.8s ease-out infinite;pointer-events:none}.settings-radio-featured-pulse--2{animation-delay:.5s}@keyframes settings-featured-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}@keyframes settings-featured-pulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.4);opacity:0}}.settings-minutes-picker{display:flex;flex-wrap:wrap;gap:10px}.settings-minute-option{padding:12px 18px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-primary);font-size:15px;font-family:inherit;cursor:pointer;transition:border-color .2s,background .2s}.settings-minute-option:hover{border-color:var(--border-active)}.settings-minute-option--selected{background:var(--accent-solid);border-color:var(--accent-solid);color:#000}.settings-theme-current{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:10px}.settings-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 420px){.settings-theme-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 600px){.settings-theme-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (min-width: 900px){.settings-theme-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1200px){.settings-theme-grid{grid-template-columns:repeat(7,1fr);gap:12px}}.settings-theme-block{display:flex;flex-direction:column;align-items:stretch;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s;font-family:inherit}.settings-theme-block:hover{border-color:var(--border-subtle)}.settings-theme-block--selected{border-color:var(--accent-solid);box-shadow:0 0 0 1px var(--accent-solid)}.settings-theme-preview{aspect-ratio:16 / 10;min-height:28px;border-radius:3px 3px 0 0;border-bottom:2px solid transparent;position:relative}.settings-theme-preview-accent{position:absolute;bottom:0;left:0;right:0;height:4px}.settings-theme-block-label{padding:4px 6px;font-size:9px;color:var(--text-secondary);text-align:center;background:var(--bg-surface);text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.settings-theme-block--selected .settings-theme-block-label{color:var(--text-primary);font-weight:500;background:var(--bg-surface-elevated)}.settings-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-family:inherit}.settings-timezone-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;overflow-x:hidden;padding:6px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);min-width:0;max-width:100%}.settings-timezone-option{display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:15px;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s,color .15s;overflow-wrap:break-word;word-break:break-word}.settings-timezone-option:hover{background:#ffffff0f;color:var(--text-primary)}.settings-timezone-option--selected{background:var(--bg-surface-elevated);color:var(--text-primary);font-weight:500;border:1px solid var(--border-active);box-shadow:0 0 0 1px var(--border-active)}.export-btn{width:100%;background:#ffffff1a;border:1px solid var(--border-subtle);color:var(--text-primary);padding:12px;border-radius:var(--radius-sm);font-size:10px;text-transform:uppercase;letter-spacing:2px;margin-top:16px;cursor:pointer;transition:background .2s;font-family:inherit}.export-btn:active{background:#fff3}.export-btn--premium{margin-top:0;font-size:12px;font-weight:600;background:linear-gradient(135deg,#f0c14b,#e5a823);border-color:#e5a82380;color:#1a1a1a;box-shadow:0 2px 12px #f0c14b4d}.export-btn--premium:active{background:linear-gradient(135deg,#e5a823,#d49420)}.description{font-size:12px;color:var(--text-secondary);line-height:1.4}.header-btn{position:absolute;left:0;background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 16px;border-radius:20px;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-family:inherit}.btn-primary{background:var(--bg-surface-elevated);border:1px solid var(--border-active);color:var(--text-primary);padding:12px 20px;border-radius:var(--radius-md);font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s}.btn-primary:active{background:var(--bg-surface)}::-webkit-scrollbar{display:none}.sync-toast{position:fixed;top:var(--space-md);right:var(--space-md);z-index:1100;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 4px 20px #00000040;color:var(--text-primary);font-size:14px;transform:translate(120%);opacity:0;transition:transform .28s var(--transition-smooth),opacity .2s ease-out;pointer-events:none}.sync-toast--visible{transform:translate(0);opacity:1}.sync-toast--exiting{transform:translate(120%);opacity:0}.sync-toast--error{background:var(--accent-red);border-color:#ff505080;color:#fff}.sync-toast--error .sync-toast__icon{color:#fff}.sync-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-solid)}.sync-toast__message{font-weight:500}.sync-toast-spinner{animation:sync-toast-spin .8s linear infinite}@keyframes sync-toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}