:root{--color-moss: #4a5d3a;--color-moss-dark: #38472c;--color-moss-light: #7c9463;--color-clay: #b5654a;--color-clay-dark: #8f4c36;--color-clay-light: #d99a83;--color-sand: #f3e9d8;--color-sand-dark: #e6d6ba;--color-ink: #2c2a26;--color-muted: #766f63;--color-white: #fffdf9;--color-danger: #b23b3b;--font-display: "Fraunces", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius: 14px;--shadow-sm: 0 1px 3px rgba(44, 42, 38, .08);--shadow-md: 0 6px 20px rgba(44, 42, 38, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-sand);color:var(--color-ink);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--color-moss-dark);margin:0 0 8px}a{color:var(--color-clay-dark)}.app-shell{max-width:480px;margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-white)}@media (min-width: 640px){.app-shell{max-width:720px;box-shadow:var(--shadow-md);margin-top:16px;margin-bottom:16px;border-radius:20px;overflow:hidden}}.page{flex:1;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--color-moss);color:var(--color-white);position:relative}.topbar .brand{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-white);text-decoration:none}.nav-menu,.account-menu{position:relative;display:flex}.icon-btn,.avatar-btn{border:none;background:#ffffff24;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn{width:36px;height:36px;border-radius:10px}.icon-btn:hover{background:#ffffff3d}.avatar-btn{width:32px;height:32px;border-radius:50%;background:var(--color-clay);font-family:var(--font-display);font-weight:700;font-size:14px}.avatar-btn:hover{background:var(--color-clay-dark)}.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:190px;background:var(--color-white);border:1px solid var(--color-sand-dark);border-radius:12px;box-shadow:var(--shadow-md);padding:8px;display:flex;flex-direction:column;gap:2px;z-index:20}.dropdown.dropdown-right{left:auto;right:0}.dropdown a{display:block;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--color-ink);text-decoration:none}.dropdown a:hover{background:var(--color-sand)}.dropdown a.active{color:var(--color-clay-dark);font-weight:600;background:var(--color-sand)}.dropdown-account-info{padding:8px 10px 10px;border-bottom:1px solid var(--color-sand-dark);margin-bottom:4px;display:flex;flex-direction:column;gap:2px}.dropdown-account-info strong{font-size:14px;color:var(--color-ink)}.dropdown-account-info span{font-size:12px}.card{background:var(--color-white);border:1px solid var(--color-sand-dark);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.card h3{font-size:17px}.muted{color:var(--color-muted);font-size:13px}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--color-sand);color:var(--color-moss-dark);font-weight:600}.badge.danger{background:#f4dede;color:var(--color-danger)}.form-group{margin-bottom:14px}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--color-ink)}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--color-sand-dark);border-radius:10px;font-family:var(--font-body);font-size:15px;background:var(--color-white);color:var(--color-ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-moss-light);outline-offset:1px}button.btn{display:inline-block;width:100%;padding:11px 16px;border:none;border-radius:10px;background:var(--color-clay);color:var(--color-white);font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-body)}button.btn:hover{background:var(--color-clay-dark)}button.btn:disabled{background:var(--color-sand-dark);color:var(--color-muted);cursor:not-allowed}button.btn.secondary{background:var(--color-moss)}button.btn.secondary:hover{background:var(--color-moss-dark)}button.btn.outline{background:transparent;border:1px solid var(--color-clay);color:var(--color-clay-dark)}button.btn.danger{background:var(--color-danger)}.btn-row{display:flex;gap:8px}.alert{padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:12px}.alert.error{background:#f4dede;color:var(--color-danger)}.alert.success{background:#e4ecd9;color:var(--color-moss-dark)}.empty-state{text-align:center;padding:32px 12px;color:var(--color-muted)}.tabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto}.tabs button{border:1px solid var(--color-sand-dark);background:var(--color-white);padding:7px 14px;border-radius:999px;font-size:13px;white-space:nowrap;cursor:pointer;font-family:var(--font-body)}.tabs button.active{background:var(--color-moss);border-color:var(--color-moss);color:var(--color-white);font-weight:600}.hero{text-align:center;padding:40px 16px}.hero p{color:var(--color-muted);margin:8px 0 24px}.center-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.date-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px}.date-pill{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:12px;border:1px solid var(--color-sand-dark);background:var(--color-white);font-size:13px;font-weight:600;color:var(--color-ink);cursor:pointer;font-family:var(--font-body)}.date-pill.active{background:var(--color-moss);border-color:var(--color-moss);color:var(--color-white)}.date-pill-weekday{font-size:11px;font-weight:400;opacity:.85}.slot-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.slot-row{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:12px 16px;border-radius:10px;border:1px solid var(--color-sand-dark);background:var(--color-white);font-family:var(--font-body);font-size:14px;cursor:pointer;text-align:left}.slot-row.free{background:#eef3e7;border-color:var(--color-moss-light)}.slot-row.taken{color:var(--color-muted)}.slot-time{font-weight:600;font-variant-numeric:tabular-nums}.slot-status{font-size:12.5px;color:var(--color-muted)}.slot-row.free .slot-status{color:var(--color-moss-dark);font-weight:600}.slot-row.selected{background:var(--color-moss);border-color:var(--color-moss-dark);color:var(--color-white)}.slot-row.selected .slot-status{color:var(--color-white)}.slot-item{display:flex;flex-direction:column;gap:6px}.slot-detail{padding:10px 16px;border-radius:10px;border:1px dashed var(--color-sand-dark);background:var(--color-sand);font-size:13.5px}.exercise-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr auto;gap:6px;margin-bottom:8px}.exercise-row input{padding:8px 10px}@media (max-width: 520px){.exercise-row{grid-template-columns:1fr 1fr}}