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")}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}#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}.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-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}.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-stat-label{color:#666;font-size:12px;margin-bottom:2px}.weekly-stat-value{color:#333;font-size:18px;font-weight:700}.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{border-radius:50%;box-shadow:inset 0 0 0 2px #0000;height:32px;justify-content:center;margin-bottom:4px;width:32px}.weekly-day-circle.is-current-day{box-shadow:inset 0 0 0 2px #333}.weekly-day-label{color:#fff;font-size:11px;font-weight:600}.weekly-day-label.future{color:#999}.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;border-radius:8px;color:#0463ef;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.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-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}}.record-container{background-color:#fff;border-radius:10px;margin:20px auto;max-width:500px;padding:20px}.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:Courier New,monospace;font-size:48px;font-weight:700;line-height:1}.performing-label{color:#666;font-size:14px;margin-top:4px}.total-section{margin-top:10px}.total-time{color:#666;font-family:Courier New,monospace;font-size:20px;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)}.info-note{background-color:#f5f5f5;border-radius:6px;color:#666;font-size:12px;margin:15px 0;padding:10px 12px;text-align:center}.controls-section{align-items:center;display:flex;flex-direction:column;margin-top:10px;padding-top:15px}.start-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%}.start-button:hover{background-color:#d4035a}.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}.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{margin:0 auto;max-width:540px}.search-page-title{color:#333;font-size:24px;margin:20px 0 15px;text-align:left}.search-input-wrapper{background-color:#ddd;border-radius:10px;margin-bottom:10px;padding:12px 15px}.search-input{background-color:#ccc;border:none;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;height:40px;padding:0 15px;width:100%}.search-input::placeholder{color:#666}.search-input:focus{background-color:#c5c5c5;outline:none}.search-results-container{background-color:#fff;border-radius:10px;padding:15px}.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:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s}.profile-tab:hover{color:#333}.profile-tab.active{border-bottom-color:#1172e5;color:#1172e5}.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;overflow-x:auto;padding:10px 0;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{background-color:#333;border-color:#333;color:#fff}.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:#1172e5;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}.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:#1172e5;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:#f5f5f5;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{background-color:#333;border-color:#333;color:#fff}.instrument-chip:hover:not(.active){background-color:#e8e8e8}.leaderboard-content{padding-bottom:20px}.leaderboard-row{align-items:center;background-color:#fff;border-radius:10px;display:flex;margin-bottom:10px;padding:10px 15px}.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-header{align-items:center;display:flex;justify-content:space-between;margin:20px 0 15px}.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: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-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-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:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:14px 16px;transition:all .2s ease}.group-detail-tab.active{border-bottom-color:#0463ef;color:#0463ef;font-weight:600}.group-detail-tab:hover:not(.active){color:#333}.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:hover{border-color:#0463ef;color:#0463ef}.group-tag-option.active{background-color:#0463ef;border-color:#0463ef;color:#fff}.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:#0463ef;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:hover{border-color:#0463ef;color:#0463ef}.group-goal-preset.active{background-color:#0463ef;border-color:#0463ef;color:#fff}.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}.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:hover{border-color:#0463ef;color:#0463ef}.group-pill.active{background:#0463ef;border-color:#0463ef;color:#fff}.group-stats{background:#fff;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}
/*# sourceMappingURL=main.5c574e19.css.map*/