body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiButton-containedPrimary{background-color:#0463ef!important;background-image:none!important}.MuiButton-containedPrimary:hover{background-color:#0356d0!important;background-image:none!important}.MuiButton-containedSecondary{background-color:#2e325c!important}.MuiButton-containedSecondary:hover{background-color:#181c45!important}@font-face{font-family:SamsungSharpSans;src:url(https://www.octero.app/app/static/media/samsungsharpsans-medium.33d052415ba88313f630.otf) format("opentype")}@font-face{font-display:swap;font-family:InstrumentIcons;font-style:normal;font-weight:400;src:url(https://www.octero.app/app/static/media/InstrumentIcons.12b701442586b5f86ee1.ttf) format("truetype")}.instrument-icon{speak:never;-webkit-font-smoothing:antialiased;font-family:InstrumentIcons!important;font-style:normal;font-weight:400;line-height:1}body{background-color:#f5f5f5}body.no-scroll{overflow:hidden}nav{background-color:#fff;background:#01052d;height:60px;z-index:100}nav,nav a{color:#fff}nav a{text-decoration:none}#nav-inner{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 10px;width:100%}#nav-links-right{overflow:auto}#nav-links-left,#nav-links-right{align-items:center;gap:20px;justify-content:space-between}#nav-links-left{display:flex}#nav-links-left img{padding-top:4px;width:70px}#unauthenticated-links a{font-size:15px;line-height:60px;margin-right:20px}.hamburger{display:block}#nav-links-right{background-color:#f9f9f9;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;right:0;top:100%;z-index:1}#nav-links-right a{color:#000;display:block;padding:12px 16px;text-decoration:none}#nav-links-right a.active{color:#0463ef;font-weight:600}#nav-links-right .profile-pic-link{align-items:center;display:flex;opacity:1!important}.profile-pic-img{border-radius:50%;height:32px;object-fit:cover;width:32px}#nav-links-right button{background:none!important;border:none!important;box-shadow:none!important;color:#000;cursor:pointer;display:block;padding:12px 16px;text-decoration:none}#nav-links-right.open{display:block}@media (min-width:768px){.hamburger{display:none}#nav-links-right,#nav-links-right.open{background-color:initial;box-shadow:none;display:flex;position:relative;right:0;top:0}#nav-links-right .profile{line-height:60px}#nav-links-right a{color:#fff;display:block;opacity:.7;padding:0;text-decoration:none;transition:opacity .2s}#nav-links-right a:hover{opacity:1}#nav-links-right a.active{font-weight:600;opacity:1}#nav-links-right button{background:none!important;border:none!important;box-shadow:none!important;color:#fff;cursor:pointer;display:block;padding:0;text-decoration:none}}#main{background-color:#f5f5f5;margin:60px auto 20px;max-width:1600px;min-height:600px;padding:0 20px}#welcome{background-color:#fff;justify-content:center;margin-top:60px;min-height:calc(100vh - 60px)}#welcome,#welcome-inner{align-items:center;display:flex;flex-direction:column}#welcome-inner{font-size:16px;max-width:400px;padding:40px 20px;text-align:center;width:100%}.welcome-logo{height:auto;margin-bottom:32px;width:220px}#tag-line{color:#01052d;font-size:26px;font-weight:700;line-height:1.2;margin:0 0 8px}.welcome-subtitle{color:#555;font-size:16px;line-height:1.5;margin:0 0 32px}.welcome-divider{align-items:center;display:flex;gap:12px;margin:24px 0;width:100%}.welcome-divider:after,.welcome-divider:before{background-color:#e0e0e0;content:"";flex:1 1;height:1px}.welcome-divider span{color:#999;font-size:13px;white-space:nowrap}#store-icons{flex-direction:row;gap:16px}#store-icons a{display:inline-flex}#store-icons img{height:44px;object-fit:contain;transition:opacity .2s ease;width:auto}#store-icons img:hover{opacity:.8}.welcome-terms{color:#999;font-size:12px;line-height:1.6;margin-top:24px;text-align:center}.welcome-terms a{color:#999;text-decoration:underline}.welcome-terms a:hover{color:#555}#welcome button{margin:10px}.loading{margin:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#1172e5;height:40px;margin:0 auto;width:40px}.spinner.small{border-width:2px;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.btn-primary{background-color:#1172e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s}.btn-primary:hover{background-color:#0d5bbd}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#e0e0e0;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s}.btn-secondary:hover{background-color:#d0d0d0}.btn-outline{background-color:initial;border:1px solid #1172e5;border-radius:4px;color:#1172e5;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:all .2s}.btn-outline:hover{background-color:#1172e5;color:#fff}.btn-danger-outline{background-color:initial;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:all .2s}.btn-danger-outline:hover{background-color:#e74c3c;color:#fff}.button-link{background:none!important;border:none;color:#069;cursor:pointer;font-family:arial,sans-serif;font-size:16px;padding:0!important}.signup-buttons{flex-direction:column}.signup-buttons,.signup-google-btn{align-items:center;display:flex;width:100%}.signup-google-btn{background-color:#fff;border:1px solid #ddd;border-radius:10px;color:#333;cursor:pointer;font-size:16px;font-weight:600;height:48px;justify-content:center;max-width:340px;padding:0 32px;position:relative;transition:background-color .2s ease,border-color .2s ease}.signup-google-btn:hover{background-color:#f8f8f8;border-color:#ccc}.signup-google-icon{align-items:center;color:#4285f4;display:flex;font-size:18px;left:20px;position:absolute}.signup-google-text{text-align:center;width:100%}.signup-apple-btn{align-items:center;background-color:#000;border:1px solid #000;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;margin-top:10px;max-width:340px;padding:0 32px;position:relative;transition:background-color .2s ease;width:100%}.signup-apple-btn:hover{background-color:#333}.signup-apple-icon{align-items:center;color:#fff;display:flex;font-size:20px;left:20px;position:absolute}.signup-apple-text{text-align:center;width:100%}.signup-login-row{color:#555;font-size:15px;margin-top:16px}.signup-other-link{background:none;border:none;color:#0463ef;cursor:pointer;font-size:15px;font-weight:600;padding:0}.signup-other-link:hover{text-decoration:underline}.signup-facebook-btn{align-items:center;background-color:#1877f2;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;margin-top:10px;max-width:340px;padding:0 32px;position:relative;transition:background-color .15s;width:100%}.signup-facebook-btn:hover{background-color:#1565c0}.signup-facebook-icon{align-items:center;display:flex;font-size:20px;left:20px;position:absolute}.signup-facebook-text{text-align:center;width:100%}.signup-private-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:10px;color:#555;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;margin-top:10px;max-width:340px;padding:0 32px;position:relative;transition:background-color .15s;width:100%}.signup-private-btn:hover{background-color:#f8f8f8;border-color:#ccc}.signup-private-icon{align-items:center;color:#888;display:flex;font-size:16px;left:20px;position:absolute}.signup-private-text{text-align:center;width:100%}#no-sessions{text-align:center}button{text-transform:none!important}.error-message{color:red;width:100%}.profile-link{color:#000;text-decoration:none}#profile{margin:0 auto;max-width:500px;text-align:center}.profile-stats{display:flex;justify-content:space-between;margin:20px auto;width:200px}.stat{border-right:1px solid #ccc;padding:0 10px;text-align:center}.stat:last-child{border-right:none}.stat-title{font-size:14px}.stat-number{font-size:20px}.stat-category{display:inline-block;font-weight:700;padding-right:10px;text-align:right;width:170px}.notes{color:#444;font-size:14px;line-height:20px;margin:4px 0 20px}.edit-button{background:none!important;border:none;cursor:pointer;font-family:arial,sans-serif;font-size:16px}#followers button,#following button{margin:0 auto!important}.achievement-weekly-goal{align-items:center;background-color:#e3f2fd;border-radius:10px;display:flex;gap:12px;margin:10px 0;padding:14px 18px}.achievement-weekly-goal-icon{color:#1565c0;font-size:20px}.achievement-weekly-goal-text{color:#1565c0;font-size:15px;font-weight:600}.achievement-group-weekly-goal{align-items:center;background-color:#ede7f6;border-radius:10px;display:flex;gap:8px;margin:10px 0;padding:14px 18px}.achievement-group-icon,.achievement-trophy-icon{color:#5e35b1}.achievement-group-icon{font-size:16px}.achievement-trophy-icon{font-size:14px}.achievement-group-text{color:#5e35b1;font-size:15px;font-weight:600}.achievement-streak-milestone{align-items:center;background-color:#fff3e0;border-radius:10px;display:flex;gap:10px;margin:10px 0;padding:14px 18px}.achievement-streak-text{color:#e65100;font-size:15px;font-weight:600}.challenge-progress-box{align-items:flex-start;background-color:#f9fafb;border-radius:10px;display:flex;margin:10px 0;padding:12px}.challenge-progress-box.challenge-complete{background-color:#fffbeb;border:1px solid #f5e6b8}.challenge-progress-box.challenge-started{background-color:#ebf5ff;border:1px solid #b3d9ff}.challenge-title-started{color:#1565c0}.challenge-started-row{margin-top:2px}.challenge-started-text{color:#1976d2;font-size:13px;font-weight:600}.challenge-icon-container{align-items:center;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:10px;width:36px}.challenge-content{flex:1 1;min-width:0}.challenge-title-row{align-items:center;display:flex;margin-bottom:4px}.challenge-title{color:#333;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-title-complete{color:#92710a}.challenge-official-badge{border-radius:8px;flex-shrink:0;height:16px;margin-left:5px;width:16px}.challenge-progress-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.challenge-progress-text{color:#666;font-size:13px}.challenge-deadline-text{color:#999;font-size:12px}.challenge-progress-bar-bg{background-color:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.challenge-progress-bar-fg{background-color:#4a9cf5;border-radius:3px;height:100%}.challenge-complete-row{align-items:center;display:flex;gap:4px;margin-top:4px}.challenge-complete-text{color:#92710a;font-size:13px;font-weight:600}.more-achievements-btn{background:none;border:none;color:#1172e5;cursor:pointer;font-size:13px;font-weight:500;margin-top:4px;padding:4px 0}.more-achievements-btn:hover{text-decoration:underline}.chart-key-color{display:inline-block;height:20px;margin-left:10px;margin-right:10px;width:20px}.chart-key-label{display:inline-block;height:20px;line-height:20px}.chart-key{align-items:left;display:flex;justify-content:center;margin:10px auto 30px;width:400px}footer{font-size:12px;margin:20px;text-align:center}footer a{color:#555}.terms{font-size:12px;margin:20px}.terms,.terms a{color:#777}.today{background-color:#fff;border:1px solid #ccc;border-radius:10px;color:#333;font-size:15px;margin:20px auto 0;max-width:500px;padding:10px;text-align:center}.session{border-radius:10px;overflow:hidden}.session-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.session-header-person{align-items:center;display:flex;min-width:0}.session-avatar-container{flex-shrink:0;margin-right:10px;position:relative}.session-header-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.session-premium-badge{align-items:center;background-color:#1172e5;border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;display:flex;font-size:8px;height:18px;justify-content:center;position:absolute;right:0;width:18px}.session-header-name{font-size:15px;font-weight:700;margin:0 0 2px}.session-header-meta{color:#666;font-size:10px}.session-header-meta .instrument-icon{margin-right:3px;vertical-align:middle}.session-body{margin-top:4px}.session-body p{word-wrap:break-word;overflow-wrap:break-word}@media (max-width:540px){.session{margin-left:10px!important;margin-right:10px!important}}.managed-profile{background-color:#ccc;border:1px solid #ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:none;font-size:11px;justify-content:center;margin:60px 10px 10px;padding:10px}.managed-profile img{margin-right:10px;overflow:hidden;width:50px}.managed-profile div{text-align:center}.spacer{height:1px}#store-icons{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;margin-top:30px}#store-icons img{cursor:pointer;width:100px}.about-container{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.about-header{margin-bottom:40px;text-align:center}.about-header h1{font-size:2.5em;margin:0}.about-content{line-height:1.6;margin-bottom:40px}.about-content p{margin-bottom:20px}.about-content a{color:#007bff;text-decoration:none}.about-content a:hover{text-decoration:underline}.about-images{display:flex;flex-wrap:wrap;justify-content:center}.about-image{box-shadow:5px 5px 15px #0000004d;margin:10px;width:200px}#support{margin:0 auto;max-width:600px}#support h2{text-align:center}#search-header{justify-content:center;margin-bottom:20px}#search-header,#search-results{align-items:center;display:flex}#search-results{flex-direction:column}.support-user-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:10px;max-width:500px;padding:15px;width:100%}.support-user-card-top{align-items:center;display:flex;gap:10px}.support-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.support-tab{background-color:#e0e0e0;border:none;border-radius:20px;cursor:pointer;font-size:16px;padding:10px 30px;transition:background-color .2s}.support-tab:hover{background-color:#d0d0d0}.support-tab.active{background-color:#1976d2;color:#fff}.support-group-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;max-width:500px;padding:20px;width:100%}.support-group-actions,.support-group-info{align-items:center;display:flex}.support-group-actions{min-width:120px}.support-group-members{border-top:1px solid #eee;margin-top:15px;padding-top:15px;width:100%}.support-group-members h4{margin:0 0 10px;text-align:left}.support-group-members .support-user-card{border-bottom:1px solid #f0f0f0;box-shadow:none;padding:10px 0}.support-deletion-section{border-top:1px solid #f0f0f0;margin-top:10px;padding-top:10px;width:100%}.deletion-btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.deletion-btn-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.deletion-btn{align-items:center;background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;justify-content:center;min-height:34px;min-width:80px;padding:8px 14px;transition:all .2s}.deletion-btn:hover:not(:disabled){background-color:#c0392b}.deletion-btn:disabled{cursor:default;opacity:.7}.deletion-btn.cache{background-color:#e67e22}.deletion-btn.cache:hover{background-color:#d35400}.deletion-btn.done{background-color:#27ae60}.deletion-btn.errored{background-color:#e74c3c;opacity:1}.deletion-status{font-size:11px;max-width:120px;text-align:center;word-break:break-word}.deletion-status.success{color:#27ae60}.deletion-status.error{color:#e74c3c}.toggle-switch{display:inline-block;flex-shrink:0;width:44px}.toggle-switch input:checked+.toggle-slider{background-color:#0463ef}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.weekly-snapshot{background:#fff;border-radius:10px;margin:20px auto;padding:15px}.weekly-snapshot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.weekly-snapshot-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.see-more-link{color:#1172e5;font-size:12px;font-weight:500;text-decoration:none}.see-more-link:hover{text-decoration:underline}.weekly-stats{display:flex;gap:30px;margin-bottom:12px}.weekly-stat{display:flex;flex-direction:column}.weekly-stats-spacer{flex:1 1}.weekly-stat-streak{text-align:right}.weekly-stat-label{color:#666;font-size:12px;margin-bottom:2px}.weekly-stat-value{color:#333;font-size:18px;font-weight:700}.weekly-stat-icon{font-size:16px;vertical-align:middle}.weekly-days{align-items:flex-start;display:flex;justify-content:space-between}.weekly-day{flex:1 1;flex-direction:column;min-height:55px}.weekly-day,.weekly-day-circle{align-items:center;display:flex}.weekly-day-circle{background-color:initial;border:4px solid #e5e7eb;border-radius:50%;box-shadow:none;height:32px;justify-content:center;margin-bottom:4px;outline:none;width:32px}.weekly-day-label{color:#999;font-size:11px;font-weight:600;outline:none}.weekly-day-label.is-today{color:#000;font-weight:700}.weekly-day *,.weekly-day-circle *{-webkit-tap-highlight-color:transparent;box-shadow:none!important;outline:none!important}.weekly-day-time{color:#666;font-size:10px;min-height:14px}.weekly-share-btn{align-items:center;background:#f5f5f5;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:background .2s;width:100%}.weekly-share-btn:hover{background:#e8e8e8}.premium-upgrade-prompt{align-items:center;background:#f8f8f8;border-radius:10px;display:flex;gap:12px;margin-top:16px;padding:16px}.premium-prompt-icon{color:#666;flex-shrink:0;font-size:18px}.premium-prompt-content{display:flex;flex-direction:column;gap:4px}.premium-prompt-title{color:#333;font-size:14px;font-weight:600}.premium-prompt-text{color:#666;font-size:12px;line-height:1.4}.home-layout{display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1100px}.profile-sidebar,.right-sidebar{display:none;flex-shrink:0;width:260px}.right-sidebar{padding-top:20px}.profile-sidebar-card{background:#fff;border-radius:10px;padding:20px;position:-webkit-sticky;position:sticky;text-align:center;top:80px}.sidebar-avatar-container{display:inline-block;margin-bottom:10px;position:relative}.sidebar-avatar{border-radius:50%;height:70px;object-fit:cover;width:70px}.sidebar-premium-badge{align-items:center;background-color:#1172e5;border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:0;width:20px}.sidebar-name{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.sidebar-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;justify-content:space-around;padding:15px 0}.sidebar-stat{align-items:center;display:flex;flex-direction:column}.sidebar-stat-number{color:#333;font-size:18px;font-weight:600}.sidebar-stat-label{color:#666;font-size:11px;margin-top:2px}.sidebar-latest-activity{padding-top:15px;text-align:left}.sidebar-latest-label{color:#666;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.sidebar-latest-detail{color:#333;display:block;font-size:13px;margin-top:4px}.right-sidebar-card{background:#fff;border-radius:10px;margin-bottom:16px;padding:16px}.right-sidebar-title{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.right-sidebar-groups{display:flex;flex-direction:column;gap:0}.right-sidebar-group-item{align-items:center;border-bottom:1px solid #f0f0f0;color:inherit;display:flex;gap:10px;padding:8px 0;text-decoration:none}.right-sidebar-group-item:last-child{border-bottom:none}.right-sidebar-group-item:hover .right-sidebar-group-name{color:#0463ef}.right-sidebar-group-icon{align-items:center;background-color:#f0f4ff;color:#0463ef;display:flex;font-size:14px;justify-content:center}.right-sidebar-group-icon,.right-sidebar-group-logo{border-radius:8px;flex-shrink:0;height:36px;width:36px}.right-sidebar-group-logo{object-fit:cover}.right-sidebar-group-name{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.right-sidebar-view-all{border-top:1px solid #f0f0f0;color:#0463ef;display:block;font-size:13px;font-weight:500;margin-top:4px;padding-top:12px;text-align:center;text-decoration:none}.right-sidebar-view-all:hover{text-decoration:underline}.right-sidebar-suggestions{display:flex;flex-direction:column;gap:0}.right-sidebar-suggestion{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.right-sidebar-suggestion:last-child{border-bottom:none}.right-sidebar-suggestion-info{align-items:center;color:inherit;display:flex;flex:1 1;gap:10px;min-width:0;text-decoration:none}.right-sidebar-suggestion-avatar{border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.right-sidebar-suggestion-name{color:#333;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-sidebar-suggestion .follow-btn{flex-shrink:0;font-size:12px;min-width:auto;padding:5px 12px}@media (min-width:960px){.right-sidebar{display:block}}@media (min-width:1140px){.profile-sidebar{display:block}}.home-feed{max-width:540px;min-width:0;width:100%}.session-badges-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.session-badge{align-items:center;background-color:#f3f4f6;border-radius:12px;color:#666;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 10px}.session-title{font-size:24px;font-weight:700;margin:12px 0 8px}.session-images{border-radius:8px;margin:8px 0 12px;overflow:hidden}.session-images-single .session-image-thumb{border-radius:8px;cursor:pointer;display:block;max-height:300px;object-fit:cover;width:100%}.session-images-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}.session-images-grid .session-image-thumb{aspect-ratio:1;cursor:pointer;display:block;object-fit:cover;width:100%}.session-stats-box{background-color:#f9fafb;border-radius:10px;margin-bottom:12px;padding:12px}.session-metrics{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.session-metric{align-items:center;display:flex;flex:1 1;flex-direction:column}.metric-label{color:#999;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value-primary{color:#111;font-size:28px;font-weight:700}.metric-value-secondary{color:#666;font-size:16px;font-weight:600}.metric-divider{background-color:#e0e0e0;height:32px;width:1px}.practice-bar-container{background-color:#f0f0f0;border-radius:10px;height:20px;overflow:hidden}.practice-bar-background{border-radius:10px;display:flex;height:100%;min-width:0;overflow:hidden}.practice-bar-playing{background-color:#4a9cf5;height:100%}.practice-bar-resting{background-color:#a8c4df;height:100%}.recording-container{background-color:#f8f9fa;border-radius:8px;margin-top:15px;padding:25px 10px 10px;position:relative;text-align:center}.recording-visibility-label{color:grey;font-size:12px;position:absolute;right:10px;top:5px}.session-likes-row{border-bottom:1px solid #f0f0f0;padding:10px 0}.likes-text{color:#666;font-size:14px;margin-left:8px}.session-actions{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-around;margin-bottom:15px;padding:10px 0}.session-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:20px;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.session-action-btn:hover{background:#f5f5f5}.session-action-btn.active{color:#1172e5}.session-action-btn:disabled{color:#1172e5;cursor:default}.comments-section{margin-top:0}.comments-header{margin-bottom:6px}.comments-count{color:#666;font-size:14px}.comment-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:6px 0}.comment-item:last-of-type{border-bottom:none}.comment-item img{border-radius:50%;flex-shrink:0;height:25px;margin-right:8px!important;width:25px}.comment-content{flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;gap:6px}.comment-author{color:#333;font-size:12px;font-weight:600}.comment-timestamp{color:#999;font-size:10px}.comment-text{word-wrap:break-word;color:#333;font-size:13px;line-height:1.3;margin:3px 0 0}.comment-delete-btn{background:none;border:none;color:#999;cursor:pointer;flex-shrink:0;font-size:10px;margin-left:auto;padding:0}.comment-delete-btn:hover{color:#e74c3c}.comment-input-container{align-items:center;display:flex;gap:8px;margin-top:4px;padding-top:6px}.comment-input-container img{border-radius:50%;flex-shrink:0;height:25px;margin-right:0;width:25px}.comment-text-input{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 15px;transition:border-color .2s}.comment-text-input:focus{background:#fff;border-color:#1172e5}.comment-text-input::placeholder{color:#999}.comment-submit-btn{background:none;border:none;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 5px;white-space:nowrap}.comment-submit-btn:hover{color:#1172e5}@media (max-width:480px){.weekly-day-circle{height:36px;width:36px}.weekly-day-label{font-size:12px}.weekly-stats{gap:30px}.weekly-stat-value{font-size:20px}.session-action-btn{font-size:12px;padding:6px 8px}}.image-uploader{margin:12px 0}.image-uploader-label{color:#999;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.image-uploader-grid{display:flex;flex-wrap:wrap;gap:10px}.image-uploader-slot{border:1px solid #e0e0e0;border-radius:8px;height:100px;overflow:hidden;position:relative;width:100px}.image-uploader-preview{height:100%;object-fit:cover;width:100%}.image-uploader-overlay{align-items:center;background:#00000080;bottom:0;display:flex;flex-direction:column;gap:6px;justify-content:center;left:0;position:absolute;right:0;top:0}.image-uploader-overlay-error{background:#d32f2fbf}.image-uploader-spinner{animation:img-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}@keyframes img-spin{to{transform:rotate(1turn)}}.image-uploader-error-text,.image-uploader-status-text{color:#fff;font-size:11px;font-weight:500}.image-uploader-error-text{padding:4px;text-align:center}.image-uploader-remove{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:22px;justify-content:center;line-height:1;padding:0;position:absolute;right:2px;top:2px;width:22px}.image-uploader-remove:hover{background:#000c}.image-uploader-dropzone{align-items:center;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:100px;justify-content:center;transition:border-color .2s,background-color .2s;width:100px}.image-uploader-dropzone-active,.image-uploader-dropzone:hover{background-color:#4a9cf50d;border-color:#4a9cf5}.image-uploader-plus{color:#999;font-size:28px;line-height:1}.image-uploader-dropzone-text{color:#999;font-size:11px}.record-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;margin:20px auto;max-width:460px;padding:24px}.record-title-input{font-size:15px;margin-bottom:8px}.record-notes-input,.record-title-input{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;padding:12px;width:100%}.record-notes-input{font-family:inherit;font-size:14px;margin-bottom:15px;min-height:60px;resize:vertical}.record-notes-input:focus,.record-title-input:focus{background-color:#fff;border-color:#1172e5;outline:none}.detection-section{align-items:center;display:flex;flex-direction:column;padding:10px 0 15px}.microphone-icon{height:50px;margin-bottom:8px;width:50px}.microphone-icon.active{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.detection-status-row{align-items:center;display:flex;gap:8px}.status-pill{background-color:#ccc;border-radius:50%;height:8px;width:8px}.status-pill.active{background-color:#04ef90}.detection-text{color:#666;font-size:13px}.timer-section{padding:10px 0;text-align:center}.performing-time{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:52px;font-weight:700;letter-spacing:-1px;line-height:1}.performing-label{color:#666;font-size:14px;margin-top:4px}.total-section{margin-top:10px}.total-time{color:#999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:500}.total-label{color:#999;font-size:12px;margin-top:2px}.instrument-row{display:flex;justify-content:center;padding:12px 0}.instrument-row.left{justify-content:flex-start}.instrument-selector{background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:14px;min-width:180px;padding:8px 20px;text-align:center}.instrument-display{align-items:center;background-color:#f5f5f5;border-radius:16px;color:#333;display:inline-flex;font-size:13px;padding:6px 14px}.headphones-toggle{align-items:center;color:#666;display:flex;font-size:13px;gap:8px;justify-content:center;padding:8px 0}.toggle-switch{height:24px;position:relative;width:42px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#1172e5}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}.add-notes-chip{align-items:center;background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:20px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;margin-bottom:12px;padding:8px 14px;transition:background-color .15s}.add-notes-chip:hover{background-color:#eee}.info-note{background-color:#f0f7ff;border:1px solid #d0e3ff;border-radius:8px;color:#4a7ab5;font-size:13px;line-height:1.4;margin:15px 0;padding:10px 14px;text-align:center}.controls-section{align-items:center;display:flex;flex-direction:column;margin-top:10px;padding-top:15px}.start-button{background:linear-gradient(135deg,#ef0463,#d4035a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:opacity .2s;width:100%}.start-button:hover{opacity:.9}.start-button:disabled{background-color:#ccc;cursor:not-allowed}.pause-button{background-color:#ef0463;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.pause-button:hover{background-color:#d4035a}.finish-button{background-color:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.finish-button:hover{background-color:#0350c4}.session-selectors{margin-bottom:16px;width:100%}.selector-group{margin-bottom:12px}.selector-label{color:#999;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.selector-row{display:flex;flex-wrap:wrap;gap:6px}.selector-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s}.selector-button:hover{border-color:#ccc}.selector-button .selector-icon{color:#999;font-size:11px;margin-right:5px}.selector-button.active{background-color:#f5f5f5;border-color:#0463ef;color:#0463ef}.selector-button.active .selector-icon{color:inherit}.pause-actions{display:flex;flex-direction:row;gap:8px;width:100%}.pause-actions .finish-button,.pause-actions .resume-button{flex:1 1}.action-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.save-button{background-color:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.save-button:hover{background-color:#0350c4}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.resume-button{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:15px;font-weight:500;padding:12px;width:100%}.resume-button:disabled,.resume-button:hover{background-color:#f5f5f5}.resume-button:disabled{color:#999;cursor:not-allowed}.discard-button{background:none;border:none;color:#ef0463;cursor:pointer;font-size:13px;font-weight:500;padding:10px;width:100%}.discard-button:hover{text-decoration:underline}.discard-button:disabled{color:#ccc;cursor:not-allowed;text-decoration:none}.cancel-button{background:none;border:none;color:#666;cursor:pointer;font-size:13px;padding:10px;width:100%}.error-message{color:#ef0463;font-size:14px;margin-top:10px;text-align:center}.add-time-section{display:flex;justify-content:center;padding:4px 0 16px}.add-time-button{background:none;border:none;color:#999;cursor:pointer;font-size:13px;padding:6px 12px}.add-time-button:hover{color:#666}.add-time-controls{display:flex;gap:12px}.add-time-control{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.add-time-control:hover{background-color:#eee}.log-past-button{background:none;border:none;color:#999;cursor:pointer;font-size:14px;margin-bottom:16px;padding:10px 20px}.log-past-button:hover{color:#666}.day-selector-container{display:flex;gap:8px;justify-content:center;margin-bottom:8px;margin-top:12px}.day-option{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s}.day-option:hover{background-color:#eee}.day-option.active{background-color:#fff;border-color:#0463ef;color:#0463ef;font-weight:500}@media (max-width:480px){.record-container{margin:10px;padding:15px}.performing-time{font-size:40px}}.share-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.share-modal{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;max-width:440px;overflow:hidden;width:100%}.share-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.share-modal-header h3{color:#333;font-size:17px;font-weight:600;margin:0}.share-modal-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:16px;line-height:1;padding:4px 8px}.share-modal-close:hover{background-color:#f0f0f0;color:#333}.share-modal-body{padding:20px}.share-modal-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;justify-content:center;padding:12px 0}.share-modal-link-row{display:flex;gap:8px}.share-modal-link-input{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;color:#333;flex:1 1;font-size:13px;min-width:0;outline:none;padding:10px 12px}.share-modal-link-input:focus{background-color:#fff;border-color:#0463ef}.share-modal-copy-btn{align-items:center;background-color:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:background-color .15s;white-space:nowrap}.share-modal-copy-btn:hover{background-color:#0350c4}.share-modal-copy-btn.copied{background-color:#4caf50}.lightbox-overlay{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:36px;line-height:1;padding:4px 8px;position:absolute;right:20px;top:16px;z-index:10001}.lightbox-close:hover{color:#ccc}.lightbox-image{border-radius:8px;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}.lightbox-arrow{background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:48px;line-height:1;padding:8px 16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10001}.lightbox-arrow:hover{background:#ffffff4d}.lightbox-arrow-left{left:16px}.lightbox-arrow-right{right:16px}.lightbox-counter{background:#00000080;border-radius:12px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%)}.skeleton-box{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:400px 100%}.session-skeleton{background-color:#fff;border-radius:10px;box-sizing:border-box;margin:20px auto;padding:15px}.skeleton-header{display:flex;flex-direction:row}.skeleton-header-text{display:flex;flex-direction:column;justify-content:center;margin-left:10px}.skeleton-timers-row{display:flex;flex-direction:row;justify-content:space-between;margin:10px 0}.skeleton-timer-item{align-items:flex-start;display:flex;flex-direction:column}.skeleton-likes-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;margin-top:15px;padding:12px 0 8px}.skeleton-like-avatars{display:flex;flex-direction:row-reverse}.skeleton-actions{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-around;padding:10px 0}.skeleton-comment-input{align-items:center;display:flex;padding-top:10px}.search-container{background-color:#fff;border-radius:10px;margin:16px auto 0;max-width:540px;padding:16px}.search-page-title{color:#333;font-size:24px;margin:0 0 15px;text-align:left}.search-input-wrapper{margin-bottom:10px;padding:0}.search-input{background-color:#f5f5f5;border:none;border-radius:10px;box-sizing:border-box;color:#000;font-size:16px;height:44px;padding:0 15px;width:100%}.search-input::placeholder{color:#999}.search-input:focus{background-color:#efefef;outline:none}.search-results-container{padding:15px 0 0}.search-results-title{color:#333;font-size:18px;font-weight:700;margin:0 0 10px}.search-error{color:#e74c3c;padding:20px;text-align:center}.search-empty{color:#666;padding:40px 20px;text-align:center}.search-footer{color:#666;font-size:14px;margin-top:10px;padding:20px 20px 10px;text-align:center}.search-footer p{margin:0 0 12px}.invite-btn{align-items:center;background-color:#0463ef;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:150px;padding:12px 24px;transition:background-color .2s}.invite-btn:hover{background-color:#0350c4}.invite-btn:disabled{background-color:#ccc;cursor:not-allowed}.invite-icon{font-size:16px}.share-status{color:#4caf50;font-size:13px;margin-top:10px}.share-status.error{color:#e74c3c}.musician-card{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.musician-card:last-of-type{border-bottom:none}.musician-card-left{align-items:center;display:flex;flex:1 1;min-width:0}.musician-avatar{border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.musician-info{display:flex;flex:1 1;flex-direction:column;margin-left:12px;min-width:0}.musician-name-link{color:inherit;text-decoration:none}.musician-name{color:#333;display:block;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.musician-stats-text{color:#888;display:block;font-size:12px;margin-top:2px}.musician-relationship{color:#666;font-size:13px;margin-top:2px}.musician-card-right{flex-shrink:0;margin-left:10px}.follow-btn{border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:8px 20px;transition:all .2s;white-space:nowrap}.follow-btn-follow{background-color:#fff;border:1px solid #6ba3ff;color:#0463ef}.follow-btn-follow:hover{background-color:#f0f7ff}.follow-btn-unfollow{background-color:#fff;border:1px solid #999;color:#666}.follow-btn-unfollow:hover{background-color:#f5f5f5;border-color:#e74c3c;color:#e74c3c}@keyframes search-skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.musician-card-skeleton{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 0}.musician-card-skeleton:last-child{border-bottom:none}.skeleton-avatar-sm{animation:search-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:400px 100%;border-radius:50%;flex-shrink:0;height:50px;width:50px}.search-skeleton .skeleton-info{flex:1 1;margin-left:12px;margin-right:12px}.search-skeleton .skeleton-line{animation:search-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:400px 100%;border-radius:4px}.profile-container{box-sizing:border-box;margin:0 auto;max-width:500px;padding:0 10px}.profile-page-title{color:#333;font-size:24px;margin:20px 0 15px;text-align:left}.profile-tabs{background-color:#fff;border-radius:10px;display:flex;margin-bottom:10px;overflow:hidden}.profile-tab{background:none;border:none;border-bottom:2px solid #0000;color:#aaa;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;outline:none;padding:14px 20px;transition:all .2s}.profile-tab:hover{color:#666}.profile-tab.active{border-bottom-color:#2e325c;color:#000}.profile-header-card{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:20px}.profile-header-top{align-items:center;display:flex;gap:15px;margin-bottom:15px}.profile-avatar-container{flex-shrink:0;position:relative}.profile-avatar{border-radius:50%;height:80px;object-fit:cover;width:80px}.premium-badge{align-items:center;background-color:#1172e5;border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;display:flex;font-size:12px;height:26px;justify-content:center;position:absolute;right:0;width:26px}.profile-name-location{flex:1 1;min-width:0}.profile-name{color:#333;font-size:18px;font-weight:600;margin:0 0 5px}.profile-location{color:#666;font-size:14px;margin:0}.profile-meta{color:#666;font-size:13px;margin:0}.profile-share-btn{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.profile-share-btn:hover{color:#0463ef}.profile-share-btn:disabled{cursor:not-allowed;opacity:.5}.profile-key-stats{border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-size:14px;gap:20px;margin-bottom:15px;padding:10px 0}.profile-key-stats span{white-space:nowrap}.profile-follow-row{align-items:center;display:flex;justify-content:space-between}.profile-follow-counts{display:flex;gap:25px}.profile-follow-stat{text-align:left}.profile-follow-stat.clickable{border-radius:8px;cursor:pointer;margin:-4px -8px;padding:4px 8px;transition:background-color .2s}.profile-follow-stat.clickable:hover{background-color:#f5f5f5}.profile-follow-stat .label{color:#666;font-size:13px;margin-bottom:4px}.profile-follow-stat .count{color:#333;font-size:18px;font-weight:600}.follow-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.follow-modal{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;display:flex;flex-direction:column;max-height:70vh;max-width:440px;overflow:hidden;width:100%}.follow-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.follow-modal-header h3{color:#333;font-size:17px;font-weight:600;margin:0}.follow-modal-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:16px;line-height:1;padding:4px 8px}.follow-modal-close:hover{background-color:#f0f0f0;color:#333}.follow-modal-body{overflow-y:auto;padding:8px 16px}.instrument-filter{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:10px;margin-bottom:8px;overflow-x:auto;padding:16px;scrollbar-width:none}.instrument-filter::-webkit-scrollbar{display:none}.filter-chip{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#333;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-chip:hover{border-color:#ccc}.filter-chip.active{border-color:#0463ef;color:#0463ef}.matrix-card{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:20px}.matrix-card-title{color:#333;font-size:14px;font-weight:600;margin:0 0 15px}.practice-matrix{width:100%}.matrix-grid{display:flex;flex-direction:row;position:relative}.matrix-rows{direction:rtl;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.matrix-row{direction:ltr;display:flex;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.matrix-cell{border-radius:2px;flex-shrink:0}.matrix-day-labels{display:flex;flex-direction:column;flex-shrink:0;padding-left:6px}.matrix-day-label{align-items:center;color:#9ca3af;display:flex;font-size:9px}.matrix-month-labels{height:20px;margin-top:8px;position:relative}.matrix-month-label{color:#9ca3af;font-size:9px;position:absolute;transform:translateX(-50%)}.chart-card{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:20px}.chart-card-title{color:#333;font-size:14px;font-weight:600;margin:0 0 15px}.chart-container{height:200px;width:100%}.range-selector{background-color:#eee;border-radius:8px;display:flex;margin-top:15px;padding:2px}.range-option{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.range-option.active{background-color:#fff;color:#333}.stats-card{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:20px}.stats-card-title{color:#333;font-size:14px;font-weight:600;margin:0 0 15px}.stats-grid{grid-template-columns:1fr 1fr}.stat-item{display:flex;flex-direction:column}.stat-item .label{color:#666;font-size:12px;margin-bottom:4px}.stat-item .value{color:#333;font-size:16px;font-weight:600}.sessions-card{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:20px}.sessions-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;padding:0}.sessions-card-title{color:#333;font-size:14px;font-weight:600;margin:0}.sessions-count{color:#666;font-size:12px}.session-filters{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:10px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.session-filters::-webkit-scrollbar{display:none}.profile-error{background-color:#fff;border-radius:10px;color:#e74c3c;padding:40px 20px;text-align:center}.profile-loading{display:flex;justify-content:center;padding:60px 20px}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-avatar{border-radius:50%;flex-shrink:0;height:80px;width:80px}.skeleton-avatar,.skeleton-line{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:400px 100%}.skeleton-line{border-radius:4px}.skeleton-cell{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:400px 100%;border-radius:2px;height:14px;width:14px}.profile-skeleton .profile-tabs{display:flex}.empty-sessions{color:#666;padding:40px 20px;text-align:center}.weekly-goal-section{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.goal-display{align-items:center;cursor:pointer;display:flex;gap:8px}.goal-label{color:#333;font-size:14px;font-weight:500}.goal-edit-icon{font-size:12px}.goal-editor{align-items:center;display:flex;gap:8px}.goal-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;text-align:center;width:80px}.goal-save-btn{background-color:#1172e5;color:#fff}.goal-cancel-btn,.goal-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.goal-cancel-btn{background-color:#f5f5f5;color:#666}.goal-progress-section{margin-top:12px}.progress-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.progress-label{color:#666;font-size:12px;width:40px}.progress-bar-container{background-color:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-bar-fill{background-color:#4a9cf5;border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:12px;min-width:70px;text-align:right}.goal-editor-inputs{display:flex;gap:12px;margin-bottom:12px}.goal-editor-field{flex:1 1}.goal-editor-field label{color:#333;display:block;font-size:13px;margin-bottom:6px}.goal-editor-buttons{display:flex;gap:8px;justify-content:flex-end}.goal-display-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.goal-display-btn:hover{color:#333}.goal-btn-icon{color:#666;font-size:14px}.goal-editor-panel{background-color:#f9fafb;border-radius:10px;margin-top:15px;padding:16px}.goal-editor-section{margin-bottom:16px}.goal-editor-section:last-of-type{margin-bottom:12px}.goal-editor-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.goal-editor-label{color:#333;font-size:14px;font-weight:500}.goal-toggle-btn{background-color:#1172e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.goal-toggle-btn.inactive{background-color:#e5e7eb;color:#666}.goal-toggle-btn:hover{opacity:.9}.goal-presets{display:flex;flex-wrap:wrap;gap:8px}.goal-preset-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.goal-preset-btn:hover{border-color:#1172e5}.goal-preset-btn.active{background-color:#1172e5;border-color:#1172e5;color:#fff}.goal-days-picker{display:flex;gap:6px}.goal-day-btn{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s;width:36px}.goal-day-btn:hover{border-color:#1172e5}.goal-day-btn.active{background-color:#1172e5;border-color:#1172e5;color:#fff}.goal-editor-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding-top:12px}.goal-hint{border-top:1px solid #f0f0f0;justify-content:space-between;margin-top:12px;padding-top:12px}.goal-hint,.goal-hint-link{align-items:center;display:flex}.goal-hint-link{color:#666;font-size:13px;gap:8px;text-decoration:none;transition:color .2s}.goal-hint-link:hover{color:#1172e5}.goal-hint-icon{color:#999;font-size:14px}.goal-hint-link:hover .goal-hint-icon{color:#1172e5}.goal-hint-dismiss{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:4px 8px;transition:color .2s}.goal-hint-dismiss:hover{color:#666}.goal-custom-input{align-items:center;display:flex;gap:10px;margin-top:10px}.custom-minutes-input{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px;text-align:center;width:80px}.custom-minutes-input:focus{border-color:#1172e5;outline:none}.custom-minutes-label{color:#666;font-size:14px}.profile-challenges-section{margin-bottom:5px;padding:15px 0}.profile-challenges-title{color:#666;font-size:16px;font-weight:600;margin:0 0 10px}.leaderboard-skeleton{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;margin:10px auto 0;max-width:500px;padding:10px 15px}.leaderboard-skeleton-name{flex:1 1;margin-left:10px}.leaderboard-container{margin:0 auto;max-width:540px}.leaderboard-title{color:#333;font-size:24px;margin:20px 0 15px;text-align:left}.weeks-selector-container{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:12px 15px}.weeks-selector{background-color:#f5f5f5;border-radius:8px;display:flex;padding:3px}.week-option{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s}.week-option.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#333;font-weight:600}.instrument-filter-container{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:8px 15px}.instrument-filter{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.instrument-chip{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;color:#333;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;height:32px;padding:0 12px;transition:all .2s;white-space:nowrap}.instrument-chip.active{border-color:#0463ef;color:#0463ef}.instrument-chip:hover:not(.active){background-color:#e8e8e8}.leaderboard-content{padding-bottom:20px}.leaderboard-row{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 20px}.leaderboard-position{flex-shrink:0;font-size:16px;font-weight:700;text-align:center;width:30px}.leaderboard-user{align-items:center;color:inherit;display:flex;flex:1 1;min-width:0;text-decoration:none}.leaderboard-avatar-container{flex-shrink:0;margin-left:5px;position:relative}.leaderboard-avatar{border-radius:50%;height:50px;width:50px}.leaderboard-premium-badge{align-items:center;background-color:#1172e5;border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;display:flex;font-size:8px;height:18px;justify-content:center;position:absolute;right:0;width:18px}.leaderboard-name{font-weight:500;overflow:hidden;text-overflow:ellipsis}.leaderboard-name,.leaderboard-time{color:#333;margin-left:10px;white-space:nowrap}.leaderboard-time{flex-shrink:0;font-size:14px}.leaderboard-empty{background-color:#fff;border-radius:10px;margin-top:20px;padding:40px 20px;text-align:center}.leaderboard-empty .empty-icon{font-size:48px;margin-bottom:16px}.leaderboard-empty h3{color:#333;font-size:20px;margin:0 0 8px}.leaderboard-empty p{color:#666;font-size:14px;margin:0}.leaderboard-error{background-color:#fff;border-radius:10px;margin-top:20px;padding:40px 20px;text-align:center}.leaderboard-error p{color:#666;margin-bottom:16px}.leaderboard-error button{background-color:#1172e5;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.leaderboard-error button:hover{background-color:#0d5bbd}@media (max-width:480px){.leaderboard-avatar{height:40px;width:40px}.leaderboard-premium-badge{font-size:7px;height:16px;width:16px}.leaderboard-time{font-size:13px}.leaderboard-name{font-size:14px}}.groups-container{margin:0 auto;max-width:540px}.groups-top-tabs{background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:10px 10px 0 0;display:flex;margin:16px 0 12px}.groups-top-tab{background:none;border:none;border-bottom:2px solid #0000;color:#aaa;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;outline:none;padding:12px 16px;transition:all .2s ease}.groups-top-tab.active{border-bottom-color:#2e325c;color:#000}.groups-top-tab:hover:not(.active){color:#666}.groups-header{align-items:center;background-color:#fff;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:16px}.groups-title{color:#333;font-size:24px;margin:0;text-align:left}.groups-create-btn{align-items:center;background-color:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .15s}.groups-create-btn:hover{background-color:#0350c4}.create-wizard-progress{background-color:#f0f0f0;height:3px}.create-wizard-progress-bar{background-color:#0463ef;height:100%;transition:width .3s ease}.create-wizard-subtitle{color:#666;font-size:14px;margin:0 0 16px}.create-wizard-error{color:#d32f2f;font-size:13px;margin:8px 0 0}.groups-list{background-color:#fff;border-radius:0 0 10px 10px;overflow:hidden}.group-item{align-items:center;border-bottom:1px solid #f0f0f0;color:inherit;display:flex;padding:14px 16px;text-decoration:none;transition:background-color .15s ease}.group-item:last-child{border-bottom:none}.group-item:hover{background-color:#fafafa}.group-item-logo{object-fit:cover}.group-item-logo,.group-item-logo-placeholder{border-radius:8px;flex-shrink:0;height:40px;margin-right:12px;width:40px}.group-item-logo-placeholder{align-items:center;background-color:#f0f0f0;display:flex;justify-content:center}.group-item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.group-item-name{color:#000;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-item-members{color:#666;font-size:14px;margin-top:2px}.group-item-meta{color:#999;font-size:12px;margin-top:2px}.group-item-chevron{color:#ccc;flex-shrink:0;font-size:14px;margin-left:12px}.group-item-skeleton{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:14px 16px}.group-item-skeleton:last-child{border-bottom:none}.group-item-skeleton-info{display:flex;flex:1 1;flex-direction:column}.groups-empty{background-color:#fff;border-radius:10px;margin-top:10px;padding:40px 20px;text-align:center}.groups-empty h3{color:#333;font-size:20px;margin:0 0 8px}.groups-empty p{color:#666;font-size:14px;margin:0}.groups-retry-btn{background-color:#0463ef;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:10px 24px}.groups-retry-btn:hover{background-color:#0350c4}.groups-section-title{color:#666;font-size:16px;font-weight:600;margin:20px 0 8px}.group-item-pending{opacity:.8}.group-pending-badge{background-color:#fff3e0;border-radius:12px;color:#e65100;flex-shrink:0;font-size:12px;font-weight:600;margin-left:12px;padding:4px 10px}.group-back-link,.group-pending-badge{align-items:center;display:inline-flex}.group-back-link{color:#0463ef;font-size:15px;font-weight:500;gap:8px;margin:16px 0 8px;text-decoration:none}.group-back-link:hover{text-decoration:underline}.group-detail-header{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:20px}.group-detail-logo{border-radius:12px;height:120px;margin-bottom:12px;object-fit:cover;width:120px}.group-detail-name{color:#333;font-size:20px;font-weight:600;margin:0 0 6px}.group-detail-meta{color:#666;font-size:14px}.group-detail-dot{margin:0 6px}.group-detail-description{color:#555;font-size:14px;line-height:1.5;margin:12px 0 0}.group-detail-header-skeleton{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:20px}.group-detail-header-skeleton .skeleton-box{animation:groups-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:400px 100%;border-radius:4px;display:block}@keyframes groups-skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.group-detail-tabs{background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:10px 10px 0 0;display:flex;margin-bottom:16px}.group-detail-tab{background:none;border:none;border-bottom:2px solid #0000;color:#aaa;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;outline:none;padding:14px 16px;transition:all .2s ease}.group-detail-tab.active{border-bottom-color:#2e325c;color:#000}.group-detail-tab:hover:not(.active){color:#666}.group-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.group-tag{background-color:#f0f4ff;border-radius:12px;color:#0463ef;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.group-admin-actions{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.group-action-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.group-action-btn:hover{background-color:#f5f5f5;border-color:#ccc}.group-action-danger{border-color:#ffcdd2;color:#d32f2f}.group-action-danger:hover{background-color:#ffebee;border-color:#ef9a9a}.group-badge{background-color:#0463ef;border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:18px;margin-left:4px;min-width:18px;padding:0 5px}.group-badge,.group-modal-overlay{align-items:center;justify-content:center}.group-modal-overlay{background:#00000080;bottom:0;display:flex;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.group-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.group-modal-sm{max-width:400px}.group-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.group-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.group-modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;line-height:1;padding:0}.group-modal-close:hover{color:#333}.group-modal-body{flex:1 1;overflow-y:auto;padding:20px}.group-modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.group-modal-btn-primary{background-color:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.group-modal-btn-primary:hover{background-color:#0350c4}.group-modal-btn-primary:disabled{background-color:#a0c4f7;cursor:not-allowed}.group-modal-btn-secondary{background:none;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.group-modal-btn-secondary:hover{background-color:#f5f5f5}.group-modal-btn-danger{background-color:#d32f2f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.group-modal-btn-danger:hover{background-color:#b71c1c}.group-modal-btn-danger:disabled{background-color:#ef9a9a;cursor:not-allowed}.group-edit-field{margin-bottom:16px}.group-edit-field label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.group-edit-input{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;width:100%}.group-edit-input:focus{border-color:#0463ef}.group-edit-textarea{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical;width:100%}.group-edit-textarea:focus{border-color:#0463ef}.group-edit-counter{color:#999;display:block;font-size:12px;margin-top:4px;text-align:right}.group-edit-tags{display:flex;flex-wrap:wrap;gap:6px}.group-tag-option{background:#fff;border:1px solid #e0e0e0;border-radius:16px;color:#666;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .15s ease}.group-tag-option.active,.group-tag-option:hover{border-color:#0463ef;color:#0463ef}.member-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:10px 0}.member-item:last-child{border-bottom:none}.member-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;object-fit:cover;width:40px}.member-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.member-name{color:#333;font-size:15px;font-weight:500}.member-role{color:#0463ef;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.member-remove-btn{background:none;border:none;color:#ccc;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px}.member-remove-btn:hover{color:#d32f2f}.member-remove-btn:disabled{cursor:not-allowed;opacity:.5}.request-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:10px 0}.request-item:last-child{border-bottom:none}.request-message{color:#666;font-size:13px;margin-top:2px}.request-actions{display:flex;flex-shrink:0;gap:8px;margin-left:12px}.request-approve-btn{background-color:#0463ef;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.request-approve-btn:hover{background-color:#0350c4}.request-approve-btn:disabled{cursor:not-allowed;opacity:.5}.request-deny-btn{background:none;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.request-deny-btn:hover{background-color:#f5f5f5}.request-deny-btn:disabled{cursor:not-allowed;opacity:.5}.group-invite-link-box{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.group-invite-link-text{color:#333;flex:1 1;font-size:13px;text-align:left;word-break:break-all}.group-invite-copy-btn{background-color:#0463ef;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 14px;white-space:nowrap}.group-invite-copy-btn:hover{background-color:#0350c4}.group-invite-share-btn{align-items:center;background-color:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .15s}.group-invite-share-btn:hover:not(:disabled){background-color:#0350c4}.group-invite-share-btn:disabled{background-color:#4caf50;cursor:default}.group-request-access-btn{align-items:center;background-color:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:10px 24px;transition:background-color .15s;width:100%}.group-request-access-btn:hover:not(:disabled){background-color:#0350c4}.group-request-access-btn:disabled{background-color:#a0c4f7;cursor:not-allowed}.group-locked-content{background-color:#fff;border-radius:10px;padding:40px 20px;text-align:center}.group-locked-content h3{color:#333;font-size:18px;margin:0 0 8px}.group-locked-content p{color:#666;font-size:14px;margin:0}.group-goal-progress-section{background-color:#f8f9fa;border-radius:10px;margin-top:16px;padding:16px}.group-goal-title{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.group-goal-item{margin-bottom:10px}.group-goal-item:last-child{margin-bottom:0}.group-goal-label{align-items:center;color:#555;display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.group-goal-percentage{color:#0463ef;font-weight:600}.group-goal-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.group-goal-bar-fill{background-color:#4a9cf5;border-radius:4px;height:100%;transition:width .3s ease}.group-goal-hint{align-items:center;background-color:initial;border-radius:10px;display:flex;gap:10px;margin-top:16px;padding:12px 16px}.group-goal-hint-icon{color:#999;flex-shrink:0;font-size:16px}.group-goal-hint-text{color:#666;flex:1 1;font-size:13px}.group-goal-hint-content{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:0;text-align:left}.group-goal-hint-content:hover .group-goal-hint-text{text-decoration:underline}.group-goal-hint-dismiss{background:none;border:none;color:#999;cursor:pointer;flex-shrink:0;font-size:14px;opacity:.7;padding:4px}.group-goal-hint-dismiss:hover{opacity:1}.group-goal-presets{display:flex;flex-wrap:wrap;gap:6px}.group-goal-preset{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .15s ease}.group-goal-preset.active,.group-goal-preset:hover{border-color:#0463ef;color:#0463ef}.group-goal-custom-input{margin-top:10px}.group-goal-custom-input input{max-width:150px}.pro-group-prompt{background:#f8f8f8;border-radius:8px;padding:16px;text-align:center}.pro-group-prompt-title{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.pro-group-prompt-text{color:#666;font-size:13px;line-height:1.5;margin:0}.pro-group-prompt-text a{color:#0463ef;text-decoration:none}.pro-group-prompt-text a:hover{text-decoration:underline}.challenge-card{align-items:center;background-color:#fff;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:16px 20px;transition:background-color .15s ease}.challenge-card:last-child{border-bottom:none}.challenge-card:hover{background-color:#fafafa}.challenge-card-complete{background-color:#fffbeb;border-bottom-color:#f5e6b8}.challenge-card-complete:hover{background-color:#fff8e1}.challenge-card-icon{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.challenge-card-thumb{border-radius:6px;height:40px;object-fit:cover;width:40px}.challenge-card-middle{flex:1 1;margin-right:12px;min-width:0}.challenge-card-name-row{align-items:center;display:flex;margin-bottom:4px}.challenge-card-name{color:#000;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-card-name-complete{color:#92710a}.challenge-card-official-badge{border-radius:9px;flex-shrink:0;height:18px;margin-left:6px;width:18px}.challenge-card-progress-bar{background-color:#e5e7eb;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.challenge-card-progress-fill{background-color:#4a9cf5;border-radius:2px;height:100%}.challenge-card-target{color:#666;display:block;font-size:14px;margin-bottom:4px}.challenge-card-meta{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:12px;gap:2px}.challenge-card-meta-dot{color:#999}.challenge-card-meta-ended{color:#e53935}.challenge-card-friends{align-items:center;color:#999;display:inline-flex;font-size:12px;gap:6px}.challenge-card-complete-row{align-items:center;display:flex;margin-top:4px}.challenge-card-complete-text{color:#92710a;font-size:13px;font-weight:600}.group-challenges{background-color:#fff;border-radius:10px;overflow:hidden}.group-challenges-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 20px}.group-challenges-count{color:#666;font-size:14px}.group-challenges-create-btn{align-items:center;background:none;border:none;border-radius:6px;color:#0463ef;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:6px 12px;transition:background-color .15s}.group-challenges-create-btn:hover{background-color:#f0f4ff}.cd-modal{max-height:90vh;max-width:480px}.cd-modal .group-modal-header{border-bottom:none;padding:12px 20px 0}.cd-hero{padding:0 4px 20px;text-align:center}.cd-cover-image{border-radius:10px;margin-bottom:16px;max-height:160px;max-width:160px;object-fit:contain}.cd-official-row{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.cd-official-badge{border-radius:14px;height:28px;margin-right:8px;width:28px}.cd-official-text{color:#4a9cf5;font-size:13px;font-weight:600}.cd-hero-name{color:#000;font-size:24px;font-weight:700;margin:0 0 8px}.cd-group-badge{align-items:center;background-color:#f0f7ff;border-radius:12px;display:inline-flex;gap:6px;margin-bottom:8px;padding:6px 12px}.cd-group-badge-text{color:#4a9cf5;font-size:13px;font-weight:500}.cd-hero-description{color:#666;font-size:15px;line-height:1.5;margin:0 0 16px}.cd-hero-badges{display:flex;gap:10px;justify-content:center}.cd-hero-badge{background-color:#f0f0f0;border-radius:16px;color:#333;display:inline-flex;font-size:13px;padding:6px 12px}.cd-hero-badge,.cd-invite-btn{align-items:center;font-weight:600}.cd-invite-btn{background-color:#0463ef;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-top:20px;padding:14px;transition:background-color .15s;width:100%}.cd-invite-btn:hover{background-color:#0350c4}.cd-invite-btn-secondary{background-color:initial;border:1.5px solid #0463ef;color:#0463ef}.cd-invite-btn-secondary:hover{background-color:#f0f4ff}.cd-progress-card{background-color:#fff;border-radius:14px;box-shadow:0 2px 6px #00000014;margin-bottom:16px;padding:20px}.cd-progress-text-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:12px}.cd-progress-large{color:#000;font-size:28px;font-weight:700}.cd-progress-target{color:#666;font-size:16px;font-weight:400}.cd-progress-days-left{color:#999;flex-shrink:0;font-size:14px;margin-left:12px}.cd-progress-bar{background-color:#e0e0e0;border-radius:5px;height:10px;overflow:hidden}.cd-progress-fill{border-radius:5px;height:100%;transition:width .3s ease}.cd-completion-badge{align-items:center;display:flex;margin-top:12px}.cd-completion-text{color:#4caf50;font-size:15px;font-weight:600}.cd-details-toggle-container{margin-bottom:16px}.cd-details-toggle{align-items:center;background-color:#fff;border:none;border-radius:14px;cursor:pointer;display:flex;gap:8px;padding:12px 16px;width:100%}.cd-details-toggle:hover{background-color:#fafafa}.cd-details-toggle-text{color:#333;flex:1 1;font-size:15px;font-weight:600;text-align:left}.cd-info-grid{background-color:#fff;border-radius:14px;margin-bottom:16px;overflow:hidden}.cd-info-grid-inline{border-top-left-radius:0;border-top-right-radius:0;margin-bottom:0;margin-top:8px}.cd-info-grid-row{display:flex}.cd-info-grid-row-divider{background-color:#f0f0f0;height:1px}.cd-info-cell{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px 8px}.cd-info-cell-divider{background-color:#f0f0f0;width:1px}.cd-info-cell-icon{color:#666;font-size:16px}.cd-info-cell-label{color:#999;font-size:12px}.cd-info-cell-value{color:#000;font-size:14px;font-weight:600;text-align:center}.cd-info-cell-value-ended{color:#e53935}.cd-info-full-row{align-items:center;display:flex;flex-direction:column;gap:4px;padding:14px 12px}.cd-instrument-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.cd-instrument-chip{align-items:center;background-color:#f0f0f0;border-radius:12px;color:#333;display:inline-flex;font-size:12px;padding:4px 10px}.cd-participants{margin-bottom:16px}.cd-participants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cd-friends-toggle{display:flex;gap:8px;margin-bottom:12px}.cd-participants-title{color:#000;font-size:18px;font-weight:600}.cd-participants-count{color:#999;font-size:16px;font-weight:600}.cd-participants-list{background-color:#fff;border-radius:14px;overflow:hidden}.cd-leaderboard-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 15px}.cd-leaderboard-row:last-child{border-bottom:none}.cd-leaderboard-position{flex-shrink:0;font-size:16px;font-weight:700;width:28px}.cd-leaderboard-user{align-items:center;color:inherit;display:flex;flex:1 1;min-width:0;text-decoration:none}.cd-leaderboard-avatar{border-radius:50%;flex-shrink:0;height:36px;margin-right:10px;object-fit:cover;width:36px}.cd-leaderboard-name{color:#333;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-leaderboard-progress{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:8px;min-width:50px}.cd-leaderboard-progress-text{color:#333;font-size:14px;font-weight:600}.cd-bottom-links{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px 0 8px}.cd-leave-link{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:4px 8px}.cd-leave-link:hover{text-decoration:underline}.cd-delete-link{background:none;border:none;color:#e53935;cursor:pointer;font-size:14px;padding:4px 8px}.cd-delete-link:hover{text-decoration:underline}.challenge-detail-confirm{text-align:center;width:100%}.challenge-detail-confirm p{color:#333;font-size:14px;margin:0 0 12px}.challenge-detail-confirm-actions{display:flex;gap:10px;justify-content:center}.cd-sticky-join{border-top:1px solid #f0f0f0;padding:12px 16px 16px}.cd-join-btn{background-color:#0463ef;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px;transition:background-color .15s;width:100%}.cd-join-btn:hover{background-color:#0350c4}.cd-join-btn:disabled{background-color:#a0c4f7;cursor:not-allowed}.challenge-step-progress{background-color:#f0f0f0;height:4px}.challenge-step-progress-bar{background-color:#0463ef;height:100%;transition:width .3s ease}.challenge-type-cards{display:flex;gap:8px}.challenge-type-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:14px 8px;text-align:center;transition:all .15s ease}.challenge-type-card:hover{border-color:#0463ef}.challenge-type-card.active{background-color:#f0f4ff;border-color:#0463ef;color:#0463ef}.challenge-type-card-title{display:block;font-size:13px;font-weight:600}.challenge-type-card-desc{color:#999;display:block;font-size:11px;margin-top:2px}.challenge-type-card.active .challenge-type-card-desc{color:#6b9fe8}.challenge-instrument-toggle{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.challenge-instrument-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.challenge-instrument-section{border:1px solid #e0e0e0;border-radius:8px;max-height:300px;overflow-y:auto;padding:8px 12px}.challenge-instrument-family{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;margin:10px 0 6px;text-transform:uppercase}.challenge-instrument-family:first-child{margin-top:4px}.challenge-instrument-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px 0}.challenge-instrument-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.challenges-feed{background-color:#fff;border-radius:10px;margin-top:4px;padding:0 16px 16px}.challenges-create-banner{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 0}.challenges-create-text{color:#333;font-size:16px}.challenges-search-and-filters{margin-bottom:8px;padding:0}.challenges-search{align-items:center;background-color:#f5f5f5;border-radius:10px;display:flex;height:44px;margin:12px 0 8px;padding:0 12px}.challenges-search-icon{color:#999;font-size:14px;margin-right:8px}.challenges-search-input{background:none;border:none;color:#000;flex:1 1;font-size:15px;outline:none}.challenges-search-input::placeholder{color:#999}.challenges-search-clear{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:4px}.challenges-search-clear:hover{color:#333}.challenges-filters{display:flex;gap:8px;padding:8px 0}.challenges-filter-chip{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .15s ease}.challenges-filter-chip:hover{border-color:#ccc}.challenges-filter-chip.active{border-color:#0463ef;color:#0463ef}.challenges-section{margin-top:8px}.challenges-section-title{color:#666;font-size:16px;font-weight:600;margin:0 0 8px;padding:12px 0 0}.challenges-section-empty{color:#999;font-size:14px;margin:0 0 8px}.group-posts{margin-top:8px}.group-post-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:12px;padding:16px}.group-post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.group-post-author{align-items:center;display:flex;gap:10px}.group-post-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.group-post-author-name{color:#1a1a1a;font-size:15px;font-weight:600}.group-post-date{color:#999;font-size:12px;margin-top:2px}.group-post-menu-wrapper{position:relative}.group-post-menu-button{background:none;border:none;border-radius:6px;color:#999;cursor:pointer;font-size:14px;padding:6px 10px}.group-post-menu-button:hover{background:#f0f2f5}.group-post-menu-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001f;min-width:140px;padding:4px;position:absolute;right:0;top:100%;z-index:10}.group-post-menu-dropdown button{align-items:center;background:none;border:none;border-radius:6px;color:#e53e3e;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;width:100%}.group-post-menu-dropdown button:hover{background:#fef2f2}.group-post-content{word-wrap:break-word;color:#333;font-size:15px;line-height:1.5;margin-bottom:10px;white-space:pre-wrap}.group-post-images{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.group-post-image{border-radius:8px;cursor:pointer;height:120px;object-fit:cover;transition:opacity .15s;width:120px}.group-post-image:hover{opacity:.9}.group-post-stats{border-bottom:1px solid #eee;color:#666;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.group-post-comment-count{cursor:pointer}.group-post-comment-count:hover{text-decoration:underline}.group-post-actions{display:flex;gap:4px;padding-top:8px}.group-post-action-button{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:background .15s}.group-post-action-button:hover{background:#f0f2f5}.group-post-action-button.liked{color:#0463ef}.group-post-comments-section{border-top:1px solid #eee;margin-top:8px;padding-top:8px}.group-post-comment{align-items:flex-start;display:flex;gap:8px;padding:6px 0}.group-post-comment-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.group-post-comment-bubble{background:#f0f2f5;border-radius:12px;flex:1 1;padding:8px 12px}.group-post-comment-author{color:#1a1a1a;font-size:13px;font-weight:600;margin-right:6px}.group-post-comment-text{color:#333;font-size:14px}.group-post-comment-delete{background:none;border:none;color:#ccc;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:0 4px}.group-post-comment-delete:hover{color:#e53e3e}.group-post-comment-input-row{display:flex;gap:8px;margin-top:8px}.group-post-comment-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 14px;transition:border-color .15s}.group-post-comment-input:focus{border-color:#0463ef}.group-post-comment-send{background:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.group-post-comment-send:disabled{cursor:default;opacity:.5}.group-post-composer-collapsed{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:14px 16px;transition:box-shadow .15s}.group-post-composer-collapsed:hover{box-shadow:0 2px 6px #0000001f}.group-post-composer-placeholder{color:#999;font-size:15px}.group-post-composer-icon{color:#999}.group-post-composer-expanded{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:12px;padding:16px}.group-post-composer-textarea{border:none;color:#333;font-family:inherit;font-size:15px;line-height:1.5;min-height:80px;outline:none;resize:vertical;width:100%}.group-post-composer-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.group-post-composer-char-count{color:#999;font-size:12px}.group-post-composer-buttons{display:flex;gap:8px}.group-post-composer-cancel{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.group-post-composer-cancel:hover{background:#f0f2f5}.group-post-composer-submit{background:#0463ef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .15s}.group-post-composer-submit:hover:not(:disabled){background:#0350c4}.group-post-composer-submit:disabled{cursor:default;opacity:.5}.group-post-composer-images{margin-top:10px}.group-post-composer-toolbar{align-items:center;display:flex;gap:12px}.group-post-composer-image-btn{background:none;border:none;border-radius:6px;color:#0463ef;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .15s}.group-post-composer-image-btn:hover{background:#f0f5ff}.group-post-composer-image-btn:disabled{color:#ccc;cursor:default}.dashboard{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:auto;padding:20px}.dashboard h2{color:#333;margin-bottom:20px}.group-selector{margin-bottom:30px}.group-selector label{color:#555;font-weight:500}.group-selector select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.group-pills{display:flex;flex-wrap:wrap;gap:10px}.group-pill{background:#fff;border:1px solid #ddd;border-radius:50px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.group-pill.active,.group-pill:hover{border-color:#0463ef;color:#0463ef}.group-pill.active,.group-stats{background:#fff}.group-stats{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.group-stats h3{color:#333;font-size:18px;margin-bottom:20px;margin-top:0}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;text-align:center}.stat-value{color:#0463ef;font-size:24px;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.practice-grid-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;overflow-x:auto;padding:20px;width:100%}.practice-grid{min-width:750px;width:100%}.grid-header{grid-gap:10px;border-bottom:2px solid #0463ef;display:grid;gap:10px;grid-template-columns:150px 1fr 250px;margin-bottom:10px;padding-bottom:10px}.student-name-header{color:#333;font-size:13px;font-weight:700;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}.dates-header{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(30,minmax(0,1fr));overflow:hidden}.date-cell{color:#666;font-size:9px;min-width:0;text-align:center}.date-day{display:none;font-size:8px;font-weight:500}.date-number{color:#333;font-size:10px;font-weight:700}.stats-header{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.stat-header-cell{border-radius:4px;color:#666;cursor:pointer;font-size:10px;font-weight:700;overflow:hidden;padding:3px;text-align:center;text-overflow:ellipsis;transition:background-color .2s;white-space:nowrap}.stat-header-cell:hover{background-color:#f0f0f0}.stat-header-cell.active{background-color:#e8f0fe;color:#0463ef}.grid-row{grid-gap:10px;align-items:center;border-bottom:1px solid #f0f0f0;display:grid;gap:10px;grid-template-columns:150px 1fr 250px;padding:5px 0}.grid-row:hover{background-color:#fafafa}.student-name-cell{align-items:center;color:#333;display:flex;font-size:13px;font-weight:500;gap:8px;overflow:hidden;padding:5px}.student-name-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-link{align-items:center;color:inherit;display:flex;gap:8px;overflow:hidden;text-decoration:none}.student-link:hover{color:#0463ef}.student-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.dates-row{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(30,minmax(0,1fr));overflow:hidden}.practice-cell{align-items:center;aspect-ratio:1;border:1px solid #e0e0e0;border-radius:2px;color:#fff;display:flex;font-size:9px;font-weight:700;justify-content:center;max-height:40px;min-height:25px;min-width:0}.practice-cell .minutes{font-size:9px}.stats-row{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.stat-cell{color:#555;font-size:11px;font-weight:500;overflow:hidden;padding:3px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.loading{align-items:center;display:flex;justify-content:center;padding:40px}@keyframes dash-skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-line-dash{border-radius:4px}.skeleton-circle-dash,.skeleton-line-dash{animation:dash-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:400px 100%}.skeleton-circle-dash{border-radius:50%;flex-shrink:0;height:28px;width:28px}@media (max-width:1200px){.date-day{display:none}.practice-cell{font-size:8px;min-height:20px}.practice-cell .minutes{display:none}.stat-header-cell{font-size:9px}}@media (max-width:768px){.dashboard,.practice-grid-container{padding:10px}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-header,.grid-row{gap:5px;grid-template-columns:100px 1fr 150px}.student-name-cell{font-size:11px;gap:5px;padding:3px}.student-avatar{height:24px;width:24px}.practice-cell{font-size:7px;min-height:18px}.practice-cell .minutes{font-size:7px}.stat-cell{font-size:10px}.stat-header-cell{font-size:8px;padding:2px}.date-number{font-size:8px}}@media (max-width:480px){.grid-header,.grid-row{gap:3px;grid-template-columns:80px 1fr 100px}.student-name-cell{font-size:10px}.student-avatar{height:20px;width:20px}.stat-cell{font-size:9px}.stat-header-cell{font-size:7px}}.dashboard-content-wrapper{position:relative}.dashboard-content-wrapper.faded>:not(.premium-overlay){filter:blur(2px);opacity:.3;pointer-events:none}.premium-overlay{left:50%;max-width:400px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.premium-prompt{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:30px;text-align:center}.premium-title{color:#333;font-size:18px;font-weight:600;margin:0 0 12px}.premium-text{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.premium-link{background:#1172e5;border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:10px 24px;text-decoration:none;transition:background .2s}.premium-link:hover{background:#0d5bbd}.notifications-wrapper{align-items:center;display:flex;position:relative}#nav-links-right .notifications-bell{align-items:center;cursor:pointer;display:inline-flex;font-size:18px;gap:0;opacity:.7;position:relative;transition:opacity .2s}#nav-links-right .notifications-bell:hover{opacity:1}.notifications-bell-label{display:none}.notifications-badge{align-items:center;background:#e74c3c;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-6px;top:-4px}.notifications-dropdown{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:520px;overflow:hidden;width:380px;z-index:200}.notifications-header{border-bottom:1px solid #e5e5e5;padding:16px}.notifications-title{color:#333;font-size:18px;font-weight:700}.notifications-list{flex:1 1;overflow-y:auto}.notification-section-header{background:#f8f8f8;color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 16px 6px;text-transform:uppercase}.notification-item{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e5e5;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background-color .15s}.notification-item:hover{background-color:#f5f7fa}.notification-item.unread{background-color:#f0f7ff}.notification-item.unread:hover{background-color:#e5edfa}.notification-unread-dot{background:#0463ef;border-radius:50%;height:8px;margin-top:6px;min-width:8px;width:8px}.notification-avatar{object-fit:cover}.notification-avatar,.notification-avatar-placeholder{border-radius:50%;flex-shrink:0;height:44px;width:44px}.notification-avatar-placeholder{align-items:center;background:#0463ef;color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center}.notification-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.notification-title{color:#333;display:block;font-size:14px;line-height:1.4}.notification-title.unread{font-weight:600}.notification-body{color:#666;display:block;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{color:#999;display:block;font-size:12px;margin-top:2px}.notifications-empty{padding:60px 24px;text-align:center}.notifications-empty-title{color:#333;font-size:18px;font-weight:700;margin-bottom:8px}.notifications-empty-subtitle{color:#999;font-size:14px;line-height:1.5}.notification-skeletons{padding:0}.notification-skeleton{align-items:flex-start;border-bottom:1px solid #e5e5e5;display:flex;gap:10px;padding:12px 16px}.notification-skeleton-avatar{animation:notification-pulse 1.5s ease-in-out infinite;background:#e8e8e8;border-radius:50%;flex-shrink:0;height:44px;width:44px}.notification-skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding-top:4px}.notification-skeleton-title{height:14px;width:80%}.notification-skeleton-body,.notification-skeleton-title{animation:notification-pulse 1.5s ease-in-out infinite;background:#e8e8e8;border-radius:4px}.notification-skeleton-body{animation-delay:.15s;height:12px;width:50%}@keyframes notification-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:767px){#nav-links-right .notifications-bell{align-items:center;display:flex;font-size:16px;gap:8px;opacity:1;padding:12px 16px}.notifications-bell-label{display:inline;font-size:16px}.notifications-badge{margin-left:4px;position:static}.notifications-dropdown{border-radius:0;left:0!important;max-height:calc(100vh - 60px);position:fixed!important;right:0!important;top:60px!important;width:100%!important}}.feed-group-post-wrapper{margin:20px auto}.feed-group-post-label{align-items:center;color:#888;display:flex;font-size:13px;gap:6px;margin-bottom:8px}.feed-group-post-label a{color:#0463ef;font-weight:500;text-decoration:none}.feed-group-post-label a:hover{text-decoration:underline}
/*# sourceMappingURL=main.28a4f15b.css.map*/