.reload-button{width:180px;height:180px;border-radius:var(--radius-full);border:none;background:linear-gradient(145deg,var(--color-ember),var(--color-ember-dark));color:#fff;font-size:1.25rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 8px 24px #e8743b59,0 4px 8px #e8743b33;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.reload-button:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.02);box-shadow:0 12px 32px #0000004d,0 6px 12px #0003}.reload-button:active:not(:disabled){transform:translate(-50%,-50%) scale(.98);box-shadow:0 4px 12px #0003,0 2px 4px #0000001a}.reload-button:disabled{cursor:not-allowed;opacity:.8}.reload-button__icon{width:48px;height:48px}.reload-button__icon svg{width:100%;height:100%}.reload-button__spinner{stroke-dasharray:60;stroke-dashoffset:0;animation:spinner 1s linear infinite;transform-origin:center}.reload-button__text{text-transform:uppercase;letter-spacing:.05em}@keyframes pulse{0%,to{box-shadow:0 8px 24px #e8743b59,0 4px 8px #e8743b33}50%{box-shadow:0 8px 32px #e8743b80,0 4px 12px #e8743b4d}}@keyframes spinner{0%{stroke-dashoffset:60}to{stroke-dashoffset:-60}}.reload-button-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:220px;height:240px;justify-content:flex-end;padding-bottom:10px}.reload-button--paused{background:linear-gradient(145deg,#7f8c8d,#95a5a6);box-shadow:0 8px 24px #7f8c8d59,0 4px 8px #7f8c8d33}.reload-button--paused:hover:not(:disabled){box-shadow:0 12px 32px #7f8c8d66,0 6px 12px #7f8c8d40}.paused-indicator{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);color:var(--color-ash);font-size:.875rem;font-style:italic;white-space:nowrap}.pause-ring{position:absolute;top:0;left:0;width:220px;height:240px;touch-action:none;z-index:0;cursor:grab;transform-origin:110px 130px}.pause-ring--dragging{cursor:grabbing}.pause-ring__shape{width:100%;height:100%}.pause-ring__icon-wrapper{position:absolute;top:20px;left:50%;transform:translate(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pause-ring__icon{width:10px;height:10px;color:#fff;opacity:.9}.reload-button{position:absolute;top:130px;left:110px;transform:translate(-50%,-50%);z-index:1;box-shadow:0 8px 24px #00000040,0 4px 8px #00000026}.reload-button--pressed{transform:translate(-50%,-50%) scale(.95)}.load-size-dial{display:flex;flex-direction:column;align-items:center;width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.load-size-dial__svg{width:100%;max-width:320px;height:auto;cursor:pointer}.load-size-dial__segment{fill:#00000014;stroke:#0000000d;stroke-width:1;transition:fill .15s ease}.load-size-dial__segment--filled{fill:var(--color-ember, #E8743B);stroke:var(--color-ember-dark, #C85A28)}.load-size-dial__label{font-size:12px;font-weight:500;fill:var(--color-ash, #95A5A6);pointer-events:none}.load-size-dial__status{margin-top:4px;text-align:center;min-height:24px}.load-size-dial__value{font-size:.9rem;font-weight:500;color:var(--color-charcoal, #2C3E50)}.load-size-dial__hint{font-size:.8rem;color:var(--color-ash, #95A5A6);font-style:italic}.edit-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:1rem}@media(min-width:480px){.edit-modal-backdrop{align-items:center}}.edit-modal{background:var(--color-cream, #FAF7F2);border-radius:1rem 1rem 0 0;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 -4px 20px #00000026;animation:slideUp .2s ease-out;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(min-width:480px){.edit-modal{border-radius:1rem;box-shadow:0 4px 20px #00000026;animation:fadeIn .2s ease-out}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.edit-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.1)}.edit-modal__title{font-size:1.125rem;font-weight:600;color:var(--color-charcoal, #2C3E50);margin:0}.edit-modal__close{background:none;border:none;font-size:1.5rem;color:var(--color-ash, #95A5A6);cursor:pointer;padding:.25rem;line-height:1}.edit-modal__close:hover{color:var(--color-charcoal, #2C3E50)}.edit-modal__content{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.edit-modal__field{display:flex;flex-direction:column;gap:.5rem}.edit-modal__label{font-size:.875rem;font-weight:500;color:var(--color-charcoal, #2C3E50)}.edit-modal__input,.edit-modal__textarea{font-family:inherit;font-size:1rem;padding:.75rem;border:1px solid rgba(0,0,0,.15);border-radius:.5rem;background:#fff;color:var(--color-charcoal, #2C3E50);transition:border-color .15s,box-shadow .15s;user-select:text;-webkit-user-select:text}.edit-modal__input:focus,.edit-modal__textarea:focus{outline:none;border-color:var(--color-ember, #E8743B);box-shadow:0 0 0 3px #e8743b26}.edit-modal__textarea{resize:vertical;min-height:100px}.edit-modal__textarea::placeholder{color:var(--color-ash, #95A5A6)}.edit-modal__actions{display:flex;gap:.75rem;padding:1rem 1.25rem 1.5rem;border-top:1px solid rgba(0,0,0,.1)}.edit-modal__btn{flex:1;font-family:inherit;font-size:1rem;font-weight:500;padding:.875rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.edit-modal__btn:active{transform:scale(.98)}.edit-modal__btn--cancel{background:#00000014;color:var(--color-charcoal, #2C3E50)}.edit-modal__btn--cancel:hover{background:#0000001f}.edit-modal__btn--save{background:var(--color-ember, #E8743B);color:#fff;box-shadow:0 2px 8px #e8743b4d}.edit-modal__btn--save:hover{box-shadow:0 4px 12px #e8743b66}.load-size-indicator{flex-shrink:0;display:block}.load-size-indicator--small{width:32px;height:18px;margin-bottom:5px}.load-size-indicator--tiny{width:24px;height:14px;margin-bottom:2px}.load-size-indicator__segment{fill:#0000001a;transition:fill .15s ease}.load-size-indicator__segment--filled{fill:var(--color-ember, #E8743B)}.load-size-indicator--unset .load-size-indicator__segment{fill:#0000000f}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.paged-view{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.paged-view .swiper{width:100%}.paged-view .swiper-slide{height:auto}.paged-view-slide-content{display:flex;flex-direction:column;align-items:center;width:100%}.paged-view-pips{display:flex;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;min-height:16px}.paged-view-pip{width:8px;height:8px;border-radius:50%;background:var(--color-ash-light);cursor:pointer;transition:all .2s ease}.paged-view-pip:hover{background:var(--color-ash)}.paged-view-pip--active{background:var(--color-ember);transform:scale(1.2)}.paged-view-pip--active:hover{background:var(--color-ember)}.reload-history{width:100%;max-width:400px}.reload-history__title{font-size:1rem;font-weight:600;color:var(--color-charcoal);margin-bottom:var(--spacing-md);text-align:center}.reload-history__loading,.reload-history__empty{text-align:center;color:var(--color-ash);font-size:.875rem;padding:var(--spacing-lg)}.reload-history__list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.reload-history__item-wrapper{position:relative}.reload-history__action{position:absolute;top:0;left:0;bottom:0;border:none;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;z-index:0;transition:background-color .2s ease;border-radius:var(--radius-md) 0 0 var(--radius-md)}.reload-history__action--edit{background:var(--color-ember, #E8743B)}.reload-history__action--delete{background:#dc3545}.reload-history__action--animating{transition:background-color .2s ease,width .2s ease-out}.reload-history__item{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001f;display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative;z-index:1;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;will-change:transform}.reload-history__item--animating{transition:transform .2s ease-out}.reload-history__item--current{background:linear-gradient(135deg,#fff,#fef6f2);border-left:3px solid var(--color-ember)}.reload-history__item-wrapper.reload-history__item--pending .reload-history__item{color:var(--color-ash)}.reload-history__item-wrapper.reload-history__item--pending .reload-history__item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(232,116,59,.15) 0%,rgba(232,116,59,.05) 50%,transparent 100%);animation:sync-sweep 1.5s ease-in-out infinite;pointer-events:none;border-radius:var(--radius-md)}.reload-history__item-wrapper.reload-history__item--pending .reload-history__timestamp{color:var(--color-ash)}@keyframes sync-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reload-history__row{display:flex;justify-content:space-between;align-items:center}.reload-history__left{display:flex;align-items:flex-end;gap:.5rem}.reload-history__timestamp{font-size:.875rem;color:var(--color-ash)}.reload-history__elapsed{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-ember);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.reload-history__duration{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-charcoal);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.reload-history__right{display:flex;align-items:center;gap:.5rem}.reload-history__notes{font-size:.75rem;color:var(--color-ash)}.reload-history__avatar{width:16px;height:16px;border-radius:50%}.reload-history__wing{position:absolute;top:0;bottom:0;border:none;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-out;pointer-events:none}.reload-history__wing--edit{left:0;width:72px;padding-right:12px;background:var(--color-ember, #E8743B);border-radius:var(--radius-md) 0 0 var(--radius-md)}.reload-history__wing--delete{right:0;width:72px;padding-left:12px;background:#dc3545;border-radius:0 var(--radius-md) var(--radius-md) 0}@media(hover:hover){.reload-history__item-wrapper:hover .reload-history__wing{pointer-events:auto}.reload-history__item-wrapper:hover .reload-history__wing--edit{transform:translate(calc(-100% + 12px))}.reload-history__item-wrapper:hover .reload-history__wing--delete{transform:translate(calc(100% - 12px))}.reload-history__wing:hover{filter:brightness(1.1)}}@media(hover:none){.reload-history__wing{display:none}}.reload-chart{width:100%;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a}.reload-chart-title{font-size:1rem;font-weight:600;color:var(--color-charcoal);margin-bottom:var(--spacing-xs);text-align:center}.reload-chart-subtitle{font-size:.75rem;color:var(--color-ash);margin-bottom:var(--spacing-md);text-align:center}.reload-chart-container{position:relative;width:100%;min-height:200px}.reload-chart .uplot{width:100%}.reload-chart .u-wrap{width:100%!important}.reload-chart canvas{display:block!important}.reload-chart-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-ash);font-size:.875rem}.correlation-label{position:relative;cursor:help;border-bottom:1px dotted var(--color-ash)}.correlation-popover{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;padding:6px 10px;background:var(--color-charcoal);color:var(--color-surface);font-size:.7rem;border-radius:var(--radius-sm);white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0003}.correlation-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-charcoal)}.chart-tooltip{display:none;position:absolute;transform:translate(-50%);padding:4px 8px;background:var(--color-charcoal);color:var(--color-surface);font-size:.75rem;border-radius:var(--radius-sm);white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0003;pointer-events:none}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-charcoal)}.overnight-chart-container{width:100%;padding:var(--spacing-md) 0}.overnight-bars{display:flex;justify-content:center;align-items:flex-end;gap:var(--spacing-xl);height:160px;padding-bottom:48px}.overnight-bar-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:80px;height:100%;cursor:pointer}.overnight-bar-value{position:absolute;bottom:100%;margin-bottom:4px;font-size:1rem;font-weight:600;color:var(--color-charcoal)}.overnight-bar{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .3s ease;min-height:4px}.overnight-bar-night{background:linear-gradient(to top,#2c3e50,#34495e)}.overnight-bar-day{background:linear-gradient(to top,#e8743b,#f5a623)}.overnight-bar-label{position:absolute;top:100%;margin-top:8px;font-size:.875rem;font-weight:500;color:var(--color-charcoal)}.overnight-bar-sublabel{position:absolute;top:100%;margin-top:26px;font-size:.7rem;color:var(--color-ash)}.overnight-tooltip{position:absolute;bottom:calc(100% + 32px);left:50%;transform:translate(-50%);padding:8px 12px;background:var(--color-charcoal);color:var(--color-surface);font-size:.75rem;border-radius:var(--radius-sm);white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0003;line-height:1.5}.overnight-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-charcoal)}.daily-chart{width:100%;padding:var(--spacing-sm) 0}.daily-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}@media(min-width:480px){.daily-chart-bars{gap:24px}}.daily-bar-column{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.daily-bar-area{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;height:120px;width:100%}.daily-bar-value{font-size:.7rem;font-weight:600;color:var(--color-charcoal);margin-bottom:4px;min-height:14px;text-align:center}.daily-bar{width:100%;background:linear-gradient(to top,#d35400,#e8743b);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .3s ease;min-height:2px}.daily-bar-label{font-size:.7rem;color:var(--color-ash);margin-top:6px}.heatmap-container{position:relative;width:100%;padding:var(--spacing-sm) 0}.heatmap-hour-labels{display:flex;margin-bottom:4px}.heatmap-day-label-spacer{width:32px;flex-shrink:0}.heatmap-hour-label{flex:1;font-size:.6rem;color:var(--color-ash);text-align:center}.heatmap-row{display:flex;gap:1px;margin-bottom:1px}.heatmap-day-label{width:32px;flex-shrink:0;font-size:.65rem;color:var(--color-ash);display:flex;align-items:center}.heatmap-cell{position:relative;flex:1;aspect-ratio:1;border-radius:2px;cursor:pointer;transition:transform .1s ease;border:1px solid var(--color-cream)}.heatmap-cell:hover,.heatmap-cell-active{transform:scale(1.2);z-index:10;border-color:var(--color-charcoal)}.heatmap-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;padding:6px 10px;background:var(--color-charcoal);color:var(--color-surface);font-size:.75rem;border-radius:var(--radius-sm);white-space:nowrap;z-index:20;box-shadow:0 2px 8px #0003}.heatmap-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-charcoal)}.heatmap-tooltip-left{left:50%;transform:translate(-10%)}.heatmap-tooltip-left:after{left:10%;transform:translate(-50%)}.heatmap-tooltip-right{left:50%;transform:translate(-90%)}.heatmap-tooltip-right:after{left:90%;transform:translate(-50%)}.consumption-stats{display:flex;justify-content:space-around;gap:var(--spacing-md);padding:var(--spacing-md) 0}.consumption-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.consumption-stat--primary .consumption-stat__value{color:var(--color-ember)}.consumption-stat__value{font-size:1.25rem;font-weight:700;color:var(--color-charcoal);line-height:1.2}.consumption-stat__label{font-size:.75rem;color:var(--color-ash);margin-top:2px}.consumption-stat__detail{font-size:.65rem;color:var(--color-ash);opacity:.7}.consumption-coverage{text-align:center;font-size:.7rem;color:var(--color-ash);margin-top:var(--spacing-sm);font-style:italic}.reload-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;color:var(--color-ash);font-size:.875rem;text-align:center;padding:var(--spacing-md)}.reload-chart-empty-sub{font-size:.75rem;margin-top:var(--spacing-xs);opacity:.7}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.analytics-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);min-height:300px;gap:var(--spacing-md)}.analytics-placeholder-icon{font-size:3rem;opacity:.8}.analytics-placeholder-title{font-size:1.25rem;font-weight:600;color:var(--color-charcoal);margin:0}.analytics-placeholder-message{font-size:.95rem;color:var(--color-ash);max-width:280px;line-height:1.5;margin:0}.analytics-placeholder-progress{width:100%;max-width:240px;margin-top:var(--spacing-sm)}.analytics-placeholder-progress-bar{height:8px;background:var(--color-cream);border-radius:4px;overflow:hidden}.analytics-placeholder-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-ember),var(--color-flame));border-radius:4px;transition:width .3s ease}.analytics-placeholder-progress-text{font-size:.8rem;color:var(--color-ash);margin-top:var(--spacing-xs)}.analytics-placeholder-remaining{color:var(--color-ember);font-weight:500}.analytics-placeholder-hint{font-size:.75rem;color:var(--color-ash);opacity:.7;margin-top:var(--spacing-md)}.analytics-placeholder-tip{font-size:.75rem;color:var(--color-ash);max-width:280px;line-height:1.4;background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:360px;position:relative;animation:slideUp .2s ease;box-shadow:0 4px 24px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--color-ash);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color .2s ease}.login-modal-close:hover{color:var(--color-charcoal)}.login-modal-title{font-size:1.5rem;font-weight:600;color:var(--color-charcoal);margin-bottom:var(--spacing-xs);text-align:center}.login-modal-subtitle{font-size:.875rem;color:var(--color-ash);text-align:center;margin-bottom:var(--spacing-xl)}.login-modal-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.oauth-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:12px 16px;border-radius:4px;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:box-shadow .2s ease,background-color .2s ease}.oauth-button-icon,.oauth-button-text{flex-shrink:0}.oauth-button--google{background-color:#fff;border:1px solid #dadce0;color:#3c4043}.oauth-button--google:hover{background-color:#f7f8f8;box-shadow:0 1px 3px #0000001a}.oauth-button--google:active{background-color:#eee}.oauth-button--github{background-color:#24292f;border:1px solid #24292f;color:#fff}.oauth-button--github:hover{background-color:#31373d}.oauth-button--github:active{background-color:#20252b}.profile-page{width:100%;max-width:500px;margin:0 auto;padding:var(--spacing-lg)}.profile-header{margin-bottom:var(--spacing-xl)}.profile-user{display:flex;align-items:center;gap:var(--spacing-md)}.profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.profile-user-info{flex:1}.profile-name{font-size:1.5rem;font-weight:600;color:var(--color-charcoal);margin:0}.profile-email{font-size:.875rem;color:var(--color-ash);margin:var(--spacing-xs) 0 0}.profile-section{margin-bottom:var(--spacing-xl)}.profile-section-title{font-size:.875rem;font-weight:600;color:var(--color-ash);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.profile-loading,.profile-empty{color:var(--color-ash);font-size:.875rem;padding:var(--spacing-md);text-align:center}.profile-homes{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-home{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-md)}.profile-home-header{margin-bottom:var(--spacing-md)}.profile-home-header-top{display:flex;justify-content:space-between;align-items:center}.profile-home-name{font-size:1rem;font-weight:600;color:var(--color-charcoal);margin:0}.profile-home-shared{display:block;font-size:.75rem;color:var(--color-ash);margin-top:var(--spacing-xs)}.profile-home-empty{font-size:.875rem;color:var(--color-ash);margin:0}.profile-stoves{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-stove-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-cream);border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color .15s ease}.profile-stove-button:hover{background:#e8e0d5}.profile-stove-button:active{background:#ded6c9}.profile-stove-name{font-size:.9375rem;font-weight:500;color:var(--color-charcoal)}.profile-stove-arrow{font-size:1rem;color:var(--color-ash)}.profile-add-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px dashed var(--color-ash);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-ash);cursor:pointer;transition:all .15s ease}.profile-add-button:hover{border-color:var(--color-ember);color:var(--color-ember)}.profile-button--add{background:transparent;border:1px dashed var(--color-ash);color:var(--color-ash);margin-top:var(--spacing-md)}.profile-button--add:hover{border-color:var(--color-ember);color:var(--color-ember);background:transparent}.profile-add-form{display:flex;gap:var(--spacing-xs);width:100%}.profile-add-form--home{margin-top:var(--spacing-md)}.profile-add-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-cream);border-radius:var(--radius-sm);font-size:.875rem;background:#fff}.profile-add-input:focus{outline:none;border-color:var(--color-ember)}.profile-add-submit{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-ember);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .15s ease}.profile-add-submit:hover:not(:disabled){background:var(--color-ember-dark)}.profile-add-submit:disabled{opacity:.5;cursor:not-allowed}.profile-add-cancel{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-ash);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-ash);cursor:pointer;transition:all .15s ease}.profile-add-cancel:hover{border-color:var(--color-charcoal);color:var(--color-charcoal)}.profile-button{width:100%;padding:var(--spacing-md);background:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--color-charcoal);cursor:pointer;transition:background-color .15s ease}.profile-button:hover{background:var(--color-cream)}.profile-button:active{background:#e8e0d5}.profile-button:disabled{opacity:.5;cursor:not-allowed}.profile-button--danger{background:#fef2f2;color:#dc2626}.profile-button--danger:hover{background:#fee2e2}.profile-button--danger:active{background:#fecaca}.profile-section--danger{padding-top:var(--spacing-lg);border-top:1px solid var(--color-cream)}.profile-delete-confirm{background:#fef2f2;border-radius:var(--radius-md);padding:var(--spacing-md)}.profile-delete-warning{font-size:.875rem;color:#dc2626;margin-bottom:var(--spacing-md);line-height:1.5}.profile-delete-actions{display:flex;gap:var(--spacing-sm)}.profile-delete-actions .profile-button{flex:1}.profile-share-button{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-ember);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--color-ember);cursor:pointer;transition:all .15s ease}.profile-share-button:hover{background:var(--color-ember);color:#fff}.profile-invites{background:var(--color-cream);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-invites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.profile-invites-title{font-size:.8125rem;font-weight:600;color:var(--color-charcoal)}.profile-invite-create{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-ember);border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .15s ease}.profile-invite-create:hover:not(:disabled){background:var(--color-ember-dark)}.profile-invite-create:disabled{opacity:.5;cursor:not-allowed}.profile-invites-empty{font-size:.8125rem;color:var(--color-ash);margin:0}.profile-invite-new{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:#ecfdf5;border-radius:var(--radius-sm)}.profile-invite-link-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid #a7f3d0;border-radius:var(--radius-sm);font-size:.75rem;font-family:monospace;background:#fff}.profile-invite-link-input:focus{outline:none;border-color:#059669}.profile-invite-copy{padding:var(--spacing-xs) var(--spacing-sm);background:#059669;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:#fff;cursor:pointer;white-space:nowrap}.profile-invite-copy:hover{background:#047857}.profile-invites-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-invite{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:.8125rem}.profile-invite-code{font-family:monospace;font-weight:600;color:var(--color-charcoal)}.profile-invite-expires{color:var(--color-ash);flex:1}.profile-invite-copy-btn{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-ash);border-radius:var(--radius-sm);font-size:.6875rem;color:var(--color-ash);cursor:pointer;transition:all .15s ease}.profile-invite-copy-btn:hover{border-color:var(--color-charcoal);color:var(--color-charcoal)}.profile-invite-revoke{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid #dc2626;border-radius:var(--radius-sm);font-size:.6875rem;color:#dc2626;cursor:pointer;transition:all .15s ease}.profile-invite-revoke:hover{background:#dc2626;color:#fff}.profile-home-location{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.profile-home-location-button{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-ash);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-ash);cursor:pointer;transition:all .15s ease}.profile-home-location-button:hover:not(:disabled){border-color:var(--color-ember);color:var(--color-ember)}.profile-home-location-button:disabled{opacity:.5;cursor:not-allowed}.profile-home-location-set{font-size:.75rem;color:#059669}.profile-home-location-clear{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-ash);border-radius:var(--radius-sm);font-size:.6875rem;color:var(--color-ash);cursor:pointer;transition:all .15s ease}.profile-home-location-clear:hover{border-color:#dc2626;color:#dc2626}.profile-home-location-error{font-size:.75rem;color:#dc2626}.profile-stove-firebox{margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.profile-firebox-button{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px dashed var(--color-ash);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-ash);cursor:pointer;transition:all .15s ease}.profile-firebox-button:hover{border-color:var(--color-ember);color:var(--color-ember);border-style:solid}.profile-firebox-edit{display:flex;align-items:center;gap:var(--spacing-xs)}.profile-firebox-input{width:60px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-cream);border-radius:var(--radius-sm);font-size:.75rem;background:#fff;text-align:right}.profile-firebox-input:focus{outline:none;border-color:var(--color-ember)}.profile-firebox-input::-webkit-inner-spin-button,.profile-firebox-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.profile-firebox-unit{font-size:.75rem;color:var(--color-ash)}.profile-firebox-save{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-ember);border:none;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .15s ease}.profile-firebox-save:hover:not(:disabled){background:var(--color-ember-dark)}.profile-firebox-save:disabled{opacity:.5;cursor:not-allowed}.profile-firebox-cancel{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-ash);border-radius:var(--radius-sm);font-size:.6875rem;color:var(--color-ash);cursor:pointer;transition:all .15s ease}.profile-firebox-cancel:hover:not(:disabled){border-color:var(--color-charcoal);color:var(--color-charcoal)}.profile-firebox-cancel:disabled{opacity:.5;cursor:not-allowed}.join-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-cream)}.join-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:400px;width:100%;text-align:center;box-shadow:0 4px 24px #00000014}.join-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.join-icon--error{width:48px;height:48px;background:#fee2e2;color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-size:1.5rem;font-weight:700}.join-loading{color:var(--color-ash);padding:var(--spacing-xl)}.join-title{font-size:1.5rem;font-weight:700;color:var(--color-charcoal);margin-bottom:var(--spacing-sm)}.join-description{font-size:1rem;color:var(--color-ash);line-height:1.5;margin-bottom:var(--spacing-lg)}.join-error{font-size:1rem;color:#dc2626;margin-bottom:var(--spacing-lg)}.join-auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.join-auth-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s ease}.join-auth-icon{width:20px;height:20px}.join-auth-button--google{background:#fff;border:1px solid #e5e7eb;color:#374151}.join-auth-button--google:hover{background:#f9fafb;border-color:#d1d5db}.join-auth-button--github{background:#24292f;color:#fff}.join-auth-button--github:hover{background:#1b1f23}.join-about{border-top:1px solid var(--color-cream);padding-top:var(--spacing-lg);text-align:left}.join-about-title{font-size:.875rem;font-weight:600;color:var(--color-charcoal);margin-bottom:var(--spacing-xs)}.join-about-text{font-size:.875rem;color:var(--color-ash);line-height:1.5;margin:0}.join-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-ember);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:#fff;cursor:pointer;text-decoration:none;transition:background-color .15s ease}.join-button:hover{background:var(--color-ember-dark)}.join-button--primary{width:100%;margin-bottom:var(--spacing-md)}.join-button:disabled{opacity:.5;cursor:not-allowed}.join-link{display:inline-block;font-size:.875rem;color:var(--color-ash);text-decoration:none}.join-link:hover{color:var(--color-charcoal);text-decoration:underline}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:var(--spacing-lg)}.app-header{text-align:center;padding:var(--spacing-md) 0 var(--spacing-xl)}.app-header-top{display:flex;justify-content:flex-end;min-height:32px;margin-bottom:var(--spacing-md)}.app-title{font-size:2rem;font-weight:700;color:var(--color-charcoal);margin-bottom:var(--spacing-xs)}.app-subtitle{font-size:1rem;color:var(--color-ash)}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.app-status{color:var(--color-ash);font-size:.75rem}.app-user{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.app-user-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.app-user-button:hover{background:var(--color-cream)}.app-user-avatar{width:24px;height:24px;border-radius:50%}.app-user-name{color:var(--color-charcoal);font-size:.875rem}.app-back-button{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;font-size:.875rem;color:var(--color-ember);cursor:pointer;transition:color .2s ease}.app-back-button:hover{color:var(--color-ember-dark)}.app-logout-button{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-ash);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-ash);cursor:pointer;transition:all .2s ease}.app-logout-button:hover{border-color:var(--color-ember);color:var(--color-ember)}.app-signin-button{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-ember);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease}.app-signin-button:hover{background:var(--color-ember-dark)}.app-filter-clear{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;font-size:.875rem;color:var(--color-ember);cursor:pointer;transition:color .2s ease}.app-filter-clear:hover{color:var(--color-ember-dark)}:root{--color-ember: #E8743B;--color-ember-light: #F59563;--color-ember-dark: #C45A28;--color-cream: #FAF7F2;--color-cream-dark: #F0EBE3;--color-charcoal: #2C3E50;--color-charcoal-light: #34495E;--color-ash: #95A5A6;--color-ash-light: #BDC3C7;--color-background: var(--color-cream);--color-surface: #FFFFFF;--color-text-primary: var(--color-charcoal);--color-text-secondary: var(--color-ash);--color-accent: var(--color-ember);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(44, 62, 80, .05);--shadow-md: 0 4px 6px rgba(44, 62, 80, .07);--shadow-lg: 0 10px 15px rgba(44, 62, 80, .1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}