/* Read-only styles derived from zeetude-treinos; see PREVIEWS.md. */
:root{ color-scheme: dark; --bg: #000; --panel: #000; --panel-2: #050505; --panel-3: #090909; --muted: #a1a1aa; --text: #f7f7f8; --soft: #c5c7ce; --line: rgba(255, 255, 255, .06); --line-strong: rgba(0, 57, 245, .34); --green: #0039f5; --teal: #2a63ff; --orange: #ffb84d; --red: #ff5c77; --blue: #67a8ff; --purple: #b28dff; --shadow: none; --radius: 8px; --nav-h: 78px; font-family: "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif; }*{ box-sizing: border-box; }html, body{ min-height: 100%; margin: 0; background: var(--bg); color: var(--text); overscroll-behavior-y: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: geometricPrecision; }body{ overflow-x: hidden; user-select: none; touch-action: pan-x pan-y; }button, input, select{ font: inherit; }button{ -webkit-tap-highlight-color: transparent; }input, select{ user-select: text; }.app{ min-height: 100vh; padding: calc(18px + env(safe-area-inset-top)) 16px calc(var(--nav-h) + 34px + env(safe-area-inset-bottom)); background: #000; }.shell{ width: min(1180px, 100%); margin: 0 auto; } .mini-logo img{ width: 100%; height: 100%; object-fit: cover; }.mode-wrap{ position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; gap: 10px; width: min(430px, 100%); }@media (min-width: 901px){#trainingHome > .section-head{ position: relative; padding-top: 54px; }#trainingHome > .section-head > div:first-child{ flex: 1 1 auto; min-width: 0; }#trainingHome .mode-wrap{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); }}.mini-logo{ width: 38px; height: 38px; border-radius: 50%; overflow: hidden; background: #070707; border: 1px solid var(--line); flex: 0 0 auto; justify-self: start; }.mode-button, .primary, .ghost, .settings-toggle{ border: 1px solid var(--line); color: var(--text); background: var(--panel-2); border-radius: 999px; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease; }@media (hover: hover) and (pointer: fine){.mode-button:hover, .primary:hover, .ghost:hover, .settings-toggle:hover{ transform: translateY(-1px); border-color: var(--line-strong); background: rgba(0, 57, 245, .1); }}.mode-button:active, .primary:active, .ghost:active, .settings-toggle:active{ transform: scale(.97); border-color: var(--line-strong); }button:disabled, .primary:disabled, .ghost:disabled{ opacity: .48; cursor: not-allowed; transform: none !important; }.settings-toggle{ width: 40px; height: 40px; display: inline-grid; place-items: center; padding: 0; justify-self: end; }.mode-button{ height: 40px; padding: 0 14px; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; justify-self: center; }.session-finish-actions{ display: grid; gap: 8px; min-width: 154px; }.outline-white{ min-height: 42px; border: 1px solid rgba(255, 255, 255, .72); border-radius: 999px; background: transparent; color: #fff; padding: 0 16px; font-size: 14px; font-weight: 900; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; }.outline-white:active{ transform: scale(.97); border-color: #fff; background: rgba(255, 255, 255, .05); }.section-head{ display: flex; align-items: end; justify-content: space-between; gap: 14px; margin: 12px 0 14px; }.section-head h2{ margin: 0; font-size: clamp(26px, 5vw, 48px); line-height: .98; letter-spacing: 0; }.section-title-row{ display: flex; align-items: center; gap: 12px; margin-top: 10px; }#trainingHome .section-title-row{ display: block; }#trainingHome .section-title-row h2{ font-size: clamp(22px, 3.2vw, 32px); line-height: 1.05; }.home-greeting{ margin-top: 14px; margin-bottom: 20px; display: flex; align-items: baseline; gap: 6px; color: var(--text); font-size: clamp(22px, 4vw, 34px); font-weight: 900; line-height: 1.05; }.home-greeting span{ color: inherit; font: inherit; }.home-greeting strong{ display: block; min-width: 0; max-width: min(520px, 100%); padding: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.section-head p{ display: none; } .primary, .ghost{ min-height: 42px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 750; }.primary{ background: var(--green); color: #fff; border-color: transparent; }.ghost{ background: rgba(255, 255, 255, .06); }.panel, .workout-card{ background: #000; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; }.workouts{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.workout-card{ min-height: 178px; padding: 16px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; position: relative; overflow: hidden; }.workout-card:before{ display: none; }.card-top, .card-bottom{ position: relative; z-index: 1; }.tag{ display: inline-flex; align-items: center; gap: 6px; min-height: 27px; padding: 0 9px; border-radius: 999px; background: rgba(255, 255, 255, .06); color: var(--soft); font-size: 12px; }.workout-card h3{ margin: 12px 0 6px; font-size: 21px; letter-spacing: 0; }.workout-card p{ color: var(--muted); margin: 0; line-height: 1.4; font-size: 14px; }.workout-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.folder-tools{ margin: -2px 0 16px; padding: 12px; border: 1px solid rgba(255, 255, 255, .075); border-radius: var(--radius); background: linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)), #050506; overflow: hidden; }.folder-create-button{ width: 100%; min-height: 46px; justify-content: center; gap: 8px; }body.light-theme :where(.folder-tools, .folder-view-head, .folder-card){ background: #ffffff !important; border-color: rgba(226, 232, 240, .96) !important; box-shadow: none !important; } .session-view{ display: none; }.session-card{ min-height: 560px; display: grid; align-content: start; gap: 18px; text-align: center; padding: 22px; background: #000; }.timer{ width: min(214px, 62vw); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(0, 57, 245, .32); background: #050505; box-shadow: none; }.timer strong{ display: block; font-size: clamp(46px, 12vw, 76px); line-height: 1; letter-spacing: 0; }.timer span{ display: block; margin-top: 8px; color: var(--muted); font-weight: 750; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }.session-meta{ color: var(--muted); }canvas{ display: block; width: 100%; height: 230px; }body.total-dark :where(.topbar, .panel, .workout-card, .exercise-row, .metric, .chart-panel, .insight-panel, .summary-panel, .footer, .streak-panel, .streak-main, .streak-stat, .week-goal, .setting-item, .calendar-shell, .calendar-day, .day-detail, .day-workout, .mode-menu, .bottom-nav, .toast, .set-card, .session-set-editor, .session-exercise-block, .session-set-tile, .active-workout-bar, .discard-card, .support-hero, .account-profile, .feed-panel, .proof-panel, .proof-thumb, .feed-card, .log-exercise-card){ background: #000 !important; background-image: none !important; border-color: #000 !important; box-shadow: none !important; color: #fff !important; }body.total-dark :where(.mode-button, .icon-button, .pill-button, .ghost, .settings-toggle, .setting-control, .input, .select, .mini-control input, .set-row input, .stepper input, .stepper button, .tiny-button, .session-exercise-chip:not(.active), .evolution-tab:not(.active), .week-day:not(.done), .heat-cell:not(.on), .record-item, .history-item, .insight){ background: #000 !important; background-image: none !important; border-color: #000 !important; box-shadow: none !important; color: #fff !important; }body.total-dark :where(.primary, .session-exercise-chip.active, .session-set-tile.done, .evolution-tab.active, .calendar-pill, .progress-fill, .bar-fill){ background: var(--green) !important; background-image: none !important; border-color: var(--green) !important; color: #fff !important; box-shadow: none !important; }body.total-dark :where(button:not(:disabled):focus-visible, input:focus, select:focus, .calendar-day:focus-visible){ outline: none; border-color: rgba(0, 57, 245, .72) !important; box-shadow: 0 0 0 3px rgba(0, 57, 245, .16) !important; }body.total-dark :where(h1, h2, h3, h4, h5, p, label, span, strong, small, em, button, div){ color: inherit; }body.light-theme :where(.app, .shell, .screen, .topbar, .panel, .workout-card, .exercise-row, .metric, .chart-panel, .insight-panel, .summary-panel, .footer, .empty, .editor, .exercise-builder, .settings-page, .support-page, .session-view, .session-card, .timer, .score-ring, .score-ring:after, .streak-panel, .streak-main, .streak-stat, .week-goal, .setting-item, .calendar-shell, .calendar-day, .day-detail, .day-workout, .mode-menu, .toast, .set-card, .session-set-editor, .session-exercise-block, .session-set-tile, .discard-card, .intro-card, .support-hero, .account-profile, .feed-panel, .proof-panel, .proof-thumb, .feed-card, .mini-popover, .log-exercise-card, .log-set-row){ background: #ffffff !important; background-image: none !important; border-color: #e2e8f0 !important; box-shadow: none !important; color: #0f172a !important; }body.light-theme :where(.brand-mark, .mini-logo, .hero-logo, .mode-button, .icon-button, .pill-button, .ghost, .settings-toggle, .setting-control, .input, .select, .mini-control input, .set-row input, .set-number, .stepper input, .stepper button, .tiny-button, .session-exercise-chip:not(.active), .evolution-tab:not(.active), .week-day:not(.done), .heat-cell:not(.on), .record-item, .history-item, .insight, .theme-card, .intro-theme-card, .active-workout-bar, .active-workout-open, .active-workout-main){ background: #ffffff !important; background-image: none !important; border-color: #e2e8f0 !important; box-shadow: none !important; color: #0f172a !important; }body.light-theme :where(.primary, .session-exercise-chip.active, .session-set-tile.done, .evolution-tab.active, .calendar-pill, .progress-fill, .bar-fill, .week-day.done, .heat-cell.on, .theme-card.active, .intro-theme-card.active){ background: var(--green) !important; background-image: none !important; border-color: var(--green) !important; color: #ffffff !important; box-shadow: none !important; }body.light-theme :where(.danger){ background: #fff1f2 !important; border-color: #fecdd3 !important; color: #be123c !important; }body.light-theme :where(.bottom-nav){ background: rgba(255, 255, 255, .88) !important; border-color: #e2e8f0 !important; color: #0f172a !important; }body.light-theme :where(.nav-item){ color: #64748b !important; }body.light-theme :where(.nav-item.active){ background: #eef2ff !important; color: var(--green) !important; }body.light-theme :where(.tag, .bar-track, .photo-drop, .exercise-photo, .streak-icon, .empty .empty-icon){ background: #f8fafc !important; border-color: #e2e8f0 !important; color: var(--green) !important; }body.light-theme :where(p, small, .section-head p, .workout-card p, .setting-item small, .chart-title span, .metric small, .streak-main span, .streak-main p, .history-item span, .record-item span, .calendar-day-name, .bar-line, .timer span, .session-meta, .mini-control span, .set-field label, .support-copy, .profile-description, .proof-count){ color: #475569 !important; }body.light-theme :where(h1, h2, h3, h4, h5, label, strong, .empty h3, .chart-title h3, .metric strong, .workout-card h3, .calendar-title, .builder-top h2, .timer strong, .active-workout-main strong){ color: #0f172a !important; }body.light-theme :where(.outline-white){ border-color: #cbd5e1 !important; color: #0f172a !important; background: #ffffff !important; }body.light-theme :where(.discard-sheet, .intro-overlay){ background: rgba(248, 250, 252, .86) !important; }body.light-theme :where(button:not(:disabled):focus-visible, input:focus, select:focus, .calendar-day:focus-visible, .theme-card.active, .intro-theme-card.active){ outline: none; border-color: rgba(0, 57, 245, .55) !important; box-shadow: 0 0 0 3px rgba(0, 57, 245, .13) !important; }body.light-theme :where(.primary, .primary *, .session-exercise-chip.active, .session-exercise-chip.active *, .session-set-tile.done, .session-set-tile.done *, .evolution-tab.active, .evolution-tab.active *, .calendar-pill, .calendar-pill *, .theme-card.active, .theme-card.active *, .intro-theme-card.active, .intro-theme-card.active *){ color: #ffffff !important; }body.light-theme :where(.active-workout-trash){ color: #e11d48 !important; }body.light-theme :where(.score-ring){ background: conic-gradient(from 180deg, var(--green) var(--score), rgba(15, 23, 42, .08) 0), #ffffff !important; }.bottom-nav{ position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateX(-50%); width: min(390px, calc(100vw - 32px)); height: 64px; z-index: 80; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(26, 27, 30, .62); backdrop-filter: blur(24px) saturate(140%); box-shadow: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 6px; gap: 6px; transition: transform .34s cubic-bezier(.2, .8, .2, 1), opacity .26s ease; will-change: transform, opacity; }.nav-item{ border: 0; border-radius: 999px; background: transparent; color: var(--muted); display: grid; place-items: center; cursor: pointer; position: relative; }.nav-item svg{ width: 25px; height: 25px; }.nav-item.active{ background: rgba(255, 255, 255, .1); color: var(--green); }.nav-item span{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }.screen{ display: none; }.screen.active{ display: block; }body.light-theme :where(.app, .shell, .screen, .topbar, .panel, .workout-card, .empty, .editor, .exercise-builder, .settings-page, .support-page, .session-view, .session-card, .exercise-row, .set-card, .session-set-editor, .session-exercise-block, .session-set-tile, .metric, .chart-panel, .insight-panel, .summary-panel, .streak-panel, .streak-main, .streak-stat, .week-goal, .calendar-shell, .calendar-day, .day-detail, .day-workout, .setting-item, .mode-menu, .discard-card, .intro-card, .toast, .tour-card, .tour-skip-card, .foco-select-menu, .support-hero, .account-profile, .feed-panel, .proof-panel, .proof-thumb, .feed-card, .mini-popover, .log-exercise-card, .log-set-row){ background: #ffffff !important; background-image: none !important; border-color: #e2e8f0 !important; box-shadow: none !important; color: #0f172a !important; }body.light-theme :where(.brand-mark, .mini-logo, .intro-logo, .mode-button, .icon-button, .pill-button, .ghost, .settings-toggle, .setting-control, .input, .select, .foco-select-button, .foco-select-option, .mini-control input, .set-row input, .set-number, .stepper input, .stepper button, .tiny-button, .session-exercise-chip:not(.active), .evolution-tab:not(.active), .week-day:not(.done), .heat-cell:not(.on), .record-item, .history-item, .insight, .theme-card, .intro-theme-card, .active-workout-bar, .active-workout-open, .active-workout-main){ background: #ffffff !important; background-image: none !important; border-color: #e2e8f0 !important; box-shadow: none !important; color: #0f172a !important; }body.light-theme :where(.bottom-nav){ background: rgba(255, 255, 255, .92) !important; border-color: #e2e8f0 !important; color: #0f172a !important; }body.light-theme :where(.photo-drop, .exercise-photo, .empty .empty-icon, .streak-icon, .tag, .bar-track, .theme-preview.light){ background: #f8fafc !important; border-color: #e2e8f0 !important; color: var(--green) !important; }body.light-theme :where(h1, h2, h3, h4, h5, label, strong, .empty h3, .workout-card h3, .chart-title h3, .metric strong, .timer strong, .calendar-title, .builder-top h2, .active-workout-main strong){ color: #0f172a !important; }body.light-theme :where(p, small, .workout-card p, .setting-item small, .chart-title span, .metric small, .timer span, .session-meta, .streak-main span, .streak-main p, .history-item span, .record-item span, .calendar-day-name, .bar-line, .mini-control span, .set-field label, .support-copy, .profile-description, .proof-count){ color: #475569 !important; }body.light-theme :where(.primary, .primary *, .session-exercise-chip.active, .session-exercise-chip.active *, .session-set-tile.done, .session-set-tile.done *, .evolution-tab.active, .evolution-tab.active *, .calendar-pill, .calendar-pill *, .week-day.done, .week-day.done *, .heat-cell.on, .heat-cell.on *, .theme-card.active, .theme-card.active *, .intro-theme-card.active, .intro-theme-card.active *){ background-color: var(--green) !important; border-color: var(--green) !important; color: #ffffff !important; }body.light-theme :where(.danger){ background: #fff1f2 !important; border-color: #fecdd3 !important; color: #be123c !important; }body.light-theme :where(.active-workout-trash){ background: transparent !important; color: #e11d48 !important; }body.light-theme :where(.foco-select-option.active){ background: rgba(0, 57, 245, .1) !important; color: var(--green) !important; }body.light-theme :where(.tour-skip-close){ background: #ffffff !important; border-color: #e2e8f0 !important; color: #0f172a !important; }body.light-theme :where(.discard-sheet, .intro-overlay, .tour-skip-overlay){ background: rgba(248, 250, 252, .86) !important; }body.light-theme :where(.tour-overlay){ background: transparent !important; }body.light-theme :where(.tour-target){ box-shadow: 0 0 0 9999px rgba(248, 250, 252, .66), 0 0 0 6px rgba(0, 57, 245, .16) !important; }body.light-theme :where(.mini-logo img, .streak-icon img){ filter: brightness(0) saturate(0) !important; }body.light-theme :where(.score-ring){ background: conic-gradient(from 180deg, var(--green) var(--score), rgba(15, 23, 42, .08) 0), #ffffff !important; border-color: #e2e8f0 !important; color: #0f172a !important; }body.light-theme :where(.score-ring::after){ background: #ffffff !important; border-color: #e2e8f0 !important; }body.light-theme :where(.insight){ background: #ffffff !important; border-color: #e2e8f0 !important; color: #0f172a !important; }body.light-theme :where(.insight strong){ color: #0f172a !important; }body.light-theme :where(.insight small, .insight span, .score-ring span){ color: #475569 !important; }body.total-dark :where(.panel, .workout-card, .exercise-row, .metric, .chart-panel, .insight-panel, .summary-panel, .streak-panel, .streak-main, .streak-stat, .week-goal, .setting-item, .calendar-shell, .calendar-day, .day-detail, .day-workout, .mode-menu, .toast, .set-card, .session-set-editor, .session-exercise-block, .session-set-tile, .active-workout-bar, .discard-card, .empty, .photo-drop, .exercise-photo, .exercise-inline-photo, .timer, .score-ring, .score-ring::after, .foco-select-menu, .tour-card, .tour-skip-card, .support-hero, .account-profile, .feed-panel, .proof-panel, .proof-thumb, .feed-card, .mini-popover, .log-exercise-card, .log-set-row){ border-color: rgba(255, 255, 255, .075) !important; }body.total-dark :where(.mode-button, .icon-button, .pill-button, .ghost, .settings-toggle, .setting-control, .input, .select, .foco-select-button, .foco-select-option, .mini-control input, .set-row input, .stepper input, .stepper button, .tiny-button, .session-exercise-chip:not(.active), .evolution-tab:not(.active), .week-day:not(.done), .heat-cell:not(.on), .record-item, .history-item, .insight){ border-color: rgba(255, 255, 255, .065) !important; }body.total-dark :where(.mode-menu, .foco-select-menu){ background: rgba(13, 14, 17, .96) !important; border-color: rgba(255, 255, 255, .08) !important; }body.total-dark :where(.mode-option, .foco-select-button, .foco-select-option, .setting-control, .theme-card:not(.active), .intro-theme-card:not(.active), .mini-control, .set-card-body, .set-field, .set-tools, .session-set-grid .set-field, .proof-thumb, .feed-card, .profile-photo, .log-set-row){ background: #111216 !important; border-color: rgba(255, 255, 255, .05) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important; }body.total-dark :where(.mini-control, .set-field, .set-tools, .session-set-grid .set-field){ border: 1px solid rgba(255, 255, 255, .05); border-radius: 16px; padding: 10px; }body.total-dark :where(.mini-control input, .stepper input, .stepper button, .tiny-button, .set-toggle){ background: #17181d !important; border-color: rgba(255, 255, 255, .055) !important; }body.total-dark .bottom-nav{ background: rgba(26, 27, 30, .62) !important; border-color: rgba(255, 255, 255, .12) !important; backdrop-filter: blur(24px) saturate(140%); }@media (max-width: 900px){.workouts{ grid-template-columns: 1fr 1fr; }}@media (max-width: 680px){.app{ padding: calc(12px + env(safe-area-inset-top)) 12px calc(var(--nav-h) + 22px + env(safe-area-inset-bottom)); } .section-head{ align-items: stretch; flex-direction: column; }.workouts{ grid-template-columns: 1fr; }.session-card{ padding: 14px; }.session-finish-actions{ width: 100%; grid-template-columns: 1fr; }}@media (max-width: 430px){.section-head h2{ font-size: 31px; }}
.app{padding-top:24px}.shell{max-width:920px}.workouts{grid-template-columns:repeat(2,minmax(0,1fr))}.workout-card{min-height:220px}.preview-sets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:25px}.preview-sets>span{border:1px solid #252525;border-radius:8px;display:grid;place-items:center;gap:10px;min-height:95px;font-size:20px}.preview-sets .current{border-color:#0039f5;background:#0039f51a}.preview-sets .checked{color:#2a63ff}.preview-sets small{font-size:12px;color:#a1a1aa}@media(max-width:600px){.workouts{grid-template-columns:1fr}.workout-card{min-height:178px}.app{padding-top:16px}.preview-sets{padding:15px}.preview-sets small{font-size:10px}}
html,body{margin:0;min-height:100%;scrollbar-width:none}body{overflow-x:hidden}*{animation:none!important;transition:none!important;box-sizing:border-box}button,input,textarea,select{pointer-events:none}button{cursor:default!important}.view-target{position:absolute;width:0;height:0;overflow:hidden}.preview-detail{display:none}#detail:target~.preview-home{display:none}#detail:target~.preview-detail{display:block}svg{flex-shrink:0}body{font-family:Inter,"Segoe UI",Arial,sans-serif}a{pointer-events:none}

html::-webkit-scrollbar,body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}