@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,400&family=Instrument+Sans:wght@400;500;600;700;800&display=swap";:root{--clr-bg:oklch(98% .005 75);--clr-surface:oklch(100% 0 0);--clr-surface-2:oklch(96% .008 75);--clr-border:oklch(90% .015 75);--clr-text:oklch(22% .02 60);--clr-text-2:oklch(40% .02 60);--clr-text-3:oklch(62% .015 60);--clr-accent:oklch(52% .12 155);--clr-accent-d:oklch(42% .12 155);--clr-accent-l:oklch(94% .05 155);--clr-accent-soft:oklch(52% .12 155/.08);--clr-amber:oklch(74% .14 85);--clr-amber-l:oklch(96% .04 85);--clr-sky:oklch(65% .12 245);--clr-sky-l:oklch(95% .04 245);--clr-rose:oklch(58% .16 25);--clr-rose-l:oklch(95% .05 25);--clr-success:oklch(65% .18 145);--clr-error:oklch(60% .2 25);--ff-display:"Fraunces", Georgia, serif;--ff-body:"Instrument Sans", system-ui, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:28px;--sh-sm:0 1px 2px 0 oklch(0% 0 0/.05);--sh-md:0 4px 6px -1px oklch(0% 0 0/.1), 0 2px 4px -2px oklch(0% 0 0/.1);--sh-lg:0 10px 15px -3px oklch(0% 0 0/.1), 0 4px 6px -4px oklch(0% 0 0/.1);--sh-xl:0 20px 25px -5px oklch(0% 0 0/.1), 0 8px 10px -6px oklch(0% 0 0/.1);--dur-fast:.15s;--dur-md:.3s;--dur-slow:.5s;--ease-out:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--clr-bg:oklch(18% .012 60);--clr-surface:oklch(22% .015 60);--clr-surface-2:oklch(26% .015 60);--clr-border:oklch(32% .02 60);--clr-text:oklch(95% .005 75);--clr-text-2:oklch(85% .008 75);--clr-text-3:oklch(65% .012 60);--clr-accent:oklch(68% .12 155);--clr-accent-d:oklch(78% .12 155);--clr-accent-l:oklch(28% .08 155);--clr-accent-soft:oklch(68% .12 155/.15);--clr-amber:oklch(78% .14 85);--clr-amber-l:oklch(30% .08 85);--clr-sky:oklch(72% .12 245);--clr-sky-l:oklch(30% .08 245);--clr-rose:oklch(68% .16 25);--clr-rose-l:oklch(30% .08 25);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--ff-body);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:280px 1fr;height:100dvh;display:grid;overflow:hidden}.main-content{padding:var(--sp-8) var(--sp-7);position:relative;overflow-y:auto}.main-content:before{content:"";background:radial-gradient(circle, var(--clr-accent-soft) 0%, transparent 70%);z-index:-1;pointer-events:none;width:40%;height:40%;position:fixed;top:-10%;left:-10%}.sidebar{background:var(--clr-surface);border-right:1px solid var(--clr-border);padding:var(--sp-6) var(--sp-5);gap:var(--sp-2);z-index:500;flex-direction:column;display:flex}.sidebar__brand{align-items:center;gap:var(--sp-3);padding:var(--sp-3);margin-bottom:var(--sp-6);display:flex}.sidebar__logo{width:32px;height:32px;color:var(--clr-accent);transition:transform var(--dur-md) var(--ease-out)}.sidebar__brand:hover .sidebar__logo{transform:rotate(15deg)scale(1.1)}.sidebar__title{font-family:var(--ff-display);font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:800}.sidebar__nav{gap:var(--sp-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__footer{padding-top:var(--sp-4);border-top:1px solid var(--clr-border)}.nav-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);color:var(--clr-text-3);font-size:var(--fs-sm);transition:all var(--dur-fast) var(--ease-out);font-weight:600;display:flex}.nav-item svg{opacity:.7;width:20px;height:20px;transition:opacity var(--dur-fast)}.nav-item:hover{background:var(--clr-surface-2);color:var(--clr-text);transform:translate(4px)}.nav-item--active{background:var(--clr-accent-l)!important;color:var(--clr-accent-d)!important}.nav-item--active svg{opacity:1;color:var(--clr-accent)}.page-header{margin-bottom:var(--sp-8)}.page-header__greeting{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:var(--sp-2);font-weight:800}.page-header__title{font-family:var(--ff-display);font-size:clamp(var(--fs-2xl), 5vw, var(--fs-3xl));letter-spacing:-.04em;font-weight:900;line-height:1}.section-title{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--clr-text-3);margin-bottom:var(--sp-5);align-items:center;gap:var(--sp-3);font-weight:800;display:flex}.section-title:after{content:"";background:var(--clr-border);flex:1;height:1px}.stats-row{gap:var(--sp-4);margin-bottom:var(--sp-7);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-block{padding:var(--sp-5);border-radius:var(--r-lg);border:1px solid var(--clr-border);background:var(--clr-surface);box-shadow:var(--sh-sm);transition:all var(--dur-md) var(--ease-out);position:relative;overflow:hidden}.stat-block:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}.stat-block__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--clr-text-3);margin-bottom:var(--sp-2);font-weight:700}.stat-block__value{font-family:var(--ff-display);font-size:var(--fs-2xl);margin-bottom:var(--sp-1);font-weight:800;line-height:1}.stat-block__sub{font-size:var(--fs-xs);color:var(--clr-text-3);font-weight:500}.stat-block--accent{background:linear-gradient(135deg, var(--clr-accent-l), var(--clr-surface))}.stat-block--amber{background:linear-gradient(135deg, var(--clr-amber-l), var(--clr-surface))}.stat-block--sky{background:linear-gradient(135deg, var(--clr-sky-l), var(--clr-surface))}.stat-block--rose{background:linear-gradient(135deg, var(--clr-rose-l), var(--clr-surface))}.workout-list{gap:var(--sp-3);flex-direction:column;display:flex}.workout-entry{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);background:var(--clr-surface);border:1px solid var(--clr-border);box-shadow:var(--sh-sm);transition:all var(--dur-fast) var(--ease-out);display:flex}.workout-entry:hover{border-color:var(--clr-accent);box-shadow:var(--sh-md);transform:scale(1.005)translate(4px)}.workout-entry__icon{border-radius:var(--r-md);background:var(--clr-surface-2);width:44px;height:44px;transition:transform var(--dur-md) var(--ease-out);flex-shrink:0;place-items:center;font-size:1.25rem;display:grid}.workout-entry:hover .workout-entry__icon{transform:rotate(8deg)scale(1.1)}.workout-entry__name{font-weight:700;font-size:var(--fs-base);letter-spacing:-.01em}.workout-entry__detail{font-size:var(--fs-sm);color:var(--clr-text-3);font-weight:500}.workout-entry__meta{font-size:var(--fs-sm);color:var(--clr-accent);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-md);font-size:var(--fs-sm);transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;font-weight:700;display:inline-flex}.btn--primary{background:var(--clr-accent);color:#fff;box-shadow:0 4px 14px oklch(52% .12 155/.4)}.btn--primary:hover{background:var(--clr-accent-d);transform:translateY(-2px);box-shadow:0 6px 20px oklch(52% .12 155/.6)}.btn--primary:active{transform:translateY(0)scale(.98)}.btn--ghost{background:var(--clr-surface-2);color:var(--clr-text);border:1px solid var(--clr-border)}.btn--ghost:hover{background:var(--clr-border);transform:translateY(-1px)}.search-bar__input{width:100%;padding:var(--sp-4) var(--sp-6);border-radius:var(--r-xl);border:1.5px solid var(--clr-border);background:var(--clr-surface);font-size:var(--fs-base);color:var(--clr-text);transition:all var(--dur-fast) var(--ease-out);box-shadow:var(--sh-sm);font-weight:500}.search-bar__input:focus{border-color:var(--clr-accent);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px oklch(52% .12 155/.15)}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:var(--sp-6) var(--sp-4) calc(100px + env(safe-area-inset-bottom))}.mobile-nav{bottom:var(--sp-4);left:var(--sp-4);right:var(--sp-4);background:color-mix(in oklch, var(--clr-surface) 80%, transparent);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--clr-border);border-radius:var(--r-xl);padding:var(--sp-2);gap:var(--sp-1);box-shadow:var(--sh-xl);z-index:1000;display:flex;position:fixed}.mobile-nav__item{padding:var(--sp-3) var(--sp-1);border-radius:var(--r-lg);color:var(--clr-text-3);transition:all var(--dur-md) var(--ease-out);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.mobile-nav__item--active{color:var(--clr-accent);background:var(--clr-accent-soft)}.mobile-nav__label{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-enter>*{animation:slideUp var(--dur-md) var(--ease-out) both}.stats-row>:first-child{animation-delay:50ms}.stats-row>:nth-child(2){animation-delay:.1s}.stats-row>:nth-child(3){animation-delay:.15s}.stats-row>:nth-child(4){animation-delay:.2s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clr-border);border:2px solid var(--clr-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--clr-text-3)}.glass{-webkit-backdrop-filter:blur(10px);background:oklch(100% 0 0/.7);border:1px solid oklch(100% 0 0/.1)}