.workout-assistant-scope,.workout-assistant-scope *{box-sizing:border-box;margin:0;padding:0}.workout-assistant-scope{--bg-dark:#454040;--bg-mid:#605b51;--accent:#d8d365;--accent-bright:#e6f082;--text-light:#f7f6d8;--panel-bg:#454040c7;--panel-bg-open:#605b51e0;--border-soft:#d8d36559;background:radial-gradient(circle at top, var(--bg-mid) 0%, var(--bg-dark) 70%);min-height:100vh;color:var(--text-light);background-repeat:no-repeat;background-size:cover;font-family:system-ui,Arial,sans-serif}.workout-assistant-loading{padding:2rem}
.app-main{min-height:100vh;padding:2rem 0}#exercise-list{flex-direction:column;align-items:center;gap:.45rem;width:100%;min-height:100%;display:flex}.login-main{justify-content:center;align-items:center;width:100%;min-height:100svh;padding:1rem;display:flex;overflow-x:hidden}#input-section{box-sizing:border-box;background:var(--panel-bg);border:1px solid var(--border-soft);border-radius:.9rem;flex-direction:column;gap:.85rem;width:min(340px,100vw - 2rem);max-width:calc(100vw - 2rem);padding:1rem;display:flex;overflow:hidden;box-shadow:0 18px 40px #00000038}.login-title{max-width:100%;color:var(--accent-bright);text-align:center;white-space:normal;overflow-wrap:break-word;margin-bottom:.35rem;font-size:clamp(1.45rem,7vw,2rem);line-height:1.1}#input-section label{color:var(--accent-bright);flex-direction:column;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}#input-section input{width:100%;min-width:0;color:var(--text-light);border:1px solid var(--border-soft);background:#454040;border-radius:.55rem;padding:.75rem .85rem;font-size:1rem}#input-section input:focus{outline:2px solid var(--accent-bright);outline-offset:2px}.login-buttons{flex-direction:column;gap:.55rem;width:100%;margin-top:.35rem;display:flex}.login-buttons button,#input-section button{color:#454040;background:var(--accent-bright);cursor:pointer;border:none;border-radius:.55rem;width:100%;min-width:0;padding:.75rem .9rem;font-size:.95rem;font-weight:800;transition:background .2s,transform .2s}.login-buttons button:hover,#input-section button:hover{background:var(--accent);transform:translateY(-1px)}@media (min-width:701px){#input-section{gap:1rem;width:min(420px,92vw);max-width:420px;padding:2rem}.login-title{margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem)}.login-buttons{flex-direction:row;gap:.75rem}.login-buttons button{flex:1}}.app-header{justify-content:space-between;align-items:center;gap:1rem;width:min(900px,90%);margin:0 auto 1.5rem;display:flex}.app-title{color:var(--accent-bright);font-size:clamp(1.6rem,4vw,2.4rem);line-height:1}.search-box{width:min(320px,100%);color:var(--text-light);background:var(--panel-bg);border:1px solid var(--border-soft);border-radius:999px;padding:.6rem .85rem;font-size:.95rem;font-weight:600;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:0 10px 24px #0000001f}.search-box::placeholder{color:#f7f6d88c}.search-box:focus{border-color:var(--accent-bright);background:#454040eb;outline:none;box-shadow:0 0 0 3px #e6f08226}.logout-button{color:#454040;background:var(--accent-bright);border:1px solid var(--border-soft);cursor:pointer;letter-spacing:.02em;border-radius:999px;padding:.55rem .85rem;font-size:.9rem;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 24px #0000002e}.logout-button:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 14px 28px #0000003d}.logout-button:active{transform:translateY(0)}.logout-button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.exercise-list-row{width:min(900px,90%)}.list-item{width:100%;color:var(--text-light);background:var(--panel-bg);border:1px solid var(--border-soft);border-radius:.6rem;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:1rem;padding:.65rem .9rem;transition:background .2s,border-color .2s;display:grid}.list-item:hover{border-color:var(--accent);background:#605b51e6}.list-item-name{color:var(--accent-bright);font-weight:700}.list-item-group,.list-item-equipment{color:var(--accent);font-size:.9rem}.list-item-details{opacity:0;pointer-events:none;width:100%;max-height:0;color:var(--text-light);background:var(--panel-bg-open);border:1px solid var(--border-soft);border-top:none;border-radius:0 0 .6rem .6rem;flex-direction:column;gap:1rem;margin-top:-.45rem;margin-bottom:.35rem;padding:0 .9rem;transition:max-height .3s,opacity .25s,padding .3s;display:flex;overflow:hidden}.list-item-details.active{opacity:1;pointer-events:auto;max-height:700px;padding:.9rem}.up-caret,.down-caret{cursor:pointer;color:var(--accent-bright);transition:transform .2s,color .2s}.up-caret:hover,.down-caret:hover{color:var(--accent)}.new-entry-area{width:100%}.measurement-inputs{flex-wrap:wrap;align-items:flex-end;gap:.75rem;max-width:420px;display:flex}.vertical-align{flex-direction:column;align-items:flex-start}.measurement-inputs label{color:var(--accent-bright);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.measurement-inputs input{width:90px;color:var(--text-light);border:1px solid var(--border-soft);background:#454040;border-radius:.35rem;padding:.35rem .45rem}.measurement-inputs input:focus{outline:2px solid var(--accent-bright);outline-offset:2px}.measurement-inputs button{color:#454040;background:var(--accent-bright);cursor:pointer;border:none;border-radius:.4rem;padding:.4rem .7rem;font-weight:700;transition:background .2s,transform .2s}.measurement-inputs button:hover{background:var(--accent);transform:translateY(-1px)}.measurement-inputs input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.measurement-inputs input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.measurement-inputs input[type=number]{appearance:textfield}.toast-notification{z-index:1000;color:#454040;background:var(--accent-bright);border:1px solid var(--border-soft);border-radius:.75rem;max-width:min(360px,100vw - 2rem);padding:.85rem 1rem;font-size:.95rem;font-weight:800;animation:.25s toast-slide-in;position:fixed;top:1rem;right:1rem;box-shadow:0 18px 40px #00000047}.toast-notification.error{color:var(--text-light);background:#7b3f3f;border-color:#e6f08259}.toast-notification.success{color:#454040;background:var(--accent-bright)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.list-item-progress{width:100%}.progress-chart{border:1px solid var(--border-soft);background:#4540408c;border-radius:.75rem;width:100%;min-height:280px;padding:1rem}.progress-chart h3{color:var(--accent-bright);margin-bottom:.35rem;font-size:1rem}.progress-chart-subtitle{color:var(--accent);margin-bottom:.75rem;font-size:.85rem}.empty-progress{color:var(--accent);font-size:.9rem}.config-message{color:var(--text-light);text-align:center;font-size:.95rem;line-height:1.5}.chart-tooltip{border:1px solid var(--border-soft);color:var(--text-light);background:#454040;border-radius:.5rem;padding:.65rem .8rem;font-size:.85rem}.chart-tooltip-date{color:var(--accent-bright);margin-bottom:.35rem;font-weight:700}@media (max-width:700px){.app-main{padding:1rem 0}.app-header{grid-template-columns:1fr auto;align-items:center;gap:.85rem;width:94%;display:grid}.app-title{grid-column:1}.logout-button{grid-column:2;justify-self:end}.search-box{grid-column:1/-1;width:100%}.exercise-list-row{width:94%}.list-item{grid-template-columns:1fr auto;gap:.4rem}.list-item-group,.list-item-equipment{grid-column:1/-1}.up-caret,.down-caret{grid-area:1/2}.toast-notification{max-width:none;inset:auto 1rem 1rem}}