.telegram-auth-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#fff}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.auth-loading p{margin:0;color:#666;font-size:1rem}.auth-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0088cc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.app-title{margin:0;font-size:1.25rem;color:#000}.logout-button{padding:.5rem 1rem;background-color:transparent;color:#08c;border:1px solid #0088cc;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.logout-button:hover{background-color:#08c;color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-top:1px solid #e0e0e0;padding:.5rem 0;z-index:1000;box-shadow:0 -2px 8px #0000000d}.nav-item{text-decoration:none;color:#666;font-size:.75rem;text-align:center;padding:.5rem;flex:1;background:none;border:none;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;position:relative}.nav-item:hover{color:#08c}.nav-item.active{color:#08c;font-weight:500}.nav-item-create{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background-color:#08c;color:#fff;font-size:1.5rem;font-weight:300;margin:0 .5rem;box-shadow:0 2px 8px #0088cc4d;transition:background-color .2s,transform .2s;line-height:1;display:flex;align-items:center;justify-content:center}.nav-item-create:hover{background-color:#0077b3;transform:scale(1.05);color:#fff}.nav-item-create:active{transform:scale(.95)}.nav-item.has-unread{font-weight:600;color:#f80}.toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:.75rem;max-width:90%;width:100%;max-width:400px;padding:0 1rem;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;pointer-events:auto;animation:toastSlideIn .3s ease-out;transition:opacity .2s,transform .2s}.toast.toast-success{border-left:3px solid #4caf50}.toast.toast-error{border-left:3px solid #f44336}.toast.toast-info{border-left:3px solid #2196f3}.toast.toast-warning{border-left:3px solid #ff9800}.toast-content{flex:1;min-width:0}.toast-message{font-size:.9rem;font-weight:500;color:#000;line-height:1.4;margin-bottom:.25rem}.toast-description{font-size:.85rem;color:#666;line-height:1.4}.toast-close{flex-shrink:0;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s;line-height:1}.toast-close:hover{background-color:#f0f0f0;color:#000}.toast-close:focus{outline:2px solid #0088cc;outline-offset:2px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.toast-container{bottom:calc(80px + env(safe-area-inset-bottom))}}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.9rem;color:#333;font-weight:500}.required{color:#c33;margin-left:.25rem}.field-input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s;width:100%}.field-input:focus{outline:none;border-color:#08c}.field-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-textarea{resize:vertical;min-height:80px}.field-hint{font-size:.75rem;color:#666;text-align:right}.field-error{font-size:.75rem;color:#c33;margin-top:.25rem}.create-activity-header{text-align:center;width:100%}.create-activity-actions{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.create-activity-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.create-activity-toggle-button{flex:1;padding:.5rem;border:1px solid #e0e0e0;border-radius:999px;background:#fff;color:#333;cursor:pointer;font-size:.9rem;transition:background-color .2s,color .2s,border-color .2s}.create-activity-toggle-button.active{background-color:#08c;color:#fff;border-color:#08c}.create-activity-back{background:none;border:none;color:#08c;cursor:pointer;padding:.25rem .5rem;font-size:.9rem}.create-activity-file-block{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.create-activity-helper{font-size:.85rem;color:#666}.stats-container{padding:1rem;max-width:600px;margin:0 auto;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px));min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}.stats-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.stats-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;color:#666;cursor:pointer;transition:color .2s,border-color .2s}.stats-tab:hover{color:#000}.stats-tab.active{color:#08c;border-bottom-color:#08c;font-weight:500}.stats-header{margin-bottom:1.5rem}.stats-header h2{margin:0;font-size:1.5rem;color:#000}.error-close{background:none;border:none;color:#c33;font-size:1.5rem;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin-left:.5rem;line-height:1;border-radius:4px;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.error-close:active{background-color:#cc33331a}.stats-form{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h3{margin:0 0 .5rem;font-size:1.1rem;color:#333}.section-hint{margin:-.5rem 0 .5rem;font-size:.85rem;color:#666;font-style:italic}.time-field-group{position:relative}.time-display{margin-top:.25rem;padding:.5rem;background-color:#f5f5f5;border-radius:4px;font-size:.9rem;color:#08c;font-weight:500;text-align:center}.save-button{margin-top:.5rem;padding:.75rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.achievements-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.achievements-section h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.prs-list{display:flex;flex-direction:column;gap:.75rem}.pr-item{padding:.75rem;background-color:#f9f9f9;border-radius:4px;border-left:3px solid #0088cc;display:flex;flex-direction:column;gap:.5rem}.pr-main{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pr-distance{font-size:.9rem;font-weight:500;color:#333}.pr-time{font-size:1.1rem;font-weight:600;color:#000}.pr-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;color:#666}.pr-source{flex:1}.pr-date{flex-shrink:0}.no-prs{text-align:center;color:#666;padding:2rem 1rem;font-style:italic}.pr-history-section{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.pr-history-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;background:none;border:none;color:#08c;font-size:.85rem;cursor:pointer;transition:background-color .15s ease;border-radius:4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.pr-history-toggle:active{background-color:#0088cc1a}.pr-history-toggle:disabled{opacity:.6;cursor:not-allowed}.pr-history-chevron{font-size:.75rem;color:#666;transition:transform .2s ease}.pr-history-content{margin-top:.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pr-history-loading{text-align:center;color:#666;font-size:.85rem;padding:.5rem;font-style:italic}.pr-history-list{display:flex;flex-direction:column;gap:.5rem}.pr-history-item{padding:.5rem .75rem;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.375rem}.pr-history-item-main{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pr-history-item-date{font-size:.85rem;color:#666}.pr-history-item-time{font-size:.9rem;font-weight:500;color:#000}.pr-history-item-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;color:#666}.pr-history-item-source{flex:1}.pr-history-item-delta{flex-shrink:0;font-weight:500}.pr-history-item-delta-positive{color:#2e7d32}.pr-history-item-delta-negative{color:#c62828}.pr-history-show-all{margin-top:.5rem;text-align:center;color:#666;font-size:.85rem;font-style:italic}.no-achievements{text-align:center;color:#666;padding:2rem;font-style:italic}.achievements-list{display:flex;flex-direction:column;gap:.75rem}.achievement-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9f9f9;border-radius:4px;border-left:3px solid #0088cc}.achievement-type{font-weight:500;color:#000}.achievement-date{font-size:.85rem;color:#666}.stats-section{margin-bottom:2rem}.stats-section h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.stats-section-collapsible{margin-bottom:1rem;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.stats-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.stats-section-header:active{background-color:#0000000d}.stats-section-header h3{margin:0;font-size:1.1rem;color:#333;font-weight:500}.section-chevron{font-size:.75rem;color:#666;transition:transform .2s ease;flex-shrink:0;margin-left:1rem}.stats-section-content{padding:0 1rem 1rem;animation:slideDown .2s ease}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}.stat-item{padding:1rem;background-color:#f9f9f9;border-radius:4px;border-left:3px solid #0088cc}.stat-label{font-size:.85rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:1.2rem;font-weight:500;color:#000}.charts-container{display:flex;flex-direction:column;gap:1.5rem}.chart-wrapper{display:flex;flex-direction:column;gap:.75rem}.chart-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.chart-header-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.chart-nav{display:flex;gap:.5rem}.chart-nav-button{padding:.35rem .6rem;border-radius:999px;border:1px solid #e0e0e0;background-color:#fff;font-size:.8rem;color:#333;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.chart-nav-button:disabled{color:#999;cursor:not-allowed;background-color:#f5f5f5}.chart-title-inline{font-size:1rem;font-weight:500;color:#333}.chart-placeholder{padding:2rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.chart-placeholder-title{font-size:1rem;font-weight:500;color:#333;margin-bottom:.5rem}.chart-placeholder-content{font-size:.9rem;color:#666;font-style:italic}@media (max-width: 420px){.chart-header{flex-direction:column;align-items:stretch}.chart-title-inline{margin-bottom:.5rem}}.fab{position:fixed;bottom:5rem;right:1rem;width:56px;height:56px;border-radius:50%;background-color:#08c;color:#fff;border:none;font-size:2rem;font-weight:300;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .2s,transform .2s;z-index:100;display:flex;align-items:center;justify-content:center;line-height:1}.fab:hover{background-color:#0077b3}.fab:active{background-color:#069}.modal-footer{padding:1rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.modal-options{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.modal-option{padding:1rem;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;text-align:left}.modal-option:hover{background-color:#f0f0f0}.stats-map-block{display:flex;flex-direction:column;gap:.75rem}.stats-map-filters{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.stats-map-filter{padding:.4rem .75rem;border-radius:999px;border:1px solid #e0e0e0;background-color:#fff;color:#333;font-size:.85rem;cursor:pointer}.stats-map-filter.active{background-color:#08c;color:#fff;border-color:#08c}.stats-map-area{position:relative;width:100%;height:min(60vh,640px);min-height:420px;max-height:70vh;overflow:hidden;border-radius:16px;margin:1rem 0;touch-action:pan-x pan-y}.stats-map-loading-area{background:#f5f7fb;border:1px solid #e0e0e0}.stats-map-loading-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:stats-map-shimmer 1.6s ease-in-out infinite}.stats-map-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#08c;font-size:.9rem}.stats-map-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(0,136,204,.2);border-top-color:#08c;animation:stats-map-spin 1s linear infinite}.stats-map-loading-text{color:#666}.stats-map{position:relative;z-index:1;width:100%;height:100%}.stats-map-hint{font-size:.85rem;color:#666;text-align:center}.stats-track-popup{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:#333}.stats-track-popup-title{font-weight:600}.stats-track-popup-date{color:#666}.stats-track-popup-button{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;background-color:#fff;color:#08c;border:1px solid #0088cc;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:500}.stats-track-popup-button:hover{background-color:#f5f5f5}@media (max-width: 480px){.stats-map-area{height:62vh;min-height:420px;max-height:68vh}}@keyframes stats-map-spin{to{transform:rotate(360deg)}}@keyframes stats-map-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (min-width: 769px){.stats-map-area{height:600px;min-height:600px;max-height:70vh}}.notifications-container{padding:1rem;max-width:600px;margin:0 auto}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:background-color .2s,border-color .2s}.notification-item.unread{background-color:#f5f5f5;border-color:#08c;border-left-width:3px}.notification-item.read{background-color:#fff;border-color:#e0e0e0}.notification-content{display:flex;flex-direction:column;gap:.5rem}.notification-title{margin:0;font-size:1rem;font-weight:500;color:#000}.notification-item.unread .notification-title{font-weight:600}.notification-body{margin:0;font-size:.9rem;color:#666;line-height:1.5}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}.notification-meta-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.notification-record-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.notification-source{display:flex;justify-content:flex-end}.notification-date{font-size:.85rem;color:#999}.notification-action-button{padding:.5rem 1rem;background-color:#08c;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;flex-shrink:0}.notification-action-button:hover:not(:disabled){background-color:#0077b3}.notification-action-button:disabled{background-color:#ccc;cursor:not-allowed}.notification-action-button.ghost{background-color:transparent;color:#444;border:1px solid #cfd6dd}.notification-action-button.ghost:hover:not(:disabled){background-color:#f1f5f9}.notification-status-rejected{padding:.5rem 1rem;background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;font-size:.9rem;font-weight:500;flex-shrink:0}.notification-link{background:transparent;border:none;padding:0;cursor:pointer;font:inherit;color:#08c;font-weight:600}.notification-link{color:#08c;text-decoration:none;font-weight:600}.notification-link:hover{text-decoration:underline}.notification-status-added{padding:.5rem 1rem;background-color:#e8f5e9;color:#2e7d32;border:1px solid #4caf50;border-radius:6px;font-size:.9rem;font-weight:500;flex-shrink:0}.loading-state,.error-state,.empty-state{text-align:center;padding:2rem;color:#666}.error-state p{margin:0 0 1rem}.retry-button{padding:.5rem 1rem;background-color:#08c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.retry-button:hover:not(:disabled){background-color:#0077b3}.retry-button:disabled{background-color:#ccc;cursor:not-allowed}.profile-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;border-bottom:1px solid #e0e0e0}.profile-tab{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;color:#666;cursor:pointer;transition:color .2s,border-color .2s}.profile-tab:hover{color:#000}.profile-tab.active{color:#08c;border-bottom-color:#08c;font-weight:500}.profile-tab{position:relative}.profile-tab.has-unread{font-weight:600;color:#f80}.profile-tab.has-unread.active{color:#08c;border-bottom-color:#08c}.city-suggestions{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;max-height:300px;overflow-y:auto;z-index:1000;margin-top:4px}.field-wrapper{position:relative}.profile-container{padding:.75rem;max-width:560px;margin:0 auto}.error-message{background-color:#fee;color:#c33;padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.success-message{background-color:#efe;color:#3c3;padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;text-align:center}.profile-form{display:flex;flex-direction:column;gap:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.save-button{margin-top:.25rem;padding:.6rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#0077b3}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.avatar-section{margin-bottom:1rem;padding:.75rem;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.avatar-display{width:96px;height:96px;border-radius:50%;overflow:hidden;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:#999;font-size:.9rem;text-align:center;padding:1rem}.avatar-upload-button{padding:.45rem .75rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s;display:inline-block}.avatar-upload-button:hover{background-color:#0077b3}.avatar-upload-button:disabled{background-color:#ccc;cursor:not-allowed}.telegram-info{font-size:.85rem;color:#666;font-style:italic}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-weight:500;color:#333;font-size:.9rem}.form-input{padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;font-family:inherit}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.date-input-group{display:flex;align-items:center;gap:.5rem}.age-display{color:#666;font-size:.9rem;font-style:italic}.weekly-mileage-chart{padding:1rem;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0}.pace-trend-chart{padding:1rem;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0}.distance-distribution-chart{padding:1rem;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0}.chart-title{font-size:1rem;font-weight:500;color:#333;margin-bottom:.5rem}.chart-empty-state{padding:2rem;text-align:center;color:#666;font-style:italic}.chart-tooltip{background-color:#000000d9;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;box-shadow:0 2px 8px #0003}.chart-tooltip-label{margin:0 0 .25rem;font-weight:500}.chart-tooltip-value{margin:0;font-weight:600}.period-toggle{display:flex;gap:.5rem;background-color:#f5f5f5;border-radius:8px;padding:.25rem}.period-toggle-button{flex:1;padding:.625rem 1rem;background:none;border:none;border-radius:6px;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:background-color .15s ease,color .15s ease;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.period-toggle-button:hover:not(:disabled){background-color:#e0e0e0}.period-toggle-button.active{background-color:#08c;color:#fff}.period-toggle-button:active:not(.active){background-color:#e8e8e8}.history-container{padding:1rem 1rem 5rem;max-width:600px;margin:0 auto}.history-header{margin-bottom:1.5rem}.history-header h2{margin:0;font-size:1.5rem;color:#000}.history-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.history-search{width:100%;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem}.history-search:focus{outline:none;border-color:#08c}.history-filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.history-filter-item{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background-color:#f5f5f5;border-radius:999px;font-size:.85rem;color:#333}.history-filter-item input{margin:0}.loading-state{display:flex;align-items:center;justify-content:center;min-height:200px;color:#666}.success-message{background-color:#efe;color:#3c3;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.history-timeline{display:flex;flex-direction:column;gap:1rem}.no-events{text-align:center;color:#666;padding:2rem;font-style:italic}.history-item{padding:1rem;background-color:#f9f9f9;border-radius:4px;border-left:3px solid #0088cc;position:relative}.history-item-clickable{cursor:pointer}.history-item-clickable:hover,.history-item:hover{background-color:#f3f6f9}.history-item-track-badge{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;margin-bottom:.5rem;border-radius:999px;background-color:#e7f3ff;color:#08c;font-size:.7rem;font-weight:600;letter-spacing:.3px}.history-item-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.history-action-button{padding:.5rem .75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.history-action-button:hover{background-color:#f0f0f0}.history-action-button-danger{color:#c33;border-color:#f3c6c6}.history-action-button-danger:hover{background-color:#fee}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.history-item-time{font-size:.85rem;color:#666}.history-item-actions,.action-menu{position:relative}.action-button{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.action-button:hover{background-color:#f0f0f0}.action-menu-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:150px;z-index:10;display:none}.action-menu:hover .action-menu-dropdown{display:block}.action-menu-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;color:#000;font-size:.9rem;transition:background-color .2s}.action-menu-item:hover{background-color:#f0f0f0}.action-menu-item-danger{color:#c33}.action-menu-item-danger:hover{background-color:#fee}.history-item-title{font-weight:500;color:#000;margin-bottom:.25rem}.history-item-subtitle{font-size:.9rem;color:#666;margin-bottom:.5rem}.history-item-details{font-size:.85rem;color:#666}.history-item-note{margin-top:.5rem;font-style:italic}.history-detail-button{margin-top:.75rem;padding:.5rem .75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.history-detail-button:hover{background-color:#f0f0f0}.history-detail-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.history-detail-label{font-size:.85rem;color:#666}.history-detail-value{font-size:.9rem;color:#000;text-align:right}.history-track-status{margin-top:.75rem;padding:.5rem;background-color:#f5f5f5;border-radius:4px;font-size:.85rem;color:#666}.history-track-upload{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.history-detail-loading{text-align:center;color:#666;font-size:.9rem}.history-detail-error{background-color:#fee;color:#c33;padding:.5rem;border-radius:4px;margin-bottom:.75rem;font-size:.85rem}.history-track-elevation{margin-top:.75rem;padding:.5rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.history-track-elevation-title{font-size:.9rem;color:#333;margin-bottom:.5rem}.load-more-button{margin-top:1rem;padding:.75rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;width:100%}.load-more-button:hover{background-color:#0077b3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:8px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 16px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:1.2rem;color:#000}.modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background-color:#f0f0f0}.modal-body{padding:1rem}.modal-footer{padding:1rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:.5rem}.modal-button{padding:.75rem 1.5rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.modal-button:hover:not(:disabled){background-color:#0077b3}.modal-button:disabled{background-color:#ccc;cursor:not-allowed}.modal-button-danger{background-color:#c33}.modal-button-danger:hover:not(:disabled){background-color:#a22}.modal-button-secondary{background-color:#ccc;color:#000}.modal-button-secondary:hover:not(:disabled){background-color:#bbb}.form-group{position:relative;display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#333}.form-input{padding:.75rem;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#08c}.city-input-wrapper{position:relative;display:flex;align-items:center}.city-input-wrapper input{width:100%;padding-right:32px}.city-clear-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.city-clear-button:hover:not(:disabled){background-color:#f0f0f0}.city-clear-button:disabled{opacity:.5;cursor:not-allowed}.city-suggestions{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;max-height:300px;overflow-y:auto;z-index:2000;margin-top:4px}.city-suggestion-item{display:flex;flex-direction:column;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.city-suggestion-item:last-child{border-bottom:none}.city-suggestion-item:hover{background-color:#f5f5f5}.city-suggestion-name{font-weight:500;color:#000;margin-bottom:.25rem}.city-suggestion-region{font-size:.85rem;color:#666}.track-map{width:100%;height:100%;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.track-map-wrapper{position:relative;width:100%}.map-controls{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:500;pointer-events:auto}.map-control-icon{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:16px 16px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 9l4 4 4-4'/%3E%3Cpath d='M5 14h14'/%3E%3Cpath d='M4 17h16'/%3E%3Cpath d='M12 4l2 3h-4l2-3z'/%3E%3C/svg%3E")}.map-control-button.active .map-control-icon{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 9l4 4 4-4'/%3E%3Cpath d='M5 14h14'/%3E%3Cpath d='M4 17h16'/%3E%3Cpath d='M12 4l2 3h-4l2-3z'/%3E%3C/svg%3E")}.rating-container{padding:1rem 1rem 5rem;max-width:600px;margin:0 auto}.rating-header{margin-bottom:1.5rem}.rating-header h2{margin:0 0 .25rem;font-size:1.5rem;color:#000}.rating-subtitle{font-size:.85rem;color:#666;margin-bottom:.5rem}.rating-total{font-size:.9rem;color:#666}.rating-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.rating-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .2s}.rating-item:hover{box-shadow:0 2px 4px #0000001a}.rating-rank{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#08c;color:#fff;border-radius:50%;font-weight:700;font-size:1.1rem}.rating-content{flex:1;min-width:0}.rating-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.rating-name{font-weight:500;font-size:1rem;color:#000}.rating-city{font-size:.85rem;color:#666;padding:.25rem .5rem;background-color:#f5f5f5;border-radius:4px}.rating-stats{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.rating-distance{font-size:1rem;font-weight:500;color:#08c}.rating-trainings{font-size:.85rem;color:#666}.events-filters-panel{background-color:#f9f9f9;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e0e0e0;overflow:hidden}.events-filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.events-filters-header:hover{background-color:#f0f0f0}.events-filters-header-left{display:flex;flex-direction:column;gap:.25rem;flex:1}.events-filters-title{margin:0;font-size:1.1rem;color:#333;font-weight:600}.events-filters-summary{font-size:.85rem;color:#666;font-weight:400}.events-filters-toggle{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.events-filters-toggle:hover{color:#333}.events-filters-content{padding:1rem;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.9rem;color:#333;font-weight:500}.filter-group input[type=text],.filter-group input[type=date],.filter-group select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s;width:100%;box-sizing:border-box}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#08c}.distance-range-container{width:100%}.distance-range-inputs{display:flex;flex-direction:column;gap:1rem}.distance-input-group{display:flex;flex-direction:column;gap:.5rem}.distance-input-group label{font-size:.85rem;color:#666;font-weight:400}.distance-input-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.distance-input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#08c;cursor:pointer;transition:background .2s}.distance-input-group input[type=range]::-webkit-slider-thumb:hover{background:#0077b3}.distance-input-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#08c;cursor:pointer;border:none;transition:background .2s}.distance-input-group input[type=range]::-moz-range-thumb:hover{background:#0077b3}.distance-value{font-size:.9rem;color:#666;text-align:center;padding:.25rem 0}.city-search-container{position:relative}.city-search-container input{padding-right:2.5rem}.city-clear-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.city-clear-button:hover{color:#666}.city-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.city-option{width:100%;padding:.75rem;text-align:left;background:none;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:.95rem;color:#333;transition:background-color .2s}.city-option:last-child{border-bottom:none}.city-option:hover{background-color:#f5f5f5}.city-loading{padding:.5rem;text-align:center;color:#666;font-size:.9rem}.date-range-inputs{display:flex;align-items:center;gap:.5rem}.date-range-inputs input{flex:1}.date-range-separator{color:#666;font-weight:500}.filter-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#333}.filter-checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#0088cc}.filter-checkbox-label span{-webkit-user-select:none;user-select:none}.events-filters-actions{display:flex;gap:.75rem;margin-top:.5rem}.events-filters-apply{flex:1;padding:.75rem 1.5rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s}.events-filters-apply:hover{background-color:#0077b3}.events-filters-clear{padding:.75rem 1.5rem;background-color:transparent;color:#666;border:1px solid #ddd;border-radius:4px;font-size:.95rem;cursor:pointer;transition:all .2s}.events-filters-clear:hover{background-color:#f0f0f0;border-color:#ccc}@media (min-width: 600px){.distance-range-inputs{flex-direction:row;gap:1.5rem}.distance-input-group{flex:1}}.event-rsvp-button{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--tg-theme-button-color, #3390ec);background-color:transparent;color:var(--tg-theme-button-color, #3390ec);white-space:nowrap}.event-rsvp-button--small{padding:4px 10px;font-size:12px;min-width:60px}.event-rsvp-button--medium{padding:8px 16px;font-size:14px;min-width:80px}.event-rsvp-button--large{padding:12px 20px;font-size:16px;min-width:100px}.event-rsvp-button:hover:not(:disabled){background-color:#3390ec1a}.event-rsvp-button--going{background-color:var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-text-color, #ffffff);border-color:var(--tg-theme-button-color, #3390ec)}.event-rsvp-button--going:hover:not(:disabled){background-color:var(--tg-theme-button-color, #3390ec);opacity:.9}.event-rsvp-button--pending{opacity:.6;cursor:wait}.event-rsvp-button:disabled{cursor:not-allowed;opacity:.5}.events-map-container{position:relative;width:100%;height:100%}.events-map-area{position:relative;width:100%;height:min(60vh,640px);min-height:420px;max-height:70vh;overflow:hidden;border-radius:16px;margin:1rem 0;touch-action:pan-x pan-y}.events-map{position:relative;z-index:1;width:100%;height:100%}.map-controls{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:900;pointer-events:auto}.map-control-button{width:32px;height:32px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff;color:#333;font-size:.9rem;cursor:pointer;box-shadow:0 2px 6px #00000026;padding:0;line-height:1;outline:none;touch-action:manipulation}.map-control-button:hover{background-color:#f5f5f5}.map-control-button.active{background-color:#08c;color:#fff;border-color:#08c}.map-control-icon{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:16px 16px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 9l4 4 4-4'/%3E%3Cpath d='M5 14h14'/%3E%3Cpath d='M4 17h16'/%3E%3Cpath d='M12 4l2 3h-4l2-3z'/%3E%3C/svg%3E")}.map-control-button.active .map-control-icon{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 9l4 4 4-4'/%3E%3Cpath d='M5 14h14'/%3E%3Cpath d='M4 17h16'/%3E%3Cpath d='M12 4l2 3h-4l2-3z'/%3E%3C/svg%3E")}.leaflet-container{z-index:1!important;position:relative!important;touch-action:pan-x pan-y!important}.leaflet-control-attribution{display:none!important}.event-marker{background:transparent!important;border:none!important;width:20px!important;height:20px!important;display:block!important;position:relative!important}.leaflet-marker-icon.event-marker{width:20px!important;height:20px!important;z-index:1000!important;position:relative!important;display:block!important}.event-marker .marker-pin,.marker-pin{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;border-radius:9999px!important;background:#08c!important;border:2px solid #ffffff!important;box-shadow:0 2px 6px #00000040!important;display:block!important;position:relative!important;margin:3px auto 0!important;flex-shrink:0!important;box-sizing:border-box!important;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.leaflet-marker-icon.event-marker.is-selected .marker-pin{transform:scale(1.2);background:#fc0!important;box-shadow:0 0 0 4px #0088cc40,0 3px 10px #00000059!important}.leaflet-marker-icon.event-marker.is-selected{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.leaflet-marker-icon.event-marker.is-going .marker-pin{background:#4caf50!important;box-shadow:0 0 0 4px #4caf5059,0 2px 6px #00000040!important;border-color:#fff!important}.event-popup{font-size:.9rem;text-align:center}.events-no-coords-panel{position:absolute;left:0;right:0;bottom:0;z-index:800;background-color:#fff;border-radius:16px 16px 0 0;box-shadow:0 -2px 16px #0003;max-height:40vh;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto}.no-coords-toggle{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:none;border:none;border-bottom:1px solid #e0e0e0;cursor:pointer;font-size:.9rem;font-weight:500;color:#333;width:100%;text-align:left}.no-coords-toggle:hover{background-color:#f5f5f5}.toggle-icon{font-size:.8rem;color:#666}.no-coords-list{max-height:calc(40vh - 50px);overflow-y:auto;padding:.5rem 0}.no-coords-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;border-bottom:1px solid #f0f0f0;text-align:left;cursor:pointer;transition:background-color .2s}.no-coords-item:hover{background-color:#f5f5f5}.no-coords-item:last-child{border-bottom:none}.no-coords-item-title{font-size:.9rem;font-weight:500;color:#333;margin-bottom:.25rem}.no-coords-item-meta{font-size:.8rem;color:#666;display:flex;gap:.5rem}.event-preview-sheet{position:absolute;bottom:0;left:0;right:0;z-index:850;background-color:#fff;border-radius:16px 16px 0 0;box-shadow:0 -2px 16px #0003;max-height:calc(100% - 16px);min-height:45%;display:flex;flex-direction:column;padding-bottom:calc(80px + env(safe-area-inset-bottom));animation:slideUp .3s ease-out;pointer-events:auto;overflow-y:auto}.event-preview-header{padding:1rem;border-bottom:1px solid #e0e0e0}.event-preview-header>.event-preview-title-wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.event-preview-title{margin:0;font-size:1.1rem;font-weight:600;color:#333;flex:1;padding-right:1rem}.event-preview-header-badges{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.event-preview-source{font-size:.75rem;color:#666;background-color:#f5f5f5;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.event-preview-running-type-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;font-weight:500}.event-preview-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.event-preview-close:hover{background-color:#f0f0f0}.event-preview-content{padding:1rem;overflow-y:auto;flex:1}.event-preview-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.event-preview-row:last-child{margin-bottom:0}.event-preview-label{font-size:.85rem;font-weight:500;color:#666}.event-preview-value{font-size:.95rem;color:#333}.event-preview-distances{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.event-preview-distance{font-size:.85rem;padding:.25rem .5rem;background-color:#e3f2fd;color:#08c;border-radius:4px;font-weight:500}.event-preview-actions{padding:1rem;border-top:1px solid #e0e0e0;display:flex;gap:.5rem;flex-direction:column}.event-preview-button{width:100%;padding:.75rem;background-color:#08c;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.event-preview-button:hover:not(:disabled){background-color:#0077b3}.event-preview-button:disabled{background-color:#ccc;cursor:not-allowed}.map-empty-state{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:900;background-color:#fffffff2;padding:.75rem 1rem;border-radius:8px;box-shadow:0 2px 8px #00000026;text-align:center;max-width:calc(100% - 16px);pointer-events:none}.map-empty-state p{margin:0;font-size:.9rem;color:#666;pointer-events:auto}.map-no-coords-message{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:900;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:.75rem 1rem;box-shadow:0 2px 8px #00000026;max-width:calc(100% - 16px);pointer-events:none}.map-no-coords-message p{margin:0 0 .5rem;font-size:.9rem;color:#856404;font-weight:500;pointer-events:auto}.map-no-coords-message p:last-child{margin-bottom:0}.map-no-coords-subtitle{font-size:.85rem!important;font-weight:400!important;color:#856404!important}.map-overlays{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.map-overlays.hidden{display:none}.map-overlays>*{pointer-events:auto}@media (max-width: 480px){.events-map-area{height:62vh;min-height:420px;max-height:68vh}.event-preview-sheet{max-height:calc(100% - 8px);min-height:55%}.map-no-coords-message{left:10px;right:10px;font-size:.85rem}}@media (min-width: 769px){.events-map-area{height:600px;min-height:600px;max-height:70vh}}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2000;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet{background-color:#fff;border-radius:16px 16px 0 0;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:calc(env(safe-area-inset-bottom,0) + 4rem)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e0e0e0;position:relative}.bottom-sheet-drag-handle{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:40px;height:4px;background-color:#ccc;border-radius:2px}.bottom-sheet-title{margin:0;font-size:1.1rem;font-weight:600;color:#000;flex:1;text-align:center}.bottom-sheet-close{position:absolute;right:1rem;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.bottom-sheet-close:hover{background-color:#f5f5f5}.bottom-sheet-content{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.bottom-sheet-content{-webkit-overflow-scrolling:touch}.events-calendar-view{padding:1rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:.5rem 0}.calendar-nav-button{background:none;border:none;font-size:1.5rem;color:#08c;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s;font-weight:700}.calendar-nav-button:hover{background-color:#f5f5f5}.calendar-month-title{margin:0;font-size:1.2rem;font-weight:600;color:#000}.calendar-loading,.calendar-error{text-align:center;padding:2rem;color:#666}.calendar-error{color:#c33;display:flex;flex-direction:column;align-items:center;gap:1rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.calendar-weekday{text-align:center;font-size:.85rem;font-weight:600;color:#666;padding:.5rem 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.25rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s;position:relative;min-height:48px}.calendar-day:hover:not(:disabled){background-color:#f5f5f5;border-color:#08c}.calendar-day:disabled{cursor:default;opacity:.5}.calendar-day.other-month{opacity:.3}.calendar-day--past{opacity:.4;background-color:#f5f5f5;cursor:not-allowed!important}.calendar-day--past:hover{background-color:#f5f5f5!important;border-color:#e0e0e0!important}.calendar-day.today{background-color:#fff;border-color:#08c;border-width:2px;font-weight:600}.calendar-day.today.calendar-day--going{background-color:#4caf501a;border-color:#08c}.calendar-day.selected{background-color:#08c;color:#fff;border-color:#08c}.calendar-day.has-events{border-color:#4caf50}.calendar-day--going{background:#4caf501a}.calendar-day.selected .calendar-day-number{color:#fff}.calendar-day-number{font-size:.9rem;color:#000;margin-top:.25rem}.calendar-day-events-count{font-size:.7rem;background-color:#08c;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-top:.25rem;font-weight:600}.calendar-day.selected .calendar-day-events-count{background-color:#fff;color:#08c}.calendar-day-empty{text-align:center;padding:2rem;color:#666;font-style:italic}.calendar-day-events{display:flex;flex-direction:column;gap:1rem}.event-day-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.event-day-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.event-day-card-title{margin:0;font-size:1.1rem;font-weight:600;color:#000;flex:1}.event-day-card-header-badges{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.event-day-card-source{font-size:.75rem;color:#666;background-color:#f5f5f5;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.event-day-card-running-type-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;font-weight:500}.event-day-card-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.event-day-card-time,.event-day-card-running-type,.event-day-card-location,.event-day-card-distances,.event-day-card-organizer{font-size:.9rem;color:#666}.event-day-card-actions{display:flex;gap:.5rem;flex-direction:column}.event-day-card-button{width:100%;padding:.75rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.event-day-card-button:hover{background-color:#0077b3}.event-day-card-actions .event-rsvp-button{width:100%;padding:.75rem;font-size:1rem}.event-day-card--going{border-color:#4caf50;background-color:#4caf5014}.events-container{padding:1rem 1rem 5rem;max-width:600px;margin:0 auto}.events-header{margin-bottom:1.5rem}.events-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#000}.view-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;background-color:#f5f5f5;border-radius:8px;padding:.25rem}.view-mode-button{flex:1;padding:.5rem 1rem;background:none;border:none;border-radius:6px;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.view-mode-button:hover{background-color:#e0e0e0}.view-mode-button.active{background-color:#08c;color:#fff}.events-total{font-size:.9rem;color:#666}.retry-button{margin-top:1rem;padding:.75rem 1.5rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#0077b3}.error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-close{background:none;border:none;color:#c33;font-size:1.5rem;cursor:pointer;padding:0;margin-left:.5rem;line-height:1}.empty-state{text-align:center;color:#666;padding:3rem 1rem;font-style:italic}.events-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.event-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:box-shadow .2s}.event-card:hover{box-shadow:0 2px 8px #0000001a}.event-card--going{border-color:#4caf50;background-color:#4caf5014}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.event-title{margin:0;font-size:1.1rem;color:#000;flex:1}.event-header-badges{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.event-source{font-size:.75rem;color:#666;background-color:#f5f5f5;padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.event-running-type-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;font-weight:500}.event-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.event-date,.event-running-type,.event-location,.event-organizer{font-size:.9rem;color:#666}.event-distances{display:flex;flex-direction:column;gap:.5rem}.distances-label{font-size:.85rem;color:#666;font-weight:500}.distances-chips{display:flex;flex-wrap:wrap;gap:.5rem}.distance-chip{font-size:.8rem;padding:.25rem .5rem;background-color:#e3f2fd;color:#08c;border-radius:4px;font-weight:500}.event-card-actions,.event-actions{display:flex;gap:.5rem;width:100%}.event-open-button{flex:1;background-color:#08c;color:#fff;border:none;border-radius:4px;padding:.75rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.event-open-button:hover{background-color:#0077b3}.event-rsvp-button{flex:1;background-color:transparent;color:#08c;border:1px solid #0088cc;border-radius:4px;padding:.75rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.event-rsvp-button:hover{background-color:#0088cc1a}.event-rsvp-button--going{background-color:#08c;color:#fff;border-color:#08c}.event-rsvp-button--going:hover{background-color:#0077b3}.event-rsvp-button:disabled{opacity:.5;cursor:not-allowed}.events-export{display:flex;justify-content:flex-end;margin:.5rem 0 1rem}.events-export-button{padding:.75rem 1rem;background-color:#08c;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.events-export-button:disabled{opacity:.7;cursor:not-allowed}.loading-more{text-align:center;padding:1rem;color:#666;font-style:italic}.load-more-container{display:flex;justify-content:center;padding:1rem 0}.load-more-button{padding:.75rem 2rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.load-more-button:hover:not(:disabled){background-color:#0077b3}.load-more-button:disabled{background-color:#ccc;cursor:not-allowed}.no-more{text-align:center;padding:1rem;color:#666;font-style:italic;font-size:.9rem}.geocoding-info-banner{margin:1rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:.75rem 1rem;text-align:center}.geocoding-info-banner p{margin:0;font-size:.9rem;color:#856404}.events-map-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0 1rem;padding:.75rem 1rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;color:#333;font-size:.9rem}.events-map-stats-item{display:flex;gap:.35rem;align-items:baseline}.events-map-stats-item strong{font-weight:600;color:#000}.events-search-container{position:relative;margin-bottom:1rem}.events-search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;color:#333;background-color:#fff;transition:border-color .2s}.events-search-input:focus{outline:none;border-color:#08c}.events-search-input::placeholder{color:#999}.events-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.events-search-clear:hover{color:#333}.html-content{position:relative}.html-content-inner{overflow:hidden;transition:max-height .3s ease}.html-content-inner.expanded{max-height:none!important}.html-content-toggle{margin-top:.75rem;padding:.5rem 1rem;background:none;border:1px solid var(--tg-theme-button-color, #3390ec);color:var(--tg-theme-button-color, #3390ec);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.html-content-toggle:hover{background-color:#3390ec1a}.html-content-inner :global(p){margin:.5rem 0;line-height:1.6}.html-content-inner :global(a){color:var(--tg-theme-link-color, #3390ec);text-decoration:none}.html-content-inner :global(a:hover){text-decoration:underline}.html-content-inner :global(ul),.html-content-inner :global(ol){margin:.5rem 0;padding-left:1.5rem}.html-content-inner :global(li){margin:.25rem 0;line-height:1.6}.html-content-inner :global(h1),.html-content-inner :global(h2),.html-content-inner :global(h3),.html-content-inner :global(h4){margin:1rem 0 .5rem;font-weight:600}.html-content-inner :global(img){max-width:100%;width:100%;height:auto;display:block;border-radius:4px;margin:.5rem 0;object-fit:contain}.html-content-inner :global(p img){max-width:100%;width:100%;height:auto;display:block;margin:.5rem auto}.html-content-inner :global(strong){font-weight:600}.html-content-inner :global(em){font-style:italic}.event-detail-container{padding:1rem 1rem 5rem;max-width:600px;margin:0 auto}.event-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.back-link{padding:.5rem 0;background:none;border:none;color:#08c;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:color .2s}.back-link:hover{color:#0077b3;text-decoration:underline}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:#666}.error-state{color:#c33}.back-button{margin-top:1rem;padding:.75rem 1.5rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#0077b3}.event-detail{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.event-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.event-detail-header h1{margin:0;font-size:1.5rem;color:#000;flex:1}.event-header-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.event-source-badge{font-size:.85rem;color:#666;background-color:#f5f5f5;padding:.5rem .75rem;border-radius:4px;white-space:nowrap}.event-running-type-badge{font-size:.85rem;padding:.5rem .75rem;border-radius:4px;white-space:nowrap;font-weight:500}.event-image-container{margin-bottom:1.5rem;border-radius:8px;overflow:hidden}.event-image{width:100%;height:auto;display:block;object-fit:cover}.event-detail-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.info-row{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 400px){.info-row{flex-direction:row;align-items:flex-start}}.info-label{font-weight:500;color:#333;min-width:100px}.info-value{color:#666;flex:1}.distances-list{display:flex;flex-wrap:wrap;gap:.5rem}.distance-badge{font-size:.9rem;padding:.5rem .75rem;background-color:#e3f2fd;color:#08c;border-radius:4px;font-weight:500}.distance-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:#f9f9f9;border-radius:4px;margin-bottom:.5rem}.distance-name{font-size:.85rem;color:#666;font-style:italic}.distance-price{font-size:.85rem;color:#333;font-weight:500}.contacts-list{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;flex-direction:column;gap:.25rem}@media (min-width: 400px){.contact-item{flex-direction:row;align-items:center}}.contact-label{font-weight:500;color:#333;min-width:80px}.contact-link{color:#08c;text-decoration:none;transition:color .2s}.contact-link:hover{color:#0077b3;text-decoration:underline}.event-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.event-section:last-of-type{border-bottom:none;padding-bottom:0}.event-section h3{margin:0 0 .75rem;font-size:1.1rem;color:#333;font-weight:600}.event-description{margin-bottom:1.5rem}.event-description h3{margin:0 0 .75rem;font-size:1.1rem;color:#333}.event-description p{margin:0;color:#666;line-height:1.6;white-space:pre-wrap}.races-list{display:flex;flex-direction:column;gap:.75rem}.event-races-toggle{align-self:flex-start;padding:.45rem .9rem;background:none;border:1px solid #0088cc;color:#08c;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.event-races-toggle:hover{background-color:#e3f2fd}.race-item{padding:1rem;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px}.race-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.race-name{font-weight:600;color:#333;flex:1}.race-price{font-weight:600;color:#08c;font-size:1.1rem;white-space:nowrap}.race-distance{font-size:.9rem;color:#666;margin-bottom:.25rem}.race-date{font-size:.85rem;color:#666}.organizer-name{margin-bottom:.75rem;font-size:1rem;color:#333}.event-actions{display:flex;gap:.75rem;flex-wrap:wrap}.event-share{position:relative}.event-share-trigger{width:32px;height:32px;border-radius:6px;border:1px solid #0088cc;background-color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#08c}.event-share-trigger:hover{background-color:#e3f2fd}.event-share-icon{width:18px;height:18px;fill:currentColor}.event-share-menu{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 6px 16px #00000014;min-width:190px;display:flex;flex-direction:column;padding:6px 0;z-index:20}.event-share-item{padding:8px 12px;text-decoration:none;color:#333;background:none;border:none;text-align:left;font-size:.85rem;cursor:pointer}.event-share-item:hover{background-color:#f5f5f5}.event-share-button{width:100%}.open-source-button{flex:1;padding:.75rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.open-source-button:hover:not(:disabled){background-color:#0077b3}.open-source-button:disabled{background-color:#ccc;cursor:not-allowed}.register-in-app-button{width:100%;padding:.75rem 1.5rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.register-in-app-button:hover:not(:disabled){background-color:#0077b3}.register-in-app-button:disabled{background-color:#ccc;cursor:not-allowed}.pricing-list{display:flex;flex-direction:column;gap:.5rem}.pricing-tier{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px}.tier-name{font-weight:500;color:#333}.tier-price{font-weight:600;color:#08c;font-size:1rem}.route-image-container{margin-top:.75rem;border-radius:8px;overflow:hidden}.route-image{width:100%;height:auto;display:block;object-fit:contain}.activity-detail-container{padding:1rem 1rem 5rem;max-width:600px;margin:0 auto}.activity-detail-header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.activity-detail-actions{margin-left:auto;display:flex;gap:.5rem;align-items:center}.activity-detail-button{padding:.4rem .75rem;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff;font-size:.85rem;cursor:pointer}.activity-detail-share{position:relative}.activity-detail-share-menu{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 6px 16px #00000014;min-width:190px;display:flex;flex-direction:column;padding:6px 0;z-index:20}.activity-detail-share-item{padding:8px 12px;text-decoration:none;color:#333;background:none;border:none;text-align:left;font-size:.85rem;cursor:pointer}.activity-detail-share-item:hover{background-color:#f5f5f5}.activity-detail-share-button{width:100%}.activity-detail-button-danger{color:#c33;border-color:#f3c6c6}.activity-detail-header h2{margin:0;font-size:1.3rem;color:#000}.activity-detail-subtitle{font-size:.9rem;color:#666}.activity-back-button{background:none;border:none;color:#08c;cursor:pointer;font-size:.95rem;padding:.5rem .75rem}.activity-track-status{margin-bottom:.75rem;padding:.5rem .75rem;background-color:#f5f5f5;border-radius:4px;font-size:.85rem;color:#666}.activity-detail-info{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:.75rem;padding:.75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px}.activity-detail-record-source{margin-bottom:.75rem;padding:.75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px}.activity-detail-link{background:none;border:none;color:#08c;cursor:pointer;font-size:.9rem;padding:0}.activity-detail-link:hover{text-decoration:underline}.activity-record-segment{margin-bottom:.75rem;padding:.75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px}.activity-record-segment-title{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.activity-record-links{margin-bottom:.75rem;padding:.75rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px}.activity-record-links-title{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.activity-record-links-list{display:flex;flex-direction:column;gap:.5rem}.activity-record-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:6px;background-color:#f9f9f9;cursor:pointer;text-align:left}.activity-record-link-title{font-size:.9rem;color:#333}.activity-record-link-value{font-size:.9rem;font-weight:500;color:#000}.activity-record-links-loading,.activity-record-links-empty{font-size:.85rem;color:#666}.activity-detail-history{margin-top:.75rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.75rem}.activity-detail-history h3{margin:0 0 .5rem;font-size:1rem}.activity-detail-history-list{display:flex;flex-direction:column;gap:.4rem}.activity-detail-history-item{display:flex;justify-content:space-between;font-size:.9rem;color:#444}.activity-detail-history-date{color:#666}.activity-info-row{display:flex;justify-content:space-between;gap:1rem}.activity-info-label{font-size:.85rem;color:#666}.activity-info-value{font-size:.9rem;color:#000;text-align:right}.activity-track-empty{padding:1rem;background-color:#f9f9f9;border-radius:4px;border:1px solid #e0e0e0;color:#666;text-align:center}.activity-track-upload{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.activity-summary{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:.75rem}.activity-summary-card{padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.activity-summary-label{font-size:.8rem;color:#666;margin-bottom:.25rem}.activity-summary-value{font-size:.95rem;color:#000;font-weight:500}.activity-elevation{margin-top:1rem;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.activity-elevation-title{font-size:.95rem;color:#333;margin-bottom:.5rem}.activity-chart-toolbar{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.activity-chart-toggle{display:flex;gap:.5rem}.activity-chart-toggle-button{padding:.4rem .75rem;border-radius:999px;border:1px solid #e0e0e0;background-color:#fff;cursor:pointer;font-size:.85rem}.activity-chart-toggle-button.active{background-color:#08c;color:#fff;border-color:#08c}.activity-chart-hint,.activity-chart-axis-label{font-size:.8rem;color:#666}.activity-chart-section{margin-top:1rem}.activity-chart-section-title{font-size:.9rem;color:#333;margin:.25rem 0 .5rem;font-weight:500}.chart-tooltip{background-color:#fff;border:1px solid #e0e0e0;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;color:#333}.chart-tooltip-row{margin-bottom:.2rem}.chart-tooltip-value{font-weight:600}.file-info{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;font-size:14px}.file-remove{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:0;margin-left:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.file-remove:hover{color:#333}.file-remove:disabled{opacity:.5;cursor:not-allowed}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background-color:#f5f5f5}.login-card{width:100%;max-width:400px;background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.login-card h1{margin:0 0 .5rem;font-size:1.5rem;color:#000}.login-subtitle{margin:0 0 1.5rem;color:#666;font-size:.9rem}.error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:#333;font-weight:500}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#08c}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{margin-top:.5rem;padding:.75rem;background-color:#08c;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover:not(:disabled){background-color:#0077b3}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.app-content{flex:1;width:100%;max-width:100%;overflow-x:hidden;padding-bottom:1rem}@media (min-width: 768px){.app-content{max-width:600px;margin:0 auto}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000}#root{min-height:100vh;display:flex;flex-direction:column}