:root{--background: #0d0f14;--surface: #171a21;--surface-raised: #232732;--text: #f5f6f8;--text-muted: #9aa3b2;--accent: #4e95f8;--positive: #4ccb7a;--negative: #ed5a55;--border: #2b3040;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.page{max-width:68rem;margin:0 auto;padding:0 1.5rem}header.top{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 0}.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.logo-mark{width:1.7rem;height:1.7rem;border-radius:7px;display:block;object-fit:contain}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:3.5rem;align-items:start;padding:3rem 0 4.5rem}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 1.2rem}.hero .lead{font-size:1.15rem;color:var(--text-muted);margin:0 0 2rem}.platforms{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.platforms li{font-size:.85rem;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.3rem .85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem}.card h2{margin:0 0 .4rem;font-size:1.25rem}.card .hint{color:var(--text-muted);font-size:.9rem;margin:0 0 1.4rem}form label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}form input[type=email],form input[type=password],form input[type=text]{width:100%;padding:.7rem .85rem;margin-bottom:1rem;background:var(--background);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:.95rem;font-family:inherit}form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.checkbox{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:1.2rem;font-size:.85rem;color:var(--text-muted);font-weight:400}.checkbox input{margin-top:.25rem}button.primary{width:100%;padding:.8rem;border:none;border-radius:9px;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.primary:disabled{opacity:.55;cursor:progress}.message{border-radius:9px;padding:.75rem .9rem;font-size:.88rem;margin-bottom:1rem}.message.error{background:#ed5a5521;border:1px solid rgba(237,90,85,.4);color:#ffb4b1}.message.success{background:#4ccb7a21;border:1px solid rgba(76,203,122,.4);color:#a7e8c0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;padding-bottom:4rem}.feature h3{font-size:1.02rem;margin:0 0 .4rem}.feature p{color:var(--text-muted);font-size:.92rem;margin:0}.feature .icon{font-size:1.4rem;margin-bottom:.7rem;display:block}footer.bottom{border-top:1px solid var(--border);padding:2rem 0 3rem;color:var(--text-muted);font-size:.85rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media (max-width: 860px){.hero{grid-template-columns:1fr;gap:2.5rem;padding:1.5rem 0 3rem}}.muted{color:var(--text-muted)}.tiny{font-size:.8rem}.center{min-height:60vh;display:grid;place-items:center}.block{margin-bottom:1.75rem}h1{font-size:1.75rem;margin:0 0 .25rem;letter-spacing:-.02em}h2{font-size:1.15rem;margin:0 0 .75rem}h3{font-size:1rem;margin:0}button,select,input{font-family:inherit}button.primary,a.primary.button{display:inline-block;padding:.6rem 1.1rem;border:none;border-radius:9px;background:var(--accent);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;text-decoration:none;width:auto}button.primary:disabled{opacity:.5;cursor:not-allowed}button.ghost,a.ghost.button{padding:.55rem .9rem;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text);font-size:.88rem;cursor:pointer;text-decoration:none}button.ghost:hover:not(:disabled){background:var(--surface-raised)}button.ghost:disabled{opacity:.35;cursor:not-allowed}button.ghost.tiny{padding:.25rem .5rem;font-size:.8rem}button.danger,button.ghost.danger{color:var(--negative);border-color:#ed5a5559}select,input[type=search],input[type=number],input[type=text]:not(.segment-title){background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .65rem;font-size:.9rem}.badge{font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:#ffffff17;color:var(--text-muted);white-space:nowrap}.badge.public{background:#4ccb7a2e;color:#9fe6bd}.tag-list{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.section-head.small{margin-bottom:.75rem;align-items:center}.section-head p{margin:0}.actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:.3rem;margin-bottom:1rem}.tab{flex:1;padding:.55rem;border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:9px;cursor:pointer;font-size:.88rem;font-weight:600}.tab.active{background:var(--surface-raised);color:var(--text);border-color:transparent}.portal-top{border-bottom:1px solid var(--border);background:#0d0f14eb;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portal-top-inner{display:flex;align-items:center;gap:2rem;padding:.9rem 1.5rem}.portal-top .logo{text-decoration:none;color:var(--text)}.portal-nav{display:flex;gap:.35rem;flex:1;flex-wrap:wrap}.portal-link{padding:.4rem .75rem;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:600}.portal-link:hover{background:var(--surface);color:var(--text)}.portal-link.active{background:var(--surface-raised);color:var(--text)}.portal-user{display:flex;align-items:center;gap:.7rem}.portal-main{padding-top:2rem;padding-bottom:4rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-bottom:1.75rem}.stat{padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.2rem}.stat.compact{padding:.7rem 1rem}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.stat-value{font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-unit{font-size:.85rem;color:var(--text-muted);margin-left:.3rem;font-weight:500}.stat-row{display:flex;gap:1.75rem;flex-wrap:wrap;margin-top:1rem;color:var(--text-muted);font-size:.9rem}.stat-row strong{color:var(--text);font-size:1.05rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:0 .6rem .5rem;font-weight:600}.table td{padding:.65rem .6rem;border-top:1px solid var(--border);vertical-align:middle}.table tr:first-child td{border-top:none}.table .numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table .index{color:var(--text-muted);width:2rem}.zone-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:2px;margin-right:.5rem;vertical-align:baseline}.profile{display:block;width:100%;background:#00000040;border-radius:8px}.row{margin-bottom:2rem}.row-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.row-header h2{margin:0}.row-scroller{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x proximity}.row-scroller.tight{gap:.6rem}.row-scroller>*{scroll-snap-align:start}.workout-card{flex:0 0 15rem;width:15rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;cursor:pointer;color:var(--text);transition:transform .15s ease,border-color .15s ease}.workout-card:hover{transform:translateY(-2px);border-color:#4e95f880}.workout-card.compact{flex-basis:11rem;width:11rem}.workout-card .profile{border-radius:0}.workout-card-body{padding:.8rem .9rem 1rem}.workout-card-body h3{font-size:.95rem;margin-bottom:.25rem}.workout-card-body p{margin:0 0 .5rem;font-size:.82rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workout-card-meta{display:flex;gap:.5rem;align-items:center;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.grid .workout-card{flex:initial;width:auto}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.collection header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.collection .row-scroller{margin-top:.7rem}.search{display:flex;gap:.5rem;margin-bottom:1.75rem}.search input{flex:1}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--text-muted)}.form-grid label.wide,.form-grid .wide{grid-column:1 / -1}.form-grid input,.form-grid select{margin:0}.segments{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.segment-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem .6rem;background:var(--background);border:1px solid var(--border);border-radius:9px}.segment-title{flex:1;min-width:8rem;background:transparent;border:none;color:var(--text);font-size:.9rem;padding:.25rem}.segment-title:focus{outline:1px solid var(--border);border-radius:5px}.duration-input{display:flex;align-items:center;gap:.2rem;color:var(--text-muted)}.duration-input input{width:3.4rem;text-align:right}.value-input{width:4.5rem;text-align:right}.segment-actions{display:flex;gap:.2rem;margin-left:auto}.checkbox.tiny{font-size:.78rem;margin:0;align-items:center}.interval-builder{padding:1rem;margin-top:.5rem;flex-basis:100%}.interval-builder h3{margin-bottom:.75rem}.interval-builder .actions{margin-top:1rem}@media (max-width: 720px){.portal-top-inner{flex-wrap:wrap;gap:.75rem}.portal-nav{order:3;width:100%}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}}.danger-zone{border-color:#ed5a5559}.danger-zone h2{color:var(--negative)}.danger-zone input[type=password]{max-width:22rem}.legal{max-width:48rem;padding-bottom:5rem}.legal h1{margin-bottom:.5rem}.legal h2{margin-top:2.25rem;font-size:1.05rem}.legal p,.legal li{color:var(--text-muted);line-height:1.7}.legal ul{padding-left:1.2rem}.legal a{color:var(--accent)}.legal .todo{border-left:3px solid var(--accent);background:#4e95f814;padding:.75rem 1rem;border-radius:0 9px 9px 0;color:var(--text);font-size:.9rem}