:root{color-scheme:light dark;--border: #d0d4da;--bg-panel: #f7f8fa;--accent: #3568d4;--danger: #c0392b}@media (prefers-color-scheme: dark){:root{--border: #3a3f47;--bg-panel: #1c1f24}}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;max-width:1100px;margin:0 auto;padding:1.5rem;color:inherit}header{margin-bottom:1.5rem}.header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.header-heading{min-width:0}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.logout-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:inherit;border:1px solid var(--border);border-radius:6px;padding:.35rem;line-height:1;cursor:pointer}#app-loading{color:#8a8f98}.login-panel{display:flex;justify-content:center;margin-top:3rem}.login-panel form{width:100%;max-width:320px}.subtitle{color:#8a8f98;font-size:.9rem}.unit-control{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.85rem;margin-top:.5rem;max-width:260px}.lang-switcher{position:relative;display:inline-block}.lang-switcher-current{background:transparent;border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;font-size:1.2rem;line-height:1;cursor:pointer}.lang-switcher-menu{position:absolute;top:calc(100% + .25rem);right:0;z-index:10;list-style:none;margin:0;padding:.25rem;display:flex;flex-direction:column;gap:.15rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026}.lang-switcher-option{background:transparent;border:none;padding:.35rem .5rem;font-size:1.2rem;line-height:1;cursor:pointer;border-radius:6px;width:100%;text-align:left}.lang-switcher-option:hover{background:var(--border);opacity:1}main{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}#chart-panel{grid-column:1 / -1}.chart-wrap{position:relative;height:340px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:1.25rem}form{display:flex;flex-direction:column;gap:.75rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}input,select,textarea,button{font:inherit;padding:.5rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:inherit}button{background:var(--accent);color:#fff;border:none;cursor:pointer;padding:.6rem;font-weight:600}button:hover{opacity:.9}.error{color:var(--danger);font-size:.85rem}#workout-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:480px;overflow-y:auto}.workout-item{position:relative;border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;cursor:pointer}.workout-item-delete{position:absolute;top:.4rem;right:.4rem;width:1.5rem;height:1.5rem;padding:0;line-height:1;border:none;border-radius:50%;background:transparent;color:#8a8f98;font-size:1rem;cursor:pointer}.workout-item-delete:hover{background:var(--danger);color:#fff}.workout-item:hover{border-color:var(--accent)}.workout-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.workout-item .category{font-weight:600;text-transform:capitalize}.workout-item .meta{font-size:.8rem;color:#8a8f98}.window-control{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.85rem;margin-bottom:.75rem;max-width:320px}.window-control input{width:5rem}#chart-placeholder{color:#8a8f98}@media (max-width: 720px){body{padding:1rem}header h1{font-size:1.4rem}main{grid-template-columns:1fr;gap:1rem}.panel{padding:1rem}.window-control{flex-wrap:wrap;max-width:none}.window-control input{width:100%}.unit-control{max-width:none}#workout-list{max-height:320px}.chart-wrap{height:280px}input,select,textarea,button{font-size:16px}}