Routine Stack - Workout Manager

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_689":690,"_691":692},"routes/_app.x.$handle.$name",{"_93":92,"_31":43,"_101":83,"_26":51,"_13":14,"_102":-5,"_11":103,"_104":105,"_106":107,"_108":109,"_110":111,"_20":-5,"_112":-5,"_113":-5,"_114":24,"_115":116,"_117":24,"_118":-5,"_119":-5,"_120":121},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",60,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","styles/design-system/themes/cursor/overrides.scss","latestPath","fileId","3348acfe-fad2-11f0-92fd-42dde27851f2","name","overrides.scss","fileType","content","/* ===================================\n Cursor Theme - AI Code Editor Style\n Based on Cursor's light, clean developer tool aesthetic\n Font: System UI, Primary: Dark, Accent: Orange/Coral\n =================================== */\n\n.theme-scope {\n /* ===================================\n Base Theme Override\n =================================== */\n --font-family-sans: -apple-system, \"system-ui\", Inter, Roboto, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\n\n font-family: var(--font-family-sans);\n background-color: #f5f5f0;\n color: #1a1a1a;\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n\n /* ===================================\n Cursor Color Palette\n =================================== */\n\n /* Primary = Dark/Black (main buttons, text) */\n --color-primary: #1a1a1a;\n --color-primary-hover: #333333;\n --color-primary-active: #0a0a0a;\n --color-primary-dark: #000000;\n --color-primary-light: #f5f5f0;\n --color-primary-lighter: #f7f7f2;\n --color-primary-lightest: #fafaf5;\n --color-primary-ring: rgba(26, 26, 26, 0.15);\n\n /* Accent = Orange/Coral (CTAs, highlights) */\n --color-accent: #ff6b4a;\n --color-accent-hover: #ff5530;\n --color-accent-light: #ff8a70;\n\n /* CTA uses the accent color */\n --color-cta: #ff6b4a;\n --color-cta-hover: #ff5530;\n\n /* Text Colors */\n --color-text-primary: #1a1a1a;\n --color-text-secondary: rgba(26, 26, 26, 0.7);\n --color-text-muted: #737373;\n --color-text-neutral: #525252;\n --color-text-neutral-dark: #404040;\n --color-text-on-dark: #ffffff;\n --color-text-on-dark-muted: rgba(255, 255, 255, 0.85);\n\n /* Backgrounds - Light cream theme */\n --color-bg-primary: #f5f5f0;\n --color-bg-secondary: #ffffff;\n --color-bg-muted: #ebebeb;\n --color-bg-light: #fafaf5;\n --color-bg-dark: #1a1a1a;\n --color-bg-hover: #e0e0db;\n --color-bg-card: #ffffff;\n\n /* Borders - Subtle */\n --color-border: #e0e0db;\n --color-border-light: #ebebeb;\n --color-border-tab: #d4d4cf;\n\n /* Semantic Colors */\n --color-success: #22c55e;\n --color-success-light: #dcfce7;\n --color-success-dark: #166534;\n\n --color-warning: #f59e0b;\n --color-warning-light: #fef3c7;\n --color-warning-dark: #92400e;\n\n --color-danger: #ef4444;\n --color-danger-light: #fee2e2;\n --color-danger-dark: #b91c1c;\n\n --color-info: #3b82f6;\n --color-info-light: #dbeafe;\n --color-info-dark: #1e40af;\n\n /* Utility Colors */\n --color-white: #ffffff;\n --color-gray-300: #d4d4d4;\n --color-gray-400: #a3a3a3;\n\n /* ===================================\n Border Radius - Cursor uses moderate rounding\n =================================== */\n --radius-sm: 0.25rem; /* 4px */\n --radius-md: 0.5rem; /* 8px */\n --radius-lg: 0.75rem; /* 12px */\n --radius-xl: 1rem; /* 16px */\n --radius-2xl: 1.25rem; /* 20px */\n --radius-full: 9999px;\n\n /* Component-specific radii */\n --radius-button: 0.5rem; /* 8px */\n --radius-input: 0.5rem; /* 8px */\n --radius-card: 0.75rem; /* 12px */\n --radius-badge: 9999px; /* Pill badges */\n --radius-dropdown: 0.5rem; /* 8px */\n --radius-tab: 0.5rem; /* 8px */\n --radius-toast: 0.75rem; /* 12px */\n\n /* ===================================\n Shadows - Soft and subtle\n =================================== */\n --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\n --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.1);\n --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.12);\n --shadow-2xl: 0 20px 60px rgba(0, 0, 0, 0.15);\n --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);\n --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.1);\n --shadow-toast: 0 8px 32px rgba(0, 0, 0, 0.1);\n\n /* ===================================\n Typography\n =================================== */\n h1, h2, h3, h4, h5, h6,\n .text-h1, .text-h2, .text-h3 {\n font-family: var(--font-family-sans);\n font-weight: 600;\n color: var(--color-text-primary);\n letter-spacing: -0.02em;\n line-height: 1.2;\n }\n\n h1, .text-h1 {\n font-size: 2.5rem;\n font-weight: 600;\n }\n\n h2, .text-h2 {\n font-size: 1.875rem;\n font-weight: 600;\n }\n\n h3, .text-h3 {\n font-size: 1.25rem;\n font-weight: 600;\n }\n\n /* Links - subtle, no underline by default */\n /* Exclude button classes from link styling */\n a:not([class*=\"btn-\"]), .link {\n color: var(--color-text-primary);\n text-decoration: none;\n transition: color 0.2s ease;\n\n &:hover {\n color: var(--color-text-neutral);\n text-decoration: none;\n }\n }\n\n /* ===================================\n Buttons - Cursor Style (NO gradients)\n =================================== */\n .btn-primary {\n background-color: var(--color-primary);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.625rem 1.25rem;\n font-size: 0.9375rem;\n transition: all 0.15s ease;\n\n &:hover {\n background-color: var(--color-primary-hover);\n color: var(--color-text-on-dark);\n }\n\n &:active {\n background-color: var(--color-primary-active);\n color: var(--color-text-on-dark);\n }\n }\n\n .btn-secondary {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.625rem 1.25rem;\n transition: all 0.15s ease;\n\n &:hover {\n background-color: var(--color-bg-muted);\n border-color: var(--color-border-tab);\n }\n }\n\n .btn-tertiary {\n background-color: transparent;\n color: var(--color-text-neutral);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.625rem 1.25rem;\n transition: all 0.15s ease;\n\n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n }\n\n .btn-ghost {\n background-color: transparent;\n color: var(--color-text-muted);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.5rem 1rem;\n transition: all 0.15s ease;\n\n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral);\n }\n }\n\n /* Accent/CTA button (uses orange - NO gradient) */\n .btn-accent, .btn-cta {\n background-color: var(--color-accent);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.625rem 1.25rem;\n font-size: 0.9375rem;\n transition: all 0.15s ease;\n\n &:hover {\n background-color: var(--color-accent-hover);\n color: var(--color-text-on-dark);\n }\n\n &:active {\n color: var(--color-text-on-dark);\n }\n }\n\n .btn-danger {\n background-color: var(--color-danger);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n\n &:hover {\n background-color: var(--color-danger-dark);\n color: var(--color-text-on-dark);\n }\n }\n\n .btn-success {\n background-color: var(--color-success);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n\n &:hover {\n background-color: var(--color-success-dark);\n color: var(--color-text-on-dark);\n }\n }\n\n /* ===================================\n Cards - Clean with subtle borders\n =================================== */\n .card {\n background-color: var(--color-bg-card);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-card);\n transition: all 0.15s ease;\n\n &:hover {\n border-color: var(--color-border-tab);\n }\n }\n\n .card-title {\n font-weight: 600;\n color: var(--color-text-primary);\n font-size: 1.125rem;\n }\n\n /* ===================================\n Forms - Clean inputs\n =================================== */\n input[type=text],\n input[type=email],\n input[type=password],\n input[type=number],\n input[type=url],\n input[type=search],\n input[type=tel],\n textarea,\n .form-input {\n background-color: var(--color-bg-secondary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n padding: 0.625rem 1rem;\n font-family: var(--font-family-sans);\n font-size: 0.9375rem;\n color: var(--color-text-primary);\n transition: all 0.15s ease;\n\n &::placeholder {\n color: var(--color-text-muted);\n }\n\n &:focus {\n border-color: var(--color-primary);\n outline: none;\n box-shadow: 0 0 0 2px var(--color-primary-ring);\n }\n }\n\n select, .form-select {\n background-color: var(--color-bg-secondary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n padding: 0.625rem 1rem;\n font-family: var(--font-family-sans);\n font-size: 0.9375rem;\n color: var(--color-text-primary);\n\n &:focus {\n border-color: var(--color-primary);\n outline: none;\n box-shadow: 0 0 0 2px var(--color-primary-ring);\n }\n }\n\n label, .form-label {\n color: var(--color-text-primary);\n font-weight: 500;\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n /* ===================================\n Badges - Pill style\n =================================== */\n .badge {\n border-radius: var(--radius-badge);\n font-weight: 500;\n font-size: 0.75rem;\n padding: 0.25rem 0.625rem;\n }\n\n .badge-success {\n background-color: var(--color-success-light);\n color: var(--color-success-dark);\n }\n\n .badge-danger {\n background-color: var(--color-danger-light);\n color: var(--color-danger-dark);\n }\n\n .badge-warning {\n background-color: var(--color-warning-light);\n color: var(--color-warning-dark);\n }\n\n .badge-info {\n background-color: var(--color-info-light);\n color: var(--color-info-dark);\n }\n\n .badge-primary {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral);\n }\n\n /* ===================================\n Tabs / Toggle Groups - Pill style\n =================================== */\n .tabs-list,\n .toggle-group {\n background-color: var(--color-bg-secondary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n padding: 0.25rem;\n }\n\n .tab-trigger,\n .toggle-group-item {\n border-radius: var(--radius-md);\n font-weight: 500;\n color: var(--color-text-muted);\n background: transparent;\n border: none;\n padding: 0.5rem 1.25rem;\n transition: all 0.15s ease;\n\n &:hover:not(.active):not([data-state=\"active\"]):not([data-state=\"on\"]) {\n color: var(--color-text-primary);\n }\n\n &.active,\n &[data-state=\"active\"],\n &[data-state=\"on\"] {\n background-color: var(--color-primary);\n color: var(--color-text-on-dark);\n }\n }\n\n /* ===================================\n Dropdowns - Clean\n =================================== */\n .dropdown-menu {\n background-color: var(--color-bg-secondary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-dropdown);\n box-shadow: var(--shadow-dropdown);\n padding: 0.25rem;\n }\n\n .dropdown-item {\n border-radius: var(--radius-md);\n color: var(--color-text-neutral);\n font-weight: 500;\n padding: 0.5rem 0.75rem;\n transition: all 0.15s ease;\n\n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n }\n\n /* ===================================\n Alerts/Callouts\n =================================== */\n .alert, .callout {\n border-radius: var(--radius-lg);\n padding: 1rem 1.25rem;\n border: 1px solid;\n }\n\n .alert-success, .callout-success {\n background-color: var(--color-success-light);\n border-color: var(--color-success);\n color: var(--color-success-dark);\n }\n\n .alert-danger, .callout-danger, .alert-destructive {\n background-color: var(--color-danger-light);\n border-color: var(--color-danger);\n color: var(--color-danger-dark);\n }\n\n .alert-warning, .callout-warning {\n background-color: var(--color-warning-light);\n border-color: var(--color-warning);\n color: var(--color-warning-dark);\n }\n\n .alert-info, .callout-info {\n background-color: var(--color-info-light);\n border-color: var(--color-info);\n color: var(--color-info-dark);\n }\n\n /* ===================================\n Toast\n =================================== */\n .toast {\n background-color: var(--color-bg-secondary);\n border-radius: var(--radius-toast);\n box-shadow: var(--shadow-toast);\n border: 1px solid var(--color-border);\n }\n\n /* ===================================\n Avatars\n =================================== */\n .avatar {\n border-radius: var(--radius-full);\n border: 2px solid var(--color-bg-primary);\n box-shadow: var(--shadow-sm);\n }\n\n /* ===================================\n Tables\n =================================== */\n table {\n border-radius: var(--radius-lg);\n overflow: hidden;\n border: 1px solid var(--color-border);\n }\n\n th {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n font-weight: 600;\n border-bottom: 1px solid var(--color-border);\n }\n\n td {\n border-bottom: 1px solid var(--color-border);\n }\n\n tr:last-child td {\n border-bottom: none;\n }\n\n /* ===================================\n Accordions\n =================================== */\n .accordion-group {\n border-radius: var(--radius-lg);\n overflow: hidden;\n }\n\n .accordion-item {\n border-bottom: 1px solid var(--color-border);\n\n &:last-child {\n border-bottom: none;\n }\n }\n\n .accordion-button {\n font-weight: 500;\n color: var(--color-text-primary);\n padding: 1rem 0;\n background: transparent;\n\n &:hover {\n color: var(--color-text-neutral);\n }\n }\n\n .accordion-content {\n color: var(--color-text-secondary);\n }\n\n /* ===================================\n Utility Classes\n =================================== */\n .text-accent { color: var(--color-accent); }\n .text-primary { color: var(--color-text-primary); }\n .text-muted { color: var(--color-text-muted); }\n .text-on-dark { color: var(--color-text-on-dark); }\n\n .bg-muted { background-color: var(--color-bg-muted); }\n .bg-secondary { background-color: var(--color-bg-secondary); }\n .bg-dark {\n background-color: var(--color-bg-dark);\n color: var(--color-text-on-dark);\n }\n\n .border-accent { border-color: var(--color-accent); }\n}\n","createdAt",["D",1769444115875],"branchVersion","branchId","c448668a-fa88-11f0-aa5d-42dde27851f2","id","c447c540-fa88-11f0-aa5d-42dde27851f2","routine-stack",["D",1769412576396],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","8319defa-6e1a-46d4-ba66-2114ffd3360b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_93":92,"_100":96},"org",{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":24},"branch",{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"isOwned",463,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","yawnxyz","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_31":43,"_36":685,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":686,"_77":687,"_79":688,"_81":24},"tree",[240,241,243,244,245,247,248,251,253,275,296,297,298,299],"files",[240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299],"counts",{"_230":59,"_231":203,"_232":59,"_233":234,"_235":236},"contents",[122,123,124,125,126,127,128,129,130,131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":224,"_31":225,"_29":226,"_139":-5,"_39":40,"_38":227,"_141":142,"_36":228,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":229},{"_41":218,"_31":219,"_29":220,"_139":-5,"_39":40,"_38":221,"_141":142,"_36":222,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":223},{"_41":212,"_31":213,"_29":214,"_139":-5,"_39":40,"_38":215,"_141":142,"_36":216,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":217},{"_41":206,"_31":207,"_29":208,"_139":-5,"_39":40,"_38":209,"_141":142,"_36":210,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":211},{"_41":200,"_31":201,"_29":202,"_139":-5,"_39":40,"_38":203,"_141":142,"_36":204,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":205},{"_41":194,"_31":195,"_29":196,"_139":-5,"_39":40,"_38":197,"_141":142,"_36":198,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":199},{"_41":188,"_31":189,"_29":190,"_139":-5,"_39":40,"_38":191,"_141":142,"_36":192,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":193},{"_41":182,"_31":183,"_29":184,"_139":-5,"_39":40,"_38":185,"_141":142,"_36":186,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":187},{"_41":176,"_31":177,"_29":178,"_139":-5,"_39":40,"_38":179,"_141":142,"_36":180,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":181},{"_41":169,"_31":170,"_29":171,"_139":-5,"_39":40,"_38":172,"_141":142,"_36":173,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_26":175},{"_41":162,"_31":163,"_29":164,"_139":-5,"_39":40,"_38":165,"_141":142,"_36":166,"_13":59,"_33":20,"_34":167,"_23":24,"_145":-5,"_26":168},{"_41":155,"_31":156,"_29":157,"_139":-5,"_39":40,"_38":158,"_141":142,"_36":159,"_13":59,"_33":20,"_34":160,"_23":24,"_145":-5,"_26":161},{"_41":147,"_31":148,"_29":149,"_139":-5,"_39":40,"_38":150,"_141":142,"_36":151,"_13":59,"_33":152,"_34":153,"_23":24,"_145":-5,"_26":154},{"_41":136,"_31":137,"_29":138,"_139":-5,"_39":40,"_38":140,"_141":142,"_36":143,"_13":59,"_33":20,"_34":144,"_23":24,"_145":-5,"_26":146},"32f412fc-fad2-11f0-a4d3-42dde27851f2","tasks.md","32f413c4-fad2-11f0-a4d3-42dde27851f2","parentId",49,"latest",true,["D",1769444115317],"# Workout Stack Tasks\n\n## Current Sprint (Complete)\n- [x] Design simplified schema (Routine → Workout → Set)\n- [x] Implement schemas-v2.ts\n- [x] Create example workouts (8 files: gym, barre, cardio)\n- [x] Create routine definitions (5 routines)\n- [x] Build CLI with generate/list/load commands\n- [x] Add deno tasks for testing (22 tasks)\n- [x] Implement save/load system with references\n- [x] Integrate progressions (6 RRR progressions)\n- [x] Validate and tag all 311 exercises\n\n## Progressions (Done)\n\n**6 Reddit RRR Progressions:**\n| Progression | Levels (easy → hard) |\n|-------------|----------------------|\n| push-up | wall → incline → knee → push-up → diamond |\n| pull-up | scapular-pull → arch-hang → negative → assisted → pull-up |\n| squat | assisted → bodyweight → split → bulgarian → pistol |\n| hinge | romanian-deadlift → single-leg-deadlift → banded-nordic → nordic-curl |\n| row | incline → horizontal → wide |\n| dip | support-hold → negative → assisted → dip |\n\n**MVP (done):**\n- [x] Progression files exist in `progressions/`\n- [x] Add `progression` as criteria option in generator\n- [x] Random exercise selection from progression chain\n- [x] Example workout: `rrr-progressions` (`deno task wod:gym:rrr`)\n\n**Usage in workouts:**\n```json\n{\n \"exercises\": [\n { \"criteria\": { \"progression\": \"push-up-progression\" }, \"reps\": \"5-8\" },\n { \"criteria\": { \"progression\": \"row-progression\" }, \"reps\": \"5-8\" }\n ]\n}\n```\n\n## [[future]] User Progression Tracking\n- Add `saved/profile.json` for user's current levels:\n ```json\n {\n \"progressions\": {\n \"push-up-progression\": 3, // currently at push-up (index 3)\n \"pull-up-progression\": 2 // currently at negative-pull-up\n }\n }\n ```\n- Generator picks user's current level instead of random\n- Commands to manage:\n - `deno task wod:progress` - Show current levels\n - `deno task wod:progress push-up-progression 3` - Set level\n - `deno task wod:progress --up push-up-progression` - Level up\n- Auto-suggest level-up after X successful sessions\n\n## [[future]] Web UI\n- Update main.ts to use new workout/routine structure\n- Simplify the Discover/Workouts/Exercises tabs\n- Add routine-first navigation\n\n## [[future]] Agentic Chatbot\n- Natural language workout requests\n- \"Give me a 15-minute barre focusing on glutes\"\n- Generate new exercises and save to catalogue\n- Personalized workout recommendations\n\n## [[future]] Challenge Circuits\n- Migrate 100-workout challenge circuit into new workout/routine system\n- Migrate 110-workout challenge circuit into new workout/routine system\n- Add CLI support: `deno task wod:challenge:100` and `deno task wod:challenge:110`\n- Each challenge as a routine with proper workout definitions\n\n## [[future]] Superset Enhancements\n- Full superset/pair/triplet support in CLI output\n- Rest timing between superset exercises\n- Giant set formatting\n\n## Notes\n- exercises/ folder contains 311 properly tagged exercises\n- All exercises validated: required fields (tags, muscles, equipment, difficulty)\n- RRR progression exercises tagged with `rrr`\n- Barre exercises tagged with position tags (floor/standing)\n","label",[137],"3278b95e-fad2-11f0-909e-42dde27851f2","main.ts","3278ba12-fad2-11f0-909e-42dde27851f2",33,["D",1769444114524],"script","import { Hono } from \"hono\";\n\nconst app = new Hono();\n\n// Helper to read JSON files\nasync function readJson(path: string) {\n try {\n const text = await Deno.readTextFile(new URL(path, import.meta.url));\n return JSON.parse(text);\n } catch {\n return null;\n }\n}\n\n// API Routes for JSON data\napp.get(\"/api/routines/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const data = await readJson(`./routines/${id}.json`);\n if (!data) return c.json({ error: \"Not found\" }, 404);\n return c.json(data);\n});\n\napp.get(\"/api/workouts/*\", async (c) => {\n const path = c.req.path.replace(\"/api/workouts/\", \"\");\n const data = await readJson(`./workouts/${path}`);\n if (!data) return c.json({ error: \"Not found\" }, 404);\n return c.json(data);\n});\n\napp.get(\"/api/saved/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const data = await readJson(`./saved/${id}.json`);\n if (!data) return c.json({ error: \"Not found\" }, 404);\n return c.json(data);\n});\n\napp.get(\"/api/exercises\", async (c) => {\n const data = await readJson(\"./static/exercises.json\");\n if (!data) return c.json({ error: \"Not found\" }, 404);\n return c.json(data);\n});\n\n// Serve static images\napp.get(\"/static/images/*\", async (c) => {\n const path = c.req.path.replace(\"/static/\", \"./static/\");\n try {\n const file = await Deno.readFile(new URL(path, import.meta.url));\n const ext = path.split(\".\").pop()?.toLowerCase();\n const contentType = ext === \"png\" ? \"image/png\" : ext === \"jpg\" || ext === \"jpeg\" ? \"image/jpeg\" : \"application/octet-stream\";\n return new Response(file, { headers: { \"Content-Type\": contentType } });\n } catch {\n return c.text(\"Not found\", 404);\n }\n});\n\n// Main page\napp.get(\"/\", async (c) => {\n const css = await Deno.readTextFile(new URL(\"./styles.css\", import.meta.url)).catch(() => \"\");\n const generatorJs = await Deno.readTextFile(new URL(\"./static/generator.js\", import.meta.url)).catch(() => \"\");\n\n return c.html(renderPage(css, generatorJs));\n});\n\nfunction renderPage(css: string, generatorJs: string) {\n return `\n\n\n \n \n Routine Stack - Workout Manager\n \n \n\n\n\n

\n \n \n

\n \n

\n\n \n\n

\n \n\n

\n \n\n \n\n \n

\n\n\n\n\n\n\n\n`;\n}\n\n// Start server for local dev, export fetch for Val Town\nif (typeof Deno !== \"undefined\" && !Deno.env?.get?.(\"valtown\")) {\n const port = parseInt(Deno.env?.get?.(\"PORT\") || \"8000\");\n console.log(`🏋️ Routine Stack running at http://localhost:${port}`);\n Deno.serve({ port }, app.fetch);\n}\n\nexport default (typeof Deno !== \"undefined\" && Deno.env?.get?.(\"valtown\")) ? app.fetch : app;\n",[148],"3264a5d6-fad2-11f0-a4d3-42dde27851f2","index.html","3264a676-fad2-11f0-a4d3-42dde27851f2",30,["D",1769444114390],"\n\n\n \n \n Routine Stack - Workout Manager\n\n \n \n\n \n\n \n \n\n \n \n\n\n\n

\n \n \n

\n \n

\n\n \n

\n \n\n

\n \n \n\n \n \n\n \n \n

\n \n\n\n\n\n\n\n\n\n\n",[156],"32ef0b5e-fad2-11f0-92fd-42dde27851f2","deno.json","32ef0c08-fad2-11f0-92fd-42dde27851f2",48,["D",1769444115290],"{\n \"name\": \"@prague/routine-stack\",\n \"version\": \"1.0.0\",\n \"exports\": \"./main.ts\",\n \"tasks\": {\n \"dev\": \"PORT=8010 deno run --allow-read --allow-env --allow-write --allow-net --watch main.ts\",\n \"serve\": \"PORT=8010 deno run --allow-read --allow-env --allow-write --allow-net --reload=https://esm.town main.ts\",\n \"build:styles\": \"cd styles && deno run --allow-read --allow-write --allow-env --allow-import --allow-sys build.ts\",\n \"build:exercises\": \"deno run -A scripts/build-exercises.ts\",\n \"build\": \"deno task build:styles && deno task build:exercises\",\n \"kill:8010\": \"sh -c 'PID=$(lsof -ti:8010 2>/dev/null); [ -n \\\"$PID\\\" ] && kill -9 $PID || true'\",\n \"wod\": \"deno run -A src/cli/mod.ts\",\n \"wod:list\": \"deno run -A src/cli/mod.ts list routines\",\n \"wod:workouts\": \"deno run -A src/cli/mod.ts list workouts\",\n \"wod:saved\": \"deno run -A src/cli/mod.ts load\",\n \"wod:load\": \"deno run -A src/cli/mod.ts load\",\n \"wod:gen\": \"deno run -A src/cli/mod.ts generate\",\n \"wod:barre\": \"deno run -A src/cli/mod.ts generate --routine=barre\",\n \"wod:morning\": \"deno run -A src/cli/mod.ts generate --routine=morning\",\n \"wod:yoga\": \"deno run -A src/cli/mod.ts generate --routine=yoga\",\n \"wod:gym\": \"deno run -A src/cli/mod.ts generate --routine=gym\",\n \"wod:gym:4x4\": \"deno run -A src/cli/mod.ts generate --workout=4x4x3-block\",\n \"wod:gym:machines\": \"deno run -A src/cli/mod.ts generate --workout=machine-circuit\",\n \"wod:gym:apartment\": \"deno run -A src/cli/mod.ts generate --workout=apartment-gym\",\n \"wod:gym:squat\": \"deno run -A src/cli/mod.ts generate --workout=squat-rack-session\",\n \"wod:gym:rrr\": \"deno run -A src/cli/mod.ts generate --workout=rrr-progressions\",\n \"wod:cardio\": \"deno run -A src/cli/mod.ts generate --routine=cardio\",\n \"wod:cardio:running\": \"deno run -A src/cli/mod.ts generate --workout=fartlek-30\",\n \"wod:cardio:rowing\": \"deno run -A src/cli/mod.ts generate --workout=erg-intervals\",\n \"wod:aj\": \"deno run -A src/cli/mod.ts generate --routine=action-jacqueline\",\n \"wod:random\": \"deno run -A src/cli/mod.ts generate --routine=gym --random\"\n },\n \"imports\": {\n \"hono\": \"https://deno.land/x/hono@v3.11.7/mod.ts\",\n \"zod\": \"npm:zod@^3\",\n \"@std/fs\": \"jsr:@std/fs@^1\",\n \"npm:sass\": \"npm:sass@^1.69.0\",\n \"npm:postcss\": \"npm:postcss@^8.4.31\",\n \"npm:tailwindcss\": \"npm:tailwindcss@^3.3.5\",\n \"npm:autoprefixer\": \"npm:autoprefixer@^10.4.16\"\n },\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ],\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n",[163],"2f7164b8-fad2-11f0-be3e-42dde27851f2","workouts","2f716562-fad2-11f0-be3e-42dde27851f2",3,["D",1769444109446],"directory",[170],"2f98a5e6-fad2-11f0-994c-42dde27851f2","styles","2f98a6c2-fad2-11f0-994c-42dde27851f2",4,["D",1769444109702],[177],"2ff760a4-fad2-11f0-860a-42dde27851f2","static","2ff76180-fad2-11f0-860a-42dde27851f2",7,["D",1769444110321],[183],"3050c7d4-fad2-11f0-be3e-42dde27851f2","src","3050c874-fad2-11f0-be3e-42dde27851f2",10,["D",1769444110911],[189],"301516bc-fad2-11f0-92fd-42dde27851f2","scripts","3015178e-fad2-11f0-92fd-42dde27851f2",8,["D",1769444110519],[195],"2f432120-fad2-11f0-be3e-42dde27851f2","saved","2f4321d4-fad2-11f0-be3e-42dde27851f2",1,["D",1769444109141],[201],"2fb66360-fad2-11f0-be3e-42dde27851f2","routines","2fb66414-fad2-11f0-be3e-42dde27851f2",5,["D",1769444109899],[207],"30357d94-fad2-11f0-884e-42dde27851f2","progressions","30357e52-fad2-11f0-884e-42dde27851f2",9,["D",1769444110720],[213],"2f5cce90-fad2-11f0-b38d-42dde27851f2","plans","2f5ccf44-fad2-11f0-b38d-42dde27851f2",2,["D",1769444109308],[219],"2fd511de-fad2-11f0-999a-42dde27851f2","exercises","2fd5127e-fad2-11f0-999a-42dde27851f2",6,["D",1769444110067],[225],"pulls","branches","forks","envVars",{"_237":59,"_239":59},"connections",{"_237":59,"_238":59},"count","unfilledCount","emptyCount",{"_41":224,"_31":225,"_29":226,"_139":-5,"_39":40,"_38":227,"_141":142,"_36":682,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":683,"_26":684},{"_41":218,"_31":219,"_29":220,"_139":-5,"_39":40,"_38":221,"_141":142,"_36":679,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":680,"_26":681},{"_41":671,"_31":672,"_29":673,"_139":220,"_39":40,"_38":674,"_141":142,"_36":675,"_13":59,"_33":20,"_34":676,"_23":24,"_145":-5,"_301":677,"_26":678},{"_41":212,"_31":213,"_29":214,"_139":-5,"_39":40,"_38":215,"_141":142,"_36":668,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":669,"_26":670},{"_41":206,"_31":207,"_29":208,"_139":-5,"_39":40,"_38":209,"_141":142,"_36":665,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":666,"_26":667},{"_41":200,"_31":201,"_29":202,"_139":-5,"_39":40,"_38":203,"_141":142,"_36":662,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":663,"_26":664},{"_41":654,"_31":655,"_29":656,"_139":202,"_39":40,"_38":657,"_141":142,"_36":658,"_13":59,"_33":20,"_34":659,"_23":24,"_145":-5,"_301":660,"_26":661},{"_41":194,"_31":195,"_29":196,"_139":-5,"_39":40,"_38":197,"_141":142,"_36":651,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":652,"_26":653},{"_41":188,"_31":189,"_29":190,"_139":-5,"_39":40,"_38":191,"_141":142,"_36":648,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":649,"_26":650},{"_41":643,"_31":642,"_29":637,"_139":190,"_39":40,"_38":644,"_141":142,"_36":645,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":646,"_26":647},{"_41":634,"_31":635,"_29":636,"_139":637,"_39":40,"_38":638,"_141":142,"_36":639,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":640,"_26":641},{"_41":182,"_31":183,"_29":184,"_139":-5,"_39":40,"_38":185,"_141":142,"_36":631,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":632,"_26":633},{"_41":624,"_31":625,"_29":626,"_139":184,"_39":40,"_38":627,"_141":142,"_36":628,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":629,"_26":630},{"_41":176,"_31":177,"_29":178,"_139":-5,"_39":40,"_38":179,"_141":142,"_36":621,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":622,"_26":623},{"_41":616,"_31":496,"_29":490,"_139":178,"_39":40,"_38":617,"_141":142,"_36":618,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":619,"_26":620},{"_41":611,"_31":550,"_29":545,"_139":490,"_39":40,"_38":612,"_141":142,"_36":613,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":614,"_26":615},{"_41":606,"_31":605,"_29":599,"_139":545,"_39":40,"_38":607,"_141":142,"_36":608,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":609,"_26":610},{"_41":597,"_31":32,"_29":598,"_139":599,"_39":40,"_38":600,"_141":142,"_36":601,"_13":59,"_33":20,"_34":602,"_23":24,"_145":-5,"_301":603,"_26":604},{"_41":592,"_31":591,"_29":587,"_139":545,"_39":40,"_38":593,"_141":142,"_36":594,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":595,"_26":596},{"_41":586,"_31":32,"_29":30,"_139":587,"_39":40,"_38":14,"_141":142,"_36":588,"_13":59,"_33":20,"_34":35,"_23":24,"_145":-5,"_301":589,"_26":590},{"_41":579,"_31":580,"_29":581,"_139":545,"_39":40,"_38":582,"_141":142,"_36":583,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":584,"_26":585},{"_41":572,"_31":573,"_29":574,"_139":545,"_39":40,"_38":575,"_141":142,"_36":576,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":577,"_26":578},{"_41":567,"_31":566,"_29":560,"_139":545,"_39":40,"_38":568,"_141":142,"_36":569,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":570,"_26":571},{"_41":558,"_31":32,"_29":559,"_139":560,"_39":40,"_38":561,"_141":142,"_36":562,"_13":59,"_33":20,"_34":563,"_23":24,"_145":-5,"_301":564,"_26":565},{"_41":551,"_31":552,"_29":553,"_139":545,"_39":40,"_38":554,"_141":142,"_36":555,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":556,"_26":557},{"_41":542,"_31":543,"_29":544,"_139":545,"_39":40,"_38":546,"_141":142,"_36":547,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":548,"_26":549},{"_41":535,"_31":536,"_29":537,"_139":490,"_39":40,"_38":538,"_141":142,"_36":539,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":540,"_26":541},{"_41":527,"_31":528,"_29":529,"_139":490,"_39":40,"_38":530,"_141":142,"_36":531,"_13":59,"_33":152,"_34":532,"_23":24,"_145":-5,"_301":533,"_26":534},{"_41":520,"_31":163,"_29":521,"_139":490,"_39":40,"_38":522,"_141":142,"_36":523,"_13":59,"_33":20,"_34":524,"_23":24,"_145":-5,"_301":525,"_26":526},{"_41":512,"_31":513,"_29":514,"_139":490,"_39":40,"_38":515,"_141":142,"_36":516,"_13":59,"_33":20,"_34":517,"_23":24,"_145":-5,"_301":518,"_26":519},{"_41":505,"_31":472,"_29":506,"_139":490,"_39":40,"_38":507,"_141":142,"_36":508,"_13":59,"_33":152,"_34":509,"_23":24,"_145":-5,"_301":510,"_26":511},{"_41":497,"_31":498,"_29":499,"_139":490,"_39":40,"_38":500,"_141":142,"_36":501,"_13":59,"_33":20,"_34":502,"_23":24,"_145":-5,"_301":503,"_26":504},{"_41":487,"_31":488,"_29":489,"_139":490,"_39":40,"_38":491,"_141":142,"_36":492,"_13":59,"_33":20,"_34":493,"_23":24,"_145":-5,"_301":494,"_26":495},{"_41":479,"_31":480,"_29":481,"_139":178,"_39":40,"_38":482,"_141":142,"_36":483,"_13":59,"_33":152,"_34":484,"_23":24,"_145":-5,"_301":485,"_26":486},{"_41":471,"_31":472,"_29":473,"_139":178,"_39":40,"_38":474,"_141":142,"_36":475,"_13":59,"_33":152,"_34":476,"_23":24,"_145":-5,"_301":477,"_26":478},{"_41":169,"_31":170,"_29":171,"_139":-5,"_39":40,"_38":172,"_141":142,"_36":468,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":469,"_26":470},{"_41":463,"_31":438,"_29":432,"_139":171,"_39":40,"_38":464,"_141":142,"_36":465,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":466,"_26":467},{"_41":455,"_31":456,"_29":457,"_139":432,"_39":40,"_38":458,"_141":142,"_36":459,"_13":59,"_33":20,"_34":460,"_23":24,"_145":-5,"_301":461,"_26":462},{"_41":447,"_31":448,"_29":449,"_139":432,"_39":40,"_38":450,"_141":142,"_36":451,"_13":59,"_33":20,"_34":452,"_23":24,"_145":-5,"_301":453,"_26":454},{"_41":439,"_31":440,"_29":441,"_139":432,"_39":40,"_38":442,"_141":142,"_36":443,"_13":59,"_33":20,"_34":444,"_23":24,"_145":-5,"_301":445,"_26":446},{"_41":429,"_31":430,"_29":431,"_139":432,"_39":40,"_38":433,"_141":142,"_36":434,"_13":59,"_33":20,"_34":435,"_23":24,"_145":-5,"_301":436,"_26":437},{"_41":424,"_31":415,"_29":409,"_139":171,"_39":40,"_38":425,"_141":142,"_36":426,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":427,"_26":428},{"_41":416,"_31":417,"_29":418,"_139":409,"_39":40,"_38":419,"_141":142,"_36":420,"_13":59,"_33":20,"_34":421,"_23":24,"_145":-5,"_301":422,"_26":423},{"_41":406,"_31":407,"_29":408,"_139":409,"_39":40,"_38":410,"_141":142,"_36":411,"_13":59,"_33":20,"_34":412,"_23":24,"_145":-5,"_301":413,"_26":414},{"_41":401,"_31":368,"_29":362,"_139":171,"_39":40,"_38":402,"_141":142,"_36":403,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":404,"_26":405},{"_41":393,"_31":394,"_29":395,"_139":362,"_39":40,"_38":396,"_141":142,"_36":397,"_13":59,"_33":20,"_34":398,"_23":24,"_145":-5,"_301":399,"_26":400},{"_41":385,"_31":386,"_29":387,"_139":362,"_39":40,"_38":388,"_141":142,"_36":389,"_13":59,"_33":20,"_34":390,"_23":24,"_145":-5,"_301":391,"_26":392},{"_41":377,"_31":378,"_29":379,"_139":362,"_39":40,"_38":380,"_141":142,"_36":381,"_13":59,"_33":20,"_34":382,"_23":24,"_145":-5,"_301":383,"_26":384},{"_41":369,"_31":370,"_29":371,"_139":362,"_39":40,"_38":372,"_141":142,"_36":373,"_13":59,"_33":20,"_34":374,"_23":24,"_145":-5,"_301":375,"_26":376},{"_41":359,"_31":360,"_29":361,"_139":362,"_39":40,"_38":363,"_141":142,"_36":364,"_13":59,"_33":20,"_34":365,"_23":24,"_145":-5,"_301":366,"_26":367},{"_41":354,"_31":353,"_29":347,"_139":171,"_39":40,"_38":355,"_141":142,"_36":356,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":357,"_26":358},{"_41":344,"_31":345,"_29":346,"_139":347,"_39":40,"_38":348,"_141":142,"_36":349,"_13":59,"_33":20,"_34":350,"_23":24,"_145":-5,"_301":351,"_26":352},{"_41":339,"_31":338,"_29":332,"_139":171,"_39":40,"_38":340,"_141":142,"_36":341,"_13":59,"_33":174,"_34":-5,"_23":24,"_145":-5,"_301":342,"_26":343},{"_41":329,"_31":330,"_29":331,"_139":332,"_39":40,"_38":333,"_141":142,"_36":334,"_13":59,"_33":20,"_34":335,"_23":24,"_145":-5,"_301":336,"_26":337},{"_41":321,"_31":322,"_29":323,"_139":171,"_39":40,"_38":324,"_141":142,"_36":325,"_13":59,"_33":20,"_34":326,"_23":24,"_145":-5,"_301":327,"_26":328},{"_41":313,"_31":314,"_29":315,"_139":171,"_39":40,"_38":316,"_141":142,"_36":317,"_13":59,"_33":20,"_34":318,"_23":24,"_145":-5,"_301":319,"_26":320},{"_41":162,"_31":163,"_29":164,"_139":-5,"_39":40,"_38":165,"_141":142,"_36":310,"_13":59,"_33":20,"_34":167,"_23":24,"_145":-5,"_301":311,"_26":312},{"_41":155,"_31":156,"_29":157,"_139":-5,"_39":40,"_38":158,"_141":142,"_36":307,"_13":59,"_33":20,"_34":160,"_23":24,"_145":-5,"_301":308,"_26":309},{"_41":147,"_31":148,"_29":149,"_139":-5,"_39":40,"_38":150,"_141":142,"_36":304,"_13":59,"_33":152,"_34":153,"_23":24,"_145":-5,"_301":305,"_26":306},{"_41":136,"_31":137,"_29":138,"_139":-5,"_39":40,"_38":140,"_141":142,"_36":300,"_13":59,"_33":20,"_34":144,"_23":24,"_145":-5,"_301":302,"_26":303},["D",1769444115317],"children",[],[137],["D",1769444114524],[],[148],["D",1769444114390],[],[156],["D",1769444115290],[],[163],"328c89e8-fad2-11f0-92fd-42dde27851f2","push-day.json","328c8a9c-fad2-11f0-92fd-42dde27851f2",35,["D",1769444114622],"{\n \"id\": \"push-day\",\n \"name\": \"Push Day\",\n \"duration\": 45,\n \"tags\": [\"push\", \"upper-body\", \"strength\"],\n \"exercises\": [\n { \"exerciseId\": \"bench-press\", \"sets\": 4, \"reps\": 8, \"rest\": 90 },\n { \"exerciseId\": \"overhead-press\", \"sets\": 3, \"reps\": 10, \"rest\": 60 },\n { \"exerciseId\": \"push-up\", \"sets\": 3, \"reps\": 15, \"rest\": 45 }\n ]\n}\n",[],[170,314],"32ded932-fad2-11f0-89f3-42dde27851f2","100-reps-barre-leg-challenge.json","32ded9fa-fad2-11f0-89f3-42dde27851f2",45,["D",1769444115183],"{\n \"id\": \"100-reps-barre-leg-challenge\",\n \"name\": \"100-Reps Barre Sculpted Leg Challenge\",\n \"tags\": [\"barre\", \"legs\", \"challenge\", \"30-day\", \"glutes\"],\n \"exercises\": [\n { \"exerciseId\": \"barre-glute-kickback\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-releve-passe\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-clamshell\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-standing-arabesque\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-first-position-plie\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-leg-circles\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-wide-plie-pulse\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-all-fours-side-kick\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-side-lying-leg-lift\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-stability-ball-pulse\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-single-leg-deadlift\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-fire-hydrant\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-plie-releve\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-bridge-single-leg\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-grand-plie-passe\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-prone-glute-lift\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-donkey-kick\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-wide-plie-lift\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-pretzel-lift\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-attitude-position\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-donkey-kick-pulse\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-plie-jump\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-standing-abduction\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-starfish-lift\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-bent-leg-side-lift\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-squat-jump\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-superman\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-scissor-kick\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-bridge-tendu\", \"sets\": 1, \"reps\": 100 },\n { \"exerciseId\": \"barre-rond-de-jambe\", \"sets\": 1, \"reps\": 100 }\n ]\n}\n",[],[170,322],"326b445e-fad2-11f0-879f-42dde27851f2","gentle-flow.json","326b4526-fad2-11f0-879f-42dde27851f2","308c3c2e-fad2-11f0-92fd-42dde27851f2",31,["D",1769444114403],"{\n \"id\": \"gentle-yoga-flow\",\n \"name\": \"Gentle Yoga Flow\",\n \"description\": \"Simple yoga sequence for flexibility and relaxation\",\n \"routineId\": \"yoga\",\n \"tags\": [\"yoga\", \"stretch\", \"relaxation\", \"flexibility\"],\n \"estimatedDuration\": 15,\n \"equipment\": [\"mat\"],\n \"sets\": [\n {\n \"id\": \"grounding\",\n \"name\": \"Grounding\",\n \"type\": \"exercises\",\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"types\": [\"yoga\"], \"tags\": [\"floor\"] }, \"duration\": 60, \"notes\": \"focus on breath\" },\n { \"criteria\": { \"types\": [\"yoga\"], \"tags\": [\"floor\"] }, \"duration\": 90, \"notes\": \"slow, coordinated with breath\" }\n ],\n \"restBetween\": 5,\n \"restAfter\": 15\n },\n {\n \"id\": \"flow\",\n \"name\": \"Flow Sequence\",\n \"type\": \"exercises\",\n \"rounds\": 2,\n \"randomize\": true,\n \"poolSize\": 4,\n \"exercises\": [\n { \"criteria\": { \"types\": [\"yoga\"], \"tags\": [\"standing\"] }, \"duration\": 45 },\n { \"criteria\": { \"types\": [\"yoga\"], \"tags\": [\"standing\"] }, \"duration\": 45 },\n { \"criteria\": { \"types\": [\"yoga\"], \"tags\": [\"floor\"] }, \"duration\": 45 },\n { \"criteria\": { \"types\": [\"yoga\"], \"tags\": [\"floor\"] }, \"duration\": 45 }\n ],\n \"restBetween\": 10,\n \"restAfter\": 30\n },\n {\n \"id\": \"cooldown\",\n \"name\": \"Final Rest\",\n \"type\": \"exercises\",\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"childs-pose\" }, \"duration\": 90 }\n ],\n \"restAfter\": 0\n }\n ],\n \"tips\": [\n \"Move slowly and mindfully\",\n \"Never force a stretch\",\n \"Breathe into tight areas\"\n ]\n}\n",[],[170,338,330],"yoga","308c3b48-fad2-11f0-92fd-42dde27851f2",12,["D",1769444111300],[293],[170,338],"3274d4a6-fad2-11f0-b910-42dde27851f2","wakeup-flow.json","3274d53c-fad2-11f0-b910-42dde27851f2","3067ed1a-fad2-11f0-92fd-42dde27851f2",32,["D",1769444114499],"{\n \"id\": \"morning-wakeup\",\n \"name\": \"Morning Wakeup 4x4x3\",\n \"description\": \"Morning floor workout: 4 blocks of 4 exercises, 3 rounds each. Warmup → Floor Work → Floor Work → Core.\",\n \"routineId\": \"morning\",\n \"tags\": [\"morning\", \"floor\", \"energizing\", \"home\", \"mobility\", \"4x4x3\"],\n \"estimatedDuration\": 25,\n \"equipment\": [\"bodyweight\", \"mat\"],\n \"sets\": [\n {\n \"id\": \"block-1-warmup\",\n \"name\": \"Block 1: Warmup & Mobility\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"poolSize\": 15,\n \"exercises\": [\n { \"criteria\": { \"tags\": [\"breath\", \"breathing\", \"rehab\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45, \"notes\": \"deep belly breaths\" },\n { \"criteria\": { \"tags\": [\"warmup\", \"mobility\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"hip-opener\", \"stretch\"], \"muscles\": [\"hips\", \"hip-flexors\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"warmup\", \"mobility\"], \"types\": [\"yoga\", \"stretch\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 }\n ],\n \"restBetween\": 10,\n \"restAfter\": 60\n },\n {\n \"id\": \"block-2-floor-lower\",\n \"name\": \"Block 2: Floor - Lower Body\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"poolSize\": 15,\n \"exercises\": [\n { \"criteria\": { \"muscles\": [\"glutes\", \"hamstrings\"], \"tags\": [\"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\", \"hip-opener\", \"yoga\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"muscles\": [\"quads\", \"glutes\"], \"tags\": [\"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\", \"hip-opener\", \"yoga\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"muscles\": [\"hips\", \"glutes\"], \"tags\": [\"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\", \"hip-opener\", \"yoga\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"muscles\": [\"hamstrings\", \"glutes\"], \"tags\": [\"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\", \"hip-opener\", \"yoga\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 }\n ],\n \"restBetween\": 15,\n \"restAfter\": 60\n },\n {\n \"id\": \"block-3-floor-mixed\",\n \"name\": \"Block 3: Floor - Full Body\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"poolSize\": 20,\n \"exercises\": [\n { \"criteria\": { \"types\": [\"calisthenics\"], \"tags\": [\"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\", \"hip-opener\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"types\": [\"calisthenics\"], \"tags\": [\"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\", \"hip-opener\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"muscles\": [\"back\", \"shoulders\"], \"tags\": [\"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\", \"hip-opener\", \"yoga\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"muscles\": [\"chest\", \"triceps\"], \"tags\": [\"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\", \"hip-opener\", \"yoga\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 }\n ],\n \"restBetween\": 15,\n \"restAfter\": 60\n },\n {\n \"id\": \"block-4-core\",\n \"name\": \"Block 4: Core Finisher\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"poolSize\": 20,\n \"exercises\": [\n { \"criteria\": { \"tags\": [\"core\", \"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"core\", \"floor\"], \"muscles\": [\"abs\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"core\", \"floor\"], \"muscles\": [\"obliques\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"core\", \"floor\"], \"excludeTags\": [\"warmup\", \"mobility\", \"stretch\"], \"equipment\": [\"bodyweight\", \"mat\"] }, \"duration\": 45 }\n ],\n \"restBetween\": 15,\n \"restAfter\": 0\n }\n ],\n \"tips\": [\n \"Do this on your carpet or mat right when you wake up\",\n \"4 blocks × 4 exercises × 3 rounds = 48 total exercise slots\",\n \"Each block builds on the last: loosen up → activate → work → core\",\n \"Breathe deeply throughout\",\n \"Skip a round if short on time - you'll still get a complete session\"\n ]\n}\n",[],[170,353,345],"morning","3067ec52-fad2-11f0-92fd-42dde27851f2",11,["D",1769444111061],[291],[170,353],"32c0035e-fad2-11f0-aa23-42dde27851f2","squat-rack.json","32c00412-fad2-11f0-aa23-42dde27851f2","30e4db86-fad2-11f0-994c-42dde27851f2",42,["D",1769444114962],"{\n \"id\": \"squat-rack-session\",\n \"name\": \"Squat Rack Power Session\",\n \"description\": \"Comprehensive squat rack workout: compounds first, then accessories. Traditional strength training structure.\",\n \"routineId\": \"gym\",\n \"tags\": [\"gym\", \"strength\", \"squat-rack\", \"barbell\", \"powerlifting\"],\n \"estimatedDuration\": 55,\n \"equipment\": [\"barbell\", \"squat-rack\", \"plates\"],\n \"sets\": [\n {\n \"id\": \"warmup-mobility\",\n \"name\": \"Mobility Prep\",\n \"type\": \"exercises\",\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"tags\": [\"stretch\", \"mobility\"], \"muscles\": [\"hips\", \"hip-flexors\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"stretch\", \"mobility\"], \"muscles\": [\"hips\", \"hip-flexors\"] }, \"duration\": 30, \"notes\": \"each side\" },\n { \"criteria\": { \"tags\": [\"warmup\", \"mobility\"] }, \"duration\": 30 }\n ],\n \"restBetween\": 10,\n \"restAfter\": 60\n },\n {\n \"id\": \"warmup-squat\",\n \"name\": \"Squat Warmup\",\n \"type\": \"exercises\",\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"squat\" }, \"reps\": 10, \"notes\": \"bodyweight - focus on depth\" },\n { \"criteria\": { \"exerciseId\": \"squat\" }, \"reps\": 8, \"notes\": \"empty bar\" },\n { \"criteria\": { \"exerciseId\": \"squat\" }, \"reps\": 5, \"notes\": \"50% working weight\" }\n ],\n \"restBetween\": 60,\n \"restAfter\": 120\n },\n {\n \"id\": \"main-squat\",\n \"name\": \"Back Squat - Main Lift\",\n \"type\": \"exercises\",\n \"rounds\": 5,\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"squat\" }, \"reps\": 5, \"tempo\": \"3-1-1-0\", \"notes\": \"working weight\" }\n ],\n \"restAfter\": 180\n },\n {\n \"id\": \"accessory-1\",\n \"name\": \"Hip Hinge Accessory\",\n \"type\": \"exercises\",\n \"rounds\": 4,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"muscles\": [\"hamstrings\", \"glutes\"], \"equipment\": [\"barbell\"], \"tags\": [\"compound\"] }, \"reps\": \"8-10\", \"tempo\": \"3-0-1-1\" }\n ],\n \"restAfter\": 120\n },\n {\n \"id\": \"accessory-2\",\n \"name\": \"Pressing Accessory\",\n \"type\": \"exercises\",\n \"rounds\": 4,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"muscles\": [\"shoulders\"], \"equipment\": [\"barbell\", \"dumbbell\"] }, \"reps\": \"6-8\" }\n ],\n \"restAfter\": 120\n },\n {\n \"id\": \"accessory-3\",\n \"name\": \"Pulling Accessory\",\n \"type\": \"exercises\",\n \"rounds\": 4,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"muscles\": [\"back\", \"lats\"], \"tags\": [\"row\", \"pull\"] }, \"reps\": \"8-10\" }\n ],\n \"restAfter\": 120\n },\n {\n \"id\": \"finisher\",\n \"name\": \"Core Finisher\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"tags\": [\"core\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 30 },\n { \"criteria\": { \"tags\": [\"core\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 30 }\n ],\n \"restBetween\": 15,\n \"restAfter\": 0\n }\n ],\n \"tips\": [\n \"Main lift: Add 5 lbs each session until you stall (linear progression)\",\n \"Tempo 3-1-1-0: 3s down, 1s pause at bottom, 1s up, no pause at top\",\n \"Brace core HARD before unracking the bar\",\n \"Use safety pins - they're there for a reason\",\n \"If you miss reps, deload 10% and build back up\"\n ]\n}\n",[],[170,368,360],"gym","32bbbb8c-fad2-11f0-b38d-42dde27851f2","rrr-progressions.json","32bbbc40-fad2-11f0-b38d-42dde27851f2",41,["D",1769444114955],"{\n \"id\": \"rrr-progressions\",\n \"name\": \"Reddit RRR Progressions\",\n \"description\": \"Bodyweight strength training using Reddit Recommended Routine progressions\",\n \"routineId\": \"gym\",\n \"tags\": [\"calisthenics\", \"strength\", \"bodyweight\", \"progressions\"],\n \"estimatedDuration\": 45,\n \"equipment\": [\"bodyweight\", \"pull-up-bar\"],\n \"sets\": [\n {\n \"id\": \"warmup\",\n \"name\": \"Dynamic Warmup\",\n \"type\": \"exercises\",\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"arm-circles\" }, \"duration\": 30 },\n { \"criteria\": { \"exerciseId\": \"lateral-squat\" }, \"duration\": 30 },\n { \"criteria\": { \"exerciseId\": \"inchworm-walkout\" }, \"reps\": 5 }\n ],\n \"restBetween\": 10\n },\n {\n \"id\": \"pair-1\",\n \"name\": \"Pair 1: Pull-ups & Squats\",\n \"type\": \"superset\",\n \"rounds\": 3,\n \"exercises\": [\n { \"criteria\": { \"progression\": \"pull-up-progression\" }, \"reps\": \"5-8\" },\n { \"criteria\": { \"progression\": \"squat-progression\" }, \"reps\": \"5-8\" }\n ],\n \"restBetween\": 90,\n \"restAfter\": 90\n },\n {\n \"id\": \"pair-2\",\n \"name\": \"Pair 2: Dips & Rows\",\n \"type\": \"superset\",\n \"rounds\": 3,\n \"exercises\": [\n { \"criteria\": { \"progression\": \"dip-progression\" }, \"reps\": \"5-8\" },\n { \"criteria\": { \"progression\": \"row-progression\" }, \"reps\": \"5-8\" }\n ],\n \"restBetween\": 90,\n \"restAfter\": 90\n },\n {\n \"id\": \"pair-3\",\n \"name\": \"Pair 3: Push-ups & Hinges\",\n \"type\": \"superset\",\n \"rounds\": 3,\n \"exercises\": [\n { \"criteria\": { \"progression\": \"push-up-progression\" }, \"reps\": \"5-8\" },\n { \"criteria\": { \"progression\": \"hinge-progression\" }, \"reps\": \"5-8\" }\n ],\n \"restBetween\": 90\n }\n ],\n \"tips\": [\n \"Rest 90 seconds between exercises in each pair\",\n \"Each pair: do exercise A, rest, do exercise B, rest, repeat 3x\",\n \"Pick the progression level that lets you do 5-8 clean reps\",\n \"When you can do 3x8, move to the next progression level\"\n ]\n}\n",[],[170,368,370],"32d9df86-fad2-11f0-bd00-42dde27851f2","machine-circuit.json","32d9e04e-fad2-11f0-bd00-42dde27851f2",44,["D",1769444115141],"{\n \"id\": \"machine-circuit\",\n \"name\": \"Machine Introduction Circuit\",\n \"description\": \"Full body machine workout - perfect for gym beginners. Each machine isolates specific muscles with guided movement paths.\",\n \"routineId\": \"gym\",\n \"tags\": [\"gym\", \"machines\", \"circuit\", \"full-body\", \"beginner-friendly\"],\n \"creator\": \"Gym Basics\",\n \"estimatedDuration\": 40,\n \"equipment\": [\"machine\", \"cable\"],\n \"sets\": [\n {\n \"id\": \"warmup\",\n \"name\": \"Cardio Warmup\",\n \"type\": \"activity\",\n \"activity\": {\n \"name\": \"Treadmill or Bike\",\n \"duration\": 5,\n \"intensity\": \"light\",\n \"notes\": \"Get blood flowing before hitting the machines\"\n },\n \"restAfter\": 60\n },\n {\n \"id\": \"chest-shoulders\",\n \"name\": \"Chest & Shoulders\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"muscles\": [\"chest\"], \"equipment\": [\"machine\"] }, \"reps\": \"12-15\", \"notes\": \"adjust seat first\" },\n { \"criteria\": { \"muscles\": [\"chest\"], \"equipment\": [\"machine\", \"cable\"] }, \"reps\": \"12-15\", \"notes\": \"squeeze at center\" },\n { \"criteria\": { \"muscles\": [\"shoulders\"], \"equipment\": [\"machine\"] }, \"reps\": \"12-15\" }\n ],\n \"restBetween\": 45,\n \"restAfter\": 90\n },\n {\n \"id\": \"back-arms\",\n \"name\": \"Back & Arms\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"muscles\": [\"lats\", \"back\"], \"equipment\": [\"cable\", \"machine\"] }, \"reps\": \"12-15\", \"notes\": \"pull to upper chest\" },\n { \"criteria\": { \"muscles\": [\"back\"], \"equipment\": [\"cable\", \"machine\"], \"tags\": [\"row\"] }, \"reps\": \"12-15\", \"notes\": \"squeeze shoulder blades\" },\n { \"criteria\": { \"muscles\": [\"biceps\"], \"equipment\": [\"cable\", \"machine\"] }, \"reps\": \"12-15\" },\n { \"criteria\": { \"muscles\": [\"triceps\"], \"equipment\": [\"cable\", \"machine\"] }, \"reps\": \"12-15\" }\n ],\n \"restBetween\": 45,\n \"restAfter\": 90\n },\n {\n \"id\": \"legs\",\n \"name\": \"Legs\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"muscles\": [\"quads\", \"glutes\"], \"equipment\": [\"machine\"] }, \"reps\": \"12-15\", \"notes\": \"don't lock knees\" },\n { \"criteria\": { \"muscles\": [\"quads\"], \"equipment\": [\"machine\"] }, \"reps\": \"12-15\", \"notes\": \"slow negative\" },\n { \"criteria\": { \"muscles\": [\"hamstrings\"], \"equipment\": [\"machine\"] }, \"reps\": \"12-15\" },\n { \"criteria\": { \"muscles\": [\"calves\"], \"equipment\": [\"machine\"] }, \"reps\": \"15-20\" }\n ],\n \"restBetween\": 45,\n \"restAfter\": 90\n },\n {\n \"id\": \"glutes-hips\",\n \"name\": \"Glutes & Hips\",\n \"type\": \"exercises\",\n \"rounds\": 2,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"muscles\": [\"glutes\", \"hips\"], \"equipment\": [\"machine\"] }, \"reps\": \"15-20\", \"notes\": \"outer glutes\" },\n { \"criteria\": { \"muscles\": [\"hips\", \"adductors\"], \"equipment\": [\"machine\"] }, \"reps\": \"15-20\", \"notes\": \"inner thighs\" }\n ],\n \"restBetween\": 30,\n \"restAfter\": 0\n }\n ],\n \"tips\": [\n \"Adjust each machine to fit YOUR body before starting\",\n \"Start light - focus on feeling the muscle work\",\n \"Control the weight both ways - don't let it slam\",\n \"Ask gym staff if unsure about any machine setup\",\n \"Machines are forgiving - great for learning movement patterns\"\n ]\n}\n",[],[170,368,378],"32ea0bc2-fad2-11f0-aec6-42dde27851f2","apartment-gym.json","32ea0c94-fad2-11f0-aec6-42dde27851f2",47,["D",1769444115008],"{\n \"id\": \"apartment-gym\",\n \"name\": \"Apartment Gym Session\",\n \"description\": \"Full body workout for apartment gyms with limited equipment: floor, bench, and Smith machine.\",\n \"routineId\": \"gym\",\n \"tags\": [\"gym\", \"apartment\", \"smith-machine\", \"bench\", \"full-body\"],\n \"estimatedDuration\": 45,\n \"equipment\": [\"smith-machine\", \"bench\", \"dumbbell\", \"bodyweight\"],\n \"sets\": [\n {\n \"id\": \"warmup\",\n \"name\": \"Floor Warmup\",\n \"type\": \"exercises\",\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"tags\": [\"warmup\", \"floor\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 60 },\n { \"criteria\": { \"tags\": [\"warmup\", \"mobility\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"warmup\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 30 }\n ],\n \"restBetween\": 10,\n \"restAfter\": 60\n },\n {\n \"id\": \"smith-lower\",\n \"name\": \"Smith Machine: Lower Body\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"equipment\": [\"smith-machine\"], \"muscles\": [\"quads\", \"glutes\"] }, \"reps\": \"10-12\", \"notes\": \"feet slightly forward\" },\n { \"criteria\": { \"equipment\": [\"smith-machine\"], \"muscles\": [\"quads\", \"glutes\"] }, \"reps\": 10, \"notes\": \"each leg\" },\n { \"criteria\": { \"equipment\": [\"smith-machine\"], \"muscles\": [\"hamstrings\", \"glutes\"] }, \"reps\": \"10-12\" }\n ],\n \"restBetween\": 60,\n \"restAfter\": 120\n },\n {\n \"id\": \"smith-upper\",\n \"name\": \"Smith Machine: Upper Body\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"equipment\": [\"smith-machine\"], \"muscles\": [\"chest\"] }, \"reps\": \"10-12\" },\n { \"criteria\": { \"equipment\": [\"smith-machine\"], \"muscles\": [\"shoulders\"] }, \"reps\": \"10-12\" },\n { \"criteria\": { \"equipment\": [\"smith-machine\"], \"muscles\": [\"back\", \"lats\"] }, \"reps\": \"10-12\" }\n ],\n \"restBetween\": 60,\n \"restAfter\": 120\n },\n {\n \"id\": \"dumbbell-accessories\",\n \"name\": \"Dumbbell Accessories\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"equipment\": [\"dumbbell\"], \"muscles\": [\"biceps\"] }, \"reps\": \"12-15\" },\n { \"criteria\": { \"equipment\": [\"dumbbell\"], \"muscles\": [\"triceps\"] }, \"reps\": \"12-15\" },\n { \"criteria\": { \"equipment\": [\"dumbbell\"], \"muscles\": [\"shoulders\"] }, \"reps\": \"12-15\" }\n ],\n \"restBetween\": 30,\n \"restAfter\": 90\n },\n {\n \"id\": \"floor-core\",\n \"name\": \"Floor Core Finisher\",\n \"type\": \"exercises\",\n \"rounds\": 2,\n \"randomize\": true,\n \"poolSize\": 10,\n \"exercises\": [\n { \"criteria\": { \"tags\": [\"core\", \"floor\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"core\", \"floor\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"core\", \"floor\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 45 }\n ],\n \"restBetween\": 20,\n \"restAfter\": 0\n }\n ],\n \"tips\": [\n \"Smith machine bar weighs 15-25 lbs depending on model\",\n \"Position feet slightly in front of bar for squats\",\n \"Use the safety catches - that's what they're for\",\n \"Great option when you can't make it to a full gym\"\n ]\n}\n",[],[170,368,386],"32e6b774-fad2-11f0-92fd-42dde27851f2","4x4x3-block.json","32e6b832-fad2-11f0-92fd-42dde27851f2",46,["D",1769444115089],"{\n \"id\": \"4x4x3-block\",\n \"name\": \"4x4x3 Floor & Bench\",\n \"description\": \"Classic block training: 4 blocks of 4 exercises, 3 rounds each. Uses dumbbells, kettlebells, and barbells on floor and bench.\",\n \"routineId\": \"gym\",\n \"tags\": [\"gym\", \"strength\", \"block\", \"full-body\", \"free-weights\"],\n \"estimatedDuration\": 55,\n \"equipment\": [\"dumbbell\", \"kettlebell\", \"barbell\", \"bench\"],\n \"sets\": [\n {\n \"id\": \"warmup\",\n \"name\": \"Dynamic Warmup\",\n \"type\": \"exercises\",\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"arm-circles\" }, \"duration\": 30 },\n { \"criteria\": { \"exerciseId\": \"lateral-squat\" }, \"duration\": 45 },\n { \"criteria\": { \"exerciseId\": \"inchworm-walkout\" }, \"reps\": 5 }\n ],\n \"restBetween\": 10,\n \"restAfter\": 60\n },\n {\n \"id\": \"block-1-legs\",\n \"name\": \"Block 1: Legs\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"kettlebell-goblet-squat\" }, \"reps\": \"10-12\" },\n { \"criteria\": { \"exerciseId\": \"deadlift\" }, \"reps\": \"8-10\" },\n { \"criteria\": { \"exerciseId\": \"single-leg-lunge\" }, \"reps\": 10, \"notes\": \"each leg\" },\n { \"criteria\": { \"muscles\": [\"glutes\"], \"equipment\": [\"bodyweight\"], \"tags\": [\"floor\"] }, \"reps\": \"12-15\" }\n ],\n \"restBetween\": 45,\n \"restAfter\": 120\n },\n {\n \"id\": \"block-2-push\",\n \"name\": \"Block 2: Push\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"bench-press\" }, \"reps\": \"8-10\" },\n { \"criteria\": { \"exerciseId\": \"dumbbell-shoulder-press\" }, \"reps\": \"10-12\" },\n { \"criteria\": { \"exerciseId\": \"dumbbell-chest-fly\" }, \"reps\": \"10-12\" },\n { \"criteria\": { \"exerciseId\": \"tricep-extension\" }, \"reps\": \"12-15\" }\n ],\n \"restBetween\": 45,\n \"restAfter\": 120\n },\n {\n \"id\": \"block-3-pull\",\n \"name\": \"Block 3: Pull\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"gorilla-row\" }, \"reps\": \"8-10\", \"notes\": \"each side\" },\n { \"criteria\": { \"exerciseId\": \"renegade-row\" }, \"reps\": \"8-10\", \"notes\": \"each side\" },\n { \"criteria\": { \"exerciseId\": \"bicep-curl\" }, \"reps\": \"10-12\" },\n { \"criteria\": { \"exerciseId\": \"hammer-curl\" }, \"reps\": \"10-12\" }\n ],\n \"restBetween\": 45,\n \"restAfter\": 120\n },\n {\n \"id\": \"block-4-core\",\n \"name\": \"Block 4: Core\",\n \"type\": \"exercises\",\n \"rounds\": 3,\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"dead-bug\" }, \"duration\": 45 },\n { \"criteria\": { \"exerciseId\": \"weighted-crunch\" }, \"reps\": \"15-20\" },\n { \"criteria\": { \"exerciseId\": \"plank-shoulder-taps\" }, \"duration\": 45 },\n { \"criteria\": { \"tags\": [\"core\", \"obliques\"], \"equipment\": [\"bodyweight\"] }, \"duration\": 45 }\n ],\n \"restBetween\": 30,\n \"restAfter\": 0\n }\n ],\n \"tips\": [\n \"Complete all 4 exercises in a block before the 2-minute rest\",\n \"Use challenging weight - last 2 reps should be tough\",\n \"Total: 4 blocks x 4 exercises x 3 rounds = 48 working sets\",\n \"Superset within blocks to save time\"\n ]\n}\n",[],[170,368,394],"30e4dabe-fad2-11f0-994c-42dde27851f2",15,["D",1769444111882],[285,286,287,288,289],[170,368],"3298145c-fad2-11f0-b38d-42dde27851f2","fartlek.json","3298152e-fad2-11f0-b38d-42dde27851f2","30b2484c-fad2-11f0-92fd-42dde27851f2",37,["D",1769444114716],"{\n \"id\": \"fartlek-30\",\n \"name\": \"30-Minute Fartlek Run\",\n \"description\": \"Speed play intervals for outdoor running - mix of fast and recovery paces\",\n \"routineId\": \"cardio\",\n \"tags\": [\"running\", \"cardio\", \"outdoor\", \"intervals\", \"fartlek\"],\n \"estimatedDuration\": 30,\n \"equipment\": [],\n \"sets\": [\n {\n \"id\": \"warmup\",\n \"name\": \"Warmup Jog\",\n \"type\": \"activity\",\n \"activity\": {\n \"name\": \"Easy Jog\",\n \"duration\": 5,\n \"intensity\": \"easy\",\n \"notes\": \"Conversational pace, loosen up\"\n }\n },\n {\n \"id\": \"fartlek-block\",\n \"name\": \"Fartlek Intervals\",\n \"type\": \"activity\",\n \"rounds\": 6,\n \"activity\": {\n \"name\": \"Fast/Recovery\",\n \"duration\": 3,\n \"intensity\": \"intervals\",\n \"notes\": \"1 min hard (80-90% effort), 2 min easy recovery jog\"\n }\n },\n {\n \"id\": \"tempo\",\n \"name\": \"Tempo Section\",\n \"type\": \"activity\",\n \"activity\": {\n \"name\": \"Tempo Run\",\n \"duration\": 4,\n \"intensity\": \"tempo\",\n \"notes\": \"Comfortably hard - can speak in short phrases\"\n }\n },\n {\n \"id\": \"cooldown\",\n \"name\": \"Cooldown\",\n \"type\": \"activity\",\n \"activity\": {\n \"name\": \"Easy Jog to Walk\",\n \"duration\": 3,\n \"intensity\": \"easy\",\n \"notes\": \"Gradually slow to walk, shake out legs\"\n }\n }\n ],\n \"tips\": [\n \"Listen to your body - adjust intensity as needed\",\n \"Use landmarks for interval triggers if preferred\",\n \"Stay hydrated, especially in warm weather\"\n ]\n}\n",[],[170,415,407],"cardio","32933a2c-fad2-11f0-a4d3-42dde27851f2","erg-intervals.json","32933afe-fad2-11f0-a4d3-42dde27851f2",36,["D",1769444114696],"{\n \"id\": \"erg-intervals\",\n \"name\": \"ERG Rowing Intervals\",\n \"description\": \"Rowing machine interval workout for cardio and conditioning\",\n \"routineId\": \"cardio\",\n \"tags\": [\"cardio\", \"rowing\", \"erg\", \"intervals\", \"conditioning\"],\n \"estimatedDuration\": 25,\n \"equipment\": [\"erg\"],\n \"sets\": [\n {\n \"id\": \"warmup\",\n \"name\": \"Warmup Row\",\n \"type\": \"activity\",\n \"activity\": {\n \"name\": \"Easy Row\",\n \"duration\": 5,\n \"intensity\": \"easy\",\n \"notes\": \"20-22 strokes per minute, focus on form\"\n }\n },\n {\n \"id\": \"intervals\",\n \"name\": \"Work Intervals\",\n \"type\": \"activity\",\n \"rounds\": 6,\n \"activity\": {\n \"name\": \"500m Interval\",\n \"distance\": \"500m\",\n \"intensity\": \"hard\",\n \"notes\": \"Target 1:50-2:00 split, then rest equal time\"\n }\n },\n {\n \"id\": \"rest-between\",\n \"name\": \"Recovery\",\n \"type\": \"rest\",\n \"restDuration\": 120\n },\n {\n \"id\": \"cooldown\",\n \"name\": \"Cooldown Row\",\n \"type\": \"activity\",\n \"activity\": {\n \"name\": \"Easy Row\",\n \"duration\": 3,\n \"intensity\": \"easy\",\n \"notes\": \"Gradually decrease pace\"\n }\n }\n ],\n \"tips\": [\n \"Drive with legs first, then lean back, then pull arms\",\n \"Focus on power per stroke, not stroke rate\",\n \"Keep a consistent split time across intervals\"\n ]\n}\n",[],[170,415,417],"30b2477a-fad2-11f0-92fd-42dde27851f2",13,["D",1769444111547],[282,283],[170,415],"32b51f16-fad2-11f0-92fd-42dde27851f2","simple-barre.json","32b51fb6-fad2-11f0-92fd-42dde27851f2","30d17c30-fad2-11f0-92fd-42dde27851f2",40,["D",1769444114901],"{\n \"id\": \"simple-barre\",\n \"name\": \"Simple 15-Minute Barre\",\n \"description\": \"Quick barre routine for lower body toning\",\n \"routineId\": \"barre\",\n \"tags\": [\"barre\", \"lower-body\", \"quick\"],\n \"estimatedDuration\": 15,\n \"equipment\": [\"bodyweight\"],\n \"sets\": [\n {\n \"id\": \"warmup\",\n \"name\": \"Warmup\",\n \"type\": \"exercises\",\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"barre-first-position-plie\" }, \"duration\": 45 },\n { \"criteria\": { \"exerciseId\": \"barre-releve-passe\" }, \"duration\": 45 }\n ],\n \"restBetween\": 10,\n \"restAfter\": 30\n },\n {\n \"id\": \"standing\",\n \"name\": \"Standing Work\",\n \"type\": \"exercises\",\n \"rounds\": 2,\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"barre-plie-releve\" }, \"duration\": 60 },\n { \"criteria\": { \"exerciseId\": \"barre-attitude-position\" }, \"duration\": 45, \"notes\": \"each side\" },\n { \"criteria\": { \"exerciseId\": \"barre-rond-de-jambe\" }, \"duration\": 45, \"notes\": \"each side\" }\n ],\n \"restBetween\": 10,\n \"restAfter\": 45\n },\n {\n \"id\": \"floor\",\n \"name\": \"Floor Work\",\n \"type\": \"exercises\",\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"barre-donkey-kick\" }, \"duration\": 45, \"notes\": \"each side\" },\n { \"criteria\": { \"exerciseId\": \"barre-fire-hydrant\" }, \"duration\": 45, \"notes\": \"each side\" },\n { \"criteria\": { \"exerciseId\": \"barre-clamshell\" }, \"duration\": 45, \"notes\": \"each side\" }\n ],\n \"restBetween\": 10,\n \"restAfter\": 0\n }\n ],\n \"tips\": [\n \"Keep core engaged throughout\",\n \"Focus on small, controlled movements\",\n \"Maintain proper posture at the barre or chair\"\n ]\n}\n",[],[170,438,430],"barre","32d2d2e0-fad2-11f0-a4d3-42dde27851f2","aj-standing-barre.json","32d2d380-fad2-11f0-a4d3-42dde27851f2",43,["D",1769444114919],"{\n \"id\": \"aj-standing-barre\",\n \"name\": \"Action Jacqueline Standing Barre\",\n \"description\": \"4 classic standing barre exercises - no floor work, no jumping, pure ballet fundamentals\",\n \"routineId\": \"action-jacqueline\",\n \"creator\": \"@actionjacquelyn\",\n \"source\": \"100-Reps Barre Sculpted Leg Challenge\",\n \"tags\": [\"barre\", \"standing\", \"classic\", \"lower-body\"],\n \"estimatedDuration\": 10,\n \"equipment\": [\"bodyweight\", \"barre\"],\n \"sets\": [\n {\n \"id\": \"standing-barre\",\n \"name\": \"Classic Standing Barre\",\n \"type\": \"exercises\",\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"barre-first-position-plie\" }, \"reps\": 100, \"notes\": \"Day 5\" },\n { \"criteria\": { \"exerciseId\": \"barre-wide-plie-pulse\" }, \"reps\": 100, \"notes\": \"Day 7\" },\n { \"criteria\": { \"exerciseId\": \"barre-standing-arabesque\" }, \"reps\": 100, \"notes\": \"Day 4 • 50 each leg\" },\n { \"criteria\": { \"exerciseId\": \"barre-rond-de-jambe\" }, \"reps\": 100, \"notes\": \"Day 30 • 50 each leg\" }\n ],\n \"restBetween\": 30\n }\n ],\n \"tips\": [\n \"Use a chair, wall, or countertop if you don't have a barre\",\n \"Keep movements small and controlled - this is isometric work\",\n \"Focus on turnout and engaging the inner thighs\",\n \"Break into sets of 25 if needed\"\n ]\n}\n",[],[170,438,440],"329cc0d8-fad2-11f0-aa23-42dde27851f2","aj-floor-barre.json","329cc178-fad2-11f0-aa23-42dde27851f2",38,["D",1769444114729],"{\n \"id\": \"aj-floor-barre\",\n \"name\": \"Action Jacqueline Floor Barre\",\n \"description\": \"4 classic floor barre exercises - mat work for glutes and hips\",\n \"routineId\": \"action-jacqueline\",\n \"creator\": \"@actionjacquelyn\",\n \"source\": \"100-Reps Barre Sculpted Leg Challenge\",\n \"tags\": [\"barre\", \"floor\", \"glutes\", \"lower-body\"],\n \"estimatedDuration\": 10,\n \"equipment\": [\"mat\"],\n \"sets\": [\n {\n \"id\": \"floor-barre\",\n \"name\": \"Classic Floor Barre\",\n \"type\": \"exercises\",\n \"exercises\": [\n { \"criteria\": { \"exerciseId\": \"barre-clamshell\" }, \"reps\": 100, \"notes\": \"Day 3 • 50 each side\" },\n { \"criteria\": { \"exerciseId\": \"barre-fire-hydrant\" }, \"reps\": 100, \"notes\": \"Day 12 • 50 each side\" },\n { \"criteria\": { \"exerciseId\": \"barre-side-lying-leg-lift\" }, \"reps\": 100, \"notes\": \"Day 9 • 50 each side\" },\n { \"criteria\": { \"exerciseId\": \"barre-prone-glute-lift\" }, \"reps\": 100, \"notes\": \"Day 16\" }\n ],\n \"restBetween\": 30\n }\n ],\n \"tips\": [\n \"Use a yoga mat for comfort\",\n \"Keep movements small and controlled\",\n \"Focus on the squeeze at the top of each rep\",\n \"Break into sets of 25 if needed\"\n ]\n}\n",[],[170,438,448],"32a60ff8-fad2-11f0-a4d3-42dde27851f2","action-jacqueline-random-4.json","32a610c0-fad2-11f0-a4d3-42dde27851f2",39,["D",1769444114766],"{\n \"id\": \"action-jacqueline-random-4\",\n \"name\": \"Action Jacqueline Random 4\",\n \"description\": \"4 random exercises from @actionjacquelyn's 100-Reps Barre Challenge\",\n \"routineId\": \"action-jacqueline\",\n \"creator\": \"@actionjacquelyn\",\n \"source\": \"100-Reps Barre Sculpted Leg Challenge\",\n \"tags\": [\"barre\", \"lower-body\", \"quick\", \"random\"],\n \"estimatedDuration\": 8,\n \"equipment\": [\"bodyweight\"],\n \"sets\": [\n {\n \"id\": \"random-barre-set\",\n \"name\": \"100-Reps Barre Selection\",\n \"type\": \"exercises\",\n \"randomize\": true,\n \"exercises\": [\n { \"criteria\": { \"challengeCreator\": \"@actionjacquelyn\" }, \"reps\": 100 },\n { \"criteria\": { \"challengeCreator\": \"@actionjacquelyn\" }, \"reps\": 100 },\n { \"criteria\": { \"challengeCreator\": \"@actionjacquelyn\" }, \"reps\": 100 },\n { \"criteria\": { \"challengeCreator\": \"@actionjacquelyn\" }, \"reps\": 100 }\n ],\n \"restBetween\": 30,\n \"restAfter\": 0\n }\n ],\n \"tips\": [\n \"Each exercise is 100 reps - break into sets of 25 if needed\",\n \"Focus on form over speed\",\n \"Keep movements small and controlled\"\n ]\n}\n",[],[170,438,456],"30d17b40-fad2-11f0-92fd-42dde27851f2",14,["D",1769444111752],[277,278,279,280],[170,438],["D",1769444109446],[276,281,284,290,292,294,295],[170],"3300efea-fad2-11f0-89f3-42dde27851f2","tailwind.config.js","3300f09e-fad2-11f0-89f3-42dde27851f2",50,["D",1769444115419],"/** @type {import('tailwindcss').Config} */\nexport default {\n content: [\n \"../index.html\",\n \"../main.tsx\",\n \"./app.scss\",\n ],\n theme: {\n extend: {\n colors: {\n background: 'var(--color-bg-page)',\n foreground: 'var(--color-text-primary)',\n muted: {\n DEFAULT: 'var(--color-bg-muted)',\n foreground: 'var(--color-text-muted)',\n },\n card: {\n DEFAULT: 'var(--color-bg-card)',\n },\n primary: {\n DEFAULT: 'var(--color-accent)',\n foreground: 'var(--color-text-on-dark)',\n hover: 'var(--color-accent-hover)',\n light: 'var(--color-accent-light)',\n },\n secondary: {\n DEFAULT: 'var(--color-bg-secondary)',\n foreground: 'var(--color-text-secondary)',\n },\n border: 'var(--color-border)',\n ring: 'var(--color-accent)',\n },\n fontFamily: {\n sans: ['Space Grotesk', 'system-ui', 'sans-serif'],\n mono: ['IBM Plex Mono', 'monospace'],\n },\n },\n },\n plugins: [],\n}\n",[],[177,472],"3307c784-fad2-11f0-aec6-42dde27851f2","postcss.config.js","3307c824-fad2-11f0-aec6-42dde27851f2",52,["D",1769444115450],"export default {\n plugins: {\n tailwindcss: {},\n autoprefixer: {},\n },\n}\n",[],[177,480],"3328d8a2-fad2-11f0-bd00-42dde27851f2","theme.scss","3328d96a-fad2-11f0-bd00-42dde27851f2","30fac860-fad2-11f0-b5d3-42dde27851f2",56,["D",1769444115662],"/* ===================================\n Theme Entry Point\n \n Switch themes by commenting/uncommenting the override import.\n The base styles are always included, then theme overrides layer on top.\n\n Make sure to update Tailwind variables in `/styles/config.js` as well\n =================================== */\n\n/* Base styles (always included) */\n@use 'themes/default/all' as *;\n\n/* Theme Overrides - uncomment ONE of these: */\n// @use 'themes/retro/overrides';\n// @use 'themes/startup/overrides';\n// @use 'themes/luma/overrides';\n@use 'themes/groq/overrides';\n\n\n",[],[177,496,488],"design-system","3323ec70-fad2-11f0-a4d3-42dde27851f2","tailwind.css","3323ed38-fad2-11f0-a4d3-42dde27851f2",55,["D",1769444115631],"@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n/* \n * You can add custom @apply-based utilities here\n * Example:\n * \n * .btn-primary {\n * @apply px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600;\n * }\n */\n\n",[],[177,496,498],"3304b04e-fad2-11f0-92fd-42dde27851f2","3304b102-fad2-11f0-92fd-42dde27851f2",51,["D",1769444115444],"/** @type {import('tailwindcss').Config} */\nexport default {\n content: [\n // Playground HTML files\n \"../../playground/**/*.html\",\n \"../../playground/**/*.js\",\n // Package component demos\n \"../components/**/*.html\",\n \"../components/**/*.ts\",\n // Apps\n \"../../apps/**/*.html\",\n \"../../apps/**/*.ts\",\n ],\n theme: {\n extend: {\n // Groq Theme Colors\n // Map to CSS variables for dynamic theming\n colors: {\n // Groq Orange (Primary Brand)\n 'groq-orange': {\n 50: '#fff5e5',\n 100: '#ffe8cc',\n 200: '#ffd1a3',\n 300: '#ffb973',\n 400: '#fe9e20',\n 500: '#f48b0a',\n 600: '#f43e01', // Main brand color\n 700: '#c23101',\n 800: '#9a2701',\n 900: '#731d00',\n DEFAULT: '#f43e01', // Main brand\n },\n // Groq Gray (Neutral) - matches original palette\n 'groq-gray': {\n 50: '#ffffff',\n 100: '#f3f3ee',\n 200: '#e5e5dc',\n 300: '#cecebf',\n 400: '#9a9a8c',\n 500: '#69695d',\n 600: '#4a4a42',\n 700: '#2d2f33',\n 800: '#26292e',\n 900: '#1a1c1f',\n 950: '#000000',\n DEFAULT: '#26292e', // Primary text\n },\n // Groq Yellow (Extended)\n 'groq-yellow': {\n 200: '#f4fd90',\n 300: '#fdeb20',\n 500: '#e6d000',\n 700: '#c6b802',\n DEFAULT: '#fdeb20',\n },\n // Groq Green (Extended)\n 'groq-green': {\n 200: '#a9ffdb',\n 300: '#10e68d',\n 500: '#0dcc7a',\n 700: '#018b01',\n DEFAULT: '#10e68d',\n },\n // Groq Blue (Extended)\n 'groq-blue': {\n 200: '#bfe4fc',\n 300: '#5fc0ff',\n 500: '#0082a0',\n DEFAULT: '#5fc0ff',\n },\n // Groq Purple (Extended)\n 'groq-purple': {\n 200: '#e3dcf8',\n 300: '#d377fd',\n 500: '#683d7f',\n DEFAULT: '#d377fd',\n },\n // Groq Pink (Extended)\n 'groq-pink': {\n 200: '#fad8ff',\n 300: '#f392dd',\n 500: '#ee66ce',\n DEFAULT: '#f392dd',\n },\n // Semantic color aliases (map to CSS variables for dynamic theming)\n 'primary': 'var(--color-primary)',\n 'primary-hover': 'var(--color-primary-hover)',\n 'accent': 'var(--color-accent)',\n 'success': 'var(--color-success)',\n 'warning': 'var(--color-warning)',\n 'danger': 'var(--color-danger)',\n 'info': 'var(--color-info)',\n },\n },\n },\n plugins: [],\n}\n\n",[],[177,496,472],"3330e0f6-fad2-11f0-a4d3-42dde27851f2","tailwind-compiled.css","3330e1b4-fad2-11f0-a4d3-42dde27851f2",57,["D",1769444115728],"*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}/*\n! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n.\\!container {\n width: 100% !important;\n}\n.container {\n width: 100%;\n}\n@media (min-width: 640px) {\n\n .\\!container {\n max-width: 640px !important;\n }\n\n .container {\n max-width: 640px;\n }\n}\n@media (min-width: 768px) {\n\n .\\!container {\n max-width: 768px !important;\n }\n\n .container {\n max-width: 768px;\n }\n}\n@media (min-width: 1024px) {\n\n .\\!container {\n max-width: 1024px !important;\n }\n\n .container {\n max-width: 1024px;\n }\n}\n@media (min-width: 1280px) {\n\n .\\!container {\n max-width: 1280px !important;\n }\n\n .container {\n max-width: 1280px;\n }\n}\n@media (min-width: 1536px) {\n\n .\\!container {\n max-width: 1536px !important;\n }\n\n .container {\n max-width: 1536px;\n }\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.pointer-events-none {\n pointer-events: none;\n}\n.visible {\n visibility: visible;\n}\n.invisible {\n visibility: hidden;\n}\n.collapse {\n visibility: collapse;\n}\n.static {\n position: static;\n}\n.fixed {\n position: fixed;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.sticky {\n position: sticky;\n}\n.inset-0 {\n inset: 0px;\n}\n.-right-2 {\n right: -0.5rem;\n}\n.-top-2 {\n top: -0.5rem;\n}\n.bottom-0 {\n bottom: 0px;\n}\n.bottom-4 {\n bottom: 1rem;\n}\n.bottom-full {\n bottom: 100%;\n}\n.left-0 {\n left: 0px;\n}\n.left-1\\/2 {\n left: 50%;\n}\n.left-2 {\n left: 0.5rem;\n}\n.left-3 {\n left: 0.75rem;\n}\n.left-6 {\n left: 1.5rem;\n}\n.left-full {\n left: 100%;\n}\n.right-0 {\n right: 0px;\n}\n.right-1\\.5 {\n right: 0.375rem;\n}\n.right-2 {\n right: 0.5rem;\n}\n.right-3 {\n right: 0.75rem;\n}\n.right-4 {\n right: 1rem;\n}\n.right-6 {\n right: 1.5rem;\n}\n.right-full {\n right: 100%;\n}\n.top-0 {\n top: 0px;\n}\n.top-0\\.5 {\n top: 0.125rem;\n}\n.top-1\\/2 {\n top: 50%;\n}\n.top-2 {\n top: 0.5rem;\n}\n.top-4 {\n top: 1rem;\n}\n.top-full {\n top: 100%;\n}\n.-z-0 {\n z-index: 0;\n}\n.z-10 {\n z-index: 10;\n}\n.z-20 {\n z-index: 20;\n}\n.z-50 {\n z-index: 50;\n}\n.z-\\[99\\] {\n z-index: 99;\n}\n.col-span-2 {\n grid-column: span 2 / span 2;\n}\n.\\!m-0 {\n margin: 0px !important;\n}\n.-m-1 {\n margin: -0.25rem;\n}\n.m-0 {\n margin: 0px;\n}\n.m-4 {\n margin: 1rem;\n}\n.m-auto {\n margin: auto;\n}\n.-mx-4 {\n margin-left: -1rem;\n margin-right: -1rem;\n}\n.-my-6 {\n margin-top: -1.5rem;\n margin-bottom: -1.5rem;\n}\n.mx-4 {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n.my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n.\\!mb-0 {\n margin-bottom: 0px !important;\n}\n.\\!mb-1 {\n margin-bottom: 0.25rem !important;\n}\n.\\!mt-1 {\n margin-top: 0.25rem !important;\n}\n.-mb-4 {\n margin-bottom: -1rem;\n}\n.-mb-px {\n margin-bottom: -1px;\n}\n.-ml-1 {\n margin-left: -0.25rem;\n}\n.-mr-1 {\n margin-right: -0.25rem;\n}\n.-mr-6 {\n margin-right: -1.5rem;\n}\n.-mt-1 {\n margin-top: -0.25rem;\n}\n.mb-0 {\n margin-bottom: 0px;\n}\n.mb-1 {\n margin-bottom: 0.25rem;\n}\n.mb-1\\.5 {\n margin-bottom: 0.375rem;\n}\n.mb-12 {\n margin-bottom: 3rem;\n}\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n.mb-4 {\n margin-bottom: 1rem;\n}\n.mb-5 {\n margin-bottom: 1.25rem;\n}\n.mb-6 {\n margin-bottom: 1.5rem;\n}\n.mb-8 {\n margin-bottom: 2rem;\n}\n.ml-0\\.5 {\n margin-left: 0.125rem;\n}\n.ml-1 {\n margin-left: 0.25rem;\n}\n.ml-1\\.5 {\n margin-left: 0.375rem;\n}\n.ml-2 {\n margin-left: 0.5rem;\n}\n.ml-4 {\n margin-left: 1rem;\n}\n.ml-6 {\n margin-left: 1.5rem;\n}\n.ml-auto {\n margin-left: auto;\n}\n.mr-1 {\n margin-right: 0.25rem;\n}\n.mr-1\\.5 {\n margin-right: 0.375rem;\n}\n.mr-2 {\n margin-right: 0.5rem;\n}\n.mr-2\\.5 {\n margin-right: 0.625rem;\n}\n.mr-4 {\n margin-right: 1rem;\n}\n.mr-6 {\n margin-right: 1.5rem;\n}\n.mr-auto {\n margin-right: auto;\n}\n.mt-0\\.5 {\n margin-top: 0.125rem;\n}\n.mt-1 {\n margin-top: 0.25rem;\n}\n.mt-1\\.5 {\n margin-top: 0.375rem;\n}\n.mt-12 {\n margin-top: 3rem;\n}\n.mt-2 {\n margin-top: 0.5rem;\n}\n.mt-2\\.5 {\n margin-top: 0.625rem;\n}\n.mt-3 {\n margin-top: 0.75rem;\n}\n.mt-4 {\n margin-top: 1rem;\n}\n.mt-6 {\n margin-top: 1.5rem;\n}\n.mt-8 {\n margin-top: 2rem;\n}\n.mt-auto {\n margin-top: auto;\n}\n.line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n.line-clamp-3 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n}\n.block {\n display: block;\n}\n.inline-block {\n display: inline-block;\n}\n.\\!inline {\n display: inline !important;\n}\n.inline {\n display: inline;\n}\n.flex {\n display: flex;\n}\n.inline-flex {\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.table-caption {\n display: table-caption;\n}\n.grid {\n display: grid;\n}\n.contents {\n display: contents;\n}\n.list-item {\n display: list-item;\n}\n.hidden {\n display: none;\n}\n.aspect-\\[21\\/9\\] {\n aspect-ratio: 21/9;\n}\n.aspect-\\[4\\/3\\] {\n aspect-ratio: 4/3;\n}\n.aspect-square {\n aspect-ratio: 1 / 1;\n}\n.aspect-video {\n aspect-ratio: 16 / 9;\n}\n.\\!h-4 {\n height: 1rem !important;\n}\n.\\!h-7 {\n height: 1.75rem !important;\n}\n.\\!h-8 {\n height: 2rem !important;\n}\n.h-1 {\n height: 0.25rem;\n}\n.h-1\\.5 {\n height: 0.375rem;\n}\n.h-10 {\n height: 2.5rem;\n}\n.h-11 {\n height: 2.75rem;\n}\n.h-12 {\n height: 3rem;\n}\n.h-16 {\n height: 4rem;\n}\n.h-2 {\n height: 0.5rem;\n}\n.h-2\\.5 {\n height: 0.625rem;\n}\n.h-20 {\n height: 5rem;\n}\n.h-24 {\n height: 6rem;\n}\n.h-3 {\n height: 0.75rem;\n}\n.h-3\\.5 {\n height: 0.875rem;\n}\n.h-32 {\n height: 8rem;\n}\n.h-4 {\n height: 1rem;\n}\n.h-40 {\n height: 10rem;\n}\n.h-5 {\n height: 1.25rem;\n}\n.h-6 {\n height: 1.5rem;\n}\n.h-64 {\n height: 16rem;\n}\n.h-8 {\n height: 2rem;\n}\n.h-9 {\n height: 2.25rem;\n}\n.h-96 {\n height: 24rem;\n}\n.h-\\[18px\\] {\n height: 18px;\n}\n.h-\\[480px\\] {\n height: 480px;\n}\n.h-auto {\n height: auto;\n}\n.h-full {\n height: 100%;\n}\n.h-px {\n height: 1px;\n}\n.h-screen {\n height: 100vh;\n}\n.max-h-20 {\n max-height: 5rem;\n}\n.max-h-48 {\n max-height: 12rem;\n}\n.max-h-60 {\n max-height: 15rem;\n}\n.max-h-64 {\n max-height: 16rem;\n}\n.max-h-96 {\n max-height: 24rem;\n}\n.max-h-\\[180px\\] {\n max-height: 180px;\n}\n.max-h-\\[200px\\] {\n max-height: 200px;\n}\n.max-h-\\[220px\\] {\n max-height: 220px;\n}\n.max-h-\\[240px\\] {\n max-height: 240px;\n}\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\n.max-h-\\[75vh\\] {\n max-height: 75vh;\n}\n.max-h-\\[85vh\\] {\n max-height: 85vh;\n}\n.max-h-\\[95vh\\] {\n max-height: 95vh;\n}\n.\\!min-h-0 {\n min-height: 0px !important;\n}\n.min-h-24 {\n min-height: 6rem;\n}\n.min-h-32 {\n min-height: 8rem;\n}\n.min-h-6 {\n min-height: 1.5rem;\n}\n.min-h-96 {\n min-height: 24rem;\n}\n.min-h-\\[100px\\] {\n min-height: 100px;\n}\n.min-h-\\[100vh\\] {\n min-height: 100vh;\n}\n.min-h-\\[500px\\] {\n min-height: 500px;\n}\n.min-h-\\[50vh\\] {\n min-height: 50vh;\n}\n.min-h-\\[80px\\] {\n min-height: 80px;\n}\n.min-h-screen {\n min-height: 100vh;\n}\n.\\!w-7 {\n width: 1.75rem !important;\n}\n.\\!w-full {\n width: 100% !important;\n}\n.w-1\\.5 {\n width: 0.375rem;\n}\n.w-1\\/2 {\n width: 50%;\n}\n.w-1\\/3 {\n width: 33.333333%;\n}\n.w-1\\/4 {\n width: 25%;\n}\n.w-10 {\n width: 2.5rem;\n}\n.w-11 {\n width: 2.75rem;\n}\n.w-12 {\n width: 3rem;\n}\n.w-16 {\n width: 4rem;\n}\n.w-2 {\n width: 0.5rem;\n}\n.w-2\\.5 {\n width: 0.625rem;\n}\n.w-2\\/3 {\n width: 66.666667%;\n}\n.w-2\\/5 {\n width: 40%;\n}\n.w-20 {\n width: 5rem;\n}\n.w-24 {\n width: 6rem;\n}\n.w-28 {\n width: 7rem;\n}\n.w-3 {\n width: 0.75rem;\n}\n.w-3\\.5 {\n width: 0.875rem;\n}\n.w-3\\/4 {\n width: 75%;\n}\n.w-3\\/5 {\n width: 60%;\n}\n.w-32 {\n width: 8rem;\n}\n.w-4 {\n width: 1rem;\n}\n.w-4\\/5 {\n width: 80%;\n}\n.w-40 {\n width: 10rem;\n}\n.w-48 {\n width: 12rem;\n}\n.w-5 {\n width: 1.25rem;\n}\n.w-5\\/6 {\n width: 83.333333%;\n}\n.w-6 {\n width: 1.5rem;\n}\n.w-64 {\n width: 16rem;\n}\n.w-7 {\n width: 1.75rem;\n}\n.w-72 {\n width: 18rem;\n}\n.w-8 {\n width: 2rem;\n}\n.w-9 {\n width: 2.25rem;\n}\n.w-\\[100px\\] {\n width: 100px;\n}\n.w-\\[150px\\] {\n width: 150px;\n}\n.w-\\[18px\\] {\n width: 18px;\n}\n.w-\\[200px\\] {\n width: 200px;\n}\n.w-\\[220px\\] {\n width: 220px;\n}\n.w-\\[240px\\] {\n width: 240px;\n}\n.w-\\[260px\\] {\n width: 260px;\n}\n.w-\\[280px\\] {\n width: 280px;\n}\n.w-\\[40px\\] {\n width: 40px;\n}\n.w-full {\n width: 100%;\n}\n.min-w-0 {\n min-width: 0px;\n}\n.min-w-\\[160px\\] {\n min-width: 160px;\n}\n.min-w-\\[200px\\] {\n min-width: 200px;\n}\n.min-w-\\[2rem\\] {\n min-width: 2rem;\n}\n.min-w-\\[300px\\] {\n min-width: 300px;\n}\n.max-w-2xl {\n max-width: 42rem;\n}\n.max-w-3xl {\n max-width: 48rem;\n}\n.max-w-4xl {\n max-width: 56rem;\n}\n.max-w-5xl {\n max-width: 64rem;\n}\n.max-w-6xl {\n max-width: 72rem;\n}\n.max-w-\\[120px\\] {\n max-width: 120px;\n}\n.max-w-\\[450px\\] {\n max-width: 450px;\n}\n.max-w-\\[500px\\] {\n max-width: 500px;\n}\n.max-w-\\[85\\%\\] {\n max-width: 85%;\n}\n.max-w-\\[95vw\\] {\n max-width: 95vw;\n}\n.max-w-full {\n max-width: 100%;\n}\n.max-w-lg {\n max-width: 32rem;\n}\n.max-w-md {\n max-width: 28rem;\n}\n.max-w-screen-2xl {\n max-width: 1536px;\n}\n.max-w-screen-lg {\n max-width: 1024px;\n}\n.max-w-screen-md {\n max-width: 768px;\n}\n.max-w-screen-sm {\n max-width: 640px;\n}\n.max-w-screen-xl {\n max-width: 1280px;\n}\n.max-w-sm {\n max-width: 24rem;\n}\n.max-w-xl {\n max-width: 36rem;\n}\n.max-w-xs {\n max-width: 20rem;\n}\n.flex-1 {\n flex: 1 1 0%;\n}\n.flex-none {\n flex: none;\n}\n.flex-shrink {\n flex-shrink: 1;\n}\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n.shrink-0 {\n flex-shrink: 0;\n}\n.flex-grow {\n flex-grow: 1;\n}\n.grow {\n flex-grow: 1;\n}\n.basis-1 {\n flex-basis: 0.25rem;\n}\n.basis-1\\/3 {\n flex-basis: 33.333333%;\n}\n.border-collapse {\n border-collapse: collapse;\n}\n.origin-top-right {\n transform-origin: top right;\n}\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-full {\n --tw-translate-y: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-0\\.5 {\n --tw-translate-x: 0.125rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-3 {\n --tw-translate-x: 0.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-4 {\n --tw-translate-x: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-1 {\n --tw-translate-y: 0.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-full {\n --tw-translate-y: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.animate-\\[progress-stripes_1s_linear_infinite\\] {\n animation: progress-stripes 1s linear infinite;\n}\n@keyframes pulse {\n\n 50% {\n opacity: .5;\n }\n}\n.animate-pulse {\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\n.animate-spin {\n animation: spin 1s linear infinite;\n}\n.cursor-default {\n cursor: default;\n}\n.cursor-help {\n cursor: help;\n}\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.cursor-zoom-in {\n cursor: zoom-in;\n}\n.select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.select-all {\n -webkit-user-select: all;\n -moz-user-select: all;\n user-select: all;\n}\n.resize-none {\n resize: none;\n}\n.resize-y {\n resize: vertical;\n}\n.resize-x {\n resize: horizontal;\n}\n.resize {\n resize: both;\n}\n.snap-x {\n scroll-snap-type: x var(--tw-scroll-snap-strictness);\n}\n.snap-mandatory {\n --tw-scroll-snap-strictness: mandatory;\n}\n.snap-start {\n scroll-snap-align: start;\n}\n.list-none {\n list-style-type: none;\n}\n.appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.columns-2 {\n -moz-columns: 2;\n columns: 2;\n}\n.break-inside-avoid {\n -moz-column-break-inside: avoid;\n break-inside: avoid;\n}\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n.flex-row {\n flex-direction: row;\n}\n.flex-row-reverse {\n flex-direction: row-reverse;\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-end {\n align-items: flex-end;\n}\n.items-center {\n align-items: center;\n}\n.items-baseline {\n align-items: baseline;\n}\n.items-stretch {\n align-items: stretch;\n}\n.justify-start {\n justify-content: flex-start;\n}\n.justify-end {\n justify-content: flex-end;\n}\n.justify-center {\n justify-content: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-around {\n justify-content: space-around;\n}\n.justify-evenly {\n justify-content: space-evenly;\n}\n.justify-items-start {\n justify-items: start;\n}\n.justify-items-end {\n justify-items: end;\n}\n.justify-items-center {\n justify-items: center;\n}\n.justify-items-stretch {\n justify-items: stretch;\n}\n.gap-0\\.5 {\n gap: 0.125rem;\n}\n.gap-1 {\n gap: 0.25rem;\n}\n.gap-1\\.5 {\n gap: 0.375rem;\n}\n.gap-2 {\n gap: 0.5rem;\n}\n.gap-3 {\n gap: 0.75rem;\n}\n.gap-4 {\n gap: 1rem;\n}\n.gap-6 {\n gap: 1.5rem;\n}\n.gap-8 {\n gap: 2rem;\n}\n.-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(-0.25rem * var(--tw-space-x-reverse));\n margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-x-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(1rem * var(--tw-space-x-reverse));\n margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-0 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0px * var(--tw-space-y-reverse));\n}\n.space-y-0\\.5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));\n}\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(3rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n.overflow-auto {\n overflow: auto;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-visible {\n overflow: visible;\n}\n.overflow-x-auto {\n overflow-x: auto;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.scroll-smooth {\n scroll-behavior: smooth;\n}\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.whitespace-pre-line {\n white-space: pre-line;\n}\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.break-all {\n word-break: break-all;\n}\n.\\!rounded-md {\n border-radius: 0.375rem !important;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.rounded-2xl {\n border-radius: 1rem;\n}\n.rounded-\\[32px\\] {\n border-radius: 32px;\n}\n.rounded-full {\n border-radius: 9999px;\n}\n.rounded-lg {\n border-radius: 0.5rem;\n}\n.rounded-md {\n border-radius: 0.375rem;\n}\n.rounded-sm {\n border-radius: 0.125rem;\n}\n.rounded-xl {\n border-radius: 0.75rem;\n}\n.rounded-b-\\[26px\\] {\n border-bottom-right-radius: 26px;\n border-bottom-left-radius: 26px;\n}\n.rounded-b-lg {\n border-bottom-right-radius: 0.5rem;\n border-bottom-left-radius: 0.5rem;\n}\n.rounded-b-none {\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n.rounded-l-none {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n.rounded-r-lg {\n border-top-right-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n}\n.rounded-r-none {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n.rounded-t-lg {\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n}\n.rounded-t-none {\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n}\n.border {\n border-width: 1px;\n}\n.border-0 {\n border-width: 0px;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-4 {\n border-width: 4px;\n}\n.\\!border-l-0 {\n border-left-width: 0px !important;\n}\n.border-b {\n border-bottom-width: 1px;\n}\n.border-b-0 {\n border-bottom-width: 0px;\n}\n.border-b-2 {\n border-bottom-width: 2px;\n}\n.border-l {\n border-left-width: 1px;\n}\n.border-l-0 {\n border-left-width: 0px;\n}\n.border-l-2 {\n border-left-width: 2px;\n}\n.border-l-4 {\n border-left-width: 4px;\n}\n.border-r {\n border-right-width: 1px;\n}\n.border-r-0 {\n border-right-width: 0px;\n}\n.border-t {\n border-top-width: 1px;\n}\n.border-t-0 {\n border-top-width: 0px;\n}\n.border-solid {\n border-style: solid;\n}\n.border-dashed {\n border-style: dashed;\n}\n.\\!border-none {\n border-style: none !important;\n}\n.border-none {\n border-style: none;\n}\n.border-accent {\n border-color: var(--color-accent);\n}\n.border-blue-100 {\n --tw-border-opacity: 1;\n border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));\n}\n.border-blue-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));\n}\n.border-blue-500 {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));\n}\n.border-danger {\n border-color: var(--color-danger);\n}\n.border-gray-100 {\n --tw-border-opacity: 1;\n border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));\n}\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\n.border-green-200 {\n --tw-border-opacity: 1;\n border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));\n}\n.border-green-300 {\n --tw-border-opacity: 1;\n border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));\n}\n.border-green-400 {\n --tw-border-opacity: 1;\n border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));\n}\n.border-green-500 {\n --tw-border-opacity: 1;\n border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));\n}\n.border-orange-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));\n}\n.border-orange-300 {\n --tw-border-opacity: 1;\n border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));\n}\n.border-primary {\n border-color: var(--color-primary);\n}\n.border-purple-100 {\n --tw-border-opacity: 1;\n border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));\n}\n.border-purple-200 {\n --tw-border-opacity: 1;\n border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));\n}\n.border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));\n}\n.border-red-300 {\n --tw-border-opacity: 1;\n border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));\n}\n.border-red-400 {\n --tw-border-opacity: 1;\n border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));\n}\n.border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\n}\n.border-success {\n border-color: var(--color-success);\n}\n.border-transparent {\n border-color: transparent;\n}\n.border-white {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n.border-white\\/30 {\n border-color: rgb(255 255 255 / 0.3);\n}\n.border-yellow-400 {\n --tw-border-opacity: 1;\n border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));\n}\n.border-yellow-500 {\n --tw-border-opacity: 1;\n border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));\n}\n.border-t-gray-900 {\n --tw-border-opacity: 1;\n border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));\n}\n.border-t-white {\n --tw-border-opacity: 1;\n border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n.\\!bg-transparent {\n background-color: transparent !important;\n}\n.bg-accent {\n background-color: var(--color-accent);\n}\n.bg-black {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n.bg-black\\/0 {\n background-color: rgb(0 0 0 / 0);\n}\n.bg-black\\/20 {\n background-color: rgb(0 0 0 / 0.2);\n}\n.bg-black\\/40 {\n background-color: rgb(0 0 0 / 0.4);\n}\n.bg-black\\/50 {\n background-color: rgb(0 0 0 / 0.5);\n}\n.bg-blue-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));\n}\n.bg-blue-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));\n}\n.bg-blue-50\\/95 {\n background-color: rgb(239 246 255 / 0.95);\n}\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.bg-blue-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));\n}\n.bg-current {\n background-color: currentColor;\n}\n.bg-danger {\n background-color: var(--color-danger);\n}\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));\n}\n.bg-green-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.bg-green-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));\n}\n.bg-green-50\\/95 {\n background-color: rgb(240 253 244 / 0.95);\n}\n.bg-green-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.bg-green-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));\n}\n.bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));\n}\n.bg-info {\n background-color: var(--color-info);\n}\n.bg-orange-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));\n}\n.bg-primary {\n background-color: var(--color-primary);\n}\n.bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));\n}\n.bg-purple-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));\n}\n.bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\n.bg-red-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\n.bg-red-50\\/95 {\n background-color: rgb(254 242 242 / 0.95);\n}\n.bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n}\n.bg-success {\n background-color: var(--color-success);\n}\n.bg-teal-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));\n}\n.bg-transparent {\n background-color: transparent;\n}\n.bg-warning {\n background-color: var(--color-warning);\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bg-white\\/50 {\n background-color: rgb(255 255 255 / 0.5);\n}\n.bg-white\\/95 {\n background-color: rgb(255 255 255 / 0.95);\n}\n.bg-yellow-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));\n}\n.bg-yellow-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));\n}\n.bg-yellow-50\\/95 {\n background-color: rgb(254 252 232 / 0.95);\n}\n.bg-yellow-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));\n}\n.bg-opacity-50 {\n --tw-bg-opacity: 0.5;\n}\n.bg-\\[linear-gradient\$45deg\\2c rgba\\(255\\2c 255\\2c 255\\2c 0\\.15\$_25\\%\\2c transparent_25\\%\\2c transparent_50\\%\\2c rgba\$255\\2c 255\\2c 255\\2c 0\\.15\$_50\\%\\2c rgba\$255\\2c 255\\2c 255\\2c 0\\.15\$_75\\%\\2c transparent_75\\%\\2c transparent\\)\\] {\n background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);\n}\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n.from-blue-50 {\n --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-green-500 {\n --tw-gradient-from: #22c55e var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-purple-50 {\n --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.to-green-600 {\n --tw-gradient-to: #16a34a var(--tw-gradient-to-position);\n}\n.to-pink-50 {\n --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);\n}\n.to-purple-50 {\n --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);\n}\n.bg-\\[length\\:1rem_1rem\\] {\n background-size: 1rem 1rem;\n}\n.object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.\\!p-0 {\n padding: 0px !important;\n}\n.\\!p-1 {\n padding: 0.25rem !important;\n}\n.\\!p-1\\.5 {\n padding: 0.375rem !important;\n}\n.\\!p-2 {\n padding: 0.5rem !important;\n}\n.p-0 {\n padding: 0px;\n}\n.p-0\\.5 {\n padding: 0.125rem;\n}\n.p-1 {\n padding: 0.25rem;\n}\n.p-1\\.5 {\n padding: 0.375rem;\n}\n.p-2 {\n padding: 0.5rem;\n}\n.p-3 {\n padding: 0.75rem;\n}\n.p-4 {\n padding: 1rem;\n}\n.p-5 {\n padding: 1.25rem;\n}\n.p-6 {\n padding: 1.5rem;\n}\n.p-8 {\n padding: 2rem;\n}\n.\\!px-1 {\n padding-left: 0.25rem !important;\n padding-right: 0.25rem !important;\n}\n.\\!px-2 {\n padding-left: 0.5rem !important;\n padding-right: 0.5rem !important;\n}\n.\\!px-3 {\n padding-left: 0.75rem !important;\n padding-right: 0.75rem !important;\n}\n.\\!py-0 {\n padding-top: 0px !important;\n padding-bottom: 0px !important;\n}\n.\\!py-0\\.5 {\n padding-top: 0.125rem !important;\n padding-bottom: 0.125rem !important;\n}\n.\\!py-1 {\n padding-top: 0.25rem !important;\n padding-bottom: 0.25rem !important;\n}\n.\\!py-1\\.5 {\n padding-top: 0.375rem !important;\n padding-bottom: 0.375rem !important;\n}\n.px-0 {\n padding-left: 0px;\n padding-right: 0px;\n}\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n.px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n.px-\\[6px\\] {\n padding-left: 6px;\n padding-right: 6px;\n}\n.py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n.py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n.py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n.py-16 {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n.py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n.\\!pl-0 {\n padding-left: 0px !important;\n}\n.\\!pl-1 {\n padding-left: 0.25rem !important;\n}\n.\\!pl-6 {\n padding-left: 1.5rem !important;\n}\n.\\!pr-2 {\n padding-right: 0.5rem !important;\n}\n.pb-0 {\n padding-bottom: 0px;\n}\n.pb-1 {\n padding-bottom: 0.25rem;\n}\n.pb-2 {\n padding-bottom: 0.5rem;\n}\n.pb-24 {\n padding-bottom: 6rem;\n}\n.pb-3 {\n padding-bottom: 0.75rem;\n}\n.pb-4 {\n padding-bottom: 1rem;\n}\n.pb-6 {\n padding-bottom: 1.5rem;\n}\n.pb-\\[6px\\] {\n padding-bottom: 6px;\n}\n.pl-10 {\n padding-left: 2.5rem;\n}\n.pl-2 {\n padding-left: 0.5rem;\n}\n.pl-4 {\n padding-left: 1rem;\n}\n.pl-5 {\n padding-left: 1.25rem;\n}\n.pl-6 {\n padding-left: 1.5rem;\n}\n.pr-10 {\n padding-right: 2.5rem;\n}\n.pr-12 {\n padding-right: 3rem;\n}\n.pr-24 {\n padding-right: 6rem;\n}\n.pr-4 {\n padding-right: 1rem;\n}\n.pr-8 {\n padding-right: 2rem;\n}\n.pt-1 {\n padding-top: 0.25rem;\n}\n.pt-2 {\n padding-top: 0.5rem;\n}\n.pt-24 {\n padding-top: 6rem;\n}\n.pt-3 {\n padding-top: 0.75rem;\n}\n.pt-4 {\n padding-top: 1rem;\n}\n.pt-6 {\n padding-top: 1.5rem;\n}\n.pt-8 {\n padding-top: 2rem;\n}\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-right {\n text-align: right;\n}\n.text-justify {\n text-align: justify;\n}\n.align-middle {\n vertical-align: middle;\n}\n.font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n.font-sans {\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.font-serif {\n font-family: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n}\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n.text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n.text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n.text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n.text-\\[10px\\] {\n font-size: 10px;\n}\n.text-\\[13px\\] {\n font-size: 13px;\n}\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.font-bold {\n font-weight: 700;\n}\n.font-medium {\n font-weight: 500;\n}\n.font-normal {\n font-weight: 400;\n}\n.font-semibold {\n font-weight: 600;\n}\n.uppercase {\n text-transform: uppercase;\n}\n.capitalize {\n text-transform: capitalize;\n}\n.italic {\n font-style: italic;\n}\n.leading-none {\n line-height: 1;\n}\n.leading-relaxed {\n line-height: 1.625;\n}\n.leading-tight {\n line-height: 1.25;\n}\n.tracking-tight {\n letter-spacing: -0.025em;\n}\n.tracking-tighter {\n letter-spacing: -0.05em;\n}\n.tracking-wide {\n letter-spacing: 0.025em;\n}\n.tracking-wider {\n letter-spacing: 0.05em;\n}\n.tracking-widest {\n letter-spacing: 0.1em;\n}\n.\\!text-gray-300 {\n --tw-text-opacity: 1 !important;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1)) !important;\n}\n.\\!text-gray-400 {\n --tw-text-opacity: 1 !important;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;\n}\n.text-accent {\n color: var(--color-accent);\n}\n.text-amber-500 {\n --tw-text-opacity: 1;\n color: rgb(245 158 11 / var(--tw-text-opacity, 1));\n}\n.text-blue-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity, 1));\n}\n.text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity, 1));\n}\n.text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity, 1));\n}\n.text-blue-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity, 1));\n}\n.text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity, 1));\n}\n.text-danger {\n color: var(--color-danger);\n}\n.text-gray-100 {\n --tw-text-opacity: 1;\n color: rgb(243 244 246 / var(--tw-text-opacity, 1));\n}\n.text-gray-200 {\n --tw-text-opacity: 1;\n color: rgb(229 231 235 / var(--tw-text-opacity, 1));\n}\n.text-gray-300 {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\n.text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-green-400 {\n --tw-text-opacity: 1;\n color: rgb(74 222 128 / var(--tw-text-opacity, 1));\n}\n.text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n}\n.text-green-600 {\n --tw-text-opacity: 1;\n color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\n.text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / var(--tw-text-opacity, 1));\n}\n.text-green-800 {\n --tw-text-opacity: 1;\n color: rgb(22 101 52 / var(--tw-text-opacity, 1));\n}\n.text-green-900 {\n --tw-text-opacity: 1;\n color: rgb(20 83 45 / var(--tw-text-opacity, 1));\n}\n.text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity, 1));\n}\n.text-info {\n color: var(--color-info);\n}\n.text-orange-400 {\n --tw-text-opacity: 1;\n color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\n.text-orange-500 {\n --tw-text-opacity: 1;\n color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.text-orange-600 {\n --tw-text-opacity: 1;\n color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\n.text-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(194 65 12 / var(--tw-text-opacity, 1));\n}\n.text-orange-800 {\n --tw-text-opacity: 1;\n color: rgb(154 52 18 / var(--tw-text-opacity, 1));\n}\n.text-primary {\n color: var(--color-primary);\n}\n.text-purple-500 {\n --tw-text-opacity: 1;\n color: rgb(168 85 247 / var(--tw-text-opacity, 1));\n}\n.text-purple-600 {\n --tw-text-opacity: 1;\n color: rgb(147 51 234 / var(--tw-text-opacity, 1));\n}\n.text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / var(--tw-text-opacity, 1));\n}\n.text-purple-800 {\n --tw-text-opacity: 1;\n color: rgb(107 33 168 / var(--tw-text-opacity, 1));\n}\n.text-red-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-red-600 {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n.text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity, 1));\n}\n.text-red-800 {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity, 1));\n}\n.text-red-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity, 1));\n}\n.text-success {\n color: var(--color-success);\n}\n.text-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity, 1));\n}\n.text-warning {\n color: var(--color-warning);\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.text-white\\/80 {\n color: rgb(255 255 255 / 0.8);\n}\n.text-yellow-600 {\n --tw-text-opacity: 1;\n color: rgb(202 138 4 / var(--tw-text-opacity, 1));\n}\n.text-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-opacity, 1));\n}\n.text-yellow-800 {\n --tw-text-opacity: 1;\n color: rgb(133 77 14 / var(--tw-text-opacity, 1));\n}\n.text-yellow-900 {\n --tw-text-opacity: 1;\n color: rgb(113 63 18 / var(--tw-text-opacity, 1));\n}\n.underline {\n text-decoration-line: underline;\n}\n.line-through {\n text-decoration-line: line-through;\n}\n.no-underline {\n text-decoration-line: none;\n}\n.underline-offset-4 {\n text-underline-offset: 4px;\n}\n.opacity-0 {\n opacity: 0;\n}\n.opacity-100 {\n opacity: 1;\n}\n.opacity-25 {\n opacity: 0.25;\n}\n.opacity-30 {\n opacity: 0.3;\n}\n.opacity-50 {\n opacity: 0.5;\n}\n.opacity-60 {\n opacity: 0.6;\n}\n.opacity-75 {\n opacity: 0.75;\n}\n.opacity-90 {\n opacity: 0.9;\n}\n.\\!shadow-none {\n --tw-shadow: 0 0 #0000 !important;\n --tw-shadow-colored: 0 0 #0000 !important;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-2xl {\n --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-\\[0_5px_15px_-3px_rgb\$0_0_0_\\/_0\\.08\$\\] {\n --tw-shadow: 0 5px 15px -3px rgb(0 0 0 / 0.08);\n --tw-shadow-colored: 0 5px 15px -3px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.\\!outline-none {\n outline: 2px solid transparent !important;\n outline-offset: 2px !important;\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.outline {\n outline-style: solid;\n}\n.\\!ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;\n}\n.ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.ring-2 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.ring-primary {\n --tw-ring-color: var(--color-primary);\n}\n.ring-white {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));\n}\n.blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.drop-shadow-\\[0_2px_8px_rgba\$0\\2c 0\\2c 0\\2c 0\\.8\$\\] {\n --tw-drop-shadow: drop-shadow(0 2px 8px rgba(0,0,0,0.8));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.grayscale {\n --tw-grayscale: grayscale(100%);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur-sm {\n --tw-backdrop-blur: blur(4px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-filter {\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.duration-100 {\n transition-duration: 100ms;\n}\n.duration-150 {\n transition-duration: 150ms;\n}\n.duration-200 {\n transition-duration: 200ms;\n}\n.duration-300 {\n transition-duration: 300ms;\n}\n.duration-75 {\n transition-duration: 75ms;\n}\n.ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n/* \n * You can add custom @apply-based utilities here\n * Example:\n * \n * .btn-primary {\n * @apply px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600;\n * }\n */\n\n.backdrop\\:bg-black\\/90::backdrop {\n background-color: rgb(0 0 0 / 0.9);\n}\n\n.backdrop\\:backdrop-blur-sm::backdrop {\n --tw-backdrop-blur: blur(4px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.after\\:absolute::after {\n content: var(--tw-content);\n position: absolute;\n}\n\n.after\\:left-\\[2px\\]::after {\n content: var(--tw-content);\n left: 2px;\n}\n\n.after\\:top-\\[2px\\]::after {\n content: var(--tw-content);\n top: 2px;\n}\n\n.after\\:h-5::after {\n content: var(--tw-content);\n height: 1.25rem;\n}\n\n.after\\:w-5::after {\n content: var(--tw-content);\n width: 1.25rem;\n}\n\n.after\\:rounded-full::after {\n content: var(--tw-content);\n border-radius: 9999px;\n}\n\n.after\\:border::after {\n content: var(--tw-content);\n border-width: 1px;\n}\n\n.after\\:border-gray-300::after {\n content: var(--tw-content);\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\n\n.after\\:bg-white::after {\n content: var(--tw-content);\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.after\\:transition-all::after {\n content: var(--tw-content);\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.after\\:content-\\[\\'\\'\\]::after {\n --tw-content: '';\n content: var(--tw-content);\n}\n\n.focus-within\\:border-gray-200:focus-within {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\n\n.focus-within\\:bg-white:focus-within {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.focus-within\\:shadow-md:focus-within {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.hover\\:border-blue-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:border-gray-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:border-gray-400:hover {\n --tw-border-opacity: 1;\n border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:border-primary:hover {\n border-color: var(--color-primary);\n}\n\n.hover\\:border-purple-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:border-purple-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:bg-accent:hover {\n background-color: var(--color-accent);\n}\n\n.hover\\:bg-black\\/5:hover {\n background-color: rgb(0 0 0 / 0.05);\n}\n\n.hover\\:bg-black\\/60:hover {\n background-color: rgb(0 0 0 / 0.6);\n}\n\n.hover\\:bg-blue-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-blue-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-gray-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-gray-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-gray-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-gray-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-green-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-green-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-primary:hover {\n background-color: var(--color-primary);\n}\n\n.hover\\:bg-primary-hover:hover {\n background-color: var(--color-primary-hover);\n}\n\n.hover\\:bg-red-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-red-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-red-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-white\\/80:hover {\n background-color: rgb(255 255 255 / 0.8);\n}\n\n.hover\\:text-accent:hover {\n color: var(--color-accent);\n}\n\n.hover\\:text-black:hover {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-blue-600:hover {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-blue-800:hover {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-gray-600:hover {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-gray-700:hover {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-gray-800:hover {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-gray-900:hover {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-green-600:hover {\n --tw-text-opacity: 1;\n color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-green-800:hover {\n --tw-text-opacity: 1;\n color: rgb(22 101 52 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-primary:hover {\n color: var(--color-primary);\n}\n\n.hover\\:text-purple-800:hover {\n --tw-text-opacity: 1;\n color: rgb(107 33 168 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-red-500:hover {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-red-600:hover {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-red-700:hover {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-red-800:hover {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-white:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:underline:hover {\n text-decoration-line: underline;\n}\n\n.hover\\:opacity-100:hover {\n opacity: 1;\n}\n\n.hover\\:opacity-90:hover {\n opacity: 0.9;\n}\n\n.hover\\:shadow-lg:hover {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.hover\\:shadow-md:hover {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:border-blue-500:focus {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));\n}\n\n.focus\\:border-gray-400:focus {\n --tw-border-opacity: 1;\n border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\n\n.focus\\:shadow-none:focus {\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus\\:\\!ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;\n}\n\n.focus\\:ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-1:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-blue-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));\n}\n\n.focus-visible\\:outline-none:focus-visible {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus-visible\\:ring-2:focus-visible {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus-visible\\:ring-offset-2:focus-visible {\n --tw-ring-offset-width: 2px;\n}\n\n.active\\:scale-95:active {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.disabled\\:pointer-events-none:disabled {\n pointer-events: none;\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n\n.disabled\\:bg-gray-300:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\n\n.disabled\\:bg-gray-50:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\n\n.disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\n\n.group:hover .group-hover\\:visible {\n visibility: visible;\n}\n\n.group:hover .group-hover\\:scale-105 {\n --tw-scale-x: 1.05;\n --tw-scale-y: 1.05;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:scale-110 {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:bg-black\\/20 {\n background-color: rgb(0 0 0 / 0.2);\n}\n\n.group:hover .group-hover\\:bg-black\\/30 {\n background-color: rgb(0 0 0 / 0.3);\n}\n\n.group:hover .group-hover\\:opacity-100 {\n opacity: 1;\n}\n\n.peer:checked ~ .peer-checked\\:bg-blue-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));\n}\n\n.peer:checked ~ .peer-checked\\:bg-green-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));\n}\n\n.peer:checked ~ .peer-checked\\:after\\:translate-x-full::after {\n content: var(--tw-content);\n --tw-translate-x: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.peer:checked ~ .peer-checked\\:after\\:border-white::after {\n content: var(--tw-content);\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.peer:focus ~ .peer-focus\\:outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.peer:focus ~ .peer-focus\\:ring-4 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.peer:focus ~ .peer-focus\\:ring-blue-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));\n}\n\n.peer:focus ~ .peer-focus\\:ring-green-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1));\n}\n\n@media (min-width: 640px) {\n\n .sm\\:mb-6 {\n margin-bottom: 1.5rem;\n }\n\n .sm\\:ml-6 {\n margin-left: 1.5rem;\n }\n\n .sm\\:mr-6 {\n margin-right: 1.5rem;\n }\n\n .sm\\:mt-6 {\n margin-top: 1.5rem;\n }\n\n .sm\\:block {\n display: block;\n }\n\n .sm\\:max-w-md {\n max-width: 28rem;\n }\n\n .sm\\:columns-3 {\n -moz-columns: 3;\n columns: 3;\n }\n\n .sm\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .sm\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .sm\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .sm\\:flex-row {\n flex-direction: row;\n }\n\n .sm\\:items-center {\n align-items: center;\n }\n\n .sm\\:rounded-md {\n border-radius: 0.375rem;\n }\n\n .sm\\:px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px) {\n\n .md\\:flex {\n display: flex;\n }\n\n .md\\:columns-4 {\n -moz-columns: 4;\n columns: 4;\n }\n\n .md\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .md\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .md\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .md\\:grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n\n .md\\:flex-row {\n flex-direction: row;\n }\n}\n\n@media (min-width: 1024px) {\n\n .lg\\:col-span-2 {\n grid-column: span 2 / span 2;\n }\n\n .lg\\:grid-cols-11 {\n grid-template-columns: repeat(11, minmax(0, 1fr));\n }\n\n .lg\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .lg\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .lg\\:grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n\n .lg\\:px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n\n .dark\\:border-green-600 {\n --tw-border-opacity: 1;\n border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));\n }\n\n .dark\\:border-red-500 {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\n }\n\n .dark\\:border-red-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n }\n\n .dark\\:bg-green-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));\n }\n\n .dark\\:bg-green-950\\/30 {\n background-color: rgb(5 46 22 / 0.3);\n }\n\n .dark\\:bg-red-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));\n }\n\n .dark\\:bg-red-950\\/30 {\n background-color: rgb(69 10 10 / 0.3);\n }\n\n .dark\\:text-green-100 {\n --tw-text-opacity: 1;\n color: rgb(220 252 231 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:text-green-200 {\n --tw-text-opacity: 1;\n color: rgb(187 247 208 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:text-green-400 {\n --tw-text-opacity: 1;\n color: rgb(74 222 128 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:text-red-100 {\n --tw-text-opacity: 1;\n color: rgb(254 226 226 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:text-red-200 {\n --tw-text-opacity: 1;\n color: rgb(254 202 202 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:text-red-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:text-red-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:hover\\:bg-gray-800:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n }\n\n .dark\\:hover\\:bg-green-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));\n }\n\n .dark\\:hover\\:bg-red-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n }\n\n .dark\\:hover\\:bg-red-900\\/30:hover {\n background-color: rgb(127 29 29 / 0.3);\n }\n\n .dark\\:hover\\:text-gray-300:hover {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:hover\\:text-green-400:hover {\n --tw-text-opacity: 1;\n color: rgb(74 222 128 / var(--tw-text-opacity, 1));\n }\n\n .dark\\:hover\\:text-red-400:hover {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n }\n}\n\n.\\[\\&\\:has\$\\[role\\=checkbox\\]\$\\]\\:pr-0:has([role=checkbox]) {\n padding-right: 0px;\n}\n\n",[],[177,496,513],"330ddc1e-fad2-11f0-a4d3-42dde27851f2","330ddcc8-fad2-11f0-a4d3-42dde27851f2",53,["D",1769444115501],"{\n \"name\": \"@prague/styles\",\n \"version\": \"1.0.0\",\n \"exports\": {\n \".\": \"./theme.css\",\n \"./themes/*\": \"./themes/*\",\n \"./tokens/*\": \"./tokens/*\"\n },\n \"tasks\": {\n \"build\": \"deno run -A build.ts\"\n }\n}\n",[],[177,496,163],"331b1df2-fad2-11f0-a956-42dde27851f2","config.js","331b1f1e-fad2-11f0-a956-42dde27851f2",54,["D",1769444115581],"// Design theme configuration\n// ============================================================\n// THEME SWITCHING: Comment/uncomment the import below to switch themes\n// This should match the theme selected in theme.scss\n// ============================================================\n\n// DEFAULT THEME (uncomment this, comment out others)\n// import * as activeTheme from './themes/default/config.js';\n\n// GROQ THEME (uncomment this, comment out others)\nimport * as activeTheme from './themes/groq/config.js';\n\n// RETRO THEME (create retro/config.js first)\n// import * as activeTheme from './themes/retro/config.js';\n\n// STARTUP THEME (create startup/config.js first)\n// import * as activeTheme from './themes/startup/config.js';\n\n// LUMA THEME (create luma/config.js first)\n// import * as activeTheme from './themes/luma/config.js';\n\n// ============================================================\n// Re-export theme data for direct access\n// ============================================================\nexport const themeName = activeTheme.themeName;\nexport const themeDescription = activeTheme.themeDescription;\nexport const typography = activeTheme.typography;\nexport const customColors = activeTheme.customColors;\nexport const semanticColors = activeTheme.semanticColors;\nexport const tailwindExtend = activeTheme.tailwindExtend;\nexport const themeConfig = activeTheme.themeConfig;\n\n// ============================================================\n// Generate Tailwind config script tag from theme data\n// ============================================================\nfunction generateTailwindScript() {\n // Build the color palette entries for Tailwind\n const colorEntries = Object.entries(customColors).map(([key, value]) => {\n return \" '\" + key + \"': window.themeConfig.customColors['\" + key + \"'].palette\";\n }).join(',\\n');\n\n // Build the themeConfig object as a string\n const themeConfigStr = JSON.stringify({\n typography: typography,\n customColors: customColors,\n semanticColors: semanticColors\n }, null, 2);\n\n // Build the complete script\n const script = '\\n';\n\n return script;\n}\n\n// Export the generated tailwind styles\nexport const tailwindStyles = generateTailwindScript();\n\n// Load the compiled theme CSS\nexport async function getStyles() {\n const baseUrl = new URL('.', import.meta.url);\n const cssUrl = new URL('./theme.css', baseUrl);\n const cssPath = cssUrl.protocol === 'file:' ? cssUrl.pathname : cssUrl.href;\n \n const baseCss = await Deno.readTextFile(cssPath);\n \n return {\n tailwind: tailwindStyles,\n baseCss: baseCss\n };\n}\n",[],[177,496,528],"31741846-fad2-11f0-b5d3-42dde27851f2","tokens","317418e6-fad2-11f0-b5d3-42dde27851f2",20,["D",1769444112815],[],[177,496,536],"323f2b62-fad2-11f0-b910-42dde27851f2","startup","323f2cc0-fad2-11f0-b910-42dde27851f2","315b0c66-fad2-11f0-b5d3-42dde27851f2",28,["D",1769444114148],[],[177,496,550,543],"themes","322b1b5e-fad2-11f0-b910-42dde27851f2","retro","322b1c30-fad2-11f0-b910-42dde27851f2",27,["D",1769444114015],[],[177,496,550,552],"3344c44a-fad2-11f0-b487-42dde27851f2","3344c4f4-fad2-11f0-b487-42dde27851f2","31c54040-fad2-11f0-a7d7-42dde27851f2",59,["D",1769444115863],"/* ===================================\n Luma Theme - Event Platform Style\n Based on Lu.ma's clean, modern event platform aesthetic\n Font: System UI, Primary: Dark, Accent: Coral Red\n =================================== */\n\n.theme-scope {\n /* ===================================\n Base Theme Override\n =================================== */\n --font-family-sans: -apple-system, \"system-ui\", Inter, Roboto, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\n \n font-family: var(--font-family-sans);\n background-color: #ffffff;\n color: #131517;\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n \n /* ===================================\n Luma Color Palette\n =================================== */\n \n /* Primary = Dark/Black (main buttons, text) */\n --color-primary: #131517;\n --color-primary-hover: #2a2d30;\n --color-primary-active: #0a0b0c;\n --color-primary-dark: #000000;\n --color-primary-light: #f7f8f9;\n --color-primary-lighter: #f1f5f9;\n --color-primary-lightest: #e2e8f0;\n --color-primary-ring: rgba(19, 21, 23, 0.2);\n \n /* Accent = Luma Coral/Red (CTAs, highlights, brand) */\n --color-accent: #e54d2e;\n --color-accent-hover: #d4401f;\n --color-accent-light: #ff6b4a;\n \n /* CTA uses the accent color */\n --color-cta: #e54d2e;\n --color-cta-hover: #d4401f;\n \n /* Text Colors */\n --color-text-primary: #131517;\n --color-text-secondary: rgba(19, 21, 23, 0.64);\n --color-text-muted: #94a3b8;\n --color-text-neutral: #475569;\n --color-text-neutral-dark: #334155;\n --color-text-on-dark: #ffffff;\n --color-text-on-dark-muted: rgba(255, 255, 255, 0.85);\n \n /* Backgrounds */\n --color-bg-primary: #ffffff;\n --color-bg-secondary: #f8fafc;\n --color-bg-muted: #f1f5f9;\n --color-bg-light: #f7f8f9;\n --color-bg-dark: #131517;\n --color-bg-hover: #e2e8f0;\n \n /* Borders */\n --color-border: #e2e8f0;\n --color-border-light: #f1f5f9;\n --color-border-tab: #e4e4e7;\n \n /* Semantic Colors */\n --color-success: #22c55e;\n --color-success-light: #dcfce7;\n --color-success-dark: #166534;\n \n --color-warning: #f59e0b;\n --color-warning-light: #fef3c7;\n --color-warning-dark: #92400e;\n \n --color-danger: #ef4444;\n --color-danger-light: #fee2e2;\n --color-danger-dark: #b91c1c;\n \n --color-info: #0ea5e9;\n --color-info-light: #e0f2fe;\n --color-info-dark: #075985;\n \n /* Utility Colors */\n --color-white: #ffffff;\n --color-gray-300: #d1d5db;\n --color-gray-400: #9ca3af;\n \n /* ===================================\n Border Radius - Luma uses generous rounding\n =================================== */\n --radius-sm: 0.25rem; /* 4px */\n --radius-md: 0.5rem; /* 8px */\n --radius-lg: 0.75rem; /* 12px */\n --radius-xl: 1rem; /* 16px */\n --radius-2xl: 1.25rem; /* 20px */\n --radius-full: 9999px;\n \n /* Component-specific radii */\n --radius-button: 0.75rem; /* 12px - Luma uses larger button radii */\n --radius-input: 0.75rem; /* 12px */\n --radius-card: 0.75rem; /* 12px */\n --radius-badge: 9999px; /* Pill badges */\n --radius-dropdown: 0.5rem; /* 8px */\n --radius-tab: 0.5rem; /* 8px */\n --radius-toast: 0.75rem; /* 12px */\n \n /* ===================================\n Shadows - Soft and subtle\n =================================== */\n --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);\n --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\n --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);\n --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);\n --shadow-2xl: 0 20px 60px rgba(0, 0, 0, 0.2);\n --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);\n --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.1);\n --shadow-toast: 0 8px 32px rgba(0, 0, 0, 0.12);\n \n /* ===================================\n Typography\n =================================== */\n h1, h2, h3, h4, h5, h6,\n .text-h1, .text-h2, .text-h3 {\n font-family: var(--font-family-sans);\n font-weight: 600;\n color: var(--color-text-primary);\n letter-spacing: -0.02em;\n line-height: 1.2;\n }\n \n h1, .text-h1 { \n font-size: 2.5rem; \n font-weight: 700;\n }\n \n h2, .text-h2 { \n font-size: 1.875rem; \n font-weight: 700;\n }\n \n h3, .text-h3 { \n font-size: 1.25rem; \n font-weight: 600;\n }\n \n /* Links - subtle, no underline by default */\n a, .link {\n color: var(--color-text-primary);\n text-decoration: none;\n transition: color 0.2s ease;\n \n &:hover {\n color: var(--color-text-neutral);\n text-decoration: none;\n }\n }\n \n /* ===================================\n Buttons - Luma Style\n =================================== */\n .btn-primary {\n background-color: var(--color-primary);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n padding: 0.75rem 1.5rem;\n font-size: 1rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-primary-hover);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n \n &:active {\n transform: translateY(0);\n }\n }\n \n .btn-secondary {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.75rem 1.5rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-hover);\n }\n }\n \n .btn-tertiary {\n background-color: transparent;\n color: var(--color-text-neutral);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.75rem 1.5rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n }\n \n .btn-ghost {\n background-color: transparent;\n color: var(--color-text-muted);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.5rem 1rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral);\n }\n }\n \n /* Accent button (uses Luma coral) */\n .btn-accent, .btn-cta {\n background-color: var(--color-accent);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n padding: 0.875rem 1.5rem;\n font-size: 1rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-accent-hover);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n }\n \n .btn-danger {\n background-color: var(--color-danger);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n \n &:hover {\n background-color: var(--color-danger-dark);\n }\n }\n \n .btn-success {\n background-color: var(--color-success);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n \n &:hover {\n background-color: var(--color-success-dark);\n }\n }\n \n /* ===================================\n Cards - Clean with subtle shadow\n =================================== */\n .card {\n background-color: var(--color-bg-primary);\n border: none;\n border-radius: var(--radius-card);\n box-shadow: var(--shadow-card);\n transition: box-shadow 0.2s ease;\n \n &:hover {\n box-shadow: var(--shadow-md);\n }\n }\n \n .card-title {\n font-weight: 600;\n color: var(--color-text-primary);\n font-size: 1.125rem;\n }\n \n /* ===================================\n Forms - Rounded, clean inputs\n =================================== */\n input[type=text],\n input[type=email],\n input[type=password],\n input[type=number],\n input[type=url],\n input[type=search],\n input[type=tel],\n textarea,\n .form-input {\n background-color: var(--color-bg-muted);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n padding: 0.75rem 1rem;\n font-family: var(--font-family-sans);\n font-size: 1rem;\n color: var(--color-text-primary);\n transition: all 0.2s ease;\n \n &::placeholder {\n color: var(--color-text-muted);\n }\n \n &:focus {\n background-color: var(--color-bg-primary);\n border-color: var(--color-primary);\n outline: none;\n box-shadow: 0 0 0 3px var(--color-primary-ring);\n }\n }\n \n select, .form-select {\n background-color: var(--color-bg-muted);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n padding: 0.75rem 1rem;\n font-family: var(--font-family-sans);\n font-size: 1rem;\n color: var(--color-text-primary);\n \n &:focus {\n border-color: var(--color-primary);\n outline: none;\n box-shadow: 0 0 0 3px var(--color-primary-ring);\n }\n }\n \n label, .form-label {\n color: var(--color-text-primary);\n font-weight: 600;\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n \n /* ===================================\n Badges - Pill style\n =================================== */\n .badge {\n border-radius: var(--radius-badge);\n font-weight: 600;\n font-size: 0.75rem;\n padding: 0.25rem 0.75rem;\n }\n \n .badge-success {\n background-color: var(--color-success-light);\n color: var(--color-success-dark);\n }\n \n .badge-danger {\n background-color: var(--color-danger-light);\n color: var(--color-danger-dark);\n }\n \n .badge-warning {\n background-color: var(--color-warning-light);\n color: var(--color-warning-dark);\n }\n \n .badge-info {\n background-color: var(--color-info-light);\n color: var(--color-info-dark);\n }\n \n /* ===================================\n Tabs - Rounded pill style\n =================================== */\n .tabs-list {\n background-color: var(--color-bg-muted);\n border-radius: var(--radius-lg);\n padding: 0.25rem;\n }\n \n .tab-trigger {\n border-radius: var(--radius-md);\n font-weight: 500;\n color: var(--color-text-muted);\n background: transparent;\n border: none;\n padding: 0.5rem 1rem;\n transition: all 0.15s ease;\n \n &:hover:not(.active):not([data-state=\"active\"]) {\n color: var(--color-text-primary);\n background-color: rgba(0, 0, 0, 0.03);\n }\n \n &.active,\n &[data-state=\"active\"] {\n background-color: var(--color-bg-primary);\n color: var(--color-text-primary);\n box-shadow: var(--shadow-sm);\n }\n }\n \n /* ===================================\n Dropdowns - Clean and rounded\n =================================== */\n .dropdown-menu {\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-dropdown);\n box-shadow: var(--shadow-dropdown);\n padding: 0.25rem;\n }\n \n .dropdown-item {\n border-radius: var(--radius-md);\n color: var(--color-text-neutral);\n font-weight: 500;\n padding: 0.5rem 0.75rem;\n transition: all 0.15s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n }\n \n /* ===================================\n Alerts/Callouts\n =================================== */\n .alert, .callout {\n border-radius: var(--radius-lg);\n padding: 1rem 1.25rem;\n border: none;\n }\n \n .alert-success, .callout-success {\n background-color: var(--color-success-light);\n color: var(--color-success-dark);\n }\n \n .alert-danger, .callout-danger, .alert-destructive {\n background-color: var(--color-danger-light);\n color: var(--color-danger-dark);\n }\n \n .alert-warning, .callout-warning {\n background-color: var(--color-warning-light);\n color: var(--color-warning-dark);\n }\n \n .alert-info, .callout-info {\n background-color: var(--color-info-light);\n color: var(--color-info-dark);\n }\n \n /* ===================================\n Toast\n =================================== */\n .toast {\n background-color: var(--color-bg-primary);\n border-radius: var(--radius-toast);\n box-shadow: var(--shadow-toast);\n border: 1px solid var(--color-border);\n }\n \n /* ===================================\n Avatars - Circular\n =================================== */\n .avatar {\n border-radius: var(--radius-full);\n border: 2px solid var(--color-bg-primary);\n box-shadow: var(--shadow-sm);\n }\n \n /* ===================================\n Tables - Clean lines\n =================================== */\n table {\n border-radius: var(--radius-lg);\n overflow: hidden;\n }\n \n th {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n font-weight: 600;\n border-bottom: 1px solid var(--color-border);\n }\n \n td {\n border-bottom: 1px solid var(--color-border);\n }\n \n tr:last-child td {\n border-bottom: none;\n }\n \n /* ===================================\n Accordions\n =================================== */\n .accordion-group {\n border-radius: var(--radius-lg);\n // border: 1px solid var(--color-border);\n overflow: hidden;\n }\n \n .accordion-button {\n font-weight: 600;\n color: var(--color-text-primary);\n \n &:hover {\n background-color: var(--color-bg-muted);\n }\n }\n \n /* ===================================\n Toggle Groups\n =================================== */\n .toggle-group {\n background-color: var(--color-bg-muted);\n border-radius: var(--radius-lg);\n padding: 0.25rem;\n }\n \n .toggle-group-item {\n border-radius: var(--radius-md);\n color: var(--color-text-muted);\n font-weight: 500;\n \n &:hover:not(.active):not([data-state=\"on\"]) {\n color: var(--color-text-primary);\n }\n \n &.active,\n &[data-state=\"on\"] {\n background-color: var(--color-bg-primary);\n color: var(--color-text-primary);\n box-shadow: var(--shadow-sm);\n }\n }\n \n /* ===================================\n Utility Classes\n =================================== */\n .text-accent { color: var(--color-accent); }\n .text-primary { color: var(--color-text-primary); }\n .text-muted { color: var(--color-text-muted); }\n .text-on-dark { color: var(--color-text-on-dark); }\n \n .bg-muted { background-color: var(--color-bg-muted); }\n .bg-secondary { background-color: var(--color-bg-secondary); }\n .bg-dark { \n background-color: var(--color-bg-dark); \n color: var(--color-text-on-dark);\n }\n \n .border-accent { border-color: var(--color-accent); }\n}\n\n",[],[177,496,550,566,32],"luma","31c53fa0-fad2-11f0-a7d7-42dde27851f2",23,["D",1769444113329],[263],[177,496,550,566],"31f7f2b0-fad2-11f0-b76d-42dde27851f2","groq","31f7f36e-fad2-11f0-b76d-42dde27851f2",25,["D",1769444113680],[],[177,496,550,573],"3215adaa-fad2-11f0-a4d3-42dde27851f2","default","3215ae54-fad2-11f0-a4d3-42dde27851f2",26,["D",1769444113874],[],[177,496,550,580],"3348ac36-fad2-11f0-92fd-42dde27851f2","31dedbae-fad2-11f0-92fd-42dde27851f2",["D",1769444115875],[],[177,496,550,591,32],"cursor","31dedadc-fad2-11f0-92fd-42dde27851f2",24,["D",1769444113503],[259],[177,496,550,591],"3337dbcc-fad2-11f0-a988-42dde27851f2","3337de06-fad2-11f0-a988-42dde27851f2","31a68c4a-fad2-11f0-be3e-42dde27851f2",58,["D",1769444115772],"/* ===================================\n Corporate Theme - YC / Hacker News Style\n Utilitarian, high-density, \"boring\" corporate startup aesthetic\n =================================== */\n\n.theme-scope {\n /* ===================================\n Base Theme Override\n =================================== */\n font-family: Verdana, Geneva, sans-serif;\n background-color: #f6f6ef; /* YC Beige */\n color: #000000;\n line-height: 1.4;\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n \n /* YC Color Palette */\n --color-primary: #ff6600;\n --color-primary-hover: #e65c00;\n --color-primary-active: #cc5200;\n --color-primary-dark: #b34700;\n --color-primary-light: #ffcc99;\n --color-primary-lighter: #ffe6cc;\n --color-primary-lightest: #fff2e6;\n --color-primary-ring: rgba(255, 102, 0, 0.3);\n \n /* Text Colors - High Contrast */\n --color-text-primary: #000000;\n --color-text-secondary: #828282; /* HN Gray */\n --color-text-muted: #999999;\n --color-text-neutral: #666666;\n \n /* Backgrounds */\n --color-bg-primary: #f6f6ef;\n --color-bg-secondary: #ffffff;\n --color-bg-muted: #efefef;\n --color-bg-light: #fbfbfb;\n --color-bg-hover: #e6e6e6;\n --color-bg-active: #dcdcdc;\n \n /* Borders */\n --color-border: #dcdcdc;\n --color-border-light: #ebebeb;\n \n /* Semantic Colors */\n --color-success: #008000; /* Standard Green */\n --color-success-light: #e6ffe6;\n --color-success-dark: #006600;\n --color-warning: #ffcc00;\n --color-warning-light: #ffffe0;\n --color-warning-dark: #cc9900;\n --color-danger: #cc0000;\n --color-danger-light: #ffe6e6;\n --color-danger-dark: #990000;\n --color-info: #0000ff; /* Standard Link Blue */\n --color-info-light: #e6e6ff;\n --color-info-dark: #0000cc;\n \n /* Utilitarian Radii (mostly square) */\n --radius-sm: 0;\n --radius-md: 0;\n --radius-lg: 0;\n --radius-xl: 0;\n --radius-2xl: 0;\n --radius-button: 0;\n --radius-card: 0;\n \n /* Typography */\n --text-h1: 1.5rem;\n --text-h2: 1.25rem;\n --text-h3: 1.1rem;\n --leading-tight: 1.2;\n \n /* Spacing */\n --space-btn-x: 0.5rem;\n --space-btn-y: 0.25rem;\n --space-card-padding: 1rem;\n \n /* No Shadows - Flat Design */\n --shadow-card: none;\n --shadow-hover: none;\n --shadow-dropdown: 0 2px 4px rgba(0,0,0,0.2);\n \n /* ===================================\n Typography\n =================================== */\n h1, h2, h3, h4, h5, h6,\n .text-h1, .text-h2, .text-h3 {\n font-family: Verdana, Geneva, sans-serif;\n font-weight: 700;\n color: #000000;\n margin-top: 1em;\n margin-bottom: 0.5em;\n }\n \n h1, .text-h1 { font-size: 1.5rem; }\n h2, .text-h2 { font-size: 1.25rem; }\n h3, .text-h3 { font-size: 1.1rem; }\n \n p {\n font-size: 10pt;\n margin-bottom: 1em;\n color: #000000;\n }\n \n a, .link {\n color: #000000;\n text-decoration: none;\n \n &:hover {\n text-decoration: underline;\n }\n \n &.link-blue {\n color: #0000ff;\n }\n }\n \n .fine-print, .text-xs {\n font-size: 8pt;\n color: #828282;\n }\n \n code:not(pre code), .code-inline {\n font-family: monospace;\n font-size: 9pt;\n background-color: #efefef;\n padding: 0 3px;\n }\n \n pre, .code-block {\n font-family: monospace;\n font-size: 9pt;\n background-color: #f6f6ef;\n border: 1px solid #dcdcdc;\n padding: 10px;\n overflow-x: auto;\n }\n \n hr {\n border: none;\n border-top: 1px solid #dcdcdc;\n margin: 1rem 0;\n }\n \n /* ===================================\n Layout & Components\n =================================== */\n \n /* Top Bar / Header */\n .header, header {\n background-color: #ff6600;\n padding: 2px;\n color: #000000;\n \n a {\n color: #000000;\n font-weight: bold;\n }\n }\n \n /* Cards */\n .card, .app-card {\n background-color: #f6f6ef;\n border: none;\n padding: 0;\n margin-bottom: 1rem;\n }\n \n .card-title, .app-title {\n font-size: 1.1rem;\n font-weight: bold;\n color: #000000;\n margin-bottom: 0.5rem;\n }\n \n .app-card-content {\n background-color: #f6f6ef;\n }\n \n /* Buttons - Simple & Ugly */\n .btn-primary, .action-btn {\n background-color: #efefef;\n color: #000000;\n border: 1px solid #828282;\n font-family: Verdana, Geneva, sans-serif;\n font-size: 10pt;\n font-weight: normal;\n cursor: pointer;\n padding: 2px 6px;\n \n &:hover {\n border-color: #000000;\n }\n }\n \n .btn-secondary {\n background-color: transparent;\n color: #828282;\n border: none;\n text-decoration: underline;\n font-size: 9pt;\n cursor: pointer;\n \n &:hover {\n color: #000000;\n }\n }\n \n /* Forms - Utilitarian */\n input[type=text],\n input[type=email],\n input[type=password],\n textarea,\n .form-input {\n font-family: monospace;\n font-size: 10pt;\n border: 1px solid #828282;\n background-color: #ffffff;\n padding: 2px;\n color: #000000;\n \n &:focus {\n outline: none;\n border-color: #ff6600;\n }\n }\n \n label, .form-label {\n font-family: Verdana, Geneva, sans-serif;\n font-size: 10pt;\n color: #828282;\n margin-bottom: 2px;\n }\n \n /* Tables - High Density */\n table, .app-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 10pt;\n background-color: #f6f6ef;\n }\n \n th {\n text-align: left;\n color: #828282;\n font-weight: normal;\n padding: 4px 8px;\n }\n \n td {\n padding: 4px 8px;\n color: #000000;\n vertical-align: top;\n }\n \n tr:nth-child(even) {\n background-color: #f6f6ef;\n }\n \n /* Lists - Numbered/Bulleted */\n ol {\n list-style-type: decimal;\n padding-left: 20px;\n color: #828282;\n \n li {\n margin-bottom: 4px;\n \n &::marker {\n color: #828282;\n }\n }\n }\n \n /* Badges - Minimal Text */\n .badge {\n border: 1px solid #828282;\n background: transparent;\n color: #828282;\n font-size: 8pt;\n padding: 0 4px;\n }\n \n .badge-success { border-color: #008000; color: #008000; }\n .badge-danger { border-color: #cc0000; color: #cc0000; }\n .badge-warning { border-color: #cc9900; color: #cc9900; }\n .badge-info { border-color: #0000ff; color: #0000ff; }\n \n /* Playground Overrides */\n :root {\n --playground-bg: #f6f6ef;\n --playground-text: #000000;\n --playground-text-muted: #828282;\n --playground-surface: #f6f6ef;\n --playground-surface-hover: #efefef;\n --playground-border: #dcdcdc;\n --playground-border-hover: #828282;\n --playground-radius: 0;\n --playground-focus-ring: rgba(255, 102, 0, 0.3);\n --playground-font: Verdana, Geneva, sans-serif;\n }\n}\n",[],[177,496,550,605,32],"corporate","31a68bbe-fad2-11f0-be3e-42dde27851f2",22,["D",1769444113151],[257],[177,496,550,605],"315b0b94-fad2-11f0-b5d3-42dde27851f2",19,["D",1769444112651],[256,258,260,261,262,264,265],[177,496,550],"30fac798-fad2-11f0-b5d3-42dde27851f2",16,["D",1769444112020],[255,266,267,268,269,270,271,272],[177,496],["D",1769444109702],[254,273,274],[177],"311251f6-fad2-11f0-b5d3-42dde27851f2","images","311252be-fad2-11f0-b5d3-42dde27851f2",17,["D",1769444112174],[],[183,625],["D",1769444110321],[252],[183],"31946cfe-fad2-11f0-be3e-42dde27851f2","commands","31946dd0-fad2-11f0-be3e-42dde27851f2","313a71fe-fad2-11f0-b5d3-42dde27851f2",21,["D",1769444113031],[],[189,642,635],"cli","313a70fa-fad2-11f0-b5d3-42dde27851f2",18,["D",1769444112435],[250],[189,642],["D",1769444110911],[249],[189],["D",1769444110519],[],[195],"3252bcb8-fad2-11f0-b23b-42dde27851f2",".gitignore","3252be2a-fad2-11f0-b23b-42dde27851f2",29,["D",1769444114276],"# Ignore saved workout files (personal favorites)\n*.json\n!.gitkeep\n",[],[201,655],["D",1769444109141],[246],[201],["D",1769444109899],[],[207],["D",1769444110720],[],[213],"32851df2-fad2-11f0-a4d3-42dde27851f2","randomization-integration.md","32851e88-fad2-11f0-a4d3-42dde27851f2",34,["D",1769444114602],"# Randomization Integration Plan\n\n## Current System (CLI)\n\nThe CLI already has a sophisticated randomization system:\n\n```\nexercises/ (310+ JSON files)\n → catalogued by type, muscles, equipment, tags, challenge\n\nworkouts/*.json (workout templates)\n → sets with criteria-based exercise selection\n → set.randomize = true → shuffle exercise order\n → set.poolSize → limit candidate pool\n\nsrc/cli/generator.ts\n → matchesCriteria() - matches exercises to criteria\n → selectExercise() - picks random from matching pool\n → generateWorkout() - resolves criteria → actual exercises\n\nCLI commands:\n deno task wod:gen --workout=random-4-barre\n deno task wod:random --routine=barre --freeze --save=my-barre\n```\n\n## The Gap\n\nThe web UI currently:\n1. Loads pre-generated static JSON (frozen workouts)\n2. No way to re-randomize in the browser\n3. Doesn't use the criteria-based template system\n\n## Solution: Port Generator to Browser\n\nSince `generator.ts` has no Deno-specific APIs, we can port it to run in the browser.\n\n### Architecture\n\n```\nStatic Files (served by Deno):\n├── /exercises/index.json ← NEW: All exercises in one file\n├── /workouts/**/*.json ← Existing templates with criteria\n├── /progressions/*.json ← Optional: progression chains\n\nBrowser (Alpine.js):\n├── loadExercisesCatalogue() ← Fetch exercises index\n├── generateWorkout() ← Ported from generator.ts\n├── shuffleSet(setId) ← Re-run generator for specific set\n└── shuffleWorkout() ← Re-run entire workout\n```\n\n---\n\n## Implementation Steps\n\n### Phase 1: Create Static Exercises Index\n\nCreate a single JSON file with all exercises for browser loading.\n\n**New file: `/static/exercises.json`**\n\n```bash\n# Build script to concatenate all exercises into one file\ndeno task build:exercises\n```\n\n```typescript\n// scripts/build-exercises.ts\nimport { walk } from \"@std/fs\";\nimport { exerciseSchema } from \"../src/schemas.ts\";\n\nconst exercises = [];\nfor await (const entry of walk(\"./exercises\", { exts: [\".json\"] })) {\n const data = JSON.parse(await Deno.readTextFile(entry.path));\n exercises.push(exerciseSchema.parse(data));\n}\nawait Deno.writeTextFile(\"./static/exercises.json\", JSON.stringify(exercises));\n```\n\n### Phase 2: Port Generator to Browser\n\nCreate a browser-compatible version of the generator.\n\n**New file: `/static/generator.js`**\n\n```javascript\n// Ported from src/cli/generator.ts - no Deno APIs\n\nfunction matchesCriteria(exercise, criteria) {\n if (criteria.exerciseId) {\n return exercise.id === criteria.exerciseId;\n }\n if (criteria.types?.length > 0) {\n if (!criteria.types.includes(exercise.type)) return false;\n }\n if (criteria.muscles?.length > 0) {\n if (!criteria.muscles.some(m => exercise.muscles.includes(m))) return false;\n }\n if (criteria.tags?.length > 0) {\n if (!criteria.tags.some(t => exercise.tags.includes(t))) return false;\n }\n if (criteria.equipment?.length > 0) {\n if (!criteria.equipment.some(e => exercise.equipment.includes(e))) return false;\n }\n if (criteria.excludeTags?.length > 0) {\n if (criteria.excludeTags.some(t => exercise.tags.includes(t))) return false;\n }\n if (criteria.challengeId) {\n if (!exercise.challenge || exercise.challenge.id !== criteria.challengeId) return false;\n }\n return true;\n}\n\nfunction selectExercise(exercises, criteria, used, poolSize) {\n let candidates = exercises.filter(e => matchesCriteria(e, criteria));\n\n if (poolSize && candidates.length > poolSize) {\n candidates = shuffle(candidates).slice(0, poolSize);\n }\n\n const unused = candidates.filter(e => !used.has(e.id));\n if (unused.length > 0) {\n const selected = unused[Math.floor(Math.random() * unused.length)];\n used.add(selected.id);\n return selected;\n }\n\n if (candidates.length > 0) {\n return candidates[Math.floor(Math.random() * candidates.length)];\n }\n return null;\n}\n\nfunction shuffle(array) {\n return [...array].sort(() => Math.random() - 0.5);\n}\n\nfunction generateWorkout(workout, exercises) {\n const sets = workout.sets.map(set => {\n if (set.type !== 'exercises' || !set.exercises) {\n return set;\n }\n\n const used = new Set();\n const generatedExercises = (set.randomize ? shuffle(set.exercises) : set.exercises)\n .map(se => {\n const exercise = selectExercise(exercises, se.criteria, used, set.poolSize);\n if (exercise) {\n return {\n id: exercise.id,\n name: exercise.name,\n reps: se.reps,\n duration: se.duration,\n notes: se.notes,\n description: exercise.description,\n challengeDay: exercise.challenge?.day,\n };\n }\n return { id: 'unknown', name: `[No match]`, ...se };\n });\n\n return { ...set, generatedExercises };\n });\n\n return { ...workout, sets };\n}\n\nexport { generateWorkout, matchesCriteria, selectExercise };\n```\n\n### Phase 3: Update Alpine.js App\n\nAdd the generator and shuffle functionality.\n\n**Updates to `index.html`:**\n\n```javascript\nfunction routineStackApp() {\n return {\n // ... existing state ...\n exercisesCatalogue: [], // NEW: loaded exercises\n\n async init() {\n // ... existing init ...\n\n // Load exercises catalogue for randomization\n await this.loadExercisesCatalogue();\n },\n\n async loadExercisesCatalogue() {\n try {\n const res = await fetch('./static/exercises.json');\n if (res.ok) {\n this.exercisesCatalogue = await res.json();\n }\n } catch (e) {\n console.warn('Could not load exercises catalogue:', e);\n }\n },\n\n // Check if a set can be randomized\n isRandomizable(set) {\n return set.type === 'exercises' &&\n set.exercises?.some(e => !e.criteria?.exerciseId);\n },\n\n // Shuffle a specific set\n shuffleSet(setId) {\n if (!this.selectedWorkout || !this.exercisesCatalogue.length) return;\n\n const setIndex = this.selectedWorkout.sets.findIndex(s => s.id === setId);\n if (setIndex === -1) return;\n\n const set = this.selectedWorkout.sets[setIndex];\n const generated = generateSetExercises(\n set.exercises,\n this.exercisesCatalogue,\n true, // randomize\n set.poolSize\n );\n\n // Update the set with new exercises\n this.selectedWorkout.sets[setIndex] = {\n ...set,\n generatedExercises: generated,\n };\n },\n\n // Shuffle entire workout\n shuffleWorkout() {\n if (!this.selectedWorkout || !this.exercisesCatalogue.length) return;\n\n this.selectedWorkout = generateWorkout(\n this.selectedWorkout,\n this.exercisesCatalogue\n );\n },\n };\n}\n```\n\n### Phase 4: Update UI with Shuffle Buttons\n\nAdd shuffle buttons to randomizable sets and workouts.\n\n```html\n\n

\n \n

\n\n\n\n```\n\n---\n\n## Workout Template Example\n\nUpdate existing workout to use criteria-based selection:\n\n```json\n{\n \"id\": \"random-4-barre\",\n \"name\": \"Random 4 Barre\",\n \"description\": \"4 random exercises from the 100-Reps Challenge\",\n \"sets\": [\n {\n \"id\": \"random-selection\",\n \"name\": \"Today's Selection\",\n \"type\": \"exercises\",\n \"randomize\": true,\n \"poolSize\": 30,\n \"exercises\": [\n { \"criteria\": { \"challengeId\": \"100-reps-barre-leg-challenge\" }, \"reps\": 100 },\n { \"criteria\": { \"challengeId\": \"100-reps-barre-leg-challenge\" }, \"reps\": 100 },\n { \"criteria\": { \"challengeId\": \"100-reps-barre-leg-challenge\" }, \"reps\": 100 },\n { \"criteria\": { \"challengeId\": \"100-reps-barre-leg-challenge\" }, \"reps\": 100 }\n ]\n }\n ]\n}\n```\n\nWhen generated, this becomes:\n```json\n{\n \"generatedExercises\": [\n { \"id\": \"barre-squat-jump\", \"name\": \"Squat Jump\", \"reps\": 100, \"challengeDay\": 26 },\n { \"id\": \"barre-donkey-kick\", \"name\": \"Donkey Kick\", \"reps\": 100, \"challengeDay\": 17 },\n { \"id\": \"barre-bridge-single-leg\", \"name\": \"Single Leg Bridge\", \"reps\": 100, \"challengeDay\": 14 },\n { \"id\": \"barre-fire-hydrant\", \"name\": \"Fire Hydrant\", \"reps\": 100, \"challengeDay\": 12 }\n ]\n}\n```\n\n---\n\n## Files to Create/Modify\n\n### New Files:\n1. `static/exercises.json` - Concatenated exercises catalogue\n2. `static/generator.js` - Browser-compatible generator\n3. `scripts/build-exercises.ts` - Build script for exercises index\n\n### Modified Files:\n1. `deno.json` - Add `build:exercises` task\n2. `index.html` - Add generator, shuffle logic, shuffle buttons\n3. `styles/app.scss` - Add shuffle button styles\n\n### Optional Updates:\n1. `workouts/barre/random-4-barre.json` - Convert to criteria-based template\n2. Add more randomizable workout templates\n\n---\n\n## Benefits\n\n1. **Uses existing system** - No new schema, just ports CLI to browser\n2. **Progressive enhancement** - Static workouts still work, randomization is optional\n3. **Consistent** - Same logic CLI and browser\n4. **Extensible** - Easy to add more criteria filters\n",[],[219,672],["D",1769444109308],[242],[219],["D",1769444110067],[],[225],["D",1769412576396],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":24},{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"ctx",{"_75":-5,"_119":722,"_723":580,"_724":725,"_726":24,"_727":24,"_728":24,"_729":142,"_730":-5,"_731":-7,"_732":-7,"_733":59,"_734":24,"_735":24,"_736":-5,"_737":24,"_738":24,"_739":24,"_740":-5},"ENV",{"_693":694,"_695":696,"_697":83,"_698":699,"_700":701,"_702":703,"_704":705,"_706":707,"_708":709,"_710":711,"_712":713,"_714":715,"_716":717,"_718":719,"_720":721},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Select a Workout

Select a Workout

Diff · v60