*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#454040;--bg-mid:#605b51;--accent:#d8d365;--accent-bright:#e6f082;--text-light:#f7f6d8;--panel-bg:#454040c7;--panel-bg-open:#605b51e0;--border-soft:#d8d36559}html,body,#root{min-height:100vh}body{background:radial-gradient(circle at top, var(--bg-mid) 0%, var(--bg-dark) 70%);color:var(--text-light);background-repeat:no-repeat;background-size:cover;font-family:system-ui,Arial,sans-serif}.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 (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:minmax(0,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)}.measurement-inputs{flex-wrap:wrap;align-items:flex-end;gap:.75rem;max-width:420px;display:flex}.vertical-align{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.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)}}.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}.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 (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:minmax(0,1fr) auto;gap:.6rem}.horizontal-align{grid-template-columns:1fr;gap:.2rem}.up-caret,.down-caret{grid-area:1/2}.toast-notification{max-width:none;inset:auto 1rem 1rem}}.time-amount-input{width:fit-content;max-width:100%;color:var(--text-light);border:1px solid var(--border-soft);background:#454040b8;border-radius:.75rem;align-items:center;gap:.35rem;padding:.45rem .55rem;display:inline-flex;box-shadow:0 10px 24px #00000024}.measurement-inputs .time-input,.time-input{width:58px;color:var(--accent-bright);text-align:center;letter-spacing:.04em;background:#454040f2;border:1px solid #d8d36547;border-radius:.5rem;padding:.45rem .4rem;font-size:1rem;font-weight:800;transition:border-color .2s,box-shadow .2s,background .2s}.measurement-inputs .time-input:focus,.time-input:focus{border-color:var(--accent-bright);background:#454040;outline:none;box-shadow:0 0 0 3px #e6f08224}@media (width<=420px){.time-amount-input{justify-content:center;width:100%}.measurement-inputs .time-input,.time-input{width:min(58px,20vw)}}.new-entry-area{width:100%}.measurement-panel,.exercise-history-card{background:#4540406b;border:1px solid #d8d36538;border-radius:.85rem;width:100%;padding:.9rem;box-shadow:inset 0 1px #f7f6d80a}.measurement-panel-header,.history-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.measurement-title,.history-title{color:var(--accent-bright);font-size:1rem;line-height:1.1}.measurement-subtitle,.history-subtitle{color:#f7f6d89e;margin-top:.2rem;font-size:.8rem}.measurement-inputs{grid-template-columns:repeat(4,minmax(120px,1fr));align-items:end;gap:.75rem;width:100%;max-width:none;display:grid}.measurement-field{width:100%;min-width:0;color:var(--accent-bright);flex-direction:column;gap:.38rem;font-size:.82rem;font-weight:800;display:flex}.measurement-label-text{color:var(--accent-bright);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900}.measurement-input-shell{width:100%;position:relative}.measurement-inputs input,.measurement-control{width:100%;min-width:0;height:42px;color:var(--text-light);background:#454040eb;border:1px solid #d8d36547;border-radius:.6rem;padding:.55rem .7rem;font-size:.95rem;font-weight:750;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 8px 18px #0000001a}.measurement-inputs input:focus,.measurement-control:focus{border-color:var(--accent-bright);background:#454040;outline:none;box-shadow:0 0 0 3px #e6f08224}.measurement-suffix{color:var(--accent);pointer-events:none;font-size:.72rem;font-weight:900;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.measurement-input-shell:has(.measurement-suffix) .measurement-control{padding-right:2.4rem}.measurement-actions{grid-column:span 2;grid-template-columns:minmax(135px,1fr) auto;align-items:end;gap:.75rem;display:grid}.measurement-submit-button,.measurement-inputs button{color:#454040;background:var(--accent-bright);cursor:pointer;border:none;border-radius:.6rem;min-width:118px;height:42px;padding:.55rem .9rem;font-size:.9rem;font-weight:900;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 10px 22px #0000002e}.measurement-submit-button:hover,.measurement-inputs button:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 14px 28px #0000003d}.time-field{grid-column:span 2}.time-amount-input{width:100%;min-height:42px;color:var(--text-light);background:#454040b8;border:1px solid #d8d36547;border-radius:.6rem;justify-content:center;align-items:center;gap:.32rem;padding:.42rem .55rem;display:flex;box-shadow:0 8px 18px #0000001a}.time-input-group{flex-direction:column;align-items:center;gap:.18rem;display:flex}.measurement-inputs .time-input,.time-input{width:52px;height:30px;color:var(--accent-bright);text-align:center;letter-spacing:.04em;box-shadow:none;background:#454040f2;border:1px solid #d8d36540;border-radius:.45rem;padding:.25rem .3rem;font-size:.95rem;font-weight:900}.time-input-label{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:900;line-height:1}.time-separator{color:var(--accent-bright);align-self:flex-start;margin-top:.35rem;font-size:1.05rem;font-weight:900;line-height:1}.list-item-progress{width:100%}.exercise-history-list{flex-direction:column;gap:.5rem;display:flex}.history-list-item{background:#4540408c;border:1px solid #d8d3652e;border-radius:.65rem;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:.75rem;width:100%;min-height:54px;padding:.62rem .7rem;display:grid}.history-date-block,.history-value-block{flex-direction:column;gap:.12rem;min-width:0;display:flex}.history-date{color:var(--text-light);font-size:.9rem;font-weight:850}.history-detail,.history-unit{color:#f7f6d894;font-size:.72rem;font-weight:750}.history-value-block{text-align:right}.history-main-value{color:var(--accent-bright);font-size:1rem;font-weight:950;line-height:1}.history-trend{background:#f7f6d814;border:1px solid #f7f6d814;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.95rem;font-weight:950;display:inline-grid}.history-trend.up{color:var(--accent-bright);background:#e6f0821f;border-color:#e6f08247}.history-trend.down{color:#f1b0a8;background:#7b3f3f3d;border-color:#f1b0a82e}.history-trend.neutral{color:var(--accent)}.history-empty{background:#45404061;border:1px solid #d8d3652e;border-radius:.75rem;width:100%;padding:.85rem}.time-amount-input{place-self:end start;width:max-content;min-width:0}.measurement-field:has(.time-amount-input){width:max-content;min-width:0}.log-entry-form .time-amount-input{flex:none}.horizontal-align{grid-template-columns:2fr 1fr 1fr;align-items:center;gap:1rem;width:100%;min-width:0;display:grid}.list-item-name,.list-item-group,.list-item-equipment{min-width:0}@media (width<=760px){.measurement-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.measurement-actions,.time-field{grid-column:1/-1}}@media (width<=520px){.measurement-panel,.exercise-history-card{padding:.75rem}.measurement-inputs,.measurement-actions{grid-template-columns:1fr}.measurement-submit-button,.measurement-inputs button{width:100%}.history-list-item{grid-template-columns:1fr auto}.history-value-block{text-align:left}.history-trend{grid-area:1/2}}