:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0 auto;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;margin:10px;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}nav{top:0;background-color:#000;color:#fff;position:fixed;left:-200px;width:200px;height:100%;margin:0;padding:0;transform:translate(0);transition:transform .5s ease-in}nav.visible{transform:translate(100%)}@media screen and (max-width: 480px){:root{font-size:16px}body{width:100%;min-width:100%;padding:0;margin:0;-webkit-text-size-adjust:100%}#root{width:100%}button{min-height:44px;min-width:44px;padding:.75em 1em;margin:8px;font-size:1rem}input,select,textarea{min-height:44px;font-size:16px;padding:12px}nav{width:80%;max-width:280px;left:-80%}nav.visible{transform:translate(100%)}}.group-card{display:flex;justify-self:center;align-self:center;flex-direction:column;max-width:200px}a{color:inherit;text-decoration:none;text-overflow:clip}@media screen and (max-width: 480px){.group-card{max-width:100%;width:100%;padding:12px;box-sizing:border-box;min-height:64px;justify-content:center;border:1px solid oklch(.9 .15 80 / .3);border-radius:8px;background-color:#0b0b0b}.group-card:active{background-color:#222}}.add-group{--t:10px;--l:150px;--s:25px;--c1: rgb(48, 48, 48);--c2:salmon;width:var(--l);height:var(--l);padding:var(--s);box-sizing:border-box;border-radius:50%;background:linear-gradient(var(--c1) 0 0) content-box,linear-gradient(var(--c1) 0 0) content-box,var(--c2);background-position:center;background-size:100% var(--t),var(--t) 100%;background-repeat:no-repeat;align-self:center;justify-self:center}.add-group:hover{background-color:#dda19a;cursor:pointer}@media screen and (max-width: 480px){.add-group{--l: 80px;--s: 16px;--t: 6px}}.h-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{position:absolute;top:10%;display:flex;flex-direction:column;background:orange;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000004d;width:90%;max-width:430px;text-align:center}.modal-box h1{margin-bottom:1rem;font-size:1.5rem}.modal-box form{display:flex;flex-direction:column;gap:1rem}.modal-box input{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:5px}.modal-box button{width:fit-content;padding:.5rem 1rem;font-size:1rem;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .1s ease}.parent{display:flex}.left,.right{flex:1;text-align:left;padding-left:10px;align-content:center}.submit-btn{align-self:center}.modal-box .close-btn{align-self:last baseline;flex:0 0 48px}.modal-box button:hover{background-color:#ff1a1a}@media screen and (max-width: 480px){.modal-box{width:95%;max-width:none;padding:1.5rem;margin:8px;box-sizing:border-box}.modal-box h1{font-size:1.25rem}.modal-box form{gap:12px}.modal-box input{min-height:44px;padding:12px;font-size:16px}.modal-box button{min-height:48px;padding:12px 20px;font-size:1rem}.modal-box .close-btn{width:48px}}#root{margin:0 auto;padding:0;text-align:center}.card{padding:2em}.container{display:grid;list-style-type:none;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:0 4em;padding:4em 1em 1em}li{padding:2em}.google-login-box{margin:0;padding:0;width:228px;height:52px;display:flex;justify-content:center;align-items:center;justify-self:center;background-color:salmon}@media screen and (max-width: 480px){#root{padding:0 8px}.card{padding:1em}.container{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0;padding:60px 8px 16px}li{padding:1em;width:100%;box-sizing:border-box}.google-login-box{width:100%;max-width:280px;min-height:52px}}nav.sidebar{display:flex;flex-direction:column;align-items:center;padding:16px;border:2px solid oklch(.9 .1 70);border-radius:8px;z-index:2}.sidebar-toggle{position:fixed;top:2%;left:2%;z-index:1}@media screen and (max-width: 480px){.sidebar-toggle{top:8px;left:8px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;padding:8px;z-index:2}}.training-row{margin:3px 0;padding:5px 0;width:100%;max-width:800px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid oklch(.9 .15 80);border-radius:5px;text-decoration:none;transition:background-color .1s ease;box-sizing:border-box}.training-row:hover{background-color:#e5ddd0;color:#2e2e2e}.training-header{display:flex;align-items:center;justify-content:center;margin:8px 0;position:relative}.training-exercises{margin:4px 0}.exercise-box{color:#000;border-radius:4px;background-color:#ffd896;background-color:oklch(.9 .15 80);padding:4px 8px;margin:8px}.copy-box{display:flex;width:44px;height:44px;justify-content:center;align-items:center;border:2px solid oklch(.9 .15 80);border-radius:4px}.copy-box:hover{background-color:#2e2e2e;color:#ffd896;color:oklch(.9 .15 80)}span{margin:0 12px}.text-box:last-of-type{position:absolute;right:0;display:flex}.delete-box{font-size:36px;color:#ffd896;color:oklch(.9 .15 80);display:flex;justify-content:center;align-items:center;min-width:44px;min-height:44px}.delete-box:hover{background-color:#2e2e2e;border-radius:4px;color:#ff6551;color:oklch(.7 .25 30);cursor:pointer}.training-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding:0 16px;box-sizing:border-box}.add-training{display:flex;--t:3px;--l:30px;--s:6px;--c1: rgb(48, 48, 48);--c2:salmon;width:var(--l);height:var(--l);padding:var(--s);box-sizing:border-box;border-radius:50%;background:linear-gradient(var(--c1) 0 0) content-box,linear-gradient(var(--c1) 0 0) content-box,var(--c2);background-position:center;background-size:100% var(--t),var(--t) 100%;background-repeat:no-repeat;align-self:center;justify-self:center}.pseudo-link{cursor:pointer}.members-container{display:flex;flex-direction:row;align-items:center;gap:8px}.member-card{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.member-image{transition:opacity .15s ease}.controls-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.sort-button{width:auto;text-align:left;align-content:center}.add-member-button{width:auto;text-align:center;align-content:center}.time-button{margin:8px 0;padding:0 8px;width:auto;text-align:center;align-content:center;cursor:pointer;color:#2e2e2e;background-color:#ffd896;background-color:oklch(.9 .15 80);border:2px solid oklch(.9 .15 80);border-radius:4px}.selected{background-color:#2e2e2e;color:#ffd896;color:oklch(.9 .15 80)}.remove-member{--t: 3px;--l: 20px;--s: 4px;--c1: white;--c2: oklch(.55 .25 25);position:absolute;width:var(--l);height:var(--l);padding:var(--s);box-sizing:border-box;border-radius:50%;background:linear-gradient(var(--c1) 0 0) content-box,var(--c2);background-position:center;background-size:100% var(--t);background-repeat:no-repeat;opacity:0;transition:opacity .15s ease;pointer-events:none}.member-card:hover .member-image{opacity:.4}.member-card:hover .remove-member{opacity:1}img{width:32px;height:32px;border-radius:50%}@media screen and (max-width: 480px){.training-container{padding:0 8px}.training-row{width:100%;padding:8px}.training-header{flex-direction:column;gap:8px;padding:4px}.text-box:last-of-type{position:static;justify-content:center;margin-top:8px}.training-exercises{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.exercise-box{margin:4px;font-size:.9rem}.members-container{flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 0}.member-card img{width:44px;height:44px}.copy-box,.delete-box{min-width:48px;min-height:48px}.add-training{--l: 48px;--s: 10px}span{margin:0 8px}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;padding:16px}@media screen and (max-width: 480px){.loading-container{padding:60px 16px 16px}}.training-container{display:flex;justify-self:center}.table{display:block;overflow:hidden;table-layout:fixed;border-collapse:collapse;box-shadow:0 10px 10px red;border-radius:10px;white-space:preserve nowrap}.table thead{background-color:orange;color:#000}.table th,.table td{padding:1rem}.table th:first-child{background-color:gold}.table td:first-child{background-color:violet}.table td{border-top:.5px solid green;overflow:hidden;text-overflow:ellipsis}.table tbody tr:nth-child(n+1):hover{background-color:#8fbc8f}.expand{display:block;width:100%}.label{border-radius:3px;padding:.3rem;color:#87ceeb}.label-draft{background-color:gray}.label-live{background-color:#7fff00}.label-error{background-color:red}.actions{cursor:pointer}.delete-btn{color:#8b0000}.table tbody tr:last-child td{background-color:#00f;cursor:pointer}.table tbody tr:last-child td:hover{background-color:#8b0000}.add{display:flex;--t:3px;--l:30px;--s:6px;--c1: rgb(48, 48, 48);--c2:salmon;width:var(--l);height:var(--l);padding:var(--s);box-sizing:border-box;border-radius:50%;background:linear-gradient(var(--c1) 0 0) content-box,linear-gradient(var(--c1) 0 0) content-box,var(--c2);background-position:center;background-size:100% var(--t),var(--t) 100%;background-repeat:no-repeat;align-self:center;justify-self:center}@media screen and (max-width: 480px){.training-container{width:100%;padding:8px}.table{width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{padding:.75rem .5rem;font-size:.9rem}.expand{width:100%}.add{--l: 44px;--s: 10px;min-width:44px;min-height:44px}.actions,.delete-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.table-container{display:flex;flex-direction:column;width:fit-content;min-width:min-content;border:2px solid oklch(.9 .15 80);border-radius:10px;padding:16px;margin:10px;color:#010108}.table-header-row{display:flex;flex-direction:row;align-items:center;margin-bottom:8px}.header-cell{display:flex;align-items:center;justify-content:center;padding:4px;min-height:48px}.exercise-name-header{width:var(--exercise-name-width, auto);min-width:var(--exercise-name-width, 100px);flex-shrink:0}.user-header{flex:1;min-width:140px}.remove-header{min-width:52px;flex-shrink:0}.column-header{background-color:#ffc251;background-color:oklch(.85 .15 80);color:#010108;font-weight:700;padding:8px 16px;border-radius:6px;white-space:nowrap}.exercise-row{display:flex;flex-direction:row;align-items:stretch;min-height:48px}.exercise-name-cell{display:flex;align-items:center;justify-content:flex-start;padding:4px;width:var(--exercise-name-width, auto);min-width:var(--exercise-name-width, 100px);flex-shrink:0}.exercise-container{background-color:#ffc251;background-color:oklch(.85 .15 80);color:#010108;white-space:nowrap;padding:8px 16px;border-radius:6px;min-height:40px;height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out;box-sizing:border-box}.exercise-container:hover,.exercise-container.row-highlight{background-color:#fad9a2;cursor:pointer}.user-data-cell{display:flex;align-items:stretch;justify-content:center;padding:4px;flex:1;min-width:140px}.exercise-data{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffc251;background-color:oklch(.85 .15 80);border-radius:6px;padding:8px 12px;min-height:40px;width:100%;cursor:pointer;transition:background-color .2s ease-in-out;box-sizing:border-box}.exercise-data.empty{background-color:#ffc25180;background-color:oklch(.85 .15 80 / .5);min-height:40px}.exercise-data:hover,.exercise-data.row-highlight{background-color:#fad9a2}.set-row{display:flex;justify-content:center;align-items:center;padding:4px 8px;margin:2px 0;background-color:#9e9e9e;color:#000;border-radius:4px;width:100%;box-sizing:border-box}.set-weight,.set-reps{white-space:nowrap}.remove-cell{display:flex;align-items:center;justify-content:center;padding:4px;min-width:52px;flex-shrink:0}.set-remove{background-color:#f04f40;color:#010108;font-weight:700;cursor:pointer;border:none;border-radius:8px;min-width:36px;height:100%;min-height:40px;padding:8px 12px;font-size:14px;transition:background-color .2s ease-in-out}.set-remove:hover{background-color:#a40000;background-color:oklch(.45 .2 29)}.add-row{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out}.add-row:hover{background-color:#ffffff1a}.user-avatar-container{width:44px;height:44px;min-width:44px;min-height:44px;margin:4px;border-radius:50%;overflow:hidden;align-self:center}.user-avatar{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 480px){.table-container{width:100%;padding:12px;margin:8px 0}.table-header-row{display:none}.exercise-row{flex-direction:column;border:1px solid oklch(.9 .15 80 / .3);border-radius:8px;padding:12px;margin-bottom:12px;background-color:#0b0b0b}.exercise-name-cell{width:100%;min-width:unset;margin-bottom:12px}.exercise-container{font-weight:700;font-size:1.1rem;background-color:#dfa11a}.user-data-cell{flex:unset;min-width:unset;width:100%;margin-bottom:8px}.exercise-data{padding:12px;min-height:48px}.exercise-data.empty{min-height:32px}.remove-cell{width:100%;min-width:unset;margin-top:8px;padding:4px 0}.set-remove{width:100%;min-height:48px;font-size:1rem}.set-row{padding:8px 12px;margin:4px 0;min-height:44px;display:flex;align-items:center;justify-content:center}.add-row{min-height:56px;margin-top:16px}.header-cell{min-height:44px}}@media screen and (max-width: 480px){.block{padding:60px 8px 16px}.block h1{font-size:1.4rem}}.table-container{display:flex;width:100%;justify-content:center;padding:16px;border-radius:8px;border:2px solid oklch(.9 .15 80);box-sizing:border-box}.user-column{display:flex;flex-direction:column;align-items:center;margin:0 12px}.column-header{color:#000;font-weight:700;text-align:center;padding:4px;background-color:#ffd896;background-color:oklch(.9 .15 80)}.set-row{margin:4px 0;padding:4px 0;background-color:#9e9e9e;color:#000;border-radius:4px;text-decoration:none;transition:background-color .1s ease;width:100%;text-align:center}.set-row:hover{background-color:#dedede;cursor:pointer}.set-container{display:flex;flex-direction:row;justify-content:space-evenly}.set-remove{margin:4px 0 4px 4px;padding:4px 0;background-color:#f04f40;font-weight:700;cursor:pointer;border-radius:8px;width:10%;min-width:32px;color:#222;align-content:center}.set-remove:hover{background-color:#4a0000;background-color:oklch(.25 .2 29)}.add-row{margin:8px 0;padding:4px 0;text-align:center;width:100%}.add-row:hover{border-radius:8px;background-color:#dedede;cursor:pointer}@media screen and (max-width: 480px){.table-container{width:100%;padding:12px 0;box-sizing:border-box;align-self:stretch}.user-column{margin:0 4px;min-width:0;flex:1}.column-header{font-size:.85rem;padding:8px 4px;word-break:break-word}.set-row{padding:8px 4px;margin:4px 0;min-height:44px;font-size:.9rem}.set-remove{min-width:44px;min-height:44px;margin:4px 0;width:100%}.add-row{min-height:52px;margin:12px 0}}.block{display:flex;flex-direction:column;align-items:center;padding:16px;width:100%;box-sizing:border-box}.block h1{margin:16px 0}@media screen and (max-width: 480px){.block{padding:60px 0 16px;width:100%}.block h1{font-size:1.4rem;margin:12px 0;text-align:center;word-break:break-word;padding:0 8px}}.profile-page{display:flex;flex-direction:row;align-items:space-between;justify-content:center}.profile-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:16px;padding:16px;border:2px solid oklch(.9 .1 70);border-radius:8px}.profile-picture-container{position:relative;display:inline-block;background-color:#0b0b0b;border-radius:32px;margin-bottom:32px;width:100%}.profile-picture{padding:16px;border-radius:50%}.change-picture{padding:0;border-radius:50%;width:48px;height:48px;position:absolute;bottom:4px;right:4px;z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-info-container{position:relative;background-color:#0b0b0b;border-radius:32px;width:100%}.profile-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px 56px}.info-row{width:100%;padding:8px;border-top:2px solid oklch(.9 .1 70);display:flex;align-content:center}.info-row:hover{background-color:#2e2e2e}.info-label{font-weight:700;text-align:left;width:33%}.info-data{width:67%;text-align:right}.change-info{padding:0;border-radius:50%;width:48px;height:48px;position:absolute;bottom:4px;right:4px;z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center}.side-panel{display:flex;flex-direction:column;align-items:center;margin:16px}.recent-groups{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.group-list{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.group-item{width:90%;margin:4px 0;padding:8px;display:flex;justify-content:space-around;border-radius:4px;border:2px solid transparent}.group-item:nth-child(odd){background-color:#2e2e2e}.group-item:hover{background-color:#484848;border:2px solid oklch(.9 .1 70)}.group-members{display:flex;flex-direction:row;justify-items:space-evenly;width:10%}.friends-card{min-width:320px}.friend-data{text-align:left;width:67%}.friend-online{display:flex;align-items:center;color:#41d000;color:oklch(.75 .3 140)}.friend-offline{display:flex;align-items:center;color:#aeaeae}@media screen and (max-width: 480px){.profile-page{flex-direction:column;align-items:center;padding:60px 12px 16px;width:100%;box-sizing:border-box}.profile-header{width:100%;padding:12px;margin-bottom:12px;box-sizing:border-box}.profile-picture-container{margin-bottom:8px}.profile-picture{max-width:120px;height:auto}.change-picture,.change-info{width:44px;height:44px;bottom:8px;right:8px}.profile-info{padding:16px 12px 48px}.info-row{flex-direction:column;padding:12px 8px;min-height:44px}.info-label{width:100%;margin-bottom:4px;font-size:.85rem}.info-data{width:100%;text-align:left}.side-panel{width:100%;margin:12px 0}.recent-groups,.group-list{width:100%}.group-item{width:100%;padding:12px;min-height:48px;box-sizing:border-box}.group-members{width:auto;flex-wrap:wrap;gap:4px}.friends-card{min-width:unset;width:100%}.friend-data{width:60%}.friend-online,.friend-offline{min-height:44px}}.analytics-card{min-width:400px;max-width:600px;padding:16px;border:2px solid oklch(.9 .1 70);border-radius:8px;background-color:#0b0b0b}.analytics-card h2{margin-bottom:16px;text-align:center}.timespan-selector{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.timespan-btn{padding:8px 16px;border:2px solid oklch(.5 .1 70);border-radius:20px;background-color:transparent;color:#dedede;cursor:pointer;transition:all .2s ease;margin:0}.timespan-btn:hover{border-color:#ffd6a8;border-color:oklch(.9 .1 70);background-color:#311d03}.timespan-btn.active{background-color:#8a5600;background-color:oklch(.5 .15 70);border-color:#ffd6a8;border-color:oklch(.9 .1 70);color:#fff;font-weight:600}.analytics-content{display:flex;flex-direction:column;gap:20px}.analytics-loading,.analytics-error{text-align:center;padding:32px;color:#9e9e9e}.analytics-error{color:#ff625e;color:oklch(.7 .2 25)}.stat-card{padding:20px;border-radius:12px;background:linear-gradient(135deg,#311d03,#1f1306);border:1px solid oklch(.4 .1 70)}.stat-card h3{margin:0 0 12px;font-size:.9rem;color:#aeaeae;text-transform:uppercase;letter-spacing:.5px}.stat-value{display:flex;align-items:center;gap:16px}.main-value{font-size:2rem;font-weight:700;color:#eee}.stat-change{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:.9rem;font-weight:600}.stat-change.positive{background-color:#003909;background-color:oklch(.3 .15 145);color:#59de65}.stat-change.negative{background-color:#5f0004;background-color:oklch(.3 .15 25);color:#ffa098;color:oklch(.8 .2 25)}.stat-change.neutral{background-color:#3b2b0d;color:#9e9e9e}.previous-value{display:block;margin-top:8px;font-size:.85rem;color:gray}.progress-icon{font-size:.75rem}.progress-icon.positive{color:#00d23a;color:oklch(.75 .25 145)}.progress-icon.negative{color:#ff847d;color:oklch(.75 .25 25)}.progress-icon.neutral{color:gray}.stat-section{padding:16px;background-color:#121212;border-radius:12px;border:1px solid oklch(.3 .05 70)}.stat-section h3{margin:0 0 16px;font-size:1rem;color:#cecece}.exercise-comparison-grid,.exercise-averages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.exercise-comparison-card,.exercise-average-card{padding:14px;background-color:#211910;border-radius:8px;border:1px solid oklch(.35 .05 70)}.exercise-comparison-card h4,.exercise-average-card h4{margin:0 0 10px;font-size:.95rem;color:#ffd6a8;color:oklch(.9 .1 70);border-bottom:1px solid oklch(.35 .05 70);padding-bottom:8px}.comparison-row{display:flex;align-items:center;gap:8px;margin:8px 0}.comparison-label{font-size:.85rem;color:#8f8f8f;min-width:55px}.comparison-value{font-size:.95rem;font-weight:600;color:#dedede;flex:1}.comparison-change{display:flex;align-items:center;gap:3px;font-size:.8rem;font-weight:600;padding:2px 6px;border-radius:10px}.comparison-change.positive{background-color:#002b05;background-color:oklch(.25 .1 145);color:#59de65}.comparison-change.negative{background-color:#460105;color:#ffa098;color:oklch(.8 .2 25)}.comparison-change.neutral{background-color:#292010;color:#8f8f8f}.exercise-average-card .average-value{display:flex;justify-content:center}.exercise-average-card .main-value{font-size:1.5rem}.analytics-card .back-btn{width:100%;margin-top:20px;padding:12px;background-color:#311d03;border:2px solid oklch(.5 .1 70);border-radius:8px;color:#dedede;font-weight:600;cursor:pointer;transition:all .2s ease}.analytics-card .back-btn:hover{background-color:#533200;background-color:oklch(.35 .08 70);border-color:#d98b09}@media screen and (max-width: 480px){.analytics-card{min-width:unset;width:100%;padding:12px;box-sizing:border-box}.timespan-selector{flex-wrap:wrap}.timespan-btn{padding:10px 14px;font-size:.9rem}.main-value{font-size:1.5rem}.stat-value{flex-direction:column;align-items:flex-start;gap:8px}.exercise-comparison-grid,.exercise-averages-grid{grid-template-columns:1fr}.exercise-comparison-card,.exercise-average-card{padding:12px}}.error-toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;opacity:0;transform:translate(100%);transition:opacity .3s ease,transform .3s ease;background-color:#fff;border-left:4px solid}.error-toast--visible{opacity:1;transform:translate(0)}.error-toast--error{border-left-color:#dc3545;background-color:#f8d7da;color:#721c24}.error-toast--success{border-left-color:#28a745;background-color:#d4edda;color:#155724}.error-toast--info{border-left-color:#17a2b8;background-color:#d1ecf1;color:#0c5460}.error-toast__content{display:flex;justify-content:space-between;align-items:center;gap:12px}.error-toast__message{flex:1;font-size:14px;line-height:1.5}.error-toast__close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;color:inherit}.error-toast__close:hover{opacity:1}@media screen and (max-width: 480px){.error-toast{min-width:auto;max-width:calc(100vw - 24px);left:12px;right:12px;top:12px}.error-toast__close{min-width:44px;min-height:44px;font-size:28px}.error-toast__message{font-size:15px}}.toast-container{position:fixed;top:0;right:0;z-index:10000;pointer-events:none}.toast-container>*{pointer-events:auto}@media screen and (max-width: 480px){.toast-container{left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:8px}}.add-member-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.add-member-page h1{margin-bottom:24px}.friends-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:480px;background-color:#0b0b0b;border-radius:32px;padding:16px;margin-bottom:24px}.friend-card{width:90%;margin:4px 0;padding:12px 16px;display:flex;align-items:center;gap:16px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s}.friend-card:nth-child(odd){background-color:#2e2e2e}.friend-card:hover{background-color:#484848;border:2px solid oklch(.9 .1 70)}.friend-card img{width:48px;height:48px;border-radius:50%;object-fit:cover}.friend-card h2{margin:0;font-size:1rem;font-weight:500}@media screen and (max-width: 480px){.add-member-page{padding:12px 8px;width:100%;box-sizing:border-box}.add-member-page h1{font-size:1.5rem;margin-bottom:16px}.friends-container{width:100%;max-width:100%;padding:12px 8px;border-radius:16px}.friend-card{width:100%;min-height:64px;padding:12px;gap:12px;box-sizing:border-box}.friend-card img{width:44px;height:44px}.friend-card h2{font-size:.95rem}}