\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",[],[393,400],[393],{"_105":409,"_96":410,"_158":411,"_160":-5,"_161":144,"_162":412,"_164":165,"_107":413,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":414,"_99":415},"30357d94-fad2-11f0-884e-42dde27851f2","progressions","30357e52-fad2-11f0-884e-42dde27851f2",9,["D",1769444110720],[],[410],{"_105":417,"_96":418,"_158":419,"_160":-5,"_161":144,"_162":420,"_164":165,"_107":421,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":422,"_99":477},"2fb66360-fad2-11f0-be3e-42dde27851f2","routines","2fb66414-fad2-11f0-be3e-42dde27851f2",5,["D",1769444109899],[423,432,441,450,459,468],{"_105":424,"_96":425,"_158":426,"_160":419,"_161":144,"_162":427,"_164":165,"_107":428,"_101":32,"_167":180,"_169":429,"_170":22,"_171":-5,"_172":430,"_99":431},"35041556-fad2-11f0-a989-42dde27851f2","action-jacqueline.json","35041628-fad2-11f0-a989-42dde27851f2",108,["D",1769444118789],"{\n \"id\": \"action-jacqueline\",\n \"name\": \"Action Jacqueline\",\n \"description\": \"Barre workouts from @actionjacquelyn's 100-Reps challenges\",\n \"icon\": \"✨\",\n \"color\": \"#FF69B4\",\n \"defaults\": {\n \"duration\": 10,\n \"difficulty\": \"beginner\",\n \"equipment\": [\"bodyweight\"],\n \"tags\": [\"barre\"],\n \"criteria\": {\n \"challengeCreator\": \"@actionjacquelyn\"\n }\n },\n \"sortOrder\": 0\n}\n",[],[418,425],{"_105":433,"_96":434,"_158":435,"_160":419,"_161":144,"_162":436,"_164":165,"_107":437,"_101":32,"_167":180,"_169":438,"_170":22,"_171":-5,"_172":439,"_99":440},"34fd83f8-fad2-11f0-b54c-42dde27851f2","barre.json","34fd84c0-fad2-11f0-b54c-42dde27851f2",107,["D",1769444118722],"{\n \"id\": \"barre\",\n \"name\": \"Barre\",\n \"description\": \"Ballet-inspired toning and sculpting workouts\",\n \"icon\": \"🩰\",\n \"color\": \"#E91E63\",\n \"defaults\": {\n \"duration\": 20,\n \"difficulty\": \"beginner\",\n \"equipment\": [\"bodyweight\", \"mat\"],\n \"tags\": [\"barre\"]\n },\n \"sortOrder\": 1\n}\n",[],[418,434],{"_105":442,"_96":443,"_158":444,"_160":419,"_161":144,"_162":445,"_164":165,"_107":446,"_101":32,"_167":180,"_169":447,"_170":22,"_171":-5,"_172":448,"_99":449},"34f85d9c-fad2-11f0-92fd-42dde27851f2","cardio.json","34f85e5a-fad2-11f0-92fd-42dde27851f2",106,["D",1769444118706],"{\n \"id\": \"cardio\",\n \"name\": \"Cardio\",\n \"description\": \"Running, rowing, and conditioning workouts\",\n \"icon\": \"❤️‍🔥\",\n \"color\": \"#4CAF50\",\n \"defaults\": {\n \"duration\": 30,\n \"difficulty\": \"intermediate\",\n \"equipment\": [],\n \"tags\": [\"cardio\"]\n },\n \"sortOrder\": 5\n}\n",[],[418,443],{"_105":451,"_96":452,"_158":453,"_160":419,"_161":144,"_162":454,"_164":165,"_107":455,"_101":32,"_167":180,"_169":456,"_170":22,"_171":-5,"_172":457,"_99":458},"350cdaf6-fad2-11f0-8355-42dde27851f2","gym.json","350cdbc8-fad2-11f0-8355-42dde27851f2",110,["D",1769444118849],"{\n \"id\": \"gym\",\n \"name\": \"Gym\",\n \"description\": \"Strength training workouts for the gym - machines, racks, and free weights\",\n \"icon\": \"🏋️\",\n \"color\": \"#2196F3\",\n \"defaults\": {\n \"duration\": 45,\n \"difficulty\": \"intermediate\",\n \"equipment\": [\"barbell\", \"dumbbell\", \"machine\"],\n \"tags\": [\"gym\", \"strength\"]\n },\n \"sortOrder\": 4\n}\n",[],[418,452],{"_105":460,"_96":461,"_158":462,"_160":419,"_161":144,"_162":463,"_164":165,"_107":464,"_101":32,"_167":180,"_169":465,"_170":22,"_171":-5,"_172":466,"_99":467},"3518a200-fad2-11f0-b487-42dde27851f2","morning.json","3518a2d2-fad2-11f0-b487-42dde27851f2",111,["D",1769444118896],"{\n \"id\": \"morning\",\n \"name\": \"Morning Wakeup\",\n \"description\": \"Quick floor routines to start your day with energy\",\n \"icon\": \"🌅\",\n \"color\": \"#FF9800\",\n \"defaults\": {\n \"duration\": 12,\n \"difficulty\": \"beginner\",\n \"equipment\": [\"bodyweight\", \"mat\"],\n \"tags\": [\"floor\", \"home\"],\n \"criteria\": {\n \"equipment\": [\"bodyweight\", \"mat\"],\n \"tags\": [\"floor\"]\n }\n },\n \"sortOrder\": 2\n}\n",[],[418,461],{"_105":469,"_96":470,"_158":471,"_160":419,"_161":144,"_162":472,"_164":165,"_107":473,"_101":32,"_167":180,"_169":474,"_170":22,"_171":-5,"_172":475,"_99":476},"35097046-fad2-11f0-b54c-42dde27851f2","yoga.json","3509710e-fad2-11f0-b54c-42dde27851f2",109,["D",1769444118828],"{\n \"id\": \"yoga\",\n \"name\": \"Yoga\",\n \"description\": \"Yoga flows and stretching for flexibility and mindfulness\",\n \"icon\": \"🧘\",\n \"color\": \"#9C27B0\",\n \"defaults\": {\n \"duration\": 20,\n \"difficulty\": \"beginner\",\n \"equipment\": [\"mat\"],\n \"tags\": [\"yoga\", \"stretch\"],\n \"criteria\": {\n \"types\": [\"yoga\", \"stretch\"]\n }\n },\n \"sortOrder\": 3\n}\n",[],[418,470],[418],{"_105":479,"_96":480,"_158":481,"_160":-5,"_161":144,"_162":482,"_164":165,"_107":483,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":484,"_99":494},"2f432120-fad2-11f0-be3e-42dde27851f2","saved","2f4321d4-fad2-11f0-be3e-42dde27851f2",1,["D",1769444109141],[485],{"_105":486,"_96":487,"_158":488,"_160":481,"_161":144,"_162":489,"_164":165,"_107":490,"_101":32,"_167":180,"_169":491,"_170":22,"_171":-5,"_172":492,"_99":493},"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",[],[480,487],[480],{"_105":496,"_96":497,"_158":498,"_160":-5,"_161":144,"_162":499,"_164":165,"_107":500,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":501,"_99":502},"301516bc-fad2-11f0-92fd-42dde27851f2","scripts","3015178e-fad2-11f0-92fd-42dde27851f2",8,["D",1769444110519],[],[497],{"_105":504,"_96":505,"_158":506,"_160":-5,"_161":144,"_162":507,"_164":165,"_107":508,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":509,"_99":526},"3050c7d4-fad2-11f0-be3e-42dde27851f2","src","3050c874-fad2-11f0-be3e-42dde27851f2",10,["D",1769444110911],[510],{"_105":511,"_96":512,"_158":513,"_160":506,"_161":144,"_162":514,"_164":165,"_107":515,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":516,"_99":525},"313a70fa-fad2-11f0-b5d3-42dde27851f2","cli","313a71fe-fad2-11f0-b5d3-42dde27851f2",18,["D",1769444112435],[517],{"_105":518,"_96":519,"_158":520,"_160":513,"_161":144,"_162":521,"_164":165,"_107":522,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":523,"_99":524},"31946cfe-fad2-11f0-be3e-42dde27851f2","commands","31946dd0-fad2-11f0-be3e-42dde27851f2",21,["D",1769444113031],[],[505,512,519],[505,512],[505],{"_105":528,"_96":529,"_158":530,"_160":-5,"_161":144,"_162":531,"_164":165,"_107":532,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":533,"_99":542},"2ff760a4-fad2-11f0-860a-42dde27851f2","static","2ff76180-fad2-11f0-860a-42dde27851f2",7,["D",1769444110321],[534],{"_105":535,"_96":536,"_158":537,"_160":530,"_161":144,"_162":538,"_164":165,"_107":539,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":540,"_99":541},"311251f6-fad2-11f0-b5d3-42dde27851f2","images","311252be-fad2-11f0-b5d3-42dde27851f2",17,["D",1769444112174],[],[529,536],[529],{"_105":544,"_96":545,"_158":546,"_160":-5,"_161":144,"_162":547,"_164":165,"_107":548,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":549,"_99":1132},"2f98a5e6-fad2-11f0-994c-42dde27851f2","styles","2f98a6c2-fad2-11f0-994c-42dde27851f2",4,["D",1769444109702],[550,1090,1099,1107,1116,1124],{"_105":551,"_96":552,"_158":553,"_160":546,"_161":144,"_162":554,"_164":165,"_107":555,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":556,"_99":1089},"30fac798-fad2-11f0-b5d3-42dde27851f2","design-system","30fac860-fad2-11f0-b5d3-42dde27851f2",16,["D",1769444112020],[557,966,1027,1036,1044,1053,1062,1071,1080],{"_105":558,"_96":559,"_158":560,"_160":553,"_161":144,"_162":561,"_164":165,"_107":562,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":563,"_99":965},"315b0b94-fad2-11f0-b5d3-42dde27851f2","themes","315b0c66-fad2-11f0-b5d3-42dde27851f2",19,["D",1769444112651],[564,581,597,875,917,933,949],{"_105":565,"_96":566,"_158":567,"_160":560,"_161":144,"_162":568,"_164":165,"_107":569,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":570,"_99":580},"31a68bbe-fad2-11f0-be3e-42dde27851f2","corporate","31a68c4a-fad2-11f0-be3e-42dde27851f2",22,["D",1769444113151],[571],{"_105":572,"_96":573,"_158":574,"_160":567,"_161":144,"_162":575,"_164":165,"_107":576,"_101":32,"_167":180,"_169":577,"_170":22,"_171":-5,"_172":578,"_99":579},"3337dbcc-fad2-11f0-a988-42dde27851f2","overrides.scss","3337de06-fad2-11f0-a988-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",[],[545,552,559,566,573],[545,552,559,566],{"_105":582,"_96":583,"_158":584,"_160":560,"_161":144,"_162":585,"_164":165,"_107":586,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":587,"_99":596},"31dedadc-fad2-11f0-92fd-42dde27851f2","cursor","31dedbae-fad2-11f0-92fd-42dde27851f2",24,["D",1769444113503],[588],{"_105":589,"_96":573,"_158":590,"_160":584,"_161":144,"_162":591,"_164":165,"_107":592,"_101":32,"_167":180,"_169":593,"_170":22,"_171":-5,"_172":594,"_99":595},"3348ac36-fad2-11f0-92fd-42dde27851f2","3348acfe-fad2-11f0-92fd-42dde27851f2",60,["D",1769444115875],"/* ===================================\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",[],[545,552,559,583,573],[545,552,559,583],{"_105":598,"_96":25,"_158":599,"_160":560,"_161":144,"_162":600,"_164":165,"_107":601,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":602,"_99":874},"3215adaa-fad2-11f0-a4d3-42dde27851f2","3215ae54-fad2-11f0-a4d3-42dde27851f2",26,["D",1769444113874],[603,612,621,630,639,648,657,666,675,684,693,702,711,720,729,738,747,756,765,774,783,792,801,810,819,828,837,846,855,865],{"_105":604,"_96":605,"_158":606,"_160":599,"_161":144,"_162":607,"_164":165,"_107":608,"_101":32,"_167":180,"_169":609,"_170":22,"_171":-5,"_172":610,"_99":611},"3458f202-fad2-11f0-b446-42dde27851f2","_accordions.scss","3458f2d4-fad2-11f0-b446-42dde27851f2",90,["D",1769444117665],".theme-scope {\n/* Accordions */\n.accordion {\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\nmargin-bottom: 1rem;\noverflow: hidden;\n}\n\n.accordion-group {\ndisplay: flex;\nflex-direction: column;\ngap: 0.5rem;\n}\n\n.accordion-item {\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\noverflow: hidden;\n}\n\n.accordion-item-open {\nborder-bottom-left-radius: 0;\nborder-bottom-right-radius: 0;\n}\n\n.accordion-button {\nwidth: 100%;\npadding: 0.5rem 1rem 0.5rem 1rem;\nbackground-color: var(--color-bg-secondary);\nborder: none;\ntext-align: left;\ncursor: pointer;\ndisplay: flex;\njustify-content: flex-start;\nalign-items: center;\nfont-weight: var(--font-medium);\ncolor: var(--color-text-primary);\ntransition: background-color 0.15s ease-in-out;\n}\n\n.accordion-button:hover {\nbackground-color: var(--color-bg-muted);\n}\n\n.accordion-icon {\nflex-shrink: 0;\nposition: relative;\n}\n\n.accordion-icon-line {\nfill: var(--color-text-secondary);\ntransition: opacity 0.2s ease-in-out;\n}\n\n.accordion-icon-line-vertical {\ntransform-origin: center;\ntransform: rotate(0deg);\n}\n\n.accordion-icon-rotated {\ntransform: rotate(90deg);\n}\n\n.accordion-button-icon {\nwidth: 1.25rem;\nheight: 1.25rem;\nflex-shrink: 0;\n}\n\n.accordion-button-open .accordion-button-icon {\ntransform: rotate(180deg);\n}\n\n.accordion-content {\ndisplay: grid;\ngrid-template-rows: 0fr;\ntransition: grid-template-rows 0.3s ease-out;\noverflow: hidden;\nmargin: 0;\n}\n\n.accordion-content-open {\ngrid-template-rows: 1fr;\n}\n\n.accordion-content-inner {\noverflow: hidden;\npadding: 0 1rem; /* Removed vertical padding here to fix peeking */\nmin-height: 0;\ncolor: var(--color-text-secondary);\nopacity: 0; /* Fade in effect */\ntransition: opacity 0.3s ease-out, padding 0.3s ease-out;\n}\n\n.accordion-content-open .accordion-content-inner {\npadding: 1rem 1rem 1rem 1rem; /* Restore padding when open */\nopacity: 1;\n}\n\n.accordion-content-inner p:last-child {\nmargin-bottom: 0;\n}\n\n/* Shadcn-style Accordion (single open) */\n.accordion-single {\nborder: none;\nborder-radius: 0;\n}\n\n.accordion-single .accordion-item {\nborder: none;\nborder-radius: 0;\noverflow: visible;\n}\n\n.accordion-single .accordion-item:not(:last-child) {\nborder-bottom: 1px solid var(--color-border);\n}\n\n.accordion-single .accordion-button {\npadding: 1rem 0;\nbackground-color: transparent;\njustify-content: space-between;\nfont-weight: var(--font-medium);\nborder: none;\n}\n\n.accordion-single .accordion-button:hover {\nbackground-color: transparent;\n}\n\n.accordion-single .accordion-button-icon {\nwidth: 1rem;\nheight: 1rem;\ntransition: transform 0.2s ease-in-out;\nflex-shrink: 0;\nmargin-left: 1rem;\n}\n\n.accordion-single .accordion-button[aria-expanded=\"true\"] .accordion-button-icon {\ntransform: rotate(180deg);\n}\n\n.accordion-single .accordion-content-inner {\npadding: 0;\n}\n\n.accordion-single .accordion-content-open .accordion-content-inner {\npadding: 0.5rem 0 1rem 0;\n}\n}",[],[545,552,559,25,605],{"_105":613,"_96":614,"_158":615,"_160":599,"_161":144,"_162":616,"_164":165,"_107":617,"_101":32,"_167":180,"_169":618,"_170":22,"_171":-5,"_172":619,"_99":620},"33c89630-fad2-11f0-92fd-42dde27851f2","_all.scss","33c896ee-fad2-11f0-92fd-42dde27851f2",77,["D",1769444116711],"/* ===================================\n Default Theme - All Components\n This partial imports all component styles\n Use this for themes to inherit all default styles\n =================================== */\n\n/* Import variables FIRST so CSS custom properties are defined before use */\n@use '_variables' as *;\n\n/* Import all component partials with underscore prefix */\n@use '_base' as *;\n@use '_typography' as *;\n@use '_lists' as *;\n@use '_tables' as *;\n@use '_forms' as *;\n@use '_buttons' as *;\n@use '_cards' as *;\n@use '_accordions' as *;\n@use '_tabs' as *;\n@use '_callouts' as *;\n@use '_details' as *;\n@use '_utilities' as *;\n@use '_badges' as *;\n@use '_components' as *;\n@use '_avatars' as *;\n@use '_items' as *;\n@use '_dropdowns' as *;\n@use '_fields' as *;\n@use '_code' as *;\n@use '_toast' as *;\n@use '_pagination' as *;\n@use '_toggle-group' as *;\n@use '_semantic' as *;\n@use '_calendar' as *;\n@use '_drawer' as *;\n\n",[],[545,552,559,25,614],{"_105":622,"_96":623,"_158":624,"_160":599,"_161":144,"_162":625,"_164":165,"_107":626,"_101":32,"_167":180,"_169":627,"_170":22,"_171":-5,"_172":628,"_99":629},"33ac52fe-fad2-11f0-9219-42dde27851f2","_avatars.scss","33ac53a8-fad2-11f0-9219-42dde27851f2",72,["D",1769444116524],".theme-scope {\n /* Avatars */\n .avatar {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n overflow: hidden;\n user-select: none;\n width: 2.5rem; /* 40px - Default md */\n height: 2.5rem;\n border-radius: 9999px; /* Circle default */\n background-color: var(--color-bg-secondary);\n }\n\n .avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: inherit;\n }\n\n .avatar-fallback {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-bg-muted);\n color: var(--color-text-secondary);\n font-size: 0.875rem;\n font-weight: 500;\n text-transform: uppercase;\n }\n\n /* Sizes */\n .avatar-sm {\n width: 2rem; /* 32px */\n height: 2rem;\n }\n .avatar-sm .avatar-fallback {\n font-size: 0.75rem;\n }\n\n .avatar-lg {\n width: 3rem; /* 48px */\n height: 3rem;\n }\n .avatar-lg .avatar-fallback {\n font-size: 1rem;\n }\n\n .avatar-xl {\n width: 4rem; /* 64px */\n height: 4rem;\n }\n .avatar-xl .avatar-fallback {\n font-size: 1.25rem;\n }\n\n /* Shapes */\n .avatar-square {\n border-radius: 0;\n }\n\n .avatar-rounded {\n border-radius: 0.5rem;\n }\n\n /* Status Indicators */\n .avatar-indicator {\n position: absolute;\n bottom: 0;\n right: 0;\n display: block;\n width: 25%; /* Relative to avatar size */\n height: 25%;\n min-width: 8px;\n min-height: 8px;\n border-radius: 9999px;\n border: 2px solid var(--color-bg-primary); /* Cutout effect */\n background-color: var(--color-bg-muted);\n }\n\n .status-online {\n background-color: var(--color-success);\n }\n\n .status-busy {\n background-color: var(--color-danger);\n }\n\n .status-offline {\n background-color: var(--color-text-muted);\n }\n\n /* Avatar Group */\n .avatar-group {\n display: flex;\n align-items: center;\n flex-direction: row;\n }\n\n .avatar-group .avatar {\n border: 2px solid var(--color-bg-primary);\n margin-right: -1rem; /* Tighter overlap */\n transition: margin 0.2s ease, transform 0.2s ease, z-index 0.2s;\n }\n\n .avatar-group .avatar:hover {\n z-index: 10;\n transform: translateY(-2px);\n margin-right: 0; \n }\n\n .avatar-group .avatar:last-child {\n margin-right: 0;\n }\n\n .avatar-placeholder {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-primary);\n font-size: 0.75rem;\n }\n}\n",[],[545,552,559,25,623],{"_105":631,"_96":632,"_158":633,"_160":599,"_161":144,"_162":634,"_164":165,"_107":635,"_101":32,"_167":180,"_169":636,"_170":22,"_171":-5,"_172":637,"_99":638},"33b94fe0-fad2-11f0-a4d3-42dde27851f2","_badges.scss","33b95094-fad2-11f0-a4d3-42dde27851f2",74,["D",1769444116587],".theme-scope {\n /* Badges & Tags */\n .badge {\n display: inline-flex;\n align-items: center;\n border-radius: var(--radius-md);\n padding: 0.125rem 0.5rem;\n font-size: var(--text-xs);\n font-weight: var(--font-medium);\n line-height: var(--leading-tight);\n white-space: nowrap;\n gap: 0.25rem;\n }\n\n /* Badge Variants */\n .badge-default {\n background-color: var(--color-primary);\n color: var(--color-white);\n }\n\n .badge-secondary {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral);\n }\n\n .badge-success {\n background-color: var(--color-success-light);\n color: var(--color-success-link-hover);\n }\n\n .badge-error,\n .badge-danger,\n .badge-destructive {\n background-color: var(--color-danger-light);\n color: var(--color-danger-link-hover);\n }\n\n .badge-info {\n background-color: var(--color-primary-lighter);\n color: var(--color-primary-dark);\n }\n\n .badge-warning {\n background-color: var(--color-warning-light);\n color: var(--color-warning-link-hover);\n }\n\n .badge-neutral {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral);\n }\n\n /* Outline Variants */\n .badge-outline {\n background-color: transparent;\n border: 1px solid var(--color-border-light);\n color: var(--color-text-secondary);\n }\n\n .badge-outline-default {\n background-color: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n }\n\n .badge-outline-secondary {\n background-color: transparent;\n border: 1px solid var(--color-border-light);\n color: var(--color-text-secondary);\n }\n\n .badge-outline-success {\n background-color: transparent;\n border: 1px solid var(--color-success);\n color: var(--color-success-link-hover);\n }\n\n .badge-outline-error,\n .badge-outline-danger,\n .badge-outline-destructive {\n background-color: transparent;\n border: 1px solid var(--color-danger);\n color: var(--color-danger-link-hover);\n }\n\n .badge-outline-info {\n background-color: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary-dark);\n }\n\n .badge-outline-warning {\n background-color: transparent;\n border: 1px solid var(--color-warning);\n color: var(--color-warning-link-hover);\n }\n\n /* Pill Variant (More Rounded) */\n .badge-pill {\n border-radius: var(--radius-full);\n }\n\n /* Number Badge (Small pill for numbers) */\n .badge-number {\n border-radius: var(--radius-full);\n padding: 0.125rem 0.375rem;\n font-size: 0.6875rem;\n min-width: 1.25rem;\n justify-content: center;\n background-color: var(--color-text-neutral-dark);\n color: var(--color-white);\n }\n\n .badge-number-secondary {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral);\n }\n\n /* Size Variants */\n .badge-sm {\n font-size: 0.625rem;\n padding: 0.125rem 0.375rem;\n }\n\n .badge-md {\n font-size: var(--text-sm);\n padding: 0.25rem 0.75rem;\n max-height: 25px;\n }\n\n .badge-lg {\n font-size: var(--text-base);\n padding: 0.375rem 1rem;\n }\n\n /* Icon Support */\n .badge .iconify {\n display: inline-flex;\n align-items: center;\n font-size: var(--text-sm);\n width: 0.875rem;\n height: 0.875rem;\n }\n\n .badge-md .iconify {\n font-size: var(--text-base);\n width: 1rem;\n height: 1rem;\n }\n\n .badge-lg .iconify {\n font-size: var(--text-lg);\n width: 1.125rem;\n height: 1.125rem;\n }\n}",[],[545,552,559,25,632],{"_105":640,"_96":641,"_158":642,"_160":599,"_161":144,"_162":643,"_164":165,"_107":644,"_101":32,"_167":180,"_169":645,"_170":22,"_171":-5,"_172":646,"_99":647},"347d078c-fad2-11f0-92fd-42dde27851f2","_base.scss","347d0872-fad2-11f0-92fd-42dde27851f2",92,["D",1769444117889],".theme-scope {\n font-family: var(--font-sans);\n color: var(--color-text-primary);\n line-height: 1.5;\n background-color: var(--color-bg-primary);\n padding: 1.25rem;\n border-radius: 0.5rem;\n box-sizing: border-box;\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 *,\n *::before,\n *::after {\n box-sizing: border-box;\n border-style: none;\n border-width: 0;\n }\n}\n",[],[545,552,559,25,641],{"_105":649,"_96":650,"_158":651,"_160":599,"_161":144,"_162":652,"_164":165,"_107":653,"_101":32,"_167":180,"_169":654,"_170":22,"_171":-5,"_172":655,"_99":656},"340d1706-fad2-11f0-8161-42dde27851f2","_buttons.scss","340d17a6-fad2-11f0-8161-42dde27851f2",81,["D",1769444116842],".theme-scope {\n/* Buttons */\n.btn-primary,\n.action-btn {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: var(--space-btn-y) var(--space-btn-x);\nfont-size: var(--text-button);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-primary-text);\nbackground-color: var(--color-primary);\nborder: 1px solid var(--color-primary);\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.btn-primary:hover,\n.action-btn:hover {\nbackground-color: var(--color-primary-hover);\nborder-color: var(--color-primary-hover);\n}\n\n.btn-primary:focus,\n.action-btn:focus {\noutline: none;\nbox-shadow: 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.btn-primary:active,\n.action-btn:active {\nbackground-color: var(--color-primary-active);\nborder-color: var(--color-primary-active);\n}\n\n.btn-primary:disabled,\n.action-btn:disabled {\n background-color: var(--color-bg-disabled);\n border-color: var(--color-border);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Icon-only button variant */\n.btn-primary.btn-icon,\n.action-btn.btn-icon {\npadding: var(--space-btn-icon);\nborder-radius: var(--radius-2xl);\nmin-width: 44px;\naspect-ratio: 1;\n}\n\n.btn-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-primary);\n background-color: var(--color-primary-light);\n border: 1px solid currentColor;\n box-shadow: inset 0 0 0 1px currentColor;\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-secondary:hover {\n background-color: var(--color-primary-lighter);\n color: var(--color-primary-hover);\n}\n\n.btn-secondary:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px currentColor, 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.btn-secondary:active {\n background-color: var(--color-primary-lightest);\n color: var(--color-primary-active);\n}\n\n.btn-secondary:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.btn-tertiary {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: var(--space-btn-y) var(--space-btn-x); /* Matches form-input height */\nfont-size: var(--text-button);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-primary);\nbackground-color: transparent;\nborder: 1px solid var(--color-primary);\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.btn-tertiary:hover {\nbackground-color: var(--color-bg-secondary);\ncolor: var(--color-primary-hover);\nborder-color: var(--color-primary-hover);\n}\n\n.btn-tertiary:focus {\noutline: none;\nbox-shadow: 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.btn-tertiary:active {\nbackground-color: var(--color-bg-muted);\ncolor: var(--color-primary-active);\nborder-color: var(--color-primary-active);\n}\n\n.btn-tertiary:disabled {\n background-color: transparent;\n border-color: var(--color-border);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.btn-link {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: var(--space-btn-y) var(--space-btn-x); /* Matches form-input height */\nfont-size: var(--text-button);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-primary);\nbackground-color: transparent;\nborder: none;\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.btn-link:hover {\ncolor: var(--color-primary-hover);\ntext-decoration: underline;\nbackground-color: var(--color-bg-secondary);\n}\n\n.btn-link:focus {\noutline: none;\nbox-shadow: 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.btn-link:active {\ncolor: var(--color-primary-active);\n}\n\n.btn-link:disabled {\n color: var(--color-text-disabled);\n cursor: not-allowed;\n text-decoration: none;\n opacity: 0.6;\n}\n\n.btn-ghost {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-text-primary);\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-ghost:hover {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-primary);\n}\n\n.btn-ghost:focus {\n outline: none;\n background-color: var(--color-bg-secondary);\n box-shadow: 0 0 0 var(--ring-width) var(--color-gray-ring); /* Neutral ring instead of blue */\n}\n\n.btn-ghost:active {\n background-color: var(--color-bg-muted);\n}\n\n.btn-ghost:disabled {\n color: var(--color-text-disabled);\n cursor: not-allowed;\n background-color: transparent;\n opacity: 0.6;\n}\n\n/* Copy Button */\n.copy-button {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\ngap: var(--space-gap-sm);\npadding: var(--space-copy-btn-y) var(--space-copy-btn-x);\nfont-size: var(--text-copy-btn);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-text-primary);\nbackground-color: var(--color-white);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.copy-button:hover {\nbackground-color: var(--color-bg-secondary);\nborder-color: var(--color-border-light);\n}\n\n.copy-button:focus {\noutline: none;\nbox-shadow: 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.copy-button:active {\nbackground-color: var(--color-bg-muted);\n}\n\n.copy-button-copied {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\ngap: var(--space-gap-sm);\npadding: var(--space-copy-btn-y) var(--space-copy-btn-x);\nfont-size: var(--text-copy-btn);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-success-text);\nbackground-color: var(--color-success);\nborder: 1px solid var(--color-success);\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.copy-button-copied:hover {\nbackground-color: var(--color-success-link);\nborder-color: var(--color-success-link);\n}\n\n/* Button Groups */\n.btn-group {\n display: inline-flex;\n isolation: isolate;\n vertical-align: middle;\n}\n\n/* Ensure dropdown wrapper inside group stretches and passes stretch to child */\n.btn-group > .dropdown {\n display: flex;\n}\n\n.btn-group > .btn-primary,\n.btn-group > .btn-secondary,\n.btn-group > .btn-tertiary,\n.btn-group > .btn-danger,\n.btn-group > .btn-success,\n.btn-group > .btn-warning,\n.btn-group > .btn-info,\n.btn-group > .btn-neutral,\n.btn-group > .btn-gray,\n.btn-group > .btn-danger-secondary,\n.btn-group > .btn-success-secondary,\n.btn-group > .btn-warning-secondary,\n.btn-group > .btn-info-secondary,\n.btn-group > .btn-neutral-secondary,\n.btn-group > .btn-gray-secondary,\n.btn-group > .dropdown > .btn-primary,\n.btn-group > .dropdown > .btn-secondary,\n.btn-group > .dropdown > .btn-tertiary,\n.btn-group > .dropdown > .btn-danger,\n.btn-group > .dropdown > .btn-success,\n.btn-group > .dropdown > .btn-warning,\n.btn-group > .dropdown > .btn-info,\n.btn-group > .dropdown > .btn-neutral,\n.btn-group > .dropdown > .btn-gray,\n.btn-group > .dropdown > .btn-danger-secondary,\n.btn-group > .dropdown > .btn-success-secondary,\n.btn-group > .dropdown > .btn-warning-secondary,\n.btn-group > .dropdown > .btn-info-secondary,\n.btn-group > .dropdown > .btn-neutral-secondary,\n.btn-group > .dropdown > .btn-gray-secondary,\n.btn-group > .action-btn {\n position: relative;\n border-width: 1px !important; /* Force 1px border when in group, override any other styles */\n box-shadow: none !important; /* Remove the inset shadow fake-border */\n}\n\n/* Add specialized separator for group items to maintain visual division */\n/* Only remove left border if we are sure it's not needed, but with margin-left: -1px we actually want overlapping borders */\n.btn-group > .btn-secondary:not(:first-child),\n.btn-group > .btn-danger-secondary:not(:first-child),\n.btn-group > .btn-success-secondary:not(:first-child),\n.btn-group > .btn-warning-secondary:not(:first-child),\n.btn-group > .btn-info-secondary:not(:first-child),\n.btn-group > .btn-neutral-secondary:not(:first-child),\n.btn-group > .btn-gray-secondary:not(:first-child),\n.btn-group > .dropdown > .btn-secondary,\n.btn-group > .dropdown > .btn-danger-secondary,\n.btn-group > .dropdown > .btn-success-secondary,\n.btn-group > .dropdown > .btn-warning-secondary,\n.btn-group > .dropdown > .btn-info-secondary,\n.btn-group > .dropdown > .btn-neutral-secondary,\n.btn-group > .dropdown > .btn-gray-secondary {\n border-left-width: 1px !important; /* Restore left border for overlap */\n}\n\n.btn-group > *:not(:first-child) {\n margin-left: -1px; /* Overlap borders */\n}\n\n/* First element in group */\n.btn-group > .btn-primary:first-child,\n.btn-group > .btn-secondary:first-child,\n.btn-group > .btn-tertiary:first-child,\n.btn-group > .btn-danger:first-child,\n.btn-group > .btn-success:first-child,\n.btn-group > .btn-warning:first-child,\n.btn-group > .btn-info:first-child,\n.btn-group > .btn-neutral:first-child,\n.btn-group > .btn-gray:first-child,\n.btn-group > .btn-danger-secondary:first-child,\n.btn-group > .btn-success-secondary:first-child,\n.btn-group > .btn-warning-secondary:first-child,\n.btn-group > .btn-info-secondary:first-child,\n.btn-group > .btn-neutral-secondary:first-child,\n.btn-group > .btn-gray-secondary:first-child,\n.btn-group > .dropdown:first-child > .btn-primary,\n.btn-group > .dropdown:first-child > .btn-secondary,\n.btn-group > .dropdown:first-child > .btn-tertiary,\n.btn-group > .dropdown:first-child > .btn-danger,\n.btn-group > .dropdown:first-child > .btn-success,\n.btn-group > .dropdown:first-child > .btn-warning,\n.btn-group > .dropdown:first-child > .btn-info,\n.btn-group > .dropdown:first-child > .btn-neutral,\n.btn-group > .dropdown:first-child > .btn-gray,\n.btn-group > .dropdown:first-child > .btn-danger-secondary,\n.btn-group > .dropdown:first-child > .btn-success-secondary,\n.btn-group > .dropdown:first-child > .btn-warning-secondary,\n.btn-group > .dropdown:first-child > .btn-info-secondary,\n.btn-group > .dropdown:first-child > .btn-neutral-secondary,\n.btn-group > .dropdown:first-child > .btn-gray-secondary {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n/* Last element in group */\n.btn-group > .btn-primary:last-child,\n.btn-group > .btn-secondary:last-child,\n.btn-group > .btn-tertiary:last-child,\n.btn-group > .btn-danger:last-child,\n.btn-group > .btn-success:last-child,\n.btn-group > .btn-warning:last-child,\n.btn-group > .btn-info:last-child,\n.btn-group > .btn-neutral:last-child,\n.btn-group > .btn-gray:last-child,\n.btn-group > .btn-danger-secondary:last-child,\n.btn-group > .btn-success-secondary:last-child,\n.btn-group > .btn-warning-secondary:last-child,\n.btn-group > .btn-info-secondary:last-child,\n.btn-group > .btn-neutral-secondary:last-child,\n.btn-group > .btn-gray-secondary:last-child,\n.btn-group > .dropdown:last-child > .btn-primary,\n.btn-group > .dropdown:last-child > .btn-secondary,\n.btn-group > .dropdown:last-child > .btn-tertiary,\n.btn-group > .dropdown:last-child > .btn-danger,\n.btn-group > .dropdown:last-child > .btn-success,\n.btn-group > .dropdown:last-child > .btn-warning,\n.btn-group > .dropdown:last-child > .btn-info,\n.btn-group > .dropdown:last-child > .btn-neutral,\n.btn-group > .dropdown:last-child > .btn-gray,\n.btn-group > .dropdown:last-child > .btn-danger-secondary,\n.btn-group > .dropdown:last-child > .btn-success-secondary,\n.btn-group > .dropdown:last-child > .btn-warning-secondary,\n.btn-group > .dropdown:last-child > .btn-info-secondary,\n.btn-group > .dropdown:last-child > .btn-neutral-secondary,\n.btn-group > .dropdown:last-child > .btn-gray-secondary {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n/* Middle elements */\n.btn-group > .btn-primary:not(:first-child):not(:last-child),\n.btn-group > .btn-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-tertiary:not(:first-child):not(:last-child),\n.btn-group > .btn-danger:not(:first-child):not(:last-child),\n.btn-group > .btn-success:not(:first-child):not(:last-child),\n.btn-group > .btn-warning:not(:first-child):not(:last-child),\n.btn-group > .btn-info:not(:first-child):not(:last-child),\n.btn-group > .btn-neutral:not(:first-child):not(:last-child),\n.btn-group > .btn-gray:not(:first-child):not(:last-child),\n.btn-group > .btn-danger-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-success-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-warning-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-info-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-neutral-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-gray-secondary:not(:first-child):not(:last-child),\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-primary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-tertiary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-danger,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-success,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-warning,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-info,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-neutral,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-gray,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-danger-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-success-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-warning-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-info-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-neutral-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-gray-secondary {\n border-radius: 0;\n}\n\n/* Hover/Focus Z-index handling */\n.btn-group > *:hover,\n.btn-group > .dropdown:hover {\n z-index: 2;\n}\n\n.btn-group > *:focus,\n.btn-group > .dropdown:focus-within {\n z-index: 3;\n}\n\n/* Icon only button (square) */\n.btn-icon-only {\npadding: var(--space-btn-icon);\naspect-ratio: 1;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\n}\n\n/* Small/Short Button (matches badge-md height) */\n.btn-sm,\n.btn-short {\nfont-size: 0.75rem !important;\npadding: var(--space-btn-sm-y) var(--space-btn-sm-x) !important;\nline-height: 1.25 !important;\n}\n\n/* ===================================\n Soft Color Variants (No Outline, Light Background)\n =================================== */\n\n/* Danger Soft */\n.btn-danger-soft {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-danger-link);\n background-color: var(--color-danger-light);\n border: 1px solid transparent; /* No outline */\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-danger-soft:hover {\n background-color: #fecaca; /* red-200 */\n color: var(--color-danger-link-hover);\n}\n\n.btn-danger-soft:focus {\n outline: none;\n box-shadow: 0 0 0 var(--ring-width) var(--color-danger-ring);\n}\n\n.btn-danger-soft:active {\n background-color: #fca5a5; /* red-300 */\n}\n\n.btn-danger-soft:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Success Soft */\n.btn-success-soft {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-success-link);\n background-color: var(--color-success-light);\n border: 1px solid transparent; /* No outline */\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-success-soft:hover {\n background-color: #bbf7d0; /* green-200 */\n color: var(--color-success-link-hover);\n}\n\n.btn-success-soft:focus {\n outline: none;\n box-shadow: 0 0 0 var(--ring-width) var(--color-success-ring);\n}\n\n.btn-success-soft:active {\n background-color: #86efac; /* green-300 */\n}\n\n.btn-success-soft:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Warning Soft */\n.btn-warning-soft {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-warning-link);\n background-color: var(--color-warning-light);\n border: 1px solid transparent; /* No outline */\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-warning-soft:hover {\n background-color: #fde68a; /* yellow-200 */\n color: var(--color-warning-link-hover);\n}\n\n.btn-warning-soft:focus {\n outline: none;\n box-shadow: 0 0 0 var(--ring-width) var(--color-warning-ring);\n}\n\n.btn-warning-soft:active {\n background-color: #fcd34d; /* yellow-300 */\n}\n\n.btn-warning-soft:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Info Soft */\n.btn-info-soft {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-info-link);\n background-color: var(--color-info-light);\n border: 1px solid transparent; /* No outline */\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-info-soft:hover {\n background-color: #bae6fd; /* sky-200 */\n color: var(--color-info-link-hover);\n}\n\n.btn-info-soft:focus {\n outline: none;\n box-shadow: 0 0 0 var(--ring-width) var(--color-info-ring);\n}\n\n.btn-info-soft:active {\n background-color: #7dd3fc; /* sky-300 */\n}\n\n.btn-info-soft:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Neutral Soft */\n.btn-neutral-soft {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-neutral-link);\n background-color: var(--color-neutral-light);\n border: 1px solid transparent; /* No outline */\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-neutral-soft:hover {\n background-color: #e4e4e7; /* zinc-200 */\n color: var(--color-neutral-link-hover);\n}\n\n.btn-neutral-soft:focus {\n outline: none;\n box-shadow: 0 0 0 var(--ring-width) var(--color-neutral-ring);\n}\n\n.btn-neutral-soft:active {\n background-color: #d4d4d8; /* zinc-300 */\n}\n\n.btn-neutral-soft:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Gray Soft */\n.btn-gray-soft {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-text-primary);\n background-color: var(--color-bg-secondary);\n border: 1px solid transparent; /* No outline */\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-gray-soft:hover {\n background-color: var(--color-border);\n}\n\n.btn-gray-soft:focus {\n outline: none;\n box-shadow: 0 0 0 var(--ring-width) var(--color-gray-ring-dark);\n}\n\n.btn-gray-soft:active {\n background-color: var(--color-border-light);\n}\n\n.btn-gray-soft:disabled {\n background-color: var(--color-bg-muted);\n color: var(--color-text-muted);\n cursor: not-allowed;\n}\n\n/* Danger Button */\n.btn-danger {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-danger-text);\n background-color: var(--color-danger);\n border: 1px solid var(--color-danger);\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-danger:hover {\n background-color: var(--color-danger-link);\n border-color: var(--color-danger-link);\n}\n\n.btn-danger:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.3);\n}\n\n.btn-danger:active {\n background-color: var(--color-danger-link-hover);\n border-color: var(--color-danger-link-hover);\n}\n\n.btn-danger:disabled {\n background-color: var(--color-bg-disabled);\n border-color: var(--color-border);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Success Button */\n.btn-success {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-success-text);\n background-color: var(--color-success);\n border: 1px solid var(--color-success);\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-success:hover {\n background-color: var(--color-success-link);\n border-color: var(--color-success-link);\n}\n\n.btn-success:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.3);\n}\n\n.btn-success:active {\n background-color: var(--color-success-link-hover);\n border-color: var(--color-success-link-hover);\n}\n\n.btn-success:disabled {\n background-color: var(--color-bg-disabled);\n border-color: var(--color-border);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Warning Button */\n.btn-warning {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-warning-text);\n background-color: var(--color-warning);\n border: 1px solid var(--color-warning);\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-warning:hover {\n background-color: var(--color-warning-link);\n border-color: var(--color-warning-link);\n}\n\n.btn-warning:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.3);\n}\n\n.btn-warning:active {\n background-color: var(--color-warning-link-hover);\n border-color: var(--color-warning-link-hover);\n}\n\n.btn-warning:disabled {\n background-color: var(--color-bg-disabled);\n border-color: var(--color-border);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Info Button */\n.btn-info {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-info-text);\n background-color: var(--color-info);\n border: 1px solid var(--color-info);\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-info:hover {\n background-color: var(--color-info-link);\n border-color: var(--color-info-link);\n}\n\n.btn-info:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);\n}\n\n.btn-info:active {\n background-color: var(--color-info-link-hover);\n border-color: var(--color-info-link-hover);\n}\n\n.btn-info:disabled {\n background-color: var(--color-bg-disabled);\n border-color: var(--color-border);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Neutral Button */\n.btn-neutral {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-neutral-text);\n background-color: var(--color-neutral);\n border: 1px solid var(--color-neutral);\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-neutral:hover {\n background-color: var(--color-neutral-link);\n border-color: var(--color-neutral-link);\n}\n\n.btn-neutral:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(113, 113, 122, 0.3);\n}\n\n.btn-neutral:active {\n background-color: var(--color-neutral-link-hover);\n border-color: var(--color-neutral-link-hover);\n}\n\n.btn-neutral:disabled {\n background-color: var(--color-bg-disabled);\n border-color: var(--color-border);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Gray Button (Github/Vercel Style - Light Gray) */\n.btn-gray {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-text-primary);\n // background-color: var(--color-border); /* Matches slate-200/border, slightly darker than badge */\n background-color: var(--color-bg-muted);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-gray:hover {\n background-color: var(--color-border-light); /* Darker on hover */\n border-color: var(--color-border-light);\n}\n\n.btn-gray:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.3); /* Slate-400 ring */\n}\n\n.btn-gray:active {\n background-color: var(--color-text-muted);\n border-color: var(--color-text-muted);\n}\n\n.btn-gray:disabled {\n background-color: var(--color-bg-muted);\n border-color: var(--color-bg-muted);\n color: var(--color-text-muted);\n cursor: not-allowed;\n}\n\n/* ===================================\n Secondary Color Variants (Outlined)\n =================================== */\n\n/* Danger Secondary (Outlined) */\n.btn-danger-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-danger);\n background-color: var(--color-danger-light);\n border: 1px solid currentColor;\n box-shadow: inset 0 0 0 1px currentColor;\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-danger-secondary:hover {\n background-color: #fecaca; /* red-200 */\n color: var(--color-danger-link);\n}\n\n.btn-danger-secondary:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(239, 68, 68, 0.2);\n}\n\n.btn-danger-secondary:active {\n background-color: #fca5a5; /* red-300 */\n color: var(--color-danger-link-hover);\n}\n\n.btn-danger-secondary:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Success Secondary (Outlined) */\n.btn-success-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-success-link);\n background-color: var(--color-success-light);\n border: 1px solid currentColor;\n box-shadow: inset 0 0 0 1px currentColor;\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-success-secondary:hover {\n background-color: #bbf7d0; /* green-200 */\n color: var(--color-success-link-hover);\n}\n\n.btn-success-secondary:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(34, 197, 94, 0.2);\n}\n\n.btn-success-secondary:active {\n background-color: #86efac; /* green-300 */\n color: var(--color-success-dark);\n}\n\n.btn-success-secondary:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Warning Secondary (Outlined) */\n.btn-warning-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-warning-link);\n background-color: var(--color-warning-light);\n border: 1px solid currentColor;\n box-shadow: inset 0 0 0 1px currentColor;\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-warning-secondary:hover {\n background-color: #fde68a; /* yellow-200 */\n color: var(--color-warning-link-hover);\n}\n\n.btn-warning-secondary:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(245, 158, 11, 0.2);\n}\n\n.btn-warning-secondary:active {\n background-color: #fcd34d; /* yellow-300 */\n color: var(--color-warning-dark);\n}\n\n.btn-warning-secondary:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Info Secondary (Outlined) */\n.btn-info-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-info-link);\n background-color: var(--color-info-light);\n border: 1px solid currentColor;\n box-shadow: inset 0 0 0 1px currentColor;\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-info-secondary:hover {\n background-color: #bae6fd; /* sky-200 */\n color: var(--color-info-link-hover);\n}\n\n.btn-info-secondary:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(14, 165, 233, 0.2);\n}\n\n.btn-info-secondary:active {\n background-color: #7dd3fc; /* sky-300 */\n color: var(--color-info-dark);\n}\n\n.btn-info-secondary:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Neutral Secondary (Outlined) */\n.btn-neutral-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-neutral-link);\n background-color: var(--color-neutral-light);\n border: 1px solid currentColor;\n box-shadow: inset 0 0 0 1px currentColor;\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-neutral-secondary:hover {\n background-color: #e4e4e7; /* zinc-200 */\n color: var(--color-neutral-link-hover);\n}\n\n.btn-neutral-secondary:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(113, 113, 122, 0.2);\n}\n\n.btn-neutral-secondary:active {\n background-color: #d4d4d8; /* zinc-300 */\n color: var(--color-neutral-dark);\n}\n\n.btn-neutral-secondary:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n\n/* Gray Secondary (Github/Vercel Style - Light) */\n.btn-gray-secondary {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-btn-y) var(--space-btn-x);\n font-size: var(--text-button);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n color: var(--color-text-primary);\n background-color: var(--color-white);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n text-decoration: none;\n}\n\n.btn-gray-secondary:hover {\n background-color: var(--color-bg-secondary);\n border-color: var(--color-border-light);\n}\n\n.btn-gray-secondary:focus {\n outline: none;\n box-shadow: 0 0 0 var(--ring-width) var(--color-gray-ring-dark);\n}\n\n.btn-gray-secondary:active {\n background-color: var(--color-bg-muted);\n}\n\n.btn-gray-secondary:disabled {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n}\n}",[],[545,552,559,25,650],{"_105":658,"_96":659,"_158":660,"_160":599,"_161":144,"_162":661,"_164":165,"_107":662,"_101":32,"_167":180,"_169":663,"_170":22,"_171":-5,"_172":664,"_99":665},"33cf4fca-fad2-11f0-aa23-42dde27851f2","_calendar.scss","33cf5074-fad2-11f0-aa23-42dde27851f2",78,["D",1769444116772],".theme-scope {\n/* Calendar Component */\n/* ================== */\n\n/* Calendar Widget Container */\n.calendar-widget {\n --calendar-cell-size: 36px;\n --calendar-gap: 2px;\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: 0.75rem;\n padding: 1rem;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);\n}\n\n/* Size Variants */\n.calendar-widget-xs {\n --calendar-cell-size: 24px;\n padding: 0.75rem;\n font-size: 0.75rem;\n}\n\n.calendar-widget-xs .calendar-nav-title {\n font-size: 0.75rem;\n}\n\n.calendar-widget-xs .calendar-weekday {\n font-size: 0.625rem;\n}\n\n.calendar-widget-sm {\n --calendar-cell-size: 32px;\n padding: 0.875rem;\n}\n\n.calendar-widget-sm .calendar-nav-title {\n font-size: 0.8125rem;\n}\n\n/* Calendar Navigation */\n.calendar-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.75rem;\n gap: 0.5rem;\n}\n\n.calendar-nav-btn {\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: 1px solid transparent;\n border-radius: 0.375rem;\n color: var(--color-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.calendar-nav-btn:hover {\n background-color: var(--color-bg-secondary);\n border-color: var(--color-border);\n color: var(--color-text-primary);\n}\n\n.calendar-nav-btn .iconify {\n font-size: 1.125rem;\n}\n\n.calendar-nav-title {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--color-text-primary);\n text-align: center;\n flex: 1;\n}\n\n/* Dropdown Navigation */\n.calendar-dropdowns {\n display: flex;\n gap: 0.375rem;\n flex: 1;\n justify-content: center;\n}\n\n.calendar-dropdown {\n padding: 0.25rem 0.5rem;\n font-size: 0.8125rem;\n font-family: inherit;\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: 0.375rem;\n color: var(--color-text-primary);\n cursor: pointer;\n appearance: none;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2371717a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 4px center;\n padding-right: 20px;\n}\n\n.calendar-dropdown:hover {\n border-color: var(--color-primary);\n}\n\n.calendar-dropdown:focus {\n outline: none;\n border-color: var(--color-primary);\n box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n/* Calendar Grid */\n.calendar-grid {\n display: flex;\n flex-direction: column;\n gap: var(--calendar-gap);\n}\n\n.calendar-weekdays {\n display: flex;\n gap: var(--calendar-gap);\n}\n\n.calendar-weekday {\n width: var(--calendar-cell-size);\n height: calc(var(--calendar-cell-size) * 0.75);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.6875rem;\n font-weight: 500;\n color: var(--color-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n\n.calendar-week {\n display: flex;\n gap: var(--calendar-gap);\n}\n\n/* Calendar Days */\n.calendar-day {\n width: var(--calendar-cell-size);\n height: var(--calendar-cell-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.8125rem;\n font-family: inherit;\n background: transparent;\n border: none;\n border-radius: 0.375rem;\n color: var(--color-text-primary);\n cursor: pointer;\n position: relative;\n transition: all 0.1s ease;\n}\n\n.calendar-day:hover:not(:disabled) {\n background-color: var(--color-bg-secondary);\n}\n\n.calendar-day:focus {\n outline: none;\n box-shadow: 0 0 0 2px var(--color-ring);\n z-index: 1;\n}\n\n/* Day States */\n.calendar-day-outside {\n color: var(--color-text-muted);\n opacity: 0.5;\n}\n\n.calendar-day-today {\n background-color: var(--color-bg-secondary);\n border: 1px solid var(--color-border);\n font-weight: 600;\n}\n\n.calendar-day-selected {\n background-color: var(--color-primary) !important;\n color: var(--color-text-on-dark) !important;\n font-weight: 600;\n}\n\n.calendar-day-selected:hover {\n background-color: var(--color-primary-hover) !important;\n color: var(--color-text-on-dark) !important;\n}\n\n/* Range Selection */\n.calendar-day-in-range {\n background-color: var(--color-primary-light, rgba(59, 130, 246, 0.1));\n border-radius: 0;\n}\n\n.calendar-day-range-start {\n background-color: var(--color-primary) !important;\n color: var(--color-text-on-dark) !important;\n border-top-left-radius: 0.375rem !important;\n border-bottom-left-radius: 0.375rem !important;\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n\n.calendar-day-range-end {\n background-color: var(--color-primary) !important;\n color: var(--color-text-on-dark) !important;\n border-top-right-radius: 0.375rem !important;\n border-bottom-right-radius: 0.375rem !important;\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n}\n\n.calendar-day-range-start.calendar-day-range-end {\n border-radius: 0.375rem !important;\n}\n\n.calendar-day-disabled {\n color: var(--color-text-muted) !important;\n opacity: 0.3;\n cursor: not-allowed;\n}\n\n/* Date Picker Trigger */\n.date-picker-trigger {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.875rem;\n font-size: 0.875rem;\n font-family: inherit;\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: 0.5rem;\n color: var(--color-text-primary);\n cursor: pointer;\n transition: all 0.15s ease;\n min-width: 240px;\n justify-content: flex-start;\n}\n\n.date-picker-trigger:hover {\n border-color: var(--color-primary);\n background-color: var(--color-bg-secondary);\n}\n\n.date-picker-trigger:focus {\n outline: none;\n border-color: var(--color-primary);\n box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n.date-picker-trigger .date-picker-icon {\n color: var(--color-text-muted);\n font-size: 1.125rem;\n flex-shrink: 0;\n}\n\n/* Calendar Footer */\n.calendar-footer {\n display: flex;\n justify-content: center;\n margin-top: 0.75rem;\n padding-top: 0.75rem;\n border-top: 1px solid var(--color-border);\n}\n\n.calendar-today-btn {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.375rem 0.75rem;\n font-size: 0.8125rem;\n font-family: inherit;\n background: transparent;\n border: 1px solid var(--color-border);\n border-radius: 0.375rem;\n color: var(--color-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.calendar-today-btn:hover {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-primary);\n border-color: var(--color-primary);\n}\n\n.calendar-today-btn .iconify {\n font-size: 1rem;\n}\n\n/* Range Calendar Container (Dual Month) */\n.calendar-range-container {\n display: flex;\n gap: 1.5rem;\n justify-content: center;\n}\n\n.calendar-range-container .calendar-widget {\n border: none;\n box-shadow: none;\n padding: 0;\n background: transparent;\n}\n\n.calendar-view-toggle {\n display: flex;\n gap: 0.5rem;\n margin-bottom: 1rem;\n padding: 0.25rem;\n background-color: var(--color-bg-muted);\n border-radius: 0.5rem;\n}\n\n.calendar-view-btn {\n flex: 1;\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n font-weight: 500;\n background-color: transparent;\n border: none;\n border-radius: 0.375rem;\n color: var(--color-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.calendar-view-btn:hover {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-primary);\n}\n\n.calendar-view-btn.active {\n background-color: var(--color-bg-primary);\n color: var(--color-text-primary);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.calendar-range-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n // margin-top: 1rem;\n padding-top: 1rem;\n // border-top: 1px solid var(--color-border);\n}\n\n.calendar-range-label {\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n}\n\n/* Date and Time Picker */\n.datetime-picker-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n position: relative;\n}\n\n.datetime-picker-row {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.datetime-field {\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n position: relative;\n}\n\n.datetime-picker-container .date-picker-trigger {\n min-width: 180px;\n height: 38px;\n padding: 0.5rem 0.75rem;\n justify-content: space-between;\n}\n\n.datetime-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--color-text-primary);\n}\n\n/* Time Picker Input */\n.time-picker-single-input {\n width: 140px;\n height: 38px;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n font-family: inherit;\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: 0.5rem;\n color: var(--color-text-primary);\n cursor: text;\n transition: all 0.15s ease;\n \n /* Style the clock icon */\n &::-webkit-calendar-picker-indicator {\n filter: invert(0);\n opacity: 0.6;\n cursor: pointer;\n }\n \n &::-webkit-calendar-picker-indicator:hover {\n opacity: 1;\n }\n}\n\n.time-picker-single-input:hover {\n border-color: var(--color-primary);\n}\n\n.time-picker-single-input:focus {\n outline: none;\n border-color: var(--color-primary);\n box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n.time-picker-single-input::placeholder {\n color: var(--color-text-muted);\n}\n\n/* Dark mode for time/date inputs - inside theme-scope context */\n.dark & .time-picker-single-input,\n.dark & input[type=\"time\"],\n.dark & input[type=\"date\"],\n&.dark .time-picker-single-input,\n&.dark input[type=\"time\"],\n&.dark input[type=\"date\"] {\n color-scheme: dark;\n \n &::-webkit-calendar-picker-indicator {\n filter: invert(1);\n opacity: 0.7;\n }\n \n &::-webkit-calendar-picker-indicator:hover {\n opacity: 1;\n }\n}\n\n/* Legacy time picker styles (keeping for other use cases) */\n.time-picker-input {\n display: inline-flex;\n align-items: center;\n gap: 0;\n padding: 0.5rem 0.5rem;\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: 0.5rem;\n font-family: inherit;\n height: 38px;\n}\n\n.time-picker-input:focus-within {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n.time-segment {\n width: 1.25rem;\n padding: 0;\n border: none;\n background: transparent;\n font-size: 0.875rem;\n font-family: inherit;\n text-align: center;\n color: var(--color-text-primary);\n}\n\n.time-segment:focus {\n outline: none;\n background-color: var(--color-primary-light);\n border-radius: 0.25rem;\n}\n\n.time-separator {\n font-size: 0.875rem;\n color: var(--color-text-muted);\n user-select: none;\n}\n\n.time-period-btn {\n margin-left: 0.25rem;\n padding: 0.125rem 0.375rem;\n font-size: 0.75rem;\n font-weight: 500;\n font-family: inherit;\n background-color: var(--color-bg-secondary);\n border: 1px solid var(--color-border);\n border-radius: 0.25rem;\n color: var(--color-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.time-period-btn:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n}\n\n/* DateTime Result Display */\n.datetime-result {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.625rem 0.875rem;\n background-color: var(--color-bg-secondary);\n border: 1px solid var(--color-border);\n border-radius: 0.5rem;\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n}\n\n.datetime-result .iconify {\n color: var(--color-primary);\n font-size: 1.125rem;\n}\n\n/* Natural Language Picker */\n.nlp-picker-container {\n width: 100%;\n max-width: 500px;\n}\n\n.nlp-picker-content {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.nlp-input-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n}\n\n.nlp-input {\n width: 100%;\n padding: 0.625rem 2.5rem 0.625rem 0.875rem;\n font-size: 0.875rem;\n font-family: inherit;\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: 0.5rem;\n color: var(--color-text-primary);\n transition: all 0.15s ease;\n}\n\n.nlp-input::placeholder {\n color: var(--color-text-muted);\n}\n\n.nlp-input:focus {\n outline: none;\n border-color: var(--color-primary);\n box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n.nlp-calendar-btn {\n position: absolute;\n right: 0.5rem;\n padding: 0.375rem;\n background: transparent;\n border: none;\n color: var(--color-text-muted);\n cursor: pointer;\n border-radius: 0.25rem;\n transition: all 0.15s ease;\n}\n\n.nlp-calendar-btn:hover {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-primary);\n}\n\n.nlp-calendar-btn .iconify {\n font-size: 1.125rem;\n display: block;\n}\n\n/* NLP Result Display */\n.nlp-result {\n padding: 0.75rem 1rem;\n background-color: var(--color-success-light);\n border: 1px solid var(--color-success);\n border-radius: 0.5rem;\n font-size: 0.875rem;\n color: var(--color-text-primary);\n line-height: 1.5;\n}\n\n.nlp-result strong {\n color: var(--color-success-dark);\n font-weight: 600;\n}\n\n/* NLP Error Display */\n.nlp-error {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n background-color: var(--color-danger-light);\n border: 1px solid var(--color-danger);\n border-radius: 0.5rem;\n font-size: 0.875rem;\n color: var(--color-danger-dark);\n}\n\n.nlp-error .iconify {\n font-size: 1.125rem;\n flex-shrink: 0;\n}\n\n/* NLP Examples */\n.nlp-examples {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.5rem;\n padding-top: 0.5rem;\n border-top: 1px solid var(--color-border);\n}\n\n.nlp-examples-label {\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--color-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.nlp-example-btn {\n padding: 0.25rem 0.625rem;\n font-size: 0.75rem;\n font-family: inherit;\n background-color: var(--color-bg-secondary);\n border: 1px solid var(--color-border);\n border-radius: 0.375rem;\n color: var(--color-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.nlp-example-btn:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n border-color: var(--color-primary);\n}\n}\n\n",[],[545,552,559,25,659],{"_105":667,"_96":668,"_158":669,"_160":599,"_161":144,"_162":670,"_164":165,"_107":671,"_101":32,"_167":180,"_169":672,"_170":22,"_171":-5,"_172":673,"_99":674},"344cdde6-fad2-11f0-b38d-42dde27851f2","_callouts.scss","344cdecc-fad2-11f0-b38d-42dde27851f2",88,["D",1769444117521],".theme-scope {\n/* Callout / Info Box */\n.callout {\n margin-top: 1rem;\n padding: 1rem 1.5rem;\n background: var(--color-bg-light);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n margin-bottom: 1.5rem;\n}\n\n.callout-title {\n margin-top: 0;\n font-size: var(--text-base);\n font-weight: var(--font-semibold);\n color: inherit;\n margin-bottom: 0.5rem;\n}\n\n.callout p:last-child {\n margin-bottom: 0;\n}\n\n.callout pre {\n background: var(--color-white);\n padding: 1rem;\n border-radius: var(--radius-md);\n overflow-x: auto;\n margin-top: 1rem;\n}\n\n/* Callout Variants */\n.callout-note {\n background-color: var(--color-bg-secondary);\n border-color: var(--color-border);\n color: var(--color-text-neutral);\n}\n\n.callout-action {\n background-color: var(--color-info-light);\n border-color: var(--color-info);\n color: var(--color-info-dark);\n}\n\n.callout-warning {\n background-color: var(--color-warning-light);\n border-color: var(--color-warning);\n color: var(--color-warning-dark);\n}\n\n.callout-error {\n background-color: var(--color-danger-light);\n border-color: var(--color-danger);\n color: var(--color-danger-dark);\n}\n\n/* Alert Cards (Shadcn-style) */\n.alert {\n position: relative;\n width: 100%;\n border-radius: var(--radius-lg);\n border: 1px solid var(--color-border);\n border-left: 3px solid var(--color-border);\n padding: 1rem;\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n background-color: var(--color-bg-primary);\n color: var(--color-text-primary);\n margin-bottom: 1rem;\n \n /* Icon styling */\n > svg,\n > .iconify {\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n margin-top: 0.25rem; /* Align with title line-height */\n color: var(--color-text-primary);\n }\n\n > div {\n flex: 1;\n }\n}\n\n.alert-title {\n margin-top: 0;\n margin-bottom: 0.25rem;\n font-weight: var(--font-medium);\n line-height: var(--leading-normal); /* slightly relaxed to align with icon if needed, or 1 for tight */\n color: inherit;\n}\n\n.alert-description {\n // font-size: var(--text-sm); /* text-sm */\n color: var(--color-text-secondary);\n line-height: var(--leading-normal);\n}\n\n.alert-description p {\n margin-bottom: 0.5rem;\n}\n\n.alert-description p:last-child {\n margin-bottom: 0;\n}\n\n/* Alert Variants */\n\n/* Default */\n.alert-default {\n background-color: var(--color-bg-primary);\n border-color: var(--color-border);\n}\n\n/* Destructive / Error */\n.alert-destructive {\n border-color: var(--color-danger);\n background-color: var(--color-danger-light); /* Added light background */\n color: var(--color-danger-dark); /* Changed from danger to danger-dark for contrast on light bg */\n \n > svg,\n > .iconify {\n color: var(--color-danger);\n }\n \n .alert-description {\n color: var(--color-danger-dark); /* Changed from danger to danger-dark */\n }\n}\n\n/* Success */\n.alert-success {\n border-color: var(--color-success);\n background-color: var(--color-success-light); /* Added light background */\n color: var(--color-success-dark);\n \n > svg,\n > .iconify {\n color: var(--color-success);\n }\n \n .alert-title {\n color: var(--color-success-dark);\n }\n\n .alert-description {\n color: var(--color-success-dark);\n }\n}\n\n/* Warning */\n.alert-warning {\n border-color: var(--color-warning);\n background-color: var(--color-warning-light); /* Added light background */\n color: var(--color-warning-dark);\n \n > svg,\n > .iconify {\n color: var(--color-warning);\n }\n \n .alert-title {\n color: var(--color-warning-dark);\n }\n\n .alert-description {\n color: var(--color-warning-dark);\n }\n}\n\n/* Info */\n.alert-info {\n border-color: var(--color-info);\n background-color: var(--color-info-light); /* Added light background */\n color: var(--color-info-dark);\n \n > svg,\n > .iconify {\n color: var(--color-info);\n }\n \n .alert-title {\n color: var(--color-info-dark);\n }\n \n .alert-description {\n color: var(--color-info-dark);\n }\n}\n}\n",[],[545,552,559,25,668],{"_105":676,"_96":677,"_158":678,"_160":599,"_161":144,"_162":679,"_164":165,"_107":680,"_101":32,"_167":180,"_169":681,"_170":22,"_171":-5,"_172":682,"_99":683},"3431fa12-fad2-11f0-b446-42dde27851f2","_cards.scss","3431fabc-fad2-11f0-b446-42dde27851f2",85,["D",1769444117402],".theme-scope {\n/* Cards */\n.card,\n.app-card {\npadding: var(--space-card-padding); /* Reduced from 1.5rem */\nbackground-color: var(--color-bg-primary);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\nbox-shadow: var(--shadow-card);\nmargin-bottom: 1rem; /* Reduced from 1.5rem */\n}\n\n/* .card:hover {\nbox-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n} */\n.card-title,\n.app-title {\nfont-size: var(--text-xl);\nfont-weight: var(--font-semibold);\ncolor: var(--color-text-primary);\nmargin-bottom: 0.5rem;\n}\n\n.card-content,\n.app-card-content {\ncolor: var(--color-text-secondary);\n}\n\n/* Demo Card - for showcase/demo purposes */\n.demo-card {\npadding: 1rem;\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-md);\n}\n\n.demo-card p:last-child {\nmargin-bottom: 0;\n}\n\n.app-card p:last-child,\n.app-card-content p:last-child {\nmargin-bottom: 0;\n}\n\n/* Cards with borders and padding - ensure last paragraph has no margin */\ndiv[class*=border][class*=rounded] p:last-child,\ndiv[class*=border][class*=p-] p:last-child {\nmargin-bottom: 0;\n}\n}",[],[545,552,559,25,677],{"_105":685,"_96":686,"_158":687,"_160":599,"_161":144,"_162":688,"_164":165,"_107":689,"_101":32,"_167":180,"_169":690,"_170":22,"_171":-5,"_172":691,"_99":692},"3372c570-fad2-11f0-a4d3-42dde27851f2","_code.scss","3372c624-fad2-11f0-a4d3-42dde27851f2",65,["D",1769444116145],".theme-scope {\n /* Code Block Component - Light gray background in light mode */\n .code-block {\n position: relative;\n border: 1px solid var(--color-code-border, var(--color-border));\n border-radius: var(--radius-lg);\n background-color: var(--color-code-bg-dark);\n color: var(--color-code-text-dark);\n margin-bottom: 1.5rem;\n overflow: hidden;\n }\n\n /* Header */\n .code-block-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75rem 1rem;\n background-color: var(--color-code-header-bg, rgba(0, 0, 0, 0.03));\n border-bottom: 1px solid var(--color-code-border, var(--color-border));\n }\n\n .code-block-title {\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n color: var(--color-text-secondary);\n }\n\n /* Tabs in Header */\n .code-block-tabs {\n display: flex;\n gap: 1rem;\n }\n\n .code-block-tab {\n background: none;\n border: none;\n color: var(--color-text-muted);\n cursor: pointer;\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n padding: 0.25rem 0;\n position: relative;\n transition: color 0.2s;\n }\n\n .code-block-tab:hover {\n color: var(--color-text-primary);\n }\n\n .code-block-tab.active {\n color: var(--color-text-primary);\n }\n\n .code-block-tab.active::after {\n content: '';\n position: absolute;\n bottom: -0.75rem; /* align with header bottom padding */\n left: 0;\n width: 100%;\n height: 1px;\n background-color: var(--color-primary);\n }\n\n /* Actions (Copy Button) */\n .code-block-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .code-copy-btn {\n background: none;\n border: none;\n color: var(--color-text-muted);\n cursor: pointer;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n transition: all 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .code-copy-btn:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n\n /* Content */\n .code-block-content {\n position: relative;\n padding: 1rem;\n overflow-x: auto;\n font-family: var(--font-mono, ui-monospace, monospace);\n font-size: var(--text-sm);\n line-height: var(--leading-normal);\n }\n\n .code-block-content pre {\n margin: 0;\n padding: 0;\n background: transparent;\n color: inherit;\n font-family: inherit;\n }\n\n .code-block-content code {\n font-family: inherit;\n color: inherit;\n }\n \n /* Expand/Collapse */\n .code-block.collapsed .code-block-content {\n max-height: 150px; /* Adjust as needed */\n overflow-y: hidden;\n }\n\n .code-block-expand-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 120px;\n background: linear-gradient(to bottom, transparent, var(--color-code-bg-dark) 90%);\n display: flex;\n align-items: center;\n justify-content: center;\n padding-top: 2rem;\n pointer-events: none;\n }\n\n .code-block-expand-btn {\n pointer-events: auto;\n background-color: var(--color-text-primary);\n color: var(--color-bg-primary);\n border: 1px solid var(--color-text-primary);\n padding: 0.375rem 0.75rem;\n border-radius: var(--radius-sm);\n font-size: var(--text-xs);\n font-weight: var(--font-medium);\n cursor: pointer;\n transition: all 0.2s;\n box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n }\n\n .code-block-expand-btn:hover {\n background-color: var(--color-text-neutral-dark);\n border-color: var(--color-text-neutral-dark);\n }\n\n /* Header Expand Button */\n .code-header-expand-btn {\n background: none;\n border: none;\n color: var(--color-text-muted);\n cursor: pointer;\n font-size: var(--text-xs);\n font-weight: var(--font-medium);\n padding: 0.25rem 0.5rem;\n border-radius: var(--radius-sm);\n transition: color 0.2s;\n }\n\n .code-header-expand-btn:hover {\n color: var(--color-text-primary);\n background-color: var(--color-bg-muted);\n }\n\n /* Single Command Style (Inline-like block) */\n .code-command {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75rem 1rem;\n background-color: var(--color-code-bg-dark);\n color: var(--color-code-text-dark);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n font-family: var(--font-mono, ui-monospace, monospace);\n font-size: var(--text-sm);\n }\n\n .code-command-text {\n margin-right: 1rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .code-command-prefix {\n color: var(--color-text-muted);\n margin-right: 0.5rem;\n user-select: none;\n }\n\n /* Copy Button Position for Simple Code Block (no header) */\n .code-block.simple .code-copy-btn {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n z-index: 10;\n }\n\n /* ===================================\n Prism.js Light Theme Overrides\n Strong contrast colors for light gray backgrounds\n =================================== */\n \n /* Reset Prism dark theme colors for light mode */\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: var(--color-code-text-dark, #334155);\n text-shadow: none;\n }\n\n /* Token colors - strong, readable colors */\n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: #64748b; /* slate-500 - readable gray */\n }\n\n .token.punctuation {\n color: #475569; /* slate-600 */\n }\n\n .token.property,\n .token.tag,\n .token.boolean,\n .token.number,\n .token.constant,\n .token.symbol,\n .token.deleted {\n color: #0284c7; /* sky-600 - blue for numbers/constants */\n }\n\n .token.selector,\n .token.attr-name,\n .token.string,\n .token.char,\n .token.builtin,\n .token.inserted {\n color: #059669; /* emerald-600 - green for strings */\n }\n\n .token.operator,\n .token.entity,\n .token.url,\n .language-css .token.string,\n .style .token.string {\n color: #475569; /* slate-600 */\n }\n\n .token.atrule,\n .token.attr-value,\n .token.keyword {\n color: #7c3aed; /* violet-600 - purple for keywords */\n }\n\n .token.function,\n .token.class-name {\n color: #2563eb; /* blue-600 - blue for functions */\n }\n\n .token.regex,\n .token.important,\n .token.variable {\n color: #c2410c; /* orange-700 - orange for variables */\n }\n\n .token.important,\n .token.bold {\n font-weight: bold;\n }\n\n .token.italic {\n font-style: italic;\n }\n\n .token.entity {\n cursor: help;\n }\n}\n\n/* ===================================\n Dark Mode - Restore Prism Tomorrow theme colors\n =================================== */\n.theme-scope.dark,\n.dark .theme-scope {\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: #ccc;\n text-shadow: none;\n }\n\n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: #999;\n }\n\n .token.punctuation {\n color: #ccc;\n }\n\n .token.property,\n .token.tag,\n .token.boolean,\n .token.number,\n .token.constant,\n .token.symbol,\n .token.deleted {\n color: #f08d49;\n }\n\n .token.selector,\n .token.attr-name,\n .token.string,\n .token.char,\n .token.builtin,\n .token.inserted {\n color: #7ec699;\n }\n\n .token.operator,\n .token.entity,\n .token.url,\n .language-css .token.string,\n .style .token.string {\n color: #67cdcc;\n }\n\n .token.atrule,\n .token.attr-value,\n .token.keyword {\n color: #cc99cd;\n }\n\n .token.function,\n .token.class-name {\n color: #f8c555;\n }\n\n .token.regex,\n .token.important,\n .token.variable {\n color: #e90;\n }\n}\n",[],[545,552,559,25,686],{"_105":694,"_96":695,"_158":696,"_160":599,"_161":144,"_162":697,"_164":165,"_107":698,"_101":32,"_167":180,"_169":699,"_170":22,"_171":-5,"_172":700,"_99":701},"346f52ea-fad2-11f0-9f1e-42dde27851f2","_components.scss","346f5394-fad2-11f0-9f1e-42dde27851f2",91,["D",1769444117719],".theme-scope {\n/* Data Lists */\n.data-list {\ndisplay: flex;\nflex-direction: column;\nborder: 1px solid var(--color-border);\nborder-radius: 0.5rem;\noverflow: hidden;\nbackground-color: var(--color-bg-primary);\n}\n\n.data-list-row {\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\npadding: 0.75rem 1rem;\nborder-bottom: 1px solid var(--color-border);\nbackground-color: var(--color-bg-primary);\ntransition: background-color 0.15s ease;\n}\n\n.data-list-row:last-child {\nborder-bottom: none;\n}\n\n.data-list-row:hover {\nbackground-color: var(--color-bg-secondary);\n}\n\n.data-list-row-content {\ndisplay: flex;\nalign-items: center;\ngap: 1rem;\nflex: 1;\n}\n\n.data-list-row-actions {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\n}\n\n.data-list-item-title {\nfont-weight: 500;\ncolor: var(--color-text-primary);\n}\n\n.data-list-item-subtitle {\nfont-size: 0.875rem;\ncolor: var(--color-text-secondary);\n}\n\n/* Empty State */\n.empty-state {\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\njustify-content: center;\npadding: 2rem 1rem;\ntext-align: center;\nbackground-color: var(--color-bg-secondary);\nborder: 1px dashed var(--color-border);\nborder-radius: 0.5rem;\ncolor: var(--color-text-secondary);\n}\n\n.empty-state-icon {\nwidth: 3rem;\nheight: 3rem;\nmargin-bottom: 1rem;\ncolor: var(--color-text-muted);\n}\n\n.empty-state-title {\nfont-size: 1rem;\nfont-weight: 600;\ncolor: var(--color-text-primary);\nmargin-bottom: 0.5rem;\n}\n\n.empty-state-description {\nfont-size: 0.875rem;\nmax-width: 20rem;\n}\n\n/* Breadcrumbs */\n.breadcrumbs {\ndisplay: flex;\nalign-items: center;\nflex-wrap: wrap;\ngap: 0.5rem;\nfont-size: 0.875rem;\nline-height: 20px;\ncolor: var(--color-text-secondary);\nmargin-bottom: 1.5rem;\n}\n\n.breadcrumb-item {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\n}\n\n.breadcrumb-separator,\n.crumb-divider {\ncolor: var(--color-border-light);\ndisplay: inline-flex;\nalign-items: center;\n}\n\n.breadcrumb-link {\ncolor: var(--color-text-secondary);\ntext-decoration: none;\ntransition: color 0.15s ease;\n}\n\n.breadcrumb-link:hover {\ncolor: var(--color-text-primary);\ntext-decoration: underline;\n}\n\n.breadcrumb-current {\ncolor: var(--color-text-primary);\nfont-weight: 500;\n}\n\n/* Breadcrumbs with Chevrons */\n.breadcrumbs-chevron .crumb-divider {\ncolor: var(--color-border-light);\n}\n\n/* Breadcrumbs with Icons */\n.breadcrumbs .crumb-divider svg {\nwidth: 16px;\nheight: 16px;\ncolor: var(--color-border-light);\n}\n\n/* Back-Link Breadcrumb */\n.back-link {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\nfont-size: 0.875rem;\nline-height: 20px;\nmargin-bottom: 1.5rem;\n}\n\n.back-link svg {\nwidth: 16px;\nheight: 16px;\ncolor: var(--color-text-secondary);\n}\n\n.back-link .breadcrumb-link {\ncolor: var(--color-text-secondary);\ntext-decoration: none;\ntransition: color 0.15s ease;\n}\n\n.back-link .breadcrumb-link:hover {\ncolor: var(--color-text-primary);\ntext-decoration: underline;\n}\n\n/* Breadcrumbs with Ellipsis */\n.crumb-ellipsis {\ncolor: var(--color-text-muted);\n}\n\n/* Small Breadcrumbs */\n.breadcrumbs-small {\nfont-size: 0.75rem;\nline-height: 18px;\n}\n\n.breadcrumbs-small .crumb-divider svg {\nwidth: 14px;\nheight: 14px;\n}\n\n/* Large Breadcrumbs */\n.breadcrumbs-large {\nfont-size: 1rem;\nline-height: 24px;\n}\n\n.breadcrumbs-large .crumb-divider svg {\nwidth: 18px;\nheight: 18px;\n}\n\n/* Loading States */\n@keyframes spin {\nfrom {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(360deg);\n}\n}\n.animate-spin {\nanimation: spin 1s linear infinite;\n}\n\n.loading-overlay {\nposition: absolute;\ninset: 0;\nbackground-color: rgba(255, 255, 255, 0.7);\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nz-index: 50;\nbackdrop-filter: blur(2px);\nborder-radius: inherit;\n}\n\n.loading-skeleton {\nbackground-color: var(--color-bg-muted);\nborder-radius: 0.25rem;\nanimation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@keyframes pulse {\n0%, 100% {\n opacity: 1;\n}\n50% {\n opacity: 0.5;\n}\n}\n}",[],[545,552,559,25,695],{"_105":703,"_96":704,"_158":705,"_160":599,"_161":144,"_162":706,"_164":165,"_107":707,"_101":32,"_167":180,"_169":708,"_170":22,"_171":-5,"_172":709,"_99":710},"33817548-fad2-11f0-92fd-42dde27851f2","_details.scss","338175fc-fad2-11f0-92fd-42dde27851f2",67,["D",1769444116262],".theme-scope {\n\n /* Hide native marker for all summaries */\n summary {\n list-style: none;\n cursor: pointer;\n font-weight: 500;\n color: var(--color-text-primary);\n user-select: none;\n font-size: 0.875rem;\n }\n\n summary::-webkit-details-marker {\n display: none;\n }\n\n summary:hover {\n color: var(--color-primary);\n }\n\n /* Details base */\n details {\n border-radius: 0.375rem;\n padding: 0;\n margin-bottom: 0;\n }\n\n /* Custom icon that rotates when open */\n .details-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n font-size: 0.85rem;\n color: var(--color-text-secondary);\n transition: transform 0.2s ease;\n flex-shrink: 0;\n }\n\n details[open] > summary .details-icon {\n transform: rotate(90deg);\n }\n\n /* Details/Summary Toggle Variant */\n .details-toggle {\n border: 1px solid var(--color-border);\n border-radius: 0.375rem;\n overflow: hidden;\n background-color: var(--color-bg-primary);\n transition: border-color 0.15s ease-in-out;\n }\n\n .details-toggle:hover {\n border-color: var(--color-border-light);\n }\n\n /* Standard Details Summary - flexbox with gap */\n .details-summary {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.75rem;\n cursor: pointer;\n font-weight: 500;\n color: var(--color-text-primary);\n user-select: none;\n font-size: 0.875rem;\n background: var(--color-bg-primary);\n transition: background-color 0.2s;\n }\n\n .details-summary:hover {\n color: var(--color-primary);\n background: var(--color-bg-muted);\n }\n\n .details-toggle[open] .details-summary {\n margin-bottom: 0;\n }\n\n .details-content {\n padding: 0.5rem 0.75rem;\n color: var(--color-text-secondary);\n background: var(--color-bg-primary);\n }\n\n /* Card Style Summary */\n .details-summary-card {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.75rem;\n cursor: pointer;\n font-weight: 500;\n font-size: 0.875rem;\n transition: background-color 0.2s;\n }\n\n .details-summary-card:hover {\n background: var(--color-bg-muted);\n }\n\n /* Minimal/FAQ Style Summary */\n .details-summary-minimal {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0;\n cursor: pointer;\n font-weight: 500;\n font-size: 0.875rem;\n transition: color 0.2s;\n }\n\n .details-summary-minimal:hover {\n color: var(--color-primary);\n }\n\n /* Minimal Details/Summary Variant */\n details.details-minimal {\n border: none;\n background: none;\n padding: 0;\n margin-bottom: 0;\n border-radius: 0;\n }\n\n /* Nested Details Summary */\n .details-summary-nested {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.25rem 0;\n cursor: pointer;\n font-weight: 500;\n font-size: 0.875rem;\n transition: color 0.2s;\n }\n\n .details-summary-nested:hover {\n color: var(--color-primary);\n }\n}\n",[],[545,552,559,25,704],{"_105":712,"_96":713,"_158":714,"_160":599,"_161":144,"_162":715,"_164":165,"_107":716,"_101":32,"_167":180,"_169":717,"_170":22,"_171":-5,"_172":718,"_99":719},"34819e96-fad2-11f0-a956-42dde27851f2","_drawer.scss","34819f40-fad2-11f0-a956-42dde27851f2",93,["D",1769444117915],".theme-scope {\n/* ===================================\n Drawer Component (Sheet/Modal Drawer)\n Similar to shadcn/ui Drawer - uses Vaul-like patterns\n =================================== */\n\n/* Drawer Overlay (Backdrop) */\n.drawer-overlay {\n position: fixed;\n inset: 0;\n z-index: 1100;\n background-color: rgba(0, 0, 0, 0.8);\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;\n}\n\n.drawer-overlay.open {\n opacity: 1;\n visibility: visible;\n transition-delay: 0s;\n}\n\n/* Base Drawer Container */\n.drawer {\n position: fixed;\n z-index: 1101;\n background-color: var(--color-bg-primary);\n display: flex;\n flex-direction: column;\n transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);\n pointer-events: none;\n}\n\n.drawer.open {\n pointer-events: auto;\n}\n\n/* ===================================\n Drawer Positions\n =================================== */\n\n/* Bottom Drawer (Default - like mobile sheets) */\n.drawer-bottom {\n inset-inline: 0;\n bottom: 0;\n max-height: 96vh;\n border-radius: 0;\n transform: translateY(100%);\n \n /* Extra padding at bottom to prevent gap when dragging up */\n padding-bottom: env(safe-area-inset-bottom, 0);\n \n /* Pseudo-element extends the background below the drawer for drag-up effect */\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n bottom: -50px;\n height: 50px;\n background-color: inherit;\n pointer-events: none;\n }\n}\n\n.drawer-bottom.open {\n transform: translateY(0);\n}\n\n/* Right Drawer (Side sheet) */\n.drawer-right {\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n max-width: 24rem; /* 384px */\n transform: translateX(100%);\n}\n\n.drawer-right.open {\n transform: translateX(0);\n}\n\n/* Left Drawer */\n.drawer-left {\n top: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n max-width: 24rem;\n transform: translateX(-100%);\n}\n\n.drawer-left.open {\n transform: translateX(0);\n}\n\n/* Top Drawer */\n.drawer-top {\n inset-inline: 0;\n top: 0;\n max-height: 96vh;\n transform: translateY(-100%);\n}\n\n.drawer-top.open {\n transform: translateY(0);\n}\n\n/* ===================================\n Drawer Width/Height Variants\n =================================== */\n\n.drawer-sm {\n max-width: 20rem; /* 320px */\n}\n\n.drawer-md {\n max-width: 28rem; /* 448px */\n}\n\n.drawer-lg {\n max-width: 36rem; /* 576px */\n}\n\n.drawer-xl {\n max-width: 48rem; /* 768px */\n}\n\n.drawer-full {\n max-width: 100%;\n border-radius: 0;\n}\n\n/* Height variants for bottom/top drawers */\n.drawer-h-sm {\n max-height: 40vh;\n}\n\n.drawer-h-md {\n max-height: 60vh;\n}\n\n.drawer-h-lg {\n max-height: 80vh;\n}\n\n/* ===================================\n Drawer Handle (Drag indicator)\n =================================== */\n\n.drawer-handle {\n display: flex;\n justify-content: center;\n padding: 0.75rem;\n flex-shrink: 0;\n cursor: grab;\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n transition: background-color 0.15s ease;\n}\n\n.drawer-handle:hover {\n background-color: var(--color-bg-secondary);\n}\n\n.drawer-handle:active {\n cursor: grabbing;\n}\n\n.drawer-handle-bar {\n width: 2.5rem;\n height: 0.25rem;\n background-color: var(--color-border-light);\n border-radius: var(--radius-full);\n transition: background-color 0.15s ease, transform 0.15s ease;\n}\n\n.drawer-handle:hover .drawer-handle-bar {\n background-color: var(--color-border);\n transform: scaleX(1.1);\n}\n\n.drawer-handle:active .drawer-handle-bar {\n background-color: var(--color-text-muted);\n}\n\n/* ===================================\n Drawer Header\n =================================== */\n\n.drawer-header {\n padding: 0.75rem 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n text-align: center;\n}\n\n.drawer-header-left {\n text-align: left;\n}\n\n.drawer-title {\n font-size: var(--text-lg);\n font-weight: var(--font-semibold);\n color: var(--color-text-primary);\n line-height: 1.375;\n margin: 0;\n}\n\n.drawer-description {\n font-size: var(--text-sm);\n color: var(--color-text-secondary);\n margin: 0;\n}\n\n/* ===================================\n Drawer Content\n =================================== */\n\n.drawer-content {\n flex: 1;\n overflow-y: auto;\n padding: 0.75rem 1rem;\n}\n\n.drawer-content-centered {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n/* ===================================\n Drawer Footer\n =================================== */\n\n.drawer-footer {\n padding: 0.75rem 1rem 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.drawer-footer-row {\n flex-direction: row;\n justify-content: flex-end;\n gap: 0.75rem;\n}\n\n/* ===================================\n Drawer Close Button\n =================================== */\n\n.drawer-close {\n position: absolute;\n top: 1rem;\n right: 1rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n padding: 0;\n color: var(--color-text-muted);\n background-color: transparent;\n border: none;\n border-radius: var(--radius-button);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n}\n\n.drawer-close:hover {\n color: var(--color-text-primary);\n background-color: var(--color-bg-secondary);\n}\n\n.drawer-close:focus {\n outline: none;\n box-shadow: 0 0 0 var(--ring-width) var(--color-gray-ring);\n}\n\n/* ===================================\n Responsive Adjustments\n =================================== */\n\n/* Bottom drawer is full width by default */\n/* Use .drawer-bottom-centered for centered narrow version on desktop */\n@media (min-width: 640px) {\n .drawer-bottom-centered {\n max-width: 32rem;\n margin-inline: auto;\n left: 50%;\n transform: translateX(-50%) translateY(100%);\n }\n \n .drawer-bottom-centered.open {\n transform: translateX(-50%) translateY(0);\n }\n}\n\n/* ===================================\n Nested Card in Drawer (like shadcn example)\n =================================== */\n\n.drawer-inner-card {\n width: 100%;\n max-width: 24rem;\n margin-inline: auto;\n}\n\n/* ===================================\n Drawer with Snap Points (visual only)\n =================================== */\n\n.drawer-snap-indicator {\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n background-color: var(--color-border);\n opacity: 0.5;\n}\n\n}\n\n\n\n",[],[545,552,559,25,713],{"_105":721,"_96":722,"_158":723,"_160":599,"_161":144,"_162":724,"_164":165,"_107":725,"_101":32,"_167":180,"_169":726,"_170":22,"_171":-5,"_172":727,"_99":728},"3451a98e-fad2-11f0-92fd-42dde27851f2","_dropdowns.scss","3451aa6a-fad2-11f0-92fd-42dde27851f2",89,["D",1769444117621],".theme-scope {\n/* Dropdowns & Menus */\n.dropdown {\nposition: relative;\ndisplay: inline-block;\n}\n\n.dropdown-mega {\nposition: static;\n}\n\n.dropdown-menu {\nposition: absolute;\ntop: 100%;\nleft: 0;\nz-index: 50; /* Base z-index */\nmin-width: 12rem;\npadding: 0.25rem 0; /* Tighter padding */\nmargin-top: 0.25rem;\nbackground-color: var(--color-bg-primary);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\nbox-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n/* Flyout Animation Defaults */\nopacity: 0;\ntransform: scale(0.95) translateY(-5px);\ntransform-origin: top left;\ntransition: opacity 0.15s ease-out, transform 0.15s ease-out, visibility 0s linear 0.15s;\npointer-events: none;\nvisibility: hidden;\n}\n\n.dropdown-menu.open {\nopacity: 1;\ntransform: scale(1) translateY(0);\npointer-events: auto;\nvisibility: visible;\ntransition-delay: 0s;\ndisplay: block; /* Force display */\nz-index: 999; /* Ensure open state maintains high index */\n}\n\n/* Alignment Variants */\n.dropdown-menu-right {\nleft: auto;\nright: 0;\ntransform-origin: top right;\n}\n\n.dropdown-menu-center {\nleft: 50%;\ntransform: translateX(-50%) scale(0.95) translateY(-5px);\ntransform-origin: top center;\n}\n\n.dropdown-menu-center.open {\ntransform: translateX(-50%) scale(1) translateY(0);\n}\n\n/* Width Variants */\n.dropdown-menu-w-sm {\nmin-width: 10rem;\n}\n\n.dropdown-menu-w-md {\nmin-width: 16rem;\n}\n\n.dropdown-menu-w-lg {\nmin-width: 20rem;\n}\n\n.dropdown-menu-w-xl {\nmin-width: 24rem;\n}\n\n/* Mega Menu */\n.dropdown-mega-container {\nposition: relative; /* Parent container for mega menu */\n}\n\n.dropdown-menu-mega {\nposition: absolute;\nleft: 2rem;\nright: 2rem;\nwidth: auto;\npadding: 1.5rem;\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\ngap: 1.5rem;\n/* Override the transform animation - no scale to prevent width squishing */\ntransform: translateY(-5px);\ntransform-origin: top center;\n}\n\n.dropdown-menu-mega.open {\ndisplay: grid !important; /* Override .dropdown-menu.open display: block */\ntransform: translateY(0);\noverflow: hidden; /* Clip content to dropdown boundaries */\n}\n\n/* Upward/Top Direction Variants */\n.dropdown-menu-up,\n.dropdown-menu-top {\ntop: auto;\nbottom: 100%;\nmargin-top: 0;\nmargin-bottom: 0.25rem;\ntransform: scale(0.95) translateY(5px);\ntransform-origin: bottom left;\n}\n\n.dropdown-menu-up.open,\n.dropdown-menu-top.open {\ntransform: scale(1) translateY(0);\n}\n\n.dropdown-menu-up.dropdown-menu-right,\n.dropdown-menu-top.dropdown-menu-right {\ntransform-origin: bottom right;\n}\n\n.dropdown-menu-up.dropdown-menu-center,\n.dropdown-menu-top.dropdown-menu-center {\ntransform: translateX(-50%) scale(0.95) translateY(5px);\ntransform-origin: bottom center;\n}\n\n.dropdown-menu-up.dropdown-menu-center.open,\n.dropdown-menu-top.dropdown-menu-center.open {\ntransform: translateX(-50%) scale(1) translateY(0);\n}\n\n/* Content Styles */\n.dropdown-header {\ndisplay: block;\npadding: 0.5rem 1rem;\nmargin-bottom: 0;\nfont-size: var(--text-xs);\nfont-weight: var(--font-semibold);\ncolor: var(--color-text-secondary);\nwhite-space: nowrap;\ntext-transform: uppercase;\nletter-spacing: 0.05em;\n}\n\n.dropdown-item {\ndisplay: flex;\nalign-items: center;\ngap: 0.75rem;\nwidth: 100%;\npadding: 0.5rem 1rem;\nclear: both;\nfont-weight: 400;\ncolor: var(--color-text-primary);\ntext-align: inherit;\nwhite-space: nowrap;\nbackground-color: transparent;\nborder: 0;\ncursor: pointer;\ntext-decoration: none;\ntransition: all 0.15s ease-in-out;\nfont-size: var(--text-sm);\n}\n\n.dropdown-item:hover,\n.dropdown-item:focus {\nbackground-color: var(--color-bg-secondary);\ncolor: var(--color-primary);\ntext-decoration: none;\noutline: none;\n}\n\n.dropdown-item.active {\nbackground-color: var(--color-primary-light);\ncolor: var(--color-primary);\n}\n\n.dropdown-item-description {\ndisplay: block;\nfont-size: var(--text-xs);\ncolor: var(--color-text-secondary);\nmargin-top: 0.125rem;\nwhite-space: normal;\n}\n\n/* Non-interactive text inside dropdown (e.g., email display) */\n.dropdown-item-text {\ndisplay: block;\npadding: 0.5rem 1rem;\nfont-size: var(--text-sm);\ncolor: var(--color-text-primary);\n}\n\n.dropdown-item:hover .dropdown-item-description {\ncolor: var(--color-text-neutral-dark);\n}\n\n.dropdown-divider {\nheight: 0;\nmargin: 0.375rem 0;\noverflow: hidden;\nborder-top: 1px solid var(--color-border-light);\n}\n\n/* Icon support */\n.dropdown-item-icon {\nwidth: 1rem;\nheight: 1rem;\ncolor: var(--color-text-muted);\nflex-shrink: 0;\n}\n\n.dropdown-item:hover .dropdown-item-icon {\ncolor: var(--color-primary);\n}\n\n/* Popovers */\n.popover-content {\nposition: absolute;\ntop: 100%;\nleft: 0;\nz-index: 50;\npadding: 1rem;\nmargin-top: 0.5rem;\nbackground-color: var(--color-bg-primary);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\nbox-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n/* Flyout Animation Defaults */\nopacity: 0;\ntransform: scale(0.95) translateY(-5px);\ntransform-origin: top left;\ntransition: opacity 0.15s ease-out, transform 0.15s ease-out, visibility 0s linear 0.15s;\npointer-events: none;\nvisibility: hidden;\n}\n\n.popover-content.open {\nopacity: 1;\ntransform: scale(1) translateY(0);\npointer-events: auto;\nvisibility: visible;\ntransition-delay: 0s;\n}\n\n/* Popover Alignment Variants */\n.popover-content-right {\nleft: auto;\nright: 0;\ntransform-origin: top right;\n}\n\n.popover-content-center {\nleft: 50%;\ntransform: translateX(-50%) scale(0.95) translateY(-5px);\ntransform-origin: top center;\n}\n\n.popover-content-center.open {\ntransform: translateX(-50%) scale(1) translateY(0);\n}\n\n/* Upward/Top Direction Variants for Popovers */\n.popover-content-up,\n.popover-content-top {\ntop: auto;\nbottom: 100%;\nmargin-top: 0;\nmargin-bottom: 0.5rem;\ntransform: scale(0.95) translateY(5px);\ntransform-origin: bottom left;\n}\n\n.popover-content-up.open,\n.popover-content-top.open {\ntransform: scale(1) translateY(0);\n}\n\n.popover-content-up.popover-content-right,\n.popover-content-top.popover-content-right {\ntransform-origin: bottom right;\n}\n\n.popover-content-up.popover-content-center,\n.popover-content-top.popover-content-center {\ntransform: translateX(-50%) scale(0.95) translateY(5px);\ntransform-origin: bottom center;\n}\n\n.popover-content-up.popover-content-center.open,\n.popover-content-top.popover-content-center.open {\ntransform: translateX(-50%) scale(1) translateY(0);\n}\n}",[],[545,552,559,25,722],{"_105":730,"_96":731,"_158":732,"_160":599,"_161":144,"_162":733,"_164":165,"_107":734,"_101":32,"_167":180,"_169":735,"_170":22,"_171":-5,"_172":736,"_99":737},"3440015c-fad2-11f0-92fd-42dde27851f2","_fields.scss","34400238-fad2-11f0-92fd-42dde27851f2",86,["D",1769444116865],".theme-scope {\n /* Field Component Styles - Based on shadcn/ui */\n \n /* Field Container */\n .field {\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n }\n \n .field:last-child {\n margin-bottom: 0;\n }\n \n /* Field orientations */\n .field-horizontal {\n flex-direction: row;\n align-items: flex-start;\n gap: 0.75rem;\n }\n \n .field-responsive {\n flex-direction: column;\n \n @media (min-width: 640px) {\n flex-direction: row;\n align-items: flex-start;\n gap: 1.5rem;\n }\n }\n \n /* Field Label */\n .field-label {\n display: block;\n margin-bottom: 0;\n font-weight: var(--font-medium);\n color: var(--color-text-primary);\n font-size: var(--text-sm);\n line-height: var(--leading-normal);\n }\n \n .field-horizontal .field-label {\n margin-bottom: 0;\n margin-top: 0;\n line-height: var(--leading-normal);\n }\n \n /* Field Title (for non-input field headers) */\n .field-title {\n font-weight: var(--font-medium);\n color: var(--color-text-primary);\n font-size: var(--text-sm);\n line-height: var(--leading-normal);\n margin-bottom: 0;\n }\n \n /* Field Description */\n .field-description {\n font-size: var(--text-sm);\n color: var(--color-text-muted);\n line-height: var(--leading-normal);\n margin: 0;\n }\n \n .field-horizontal .field-description {\n font-size: var(--text-sm);\n margin-bottom: 0;\n }\n \n /* Description inside fieldset should have bottom margin for spacing before checkbox/radio groups */\n .fieldset > .field-description {\n margin-bottom: 0.75rem;\n }\n \n /* Description that comes before an input gets bottom spacing */\n .field-description + .form-input,\n .field-description + .form-select,\n .field-description + .form-textarea,\n .field-description + input,\n .field-description + select,\n .field-description + textarea,\n .field-description + .range-slider {\n margin-top: 0;\n }\n \n /* Tighter spacing for fieldset + description + field-group combo */\n .fieldset .field-description + .field-group {\n margin-top: 0;\n }\n \n /* Field Content - wrapper for label + description in horizontal layouts */\n .field-content {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n flex: 1;\n }\n \n .field-horizontal .field-content {\n flex: 1;\n }\n \n .field-responsive .field-content {\n flex: 0 0 auto;\n min-width: 8rem;\n \n @media (min-width: 640px) {\n min-width: 10rem;\n max-width: 12rem;\n }\n }\n \n /* Fieldset */\n .fieldset {\n border: none;\n padding: 0;\n margin: 0;\n min-width: 0;\n }\n \n /* Field Legend */\n .field-legend {\n font-size: var(--text-lg);\n font-weight: var(--font-semibold);\n color: var(--color-text-primary);\n margin-bottom: 0.375rem;\n line-height: var(--leading-normal);\n }\n \n .field-legend-label {\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n line-height: var(--leading-normal);\n margin-bottom: 0.375rem;\n }\n \n /* Field Group - stacks multiple fields */\n .field-group {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n \n /* Separators don't participate in gap - they have their own spacing */\n .field-group > .field-separator {\n margin: 0.5rem 0 !important;\n flex-shrink: 0;\n }\n \n .field-group.gap-3 {\n gap: 0.5rem;\n }\n \n /* Checkbox/Radio groups inside fieldset need consistent spacing */\n .fieldset .field-group .field-horizontal {\n margin-bottom: 0;\n }\n \n /* Space-y utility override for consistent checkbox/radio spacing */\n .space-y-2 > .field-horizontal {\n margin-bottom: 0;\n }\n \n .space-y-2 > .field-horizontal + .field-horizontal {\n margin-top: 0.5rem;\n }\n \n /* Container query support for responsive fields */\n @container field-group (min-width: 640px) {\n .field-responsive {\n flex-direction: row;\n align-items: flex-start;\n gap: 1.5rem;\n }\n }\n \n /* Field Separator */\n .field-separator {\n display: block !important;\n height: 1px;\n background-color: var(--color-border);\n margin: 0;\n border: none;\n width: 100%;\n }\n \n /* Field Error State */\n .field-invalid input,\n .field-invalid textarea,\n .field-invalid select,\n .field-invalid .form-input,\n .field-invalid .form-select {\n border-color: var(--color-danger);\n }\n \n .field-invalid input:focus,\n .field-invalid textarea:focus,\n .field-invalid select:focus,\n .field-invalid .form-input:focus,\n .field-invalid .form-select:focus {\n border-color: var(--color-danger);\n box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n }\n \n /* Field Error Message */\n .field-error {\n font-size: var(--text-sm);\n color: var(--color-danger);\n margin: 0;\n line-height: var(--leading-normal);\n }\n \n /* Choice Card - clickable field wrapper */\n .field-choice-card {\n display: block;\n padding: 0.75rem 1rem;\n border: 1px solid var(--color-choice-border);\n border-radius: var(--radius-lg);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n background-color: var(--color-choice-bg);\n }\n \n .field-choice-card:hover {\n background-color: var(--color-choice-bg-hover);\n border-color: var(--color-choice-border-hover);\n }\n \n .field-choice-card:has(input:checked) {\n border-color: var(--color-choice-border-checked);\n background-color: var(--color-choice-bg-checked);\n }\n \n .field-choice-card:has(input:focus) {\n outline: 2px solid var(--color-choice-ring);\n outline-offset: 2px;\n }\n \n /* Responsive field input sizing */\n .field-responsive input,\n .field-responsive textarea,\n .field-responsive select,\n .field-responsive .form-input,\n .field-responsive .form-select {\n width: 100%;\n max-width: 100%;\n \n @media (min-width: 640px) {\n width: 100%;\n max-width: 24rem;\n flex: 0 1 auto;\n }\n }\n \n /* Horizontal field adjustments for checkboxes/radios/toggles */\n .field-horizontal input[type=\"checkbox\"],\n .field-horizontal input[type=\"radio\"],\n .field-horizontal .form-toggle {\n margin-top: 0.125rem;\n flex-shrink: 0;\n }\n \n /* Reset field margins inside checkbox/radio groups to prevent double spacing */\n .field-group .field-horizontal.field,\n .space-y-2 .field-horizontal.field {\n margin-bottom: 0;\n gap: 0.625rem;\n }\n \n /* Field buttons in horizontal layout */\n .field-horizontal button {\n margin-right: 0.5rem;\n }\n \n .field-horizontal button:last-child {\n margin-right: 0;\n }\n \n /* Accessibility improvements */\n .field input[aria-invalid=\"true\"],\n .field textarea[aria-invalid=\"true\"],\n .field select[aria-invalid=\"true\"] {\n border-color: var(--color-danger);\n }\n \n /* Field with description spacing adjustments */\n .field:has(.field-description) .field-label,\n .field:has(.field-description) .field-title {\n margin-bottom: 0;\n }\n \n /* Focus within container styling */\n .field:has(input:focus) .field-label,\n .field:has(textarea:focus) .field-label,\n .field:has(select:focus) .field-label {\n color: var(--color-primary);\n }\n \n /* Range Slider (Two-headed slider) */\n .range-slider {\n position: relative;\n width: 100%;\n height: 1.25rem;\n margin-top: 0.5rem;\n }\n \n .range-slider-track {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 0.25rem;\n background: var(--color-border-light);\n border-radius: var(--radius-full);\n transform: translateY(-50%);\n }\n \n .range-slider-range {\n position: absolute;\n height: 100%;\n background: var(--color-primary);\n border-radius: var(--radius-full);\n }\n \n .range-slider-input {\n position: absolute;\n width: 100%;\n height: 0.25rem;\n top: 50%;\n transform: translateY(-50%);\n background: transparent;\n pointer-events: none;\n appearance: none;\n -webkit-appearance: none;\n margin: 0;\n padding: 0;\n }\n \n .range-slider-input::-webkit-slider-thumb {\n appearance: none;\n -webkit-appearance: none;\n pointer-events: all;\n width: 1rem;\n height: 1rem;\n background: var(--color-bg-primary);\n border: 2px solid var(--color-primary);\n border-radius: 50%;\n cursor: pointer;\n box-shadow: var(--shadow-sm);\n transition: box-shadow 0.15s ease-in-out;\n }\n \n .range-slider-input::-webkit-slider-thumb:hover {\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n }\n \n .range-slider-input::-webkit-slider-thumb:active {\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);\n }\n \n .range-slider-input::-moz-range-thumb {\n pointer-events: all;\n width: 1rem;\n height: 1rem;\n background: var(--color-bg-primary);\n border: 2px solid var(--color-primary);\n border-radius: 50%;\n cursor: pointer;\n box-shadow: var(--shadow-sm);\n transition: box-shadow 0.15s ease-in-out;\n }\n \n .range-slider-input::-moz-range-thumb:hover {\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n }\n \n .range-slider-input::-moz-range-thumb:active {\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);\n }\n \n .range-slider-input:focus {\n outline: none;\n }\n \n .range-slider-input:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);\n }\n \n .range-slider-input:focus::-moz-range-thumb {\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);\n }\n \n /* Z-index for overlapping sliders - min on top so it's accessible when at same position */\n .range-slider-input-min {\n z-index: 4;\n }\n \n .range-slider-input-max {\n z-index: 3;\n }\n}\n",[],[545,552,559,25,731],{"_105":739,"_96":740,"_158":741,"_160":599,"_161":144,"_162":742,"_164":165,"_107":743,"_101":32,"_167":180,"_169":744,"_170":22,"_171":-5,"_172":745,"_99":746},"33d9dd6e-fad2-11f0-a4d3-42dde27851f2","_forms.scss","33d9de2c-fad2-11f0-a4d3-42dde27851f2",80,["D",1769444116828],".theme-scope {\n/* Forms */\ninput[type=text],\ninput[type=email],\ninput[type=password],\ninput[type=number],\ninput[type=url],\ninput[type=search],\ninput[type=tel],\ninput[type=date],\ninput[type=time],\ninput[type=datetime-local],\ninput[type=month],\ninput[type=week],\ninput[type=file],\ntextarea,\nselect,\n.form-input,\n.form-select {\ndisplay: block;\nwidth: 100%;\nmargin: 0;\npadding: 0.5rem 0.625rem; /* Adjusted padding for better height */\nfont-size: var(--text-sm);\nline-height: var(--leading-normal);\ncolor: var(--color-text-primary);\nbackground-color: var(--color-bg-primary);\nborder: 1px solid var(--color-border-light);\nborder-radius: var(--radius-md);\ntransition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n/* Specificity override for Tailwind padding utilities */\n.form-input.pl-10 {\npadding-left: 2.5rem;\n}\n\n/* Border radius overrides for connected inputs (e.g., chat input with toolbar) */\n.form-input.rounded-none,\ntextarea.form-input.rounded-none,\ninput.form-input.rounded-none {\nborder-radius: 0;\n}\n\n.form-input.rounded-t-none,\ntextarea.form-input.rounded-t-none,\ninput.form-input.rounded-t-none {\nborder-top-left-radius: 0;\nborder-top-right-radius: 0;\n}\n\n.form-input.rounded-b-none,\ntextarea.form-input.rounded-b-none,\ninput.form-input.rounded-b-none {\nborder-bottom-left-radius: 0;\nborder-bottom-right-radius: 0;\n}\n\ninput[type=text]:focus,\ninput[type=email]:focus,\ninput[type=password]:focus,\ninput[type=number]:focus,\ninput[type=url]:focus,\ninput[type=search]:focus,\ninput[type=tel]:focus,\ninput[type=date]:focus,\ninput[type=time]:focus,\ninput[type=datetime-local]:focus,\ninput[type=month]:focus,\ninput[type=week]:focus,\ninput[type=file]:focus,\ntextarea:focus,\nselect:focus,\n.form-input:focus {\noutline: none;\nborder-color: var(--color-primary);\nbox-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\ninput[type=text]:disabled,\ninput[type=email]:disabled,\ninput[type=password]:disabled,\ninput[type=number]:disabled,\ninput[type=url]:disabled,\ninput[type=search]:disabled,\ninput[type=tel]:disabled,\ninput[type=date]:disabled,\ninput[type=time]:disabled,\ninput[type=datetime-local]:disabled,\ninput[type=month]:disabled,\ninput[type=week]:disabled,\ninput[type=file]:disabled,\ntextarea:disabled,\nselect:disabled,\n.form-input:disabled {\nbackground-color: var(--color-bg-secondary);\ncolor: var(--color-text-muted);\ncursor: not-allowed;\n}\n\ninput[readonly],\ntextarea[readonly],\n.form-input[readonly] {\nbackground-color: var(--color-bg-secondary);\ncolor: var(--color-text-secondary);\n}\n\n/* Textarea auto-grow */\ntextarea {\nresize: vertical;\nmin-height: 80px;\noverflow: hidden;\n}\n\ntextarea.no-auto-grow {\nresize: both;\noverflow: auto;\n}\n\n/* Select dropdown arrow - matches button dropdown chevron style */\nselect,\n.form-select {\nappearance: none;\n-webkit-appearance: none;\n-moz-appearance: none;\nbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E\");\nbackground-repeat: no-repeat;\nbackground-position: right 0.5rem center;\nbackground-size: 1.25rem 1.25rem;\npadding-right: 2.5rem;\n}\n\nselect:disabled,\n.form-select:disabled {\nbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23cbd5e1' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E\");\n}\n\n/* Labels */\nlabel,\n.form-label {\ndisplay: block;\nmargin-bottom: 0.5rem;\nfont-weight: var(--font-medium);\ncolor: var(--color-text-primary);\nfont-size: var(--text-sm);\n}\n\n/* Inline label - for use alongside checkboxes, radios, toggles */\n.form-label-inline,\n.form-label.inline {\ndisplay: inline;\nmargin-bottom: 0;\n}\n\n/* Checkbox/Radio field wrapper - inline label + input pattern */\n.field-check,\nlabel.field-check {\ndisplay: flex;\nalign-items: flex-start;\ngap: 0.5rem;\ncursor: pointer;\nmargin-bottom: 0;\n}\n\n.field-check.items-center {\nalign-items: center;\n}\n\n.field-check input[type=checkbox],\n.field-check input[type=radio] {\nmargin-top: 0.125rem; /* Align with first line of text */\nflex-shrink: 0;\n}\n\n.field-check.items-center input[type=checkbox],\n.field-check.items-center input[type=radio] {\nmargin-top: 0;\n}\n\n.field-check > span,\n.field-check > div {\nflex: 1;\n}\n\n.field-check .field-check-label {\nfont-weight: var(--font-medium);\nfont-size: var(--text-sm);\ncolor: var(--color-text-primary);\nline-height: 1.25;\n}\n\n.field-check .field-check-description {\nfont-size: var(--text-sm);\ncolor: var(--color-text-muted);\nmargin-top: 0.25rem;\n}\n\n/* Checkboxes and Radio Buttons */\ninput[type=checkbox],\ninput[type=radio],\n.form-checkbox,\n.form-radio {\ndisplay: inline-block;\nwidth: 1rem;\nheight: 1rem;\nmin-width: 1rem;\nflex-shrink: 0;\nbackground-color: var(--color-control-bg);\nborder: 1px solid var(--color-control-border);\nborder-radius: var(--radius-sm);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\naccent-color: var(--color-control-checked);\n}\n\ninput[type=radio] {\nborder-radius: 50%;\n}\n\ninput[type=checkbox]:hover,\ninput[type=radio]:hover {\nbackground-color: var(--color-control-bg-hover);\nborder-color: var(--color-control-border-hover);\n}\n\ninput[type=checkbox]:checked,\ninput[type=radio]:checked {\nbackground-color: var(--color-control-checked);\nborder-color: var(--color-control-checked-border);\n}\n\ninput[type=checkbox]:checked:hover,\ninput[type=radio]:checked:hover {\nbackground-color: var(--color-control-checked-hover);\nborder-color: var(--color-control-checked-hover);\n}\n\ninput[type=checkbox]:focus,\ninput[type=radio]:focus {\noutline: none;\nbox-shadow: 0 0 0 3px var(--color-control-ring);\n}\n\n/* Range Slider */\ninput[type=range],\n.form-range {\nwidth: 100%;\nheight: 0.25rem;\nbackground: var(--color-border-light);\nborder-radius: var(--radius-full);\noutline: none;\ncursor: pointer;\nappearance: none;\n-webkit-appearance: none;\n}\n\ninput[type=range]::-webkit-slider-runnable-track,\n.form-range::-webkit-slider-runnable-track {\nwidth: 100%;\nheight: 0.25rem;\nbackground: var(--color-border-light);\nborder-radius: var(--radius-full);\n}\n\ninput[type=range]::-webkit-slider-thumb,\n.form-range::-webkit-slider-thumb {\nappearance: none;\n-webkit-appearance: none;\nwidth: 1rem;\nheight: 1rem;\nbackground: var(--color-bg-primary);\nborder: 2px solid var(--color-primary);\nborder-radius: 50%;\ncursor: pointer;\nmargin-top: -0.375rem;\nbox-shadow: var(--shadow-sm);\ntransition: box-shadow 0.15s ease-in-out;\n}\n\ninput[type=range]::-webkit-slider-thumb:hover,\n.form-range::-webkit-slider-thumb:hover {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n}\n\ninput[type=range]::-webkit-slider-thumb:active,\n.form-range::-webkit-slider-thumb:active {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);\n}\n\ninput[type=range]::-moz-range-track,\n.form-range::-moz-range-track {\nwidth: 100%;\nheight: 0.25rem;\nbackground: var(--color-border-light);\nborder-radius: var(--radius-full);\nborder: none;\n}\n\ninput[type=range]::-moz-range-thumb,\n.form-range::-moz-range-thumb {\nwidth: 1rem;\nheight: 1rem;\nbackground: var(--color-bg-primary);\nborder: 2px solid var(--color-primary);\nborder-radius: 50%;\ncursor: pointer;\nbox-shadow: var(--shadow-sm);\ntransition: box-shadow 0.15s ease-in-out;\n}\n\ninput[type=range]::-moz-range-thumb:hover,\n.form-range::-moz-range-thumb:hover {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n}\n\ninput[type=range]::-moz-range-thumb:active,\n.form-range::-moz-range-thumb:active {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);\n}\n\ninput[type=range]:focus,\n.form-range:focus {\noutline: none;\n}\n\ninput[type=range]:focus::-webkit-slider-thumb,\n.form-range:focus::-webkit-slider-thumb {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);\n}\n\ninput[type=range]:focus::-moz-range-thumb,\n.form-range:focus::-moz-range-thumb {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);\n}\n\n/* Toggle Switch */\ninput[type=checkbox].form-toggle {\n appearance: none;\n width: 2.75rem;\n height: 1.5rem;\n background-color: var(--color-toggle-bg);\n border-radius: var(--radius-full);\n position: relative;\n cursor: pointer;\n outline: none;\n transition: background-color 0.2s ease-in-out;\n border: none;\n flex-shrink: 0; /* Prevent squashing in flex containers */\n box-sizing: border-box;\n margin: 0;\n}\n\n.form-toggle::after {\ncontent: \"\";\nposition: absolute;\ntop: 0.125rem;\nleft: 0.125rem;\nwidth: 1.25rem;\nheight: 1.25rem;\nbackground-color: var(--color-toggle-knob);\nborder-radius: 50%;\nbox-shadow: var(--shadow-sm);\ntransition: transform 0.2s ease-in-out;\n}\n\ninput[type=checkbox].form-toggle:checked {\nbackground-color: var(--color-toggle-bg-checked);\nborder-color: transparent;\n}\n\n.form-toggle:checked::after {\ntransform: translateX(1.25rem);\n}\n\ninput[type=checkbox].form-toggle:focus {\nbox-shadow: 0 0 0 3px var(--color-control-ring);\n}\n\ninput[type=checkbox].form-toggle:disabled {\nopacity: 0.5;\ncursor: not-allowed;\n}\n\n/* Input Group */\n.input-group {\ndisplay: flex;\nposition: relative;\nwidth: 100%;\nalign-items: stretch;\n}\n\n.input-group-text {\ndisplay: flex;\nalign-items: center;\npadding: 0.5rem 0.625rem;\nfont-size: var(--text-sm);\nfont-weight: 400;\nline-height: var(--leading-normal);\ncolor: var(--color-text-secondary);\ntext-align: center;\nwhite-space: nowrap;\nbackground-color: var(--color-bg-secondary);\nborder: 1px solid var(--color-border-light);\nborder-radius: var(--radius-md);\n}\n\n/* Remove margin from labels inside or as input-group-text */\nlabel.input-group-text,\n.form-label.input-group-text,\n.input-group-text label,\n.input-group-text .form-label {\nmargin-bottom: 0;\n}\n\n.input-group .form-input,\n.input-group .form-select {\nflex: 1 1 auto;\nwidth: 1%;\nmin-width: 0;\nborder-radius: var(--radius-md);\n}\n\n.input-group textarea {\nmin-height: auto;\nheight: auto;\n}\n\n.input-group > :not(:first-child) {\nmargin-left: -1px;\nborder-top-left-radius: 0;\nborder-bottom-left-radius: 0;\n}\n\n.input-group > :not(:last-child) {\nborder-top-right-radius: 0;\nborder-bottom-right-radius: 0;\n}\n\n.input-group .form-input:focus,\n.input-group .form-select:focus,\n.input-group .btn-primary:focus,\n.input-group .btn-secondary:focus,\n.input-group .action-btn:focus {\nz-index: 20;\nposition: relative;\n}\n\n.input-group .btn-primary,\n.input-group .btn-secondary,\n.input-group .action-btn {\nposition: relative;\nz-index: 10;\n}\n}",[],[545,552,559,25,740],{"_105":748,"_96":749,"_158":750,"_160":599,"_161":144,"_162":751,"_164":165,"_107":752,"_101":32,"_167":180,"_169":753,"_170":22,"_171":-5,"_172":754,"_99":755},"34196f38-fad2-11f0-b487-42dde27851f2","_items.scss","34196fe2-fad2-11f0-b487-42dde27851f2",82,["D",1769444117260],".theme-scope {\n/* Items Component */\n.item {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n transition: background-color 0.15s ease, border-color 0.15s ease;\n}\n\n.item:hover {\n background-color: var(--color-bg-secondary);\n}\n\n.item-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: 1px solid var(--color-border);\n}\n\n.item-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.item-title {\n font-weight: var(--font-medium);\n font-size: var(--text-base);\n color: var(--color-text-primary);\n margin-bottom: 0.25rem;\n}\n\n.item-description {\n font-size: var(--text-sm);\n color: var(--color-text-secondary);\n line-height: var(--leading-normal);\n}\n\n.item-actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n // margin-top: 0.75rem; // messes with \"Item with Header & Footer\" cards\n}\n\n.item-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 0.75rem;\n padding-top: 0.75rem;\n border-top: 1px solid var(--color-border);\n font-size: var(--text-sm);\n color: var(--color-text-secondary);\n}\n\n/* Item with flex layout (for horizontal items with avatars) */\n.item > .flex {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.item > .flex > .item-content {\n margin-top: 0;\n}\n}\n",[],[545,552,559,25,749],{"_105":757,"_96":758,"_158":759,"_160":599,"_161":144,"_162":760,"_164":165,"_107":761,"_101":32,"_167":180,"_169":762,"_170":22,"_171":-5,"_172":763,"_99":764},"33be75a6-fad2-11f0-92fd-42dde27851f2","_lists.scss","33be766e-fad2-11f0-92fd-42dde27851f2",75,["D",1769444116626],".theme-scope {\n/* Lists */\nul, ol {\nmargin-bottom: 1rem;\npadding-left: 1.5rem;\ncolor: var(--color-text-neutral);\n}\n\nul {\nlist-style-type: disc;\n}\n\nol {\nlist-style-type: decimal;\n}\n\nli {\nmargin-bottom: 0.5rem;\n}\n\nul ul, ol ol {\nmargin-top: 0.5rem;\nmargin-bottom: 0.5rem;\n}\n\n.list-none {\nlist-style-type: none;\npadding-left: 0;\n}\n\n/* Description Lists - minimal base, use utility classes for spacing */\ndl {\nmargin: 0;\n}\n\ndt {\nfont-weight: var(--font-semibold);\ncolor: var(--color-text-primary);\n}\n\ndd {\nmargin: 0;\ncolor: var(--color-text-secondary);\n}\n}",[],[545,552,559,25,758],{"_105":766,"_96":767,"_158":768,"_160":599,"_161":144,"_162":769,"_164":165,"_107":770,"_101":32,"_167":180,"_169":771,"_170":22,"_171":-5,"_172":772,"_99":773},"342c233a-fad2-11f0-a0c5-42dde27851f2","_pagination.scss","342c23e4-fad2-11f0-a0c5-42dde27851f2",84,["D",1769444117382],".theme-scope {\n /* Pagination */\n .pagination {\n display: flex;\n align-items: center;\n justify-content: flex-start; /* Or center depending on pref, usually start or based on container */\n }\n\n .pagination-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.25rem;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n .pagination-item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 2.25rem;\n height: 2.25rem;\n padding: 0 0.75rem;\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n color: var(--color-text-primary);\n background-color: transparent;\n border-radius: var(--radius-md);\n text-decoration: none;\n transition: all 0.15s ease-in-out;\n cursor: pointer;\n\n &:hover {\n background-color: var(--color-bg-secondary);\n color: var(--color-text-primary);\n }\n\n &.active {\n background-color: var(--color-white);\n color: var(--color-text-primary);\n border: 1px solid var(--color-border);\n font-weight: var(--font-semibold);\n /* Box shadow similar to buttons if needed, or flat */\n box-shadow: var(--shadow-sm);\n }\n\n &.icon-only {\n padding: 0;\n width: 2.25rem;\n }\n }\n\n .pagination-previous,\n .pagination-next {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n width: auto;\n\n svg {\n width: 1rem;\n height: 1rem;\n }\n }\n\n .pagination-ellipsis {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2.25rem;\n height: 2.25rem;\n color: var(--color-text-muted);\n }\n}\n",[],[545,552,559,25,767],{"_105":775,"_96":776,"_158":777,"_160":599,"_161":144,"_162":778,"_164":165,"_107":779,"_101":32,"_167":180,"_169":780,"_170":22,"_171":-5,"_172":781,"_99":782},"33871660-fad2-11f0-bdb8-42dde27851f2","_semantic.scss","3387173c-fad2-11f0-bdb8-42dde27851f2",68,["D",1769444116284],"/* ===================================\n Semantic CSS Classes\n Replaces common Tailwind utility patterns with themeable classes\n =================================== */\n\n.theme-scope {\n\n /* ===================================\n Section & Module Layout\n =================================== */\n \n /* Section heading - replaces \"text-lg font-semibold mb-4\" */\n .section-heading {\n font-size: var(--text-lg);\n font-weight: var(--font-semibold);\n color: var(--color-text-primary);\n margin-bottom: 1rem;\n line-height: var(--leading-tight);\n }\n\n /* Section description - replaces \"text-sm text-gray-500/600 mb-4\" */\n .section-description {\n font-size: var(--text-sm);\n color: var(--color-text-muted);\n margin-bottom: 1rem;\n }\n\n /* Sub-heading - replaces \"text-sm font-medium mb-2\" */\n .subsection-heading {\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n color: var(--color-text-secondary);\n margin-bottom: 0.5rem;\n }\n\n /* Caption / small label - replaces \"text-xs text-gray-500\" */\n .caption {\n font-size: var(--text-xs);\n color: var(--color-text-muted);\n }\n\n /* Fine print - small muted text for disclaimers */\n .fine-print {\n font-size: var(--text-sm);\n color: var(--color-text-muted);\n }\n\n /* ===================================\n Brand & Hero Typography\n =================================== */\n \n /* Brand text - bold logo typography */\n .brand-text {\n font-size: var(--text-xl);\n font-weight: var(--font-bold);\n letter-spacing: -0.025em;\n color: var(--color-text-primary);\n }\n\n /* Hero title - large marketing headline */\n .hero-title {\n font-size: var(--text-4xl);\n font-weight: var(--font-extrabold);\n letter-spacing: -0.025em;\n color: var(--color-text-primary);\n line-height: 1.1;\n }\n\n @media (min-width: 768px) {\n .hero-title {\n font-size: var(--text-5xl);\n }\n }\n\n /* Hero accent - highlighted text in hero */\n .hero-accent {\n color: var(--color-primary);\n }\n\n /* Hero description - subtitle for hero */\n .hero-description {\n font-size: var(--text-lg);\n color: var(--color-text-secondary);\n }\n\n /* Nav link - navigation menu link */\n .nav-link {\n display: inline-flex;\n align-items: center;\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n color: var(--color-text-secondary);\n text-decoration: none;\n transition: color 0.15s ease;\n \n &:hover {\n color: var(--color-text-primary);\n }\n }\n\n /* Footer link */\n .footer-link {\n color: var(--color-text-secondary);\n text-decoration: none;\n transition: color 0.15s ease;\n \n &:hover {\n color: var(--color-primary);\n }\n }\n\n /* Social link - icon link */\n .social-link {\n color: var(--color-text-muted);\n transition: color 0.15s ease;\n \n &:hover {\n color: var(--color-text-secondary);\n }\n }\n\n /* Badge dark - dark background badge */\n .badge-dark {\n background-color: var(--color-text-primary);\n color: var(--color-white);\n padding: 0.25rem 0.5rem;\n border-radius: var(--radius-lg);\n font-size: var(--text-xs);\n font-weight: var(--font-medium);\n display: inline-block;\n }\n\n /* Icon placeholder - for placeholder images/icons */\n .icon-placeholder {\n color: var(--color-border-default);\n opacity: 0.6;\n }\n\n /* Text/Background accent - uses primary color for branded text */\n .text-accent {\n color: var(--color-primary);\n }\n\n .bg-accent {\n background-color: var(--color-primary);\n }\n\n .bg-accent-light {\n background-color: var(--color-primary-ring);\n }\n\n .border-accent {\n border-color: var(--color-primary);\n }\n\n /* Loading spinner */\n .loading-spinner {\n color: var(--color-primary);\n animation: spin 1s linear infinite;\n }\n\n /* Status dots - small indicator circles */\n .status-dot {\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n }\n\n .status-success {\n background-color: var(--color-success);\n }\n\n .status-danger {\n background-color: var(--color-danger);\n }\n\n .status-warning {\n background-color: var(--color-warning);\n }\n\n /* Interactive danger variant */\n .interactive-danger {\n &:hover {\n background-color: var(--color-danger-bg);\n }\n }\n\n /* Ghost button danger variant */\n .btn-ghost-danger {\n color: var(--color-danger);\n \n &:hover {\n color: var(--color-danger);\n background-color: var(--color-danger-bg);\n }\n }\n\n /* ===================================\n Semantic Text Colors\n =================================== */\n \n .text-success {\n color: var(--color-success);\n }\n\n .text-warning {\n color: var(--color-warning);\n }\n\n .text-danger {\n color: var(--color-danger);\n }\n\n .text-inverse {\n color: var(--color-white);\n }\n\n .text-muted {\n color: var(--color-text-muted);\n }\n\n /* Help text - replaces \"text-sm text-gray-500 mt-1\" */\n .help-text {\n font-size: var(--text-sm);\n color: var(--color-text-muted);\n margin-top: 0.25rem;\n }\n\n /* ===================================\n Demo / Preview Containers\n =================================== */\n \n /* Demo container - replaces \"p-8 border border-gray-200 rounded-lg bg-gray-50\" */\n .demo-container {\n padding: 2rem;\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n background-color: var(--color-bg-muted);\n }\n\n /* Demo container with fixed height */\n .demo-container-tall {\n padding: 2rem;\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n background-color: var(--color-bg-muted);\n min-height: 16rem;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n position: relative;\n overflow: visible;\n z-index: 10;\n }\n\n /* Demo container smaller variant */\n .demo-container-sm {\n padding: 1rem;\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n background-color: var(--color-bg-muted);\n }\n\n /* Surface - generic box with bg and border */\n .surface {\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n overflow: hidden;\n }\n\n .surface-muted {\n background-color: var(--color-bg-muted);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n overflow: hidden;\n }\n\n /* ===================================\n Text Styles (Semantic)\n =================================== */\n \n /* Primary text - replaces \"text-gray-900\" */\n .text-primary {\n color: var(--color-text-primary);\n }\n\n /* Secondary text - replaces \"text-gray-700/600\" */\n .text-secondary {\n color: var(--color-text-secondary);\n }\n\n /* Muted text - replaces \"text-gray-500/400\" */\n .text-muted {\n color: var(--color-text-muted);\n }\n\n /* Accent text - replaces \"text-blue-600\" */\n .text-accent {\n color: var(--color-primary);\n }\n\n /* Success text - replaces \"text-green-500/600\" */\n .text-success {\n color: var(--color-success);\n }\n\n /* Danger/Error text - replaces \"text-red-500/600\" */\n .text-danger {\n color: var(--color-danger);\n }\n\n /* Warning text - replaces \"text-orange-400/500\" */\n .text-warning {\n color: var(--color-warning);\n }\n\n /* ===================================\n Background Styles\n =================================== */\n \n /* Primary bg - replaces \"bg-white\" */\n .bg-primary {\n background-color: var(--color-bg-primary);\n }\n\n /* Muted bg - replaces \"bg-gray-50/100\" */\n .bg-muted {\n background-color: var(--color-bg-muted);\n }\n\n /* Secondary bg - replaces \"bg-gray-100/200\" */\n .bg-secondary {\n background-color: var(--color-bg-secondary);\n }\n\n /* ===================================\n Interactive Elements\n =================================== */\n \n /* Interactive surface - replaces \"hover:bg-gray-50 transition-colors\" */\n .interactive {\n transition: background-color 0.15s ease, color 0.15s ease;\n }\n\n .interactive:hover {\n background-color: var(--color-bg-muted);\n }\n\n /* Interactive link - replaces \"text-gray-600 hover:text-gray-900\" */\n .interactive-link {\n color: var(--color-text-secondary);\n transition: color 0.15s ease;\n }\n\n .interactive-link:hover {\n color: var(--color-text-primary);\n }\n\n /* Accent link - replaces \"text-gray-600 hover:text-blue-600\" */\n .accent-link {\n color: var(--color-text-secondary);\n transition: color 0.15s ease;\n }\n\n .accent-link:hover {\n color: var(--color-primary);\n }\n\n /* ===================================\n Icons\n =================================== */\n \n /* Icon muted - replaces \"text-gray-400\" on icons */\n .icon-muted {\n color: var(--color-text-muted);\n }\n\n /* Icon on hover */\n .icon-interactive {\n color: var(--color-text-muted);\n transition: color 0.15s ease;\n }\n\n .icon-interactive:hover {\n color: var(--color-text-secondary);\n }\n\n /* Icon success */\n .icon-success {\n color: var(--color-success);\n }\n\n /* Icon danger */\n .icon-danger {\n color: var(--color-danger);\n }\n\n /* Icon warning */\n .icon-warning {\n color: var(--color-warning);\n }\n\n /* Icon accent/primary */\n .icon-accent {\n color: var(--color-primary);\n }\n\n /* ===================================\n Border Styles\n =================================== */\n \n /* Default border - replaces \"border border-gray-200\" */\n // .border-default {\n // border: 1px solid var(--color-border);\n // }\n\n /* Light border - replaces \"border border-gray-100\" */\n .border-light {\n border: 1px solid var(--color-border-light);\n }\n\n /* Divider - replaces \"border-t border-gray-200\" */\n .divider {\n border-top: 1px solid var(--color-border);\n }\n\n .divider-b {\n border-bottom: 1px solid var(--color-border);\n }\n\n /* ===================================\n Stats / Metrics\n =================================== */\n \n /* Stat box - replaces \"p-3 bg-gray-50 rounded-lg\" */\n .stat-box {\n padding: 0.75rem;\n background-color: var(--color-bg-muted);\n border-radius: var(--radius-lg);\n }\n\n /* Stat label - replaces \"text-xs text-gray-500 uppercase tracking-wide\" */\n .stat-label {\n font-size: var(--text-xs);\n color: var(--color-text-muted);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n }\n\n /* Stat value - replaces \"text-2xl font-bold\" */\n .stat-value {\n font-size: var(--text-2xl);\n font-weight: var(--font-bold);\n color: var(--color-text-primary);\n }\n\n /* Stat change positive - replaces \"text-xs text-green-600\" */\n .stat-change-positive {\n font-size: var(--text-xs);\n color: var(--color-success);\n }\n\n /* Stat change negative - replaces \"text-xs text-red-600\" */\n .stat-change-negative {\n font-size: var(--text-xs);\n color: var(--color-danger);\n }\n\n /* ===================================\n Navigation Elements\n =================================== */\n \n /* Nav link - replaces \"text-sm font-medium text-gray-600 hover:text-gray-900\" */\n .nav-link {\n font-size: var(--text-sm);\n font-weight: var(--font-medium);\n color: var(--color-text-secondary);\n transition: color 0.15s ease;\n text-decoration: none;\n }\n\n .nav-link:hover {\n color: var(--color-text-primary);\n }\n\n /* Brand text - replaces \"text-xl font-bold tracking-tight text-gray-900\" */\n .brand-text {\n font-size: var(--text-xl);\n font-weight: var(--font-bold);\n letter-spacing: var(--tracking-tight);\n color: var(--color-text-primary);\n }\n\n /* Footer link - replaces \"text-gray-600 hover:text-blue-600\" */\n .footer-link {\n color: var(--color-text-secondary);\n transition: color 0.15s ease;\n text-decoration: none;\n }\n\n .footer-link:hover {\n color: var(--color-primary);\n }\n\n /* Social link - replaces \"text-gray-400 hover:text-gray-600\" */\n .social-link {\n color: var(--color-text-muted);\n transition: color 0.15s ease;\n }\n\n .social-link:hover {\n color: var(--color-text-secondary);\n }\n\n /* ===================================\n Hero / Marketing Sections\n =================================== */\n \n /* Hero title - replaces \"text-4xl md:text-5xl font-extrabold tracking-tight text-gray-900\" */\n .hero-title {\n font-size: var(--text-4xl);\n font-weight: 800;\n letter-spacing: var(--tracking-tight);\n color: var(--color-text-primary);\n line-height: var(--leading-tight);\n }\n\n /* Hero accent - replaces \"text-blue-600\" inside hero */\n .hero-accent {\n color: var(--color-primary);\n }\n\n /* Hero description - replaces \"text-lg text-gray-600\" */\n .hero-description {\n font-size: var(--text-lg);\n color: var(--color-text-secondary);\n }\n\n /* Fine print - replaces \"text-sm text-gray-500\" */\n .fine-print {\n font-size: var(--text-sm);\n color: var(--color-text-muted);\n }\n\n /* ===================================\n Panel / Section Styling\n =================================== */\n \n /* Panel header - for accordion, collapsible headers */\n .panel-header {\n width: 100%;\n padding: 0.75rem 1rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: var(--color-bg-primary);\n border-radius: var(--radius-lg);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n transition: background-color 0.15s ease;\n cursor: pointer;\n }\n\n /* Show border-bottom when panel is open (next sibling is visible) */\n .panel-header:has(+ *:not([style*=\"display: none\"])):not(:has(+ [x-show]:not([style]))) {\n border-bottom: 1px solid var(--color-border);\n }\n\n /* Alternative: when aria-expanded is true */\n .panel-header[aria-expanded=\"true\"] {\n border-bottom: 1px solid var(--color-border);\n }\n\n .panel-header:hover {\n background-color: var(--color-bg-muted);\n }\n\n .accordion-borderless .panel-header {\n border-radius: 0;\n background-color: transparent;\n border-bottom: none;\n }\n\n .accordion-borderless .panel-header[aria-expanded=\"true\"] {\n border-bottom: none;\n }\n\n /* Override the :has() selector for borderless accordions */\n .accordion-borderless .panel-header:has(+ *:not([style*=\"display: none\"])):not(:has(+ [x-show]:not([style]))) {\n border-bottom: none;\n }\n\n .accordion-borderless .panel-header:hover {\n background-color: var(--color-bg-muted);\n }\n\n /* Panel content */\n .panel-content {\n padding: 1rem;\n font-size: var(--text-sm);\n color: var(--color-text-secondary);\n }\n\n /* ===================================\n Grid Wrappers\n =================================== */\n \n /* Two-column grid - replaces \"grid grid-cols-2 gap-4\" */\n .grid-2 {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n /* Two-column responsive grid */\n .grid-2-responsive {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n @media (min-width: 768px) {\n .grid-2-responsive {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n /* ===================================\n Focus States\n =================================== */\n \n /* Focus ring - replaces focus:ring-2 focus:ring-blue-500 */\n .focus-ring:focus {\n outline: none;\n box-shadow: 0 0 0 2px var(--color-primary-ring);\n border-color: var(--color-primary);\n }\n\n .focus-ring:focus-visible {\n outline: none;\n box-shadow: 0 0 0 2px var(--color-primary-ring);\n border-color: var(--color-primary);\n }\n\n /* ===================================\n Tooltip\n =================================== */\n \n .tooltip {\n position: absolute;\n bottom: 100%;\n right: 0;\n margin-bottom: 0.5rem;\n padding: 0.375rem 0.75rem;\n font-size: var(--text-xs);\n color: var(--color-white);\n background-color: var(--color-text-primary);\n border-radius: var(--radius-md);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n white-space: nowrap;\n z-index: 50;\n pointer-events: none;\n }\n\n .tooltip-arrow {\n position: absolute;\n top: 100%;\n right: 0.375rem;\n margin-top: -0.25rem;\n border-width: 0.25rem;\n border-style: solid;\n border-color: var(--color-text-primary) transparent transparent transparent;\n }\n\n}\n\n",[],[545,552,559,25,776],{"_105":784,"_96":785,"_158":786,"_160":599,"_161":144,"_162":787,"_164":165,"_107":788,"_101":32,"_167":180,"_169":789,"_170":22,"_171":-5,"_172":790,"_99":791},"3425e2c2-fad2-11f0-a956-42dde27851f2","_tables.scss","3425e38a-fad2-11f0-a956-42dde27851f2",83,["D",1769444117010],".theme-scope {\n/* Tables */\ntable {\nwidth: 100%;\nmargin-bottom: 1rem;\n}\n\nth {\npadding: 0.75rem;\nfont-weight: var(--font-semibold);\ntext-align: left;\ncolor: var(--color-text-primary);\nborder-bottom: 1px solid var(--color-border);\n}\n\ntd {\npadding: 0.75rem;\ncolor: var(--color-text-neutral);\nborder-bottom: 1px solid var(--color-border);\n}\n\n/* Remove border on last row */\ntbody tr:last-child td {\nborder-bottom: none;\n}\n\n/* App Table - bordered table with rounded corners */\n.app-table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n overflow: hidden;\n margin-bottom: 1rem;\n \n th, td {\n border: none;\n border-bottom: 1px solid var(--color-border);\n }\n \n th {\n background-color: var(--color-bg-secondary);\n }\n \n /* Remove bottom border from last row */\n tbody tr:last-child td {\n border-bottom: none;\n }\n \n /* Add right borders for cell separation (except last cell) */\n th:not(:last-child),\n td:not(:last-child) {\n border-right: 1px solid var(--color-border);\n }\n}\n\n.data-table td {\n padding: 0.25rem 1rem;\n}\n\n.data-table th {\n padding: 0.5rem 1rem;\n height: 1.3rem;\n}\n\ntr:hover {\nbackground-color: var(--color-bg-secondary);\n}\n\n/* Compact Table (Shadcn-style) */\n.table-compact {\n border-collapse: collapse;\n background-color: var(--color-bg-primary);\n \n caption {\n caption-side: bottom;\n text-align: left;\n color: var(--color-text-muted);\n font-size: var(--text-sm);\n padding: 0.75rem 1rem;\n margin-top: 0;\n }\n \n thead {\n background-color: transparent;\n \n tr {\n border-bottom: 1px solid var(--color-border);\n transition: none;\n \n &:hover {\n background-color: transparent;\n }\n }\n \n th {\n height: 3rem;\n padding: 0.75rem 1rem;\n text-align: left;\n font-weight: var(--font-medium);\n color: var(--color-text-muted);\n font-size: var(--text-sm);\n vertical-align: middle;\n background-color: transparent;\n border: none;\n border-bottom: 1px solid var(--color-border);\n \n &.text-right {\n text-align: right;\n }\n }\n }\n \n tbody {\n tr {\n border-bottom: 1px solid var(--color-border);\n transition: background-color 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n }\n \n &:last-child {\n border-bottom: none;\n }\n }\n \n td {\n padding: 0.75rem 1rem;\n vertical-align: middle;\n border: none;\n color: var(--color-text-primary);\n font-size: var(--text-sm);\n }\n }\n \n tfoot {\n background-color: var(--color-bg-secondary);\n border-top: 1px solid var(--color-border);\n font-weight: var(--font-medium);\n \n tr {\n border: none;\n \n &:hover {\n background-color: var(--color-bg-secondary);\n }\n }\n \n td {\n padding: 0.75rem 1rem;\n border: none;\n color: var(--color-text-primary);\n font-size: var(--text-sm);\n }\n }\n \n .table-caption {\n caption-side: bottom;\n margin-top: 0.5rem;\n padding: 0.75rem 1rem;\n text-align: center;\n color: var(--color-text-muted);\n font-size: var(--text-sm);\n }\n}\n\n/* Expandable Table (Details/Summary based) */\n.expandable-table-container {\n font-size: var(--text-sm);\n}\n\n/* Header row - uses flexbox */\n.expandable-table-header-row {\n display: flex;\n align-items: center;\n padding: 0.5rem 1rem;\n gap: 0.5rem;\n \n .exp-col-name { \n flex: 1; \n min-width: 0; \n /* padding-left: 1.25rem; /* account for native marker */\n padding-left: 0; /* flush left instead */\n }\n .exp-col-type { width: 100px; flex-shrink: 0; }\n .exp-col-status { width: 100px; flex-shrink: 0; }\n .exp-col-date { width: 110px; flex-shrink: 0; text-align: right; }\n}\n\n/* Details/Summary Row Styling - tight table rows */\n.expandable-row {\n // border-bottom: 1px solid var(--color-border) !important;\n border-bottom: none;\n border-bottom-width: 1px; /* Override .divide-y */\n --tw-divide-y-reverse: 0; /* Override Tailwind divide */\n margin-bottom: 0;\n border-radius: 0; /* Reset default details radius */\n padding: 0;\n background: var(--color-bg-primary);\n \n &:first-child {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n \n summary {\n border-top-left-radius: var(--radius-md);\n border-top-right-radius: var(--radius-md);\n }\n }\n \n &:last-child {\n border-bottom-left-radius: var(--radius-md);\n border-bottom-right-radius: var(--radius-md);\n \n // summary {\n // border-bottom-left-radius: var(--radius-md);\n // border-bottom-right-radius: var(--radius-md);\n // }\n }\n \n /* Reset middle rows to have no radius */\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n \n summary {\n border-radius: 0;\n }\n }\n \n summary {\n display: flex;\n align-items: center;\n padding: 0.5rem 1rem;\n gap: 0.5rem;\n cursor: pointer;\n transition: background-color 0.15s ease;\n border-radius: 0; /* Reset default */\n margin-bottom: 0 !important;\n \n &:hover {\n background-color: var(--color-bg-muted);\n }\n \n .exp-col-name { \n flex: 1; \n min-width: 0; \n overflow: hidden; \n text-overflow: ellipsis; \n white-space: nowrap; \n }\n .exp-col-type { \n width: 100px; \n flex-shrink: 0; \n overflow: hidden; \n text-overflow: ellipsis; \n white-space: nowrap; \n }\n .exp-col-status { width: 100px; flex-shrink: 0; }\n .exp-col-date { \n width: 110px; \n flex-shrink: 0; \n text-align: right; \n white-space: nowrap; \n color: var(--color-text-muted); \n }\n }\n \n &[open] summary {\n background-color: var(--color-bg-muted);\n }\n}\n\n/* Expanded Content */\n.expandable-row-content {\n padding: 1rem 1rem 1rem 2.5rem;\n // background-color: var(--color-bg-secondary);\n}\n}",[],[545,552,559,25,785],{"_105":793,"_96":794,"_158":795,"_160":599,"_161":144,"_162":796,"_164":165,"_107":797,"_101":32,"_167":180,"_169":798,"_170":22,"_171":-5,"_172":799,"_99":800},"34c12a48-fad2-11f0-909e-42dde27851f2","_tabs.scss","34c12b10-fad2-11f0-909e-42dde27851f2",99,["D",1769444117023],".theme-scope {\n/* Tabs */\n.tab-nav {\npadding: var(--space-tab-y) 0;\nborder-bottom: 1px solid var(--color-border-tab);\nmargin-bottom: 1.5rem;\nposition: relative;\n}\n\n.tab-list {\ndisplay: flex;\ngap: 1rem;\nflex-wrap: wrap;\nfont-size: var(--text-sm);\n}\n\n.tab-button {\nbackground: none;\nborder: none;\ncursor: pointer;\npadding: 0.25rem 0;\nposition: relative;\ncolor: var(--color-tab);\ntext-decoration: none;\ntransition: color 0.15s ease-in-out;\n}\n\n.tab-button:hover {\ncolor: var(--color-tab-active);\n}\n\n.tab-button-active {\ncolor: var(--color-tab-active);\nfont-weight: var(--font-semibold);\n}\n\n.tab-indicator {\nposition: absolute;\nbottom: -0.5rem;\nleft: 0;\nright: 0;\nheight: 2px;\nbackground: var(--color-tab-active);\n}\n\n/* Tab Container (with header) */\n.tab-container {\nborder: 1px solid var(--color-border-tab);\nborder-radius: var(--radius-lg);\noverflow: hidden;\nbackground: var(--color-white);\n}\n\n.tab-container-header {\nbackground: var(--color-bg-light);\nborder-bottom: 1px solid var(--color-border-tab);\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\npadding: 0 1rem;\n}\n\n.tab-container-nav {\ndisplay: flex;\ngap: 1.5rem;\nfont-size: var(--text-sm);\nheight: 100%;\n}\n\n.tab-container-button {\nheight: 3rem;\nbackground: none;\nborder: none;\ncursor: pointer;\npadding: var(--space-tab-y) 0;\nposition: relative;\ncolor: var(--color-tab);\ntransition: color 0.15s ease-in-out;\n}\n\n.tab-container-button:hover {\ncolor: var(--color-tab-active);\n}\n\n.tab-container-button-active {\ncolor: var(--color-tab-active);\nfont-weight: var(--font-semibold);\n}\n\n.tab-container-indicator {\nposition: absolute;\nbottom: -1px;\nleft: 0;\nright: 0;\nheight: 2px;\nbackground: var(--color-tab-active);\nz-index: 1;\n}\n\n.tab-container-actions {\ndisplay: flex;\ngap: 0.5rem;\nalign-items: center;\n}\n\n.tab-action-button {\nbackground: none;\nborder: none;\ncursor: pointer;\ncolor: var(--color-tab);\npadding: 0.25rem;\ndisplay: flex;\nalign-items: center;\ntransition: color 0.15s ease-in-out;\n}\n\n.tab-action-button:hover {\ncolor: var(--color-tab-active);\n}\n\n.tab-content {\npadding: 1rem 0;\n}\n\n.tab-container-content {\npadding: 0;\n}\n\n/* Button-Style Tabs */\n.tab-buttons {\ndisplay: flex;\nflex-wrap: wrap;\ngap: 0.5rem;\nmargin-bottom: 1.5rem;\n}\n\n.tab-buttons-sm {\ngap: 0.375rem;\nmargin-bottom: 1rem;\n}\n\n.tab-btn {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: 0.625rem 1.25rem;\nfont-size: 0.9375rem;\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-text-secondary);\nbackground-color: var(--color-bg-secondary);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\nwhite-space: nowrap;\n}\n\n.tab-btn:hover:not(:disabled) {\ncolor: var(--color-text-primary);\nbackground-color: var(--color-bg-muted);\nborder-color: var(--color-border-light);\n}\n\n.tab-btn:focus {\noutline: none;\nbox-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\n}\n\n.tab-btn-active {\ncolor: var(--color-primary);\nbackground-color: var(--color-primary-light);\nborder-color: var(--color-primary);\nfont-weight: var(--font-semibold);\n}\n\n.tab-btn-active:hover:not(:disabled) {\ncolor: var(--color-primary-hover);\nbackground-color: var(--color-primary-lighter);\nborder-color: var(--color-primary-hover);\n}\n\n.tab-btn-disabled,\n.tab-btn:disabled {\ncolor: var(--color-text-muted);\nbackground-color: var(--color-bg-secondary);\nborder-color: var(--color-border);\ncursor: not-allowed;\nopacity: 0.6;\n}\n\n/* Small variant */\n.tab-btn-sm {\npadding: 0.375rem 0.875rem;\nfont-size: 0.8125rem;\nborder-radius: var(--radius-md);\n}\n\n/* Button Tab Content Area */\n.tab-btn-content {\npadding: 1rem 0;\n}\n\n/* Modern Rounded Tabs (shadcn-style) */\n.tab-modern-group {\ndisplay: inline-flex;\nbackground-color: var(--color-bg-muted, #f4f4f5);\npadding: 0.25rem;\nborder-radius: var(--radius-lg);\ngap: 0.25rem;\nmargin-bottom: 0.25rem;\n}\n\n.tab-modern {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: 0.5rem 1rem;\nfont-size: var(--text-sm);\nfont-weight: var(--font-medium);\nline-height: 1.25rem;\ncolor: var(--color-text-secondary, #71717a);\nbackground-color: transparent;\nborder: none;\nborder-radius: var(--radius-md);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\nwhite-space: nowrap;\n}\n\n.tab-modern:hover:not(.tab-modern-active) {\ncolor: var(--color-text-primary, #18181b);\nbackground-color: rgba(0, 0, 0, 0.03);\n}\n\n.tab-modern-active {\ncolor: var(--color-text-primary, #09090b);\nbackground-color: var(--color-white, #ffffff);\nbox-shadow: var(--shadow-sm);\nfont-weight: var(--font-medium);\n}\n\n.tab-modern:focus {\noutline: none;\nbox-shadow: none;\n}\n\n/* Modern Tab Content */\n.tab-modern-content {\npadding: 0;\n}\n\n.tab-modern-content .text-muted {\ncolor: var(--color-text-secondary, #71717a);\nfont-size: var(--text-sm);\nline-height: var(--leading-normal);\n}\n\n.tab-modern-content .card {\nborder: 1px solid var(--color-border, #e4e4e7);\nborder-radius: var(--radius-lg);\nbackground-color: var(--color-white, #ffffff);\nmax-width: 24rem;\n}\n\n.tab-modern-content .card-body {\npadding: 0rem;\n}\n}",[],[545,552,559,25,794],{"_105":802,"_96":803,"_158":804,"_160":599,"_161":144,"_162":805,"_164":165,"_107":806,"_101":32,"_167":180,"_169":807,"_170":22,"_171":-5,"_172":808,"_99":809},"3529d070-fad2-11f0-b38d-42dde27851f2","_toast.scss","3529d12e-fad2-11f0-b38d-42dde27851f2",114,["D",1769444117755],".theme-scope {\n /* Toast Container */\n .toast-container {\n position: fixed;\n bottom: 1.5rem;\n right: 1.5rem;\n z-index: 100;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n max-width: 24rem;\n width: 100%;\n pointer-events: none; /* Allow clicking through the container */\n }\n\n /* Toast Item */\n .toast {\n pointer-events: auto; /* Re-enable pointer events for toasts */\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-lg);\n padding: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n transition: all 0.3s ease;\n transform-origin: bottom right;\n \n /* Animation classes will be handled by Alpine x-transition */\n }\n \n /* Dark mode toast enhancements */\n .dark & .toast,\n &.dark .toast {\n background-color: var(--color-bg-secondary); /* Slightly lighter than page bg for contrast */\n box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.4), 0 2px 6px -1px rgba(0, 0, 0, 0.3);\n }\n \n .dark & .toast-success,\n &.dark .toast-success {\n box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.4), 0 0 20px -5px rgba(16, 185, 129, 0.2);\n }\n \n .dark & .toast-error,\n &.dark .toast-error {\n box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.4), 0 0 20px -5px rgba(239, 68, 68, 0.2);\n }\n \n .dark & .toast-warning,\n &.dark .toast-warning {\n box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.4), 0 0 20px -5px rgba(245, 158, 11, 0.2);\n }\n \n .dark & .toast-info,\n &.dark .toast-info {\n box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.4), 0 0 20px -5px rgba(59, 130, 246, 0.2);\n }\n\n .toast-content {\n flex: 1;\n }\n\n .toast-title {\n font-weight: var(--font-semibold);\n font-size: var(--text-sm);\n color: var(--color-text-primary);\n margin-bottom: 0.25rem;\n }\n\n .toast-description {\n font-size: var(--text-sm);\n color: var(--color-text-secondary);\n }\n\n .toast-close {\n color: var(--color-text-secondary);\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.7;\n transition: opacity 0.2s;\n\n &:hover {\n opacity: 1;\n }\n }\n\n /* Toast Variants */\n .toast-default {\n border-left: 4px solid var(--color-border);\n }\n\n .toast-success {\n border-left: 4px solid var(--color-success);\n \n .toast-icon {\n color: var(--color-success);\n }\n }\n\n .toast-error {\n border-left: 4px solid var(--color-danger);\n\n .toast-icon {\n color: var(--color-danger);\n }\n }\n\n .toast-warning {\n border-left: 4px solid var(--color-warning);\n\n .toast-icon {\n color: var(--color-warning);\n }\n }\n\n .toast-info {\n border-left: 4px solid var(--color-primary);\n\n .toast-icon {\n color: var(--color-primary);\n }\n }\n}\n",[],[545,552,559,25,803],{"_105":811,"_96":812,"_158":813,"_160":599,"_161":144,"_162":814,"_164":165,"_107":815,"_101":32,"_167":180,"_169":816,"_170":22,"_171":-5,"_172":817,"_99":818},"33b2a852-fad2-11f0-92fd-42dde27851f2","_toggle-group.scss","33b2a924-fad2-11f0-92fd-42dde27851f2",73,["D",1769444116584],".theme-scope {\n /* Toggle Group - Google Sheets toolbar style */\n .toggle-group {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0;\n background-color: transparent;\n border-radius: var(--radius-sm);\n padding: 0;\n border: 1px solid var(--color-border);\n }\n\n .toggle-group-item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 0;\n padding: 0.375rem 0.5rem;\n min-width: 2rem;\n min-height: 2rem;\n font-size: var(--text-sm);\n font-weight: 400;\n line-height: 1.25rem;\n color: var(--color-text-secondary);\n background-color: var(--color-bg-primary);\n border: none;\n border-right: 1px solid var(--color-border);\n cursor: pointer;\n transition: background-color 0.1s ease, color 0.1s ease;\n white-space: nowrap;\n position: relative;\n\n &:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n\n &:last-child {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n border-right: none;\n }\n\n /* Focus styles */\n &:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: -2px;\n z-index: 10;\n }\n\n /* Hover styles */\n &:hover:not(:disabled):not([data-state=\"on\"]) {\n background-color: var(--color-bg-muted);\n }\n\n /* Selected state */\n &[data-state=\"on\"],\n &.selected {\n background-color: var(--color-primary-light, rgba(59, 130, 246, 0.15));\n color: var(--color-primary);\n z-index: 1;\n }\n \n /* Disabled state */\n &:disabled,\n &[disabled] {\n pointer-events: none;\n opacity: 0.38;\n color: var(--color-text-muted);\n }\n \n /* Icons inside */\n svg, \n .iconify {\n width: 1.125rem;\n height: 1.125rem;\n flex-shrink: 0;\n }\n \n /* With label and icon */\n svg + span,\n .iconify + span {\n margin-left: 0.375rem;\n }\n }\n\n /* Variants */\n \n /* Outline Variant - Borderless style (like Google Docs toolbar without container border) */\n .toggle-group.toggle-group-outline {\n background-color: transparent;\n border: none;\n padding: 0;\n gap: 2px; /* Small gap between buttons */\n \n .toggle-group-item {\n border-radius: var(--radius-sm);\n border: 1px solid transparent;\n border-right: none;\n \n &:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n \n &:last-child {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n }\n \n &:hover:not(:disabled):not([data-state=\"on\"]) {\n background-color: var(--color-bg-muted);\n }\n \n &[data-state=\"on\"],\n &.selected {\n background-color: var(--color-primary-light, rgba(59, 130, 246, 0.15));\n color: var(--color-primary);\n border-color: transparent;\n }\n }\n }\n\n /* Sizes */\n \n /* Small */\n .toggle-group-sm {\n .toggle-group-item {\n padding: 0.25rem 0.375rem;\n min-width: 1.75rem;\n min-height: 1.75rem;\n font-size: 0.8125rem;\n \n svg, \n .iconify {\n width: 1rem;\n height: 1rem;\n }\n }\n }\n\n /* Large */\n .toggle-group-lg {\n .toggle-group-item {\n padding: var(--space-input-y) var(--space-input-x);\n min-width: 2.5rem;\n min-height: 2.5rem;\n font-size: 0.9375rem;\n \n svg, \n .iconify {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n }\n \n /* Vertical orientation (optional enhancement, not strictly in shadcn basic ex but good to have) */\n .toggle-group-vertical {\n flex-direction: column;\n \n &.toggle-group-outline {\n .toggle-group-item {\n width: 100%;\n margin-left: 0;\n margin-top: -1px;\n border-left: none;\n border-top: 1px solid transparent;\n \n &:first-child {\n border-radius: 0.375rem 0.375rem 0 0;\n margin-top: 0;\n }\n \n &:last-child {\n border-radius: 0 0 0.375rem 0.375rem;\n }\n }\n \n .toggle-group-item + .toggle-group-item {\n border-top: 1px solid var(--color-border);\n border-left: none;\n }\n }\n }\n}\n",[],[545,552,559,25,812],{"_105":820,"_96":821,"_158":822,"_160":599,"_161":144,"_162":823,"_164":165,"_107":824,"_101":32,"_167":180,"_169":825,"_170":22,"_171":-5,"_172":826,"_99":827},"33a69f1c-fad2-11f0-909e-42dde27851f2","_typography.scss","33a69fee-fad2-11f0-909e-42dde27851f2",71,["D",1769444116407],".theme-scope {\n /* Typography */\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: var(--font-semibold);\n line-height: var(--leading-tight);\n color: var(--color-text-primary);\n letter-spacing: -0.015em; /* Tighter tracking for headings */\n }\n\n h1 {\n font-size: var(--text-h1);\n margin-bottom: 0.75rem;\n } /* Reduced size/margin */\n\n h2 {\n font-size: var(--text-2xl);\n margin-bottom: 0.625rem;\n }\n\n h3 {\n font-size: var(--text-xl);\n margin-bottom: 0.5rem;\n }\n\n h4 {\n font-size: var(--text-lg);\n margin-bottom: 0.5rem;\n }\n\n h5 {\n font-size: var(--text-base);\n margin-bottom: 0.375rem;\n }\n\n h6 {\n font-size: var(--text-sm);\n margin-bottom: 0.25rem;\n }\n\n p {\n margin-bottom: 0.75rem; /* Reduced from 1rem */\n /* color: var(--color-text-secondary); */\n color: var(--color-text-primary); /* looks better I think */\n line-height: 1.6; /* Slightly tighter */\n }\n\n strong, b {\n font-weight: var(--font-semibold);\n color: var(--color-text-primary);\n }\n\n em, i {\n font-style: italic;\n }\n\n /* Typography Utility Classes - Light Gray Display Text */\n .text-display-xl {\n font-size: 2.25rem; /* text-4xl */\n font-weight: var(--font-bold);\n color: var(--color-gray-300);\n letter-spacing: -0.025em; /* tracking-tight */\n line-height: var(--leading-tight);\n }\n\n .text-display-lg {\n font-size: 1.875rem; /* text-3xl */\n font-weight: var(--font-bold);\n color: var(--color-gray-300);\n letter-spacing: -0.025em; /* tracking-tight */\n line-height: var(--leading-tight);\n }\n\n .text-display-md {\n font-size: var(--text-2xl); /* text-2xl */\n font-weight: var(--font-bold);\n color: var(--color-gray-300);\n letter-spacing: -0.025em; /* tracking-tight */\n line-height: var(--leading-tight);\n }\n\n .text-display-sm {\n font-size: var(--text-xl); /* text-xl */\n font-weight: var(--font-bold);\n color: var(--color-gray-300);\n letter-spacing: -0.025em; /* tracking-tight */\n line-height: var(--leading-tight);\n }\n\n /* Links */\n .link,\n a {\n color: var(--color-primary);\n text-decoration: none;\n transition: color 0.15s ease-in-out;\n }\n\n .link:hover,\n a:hover {\n color: var(--color-primary-hover);\n text-decoration: underline;\n }\n\n /* Code - Light gray background in light mode */\n code {\n padding: 0.125rem 0.375rem;\n background-color: var(--color-code-bg);\n color: var(--color-code-text);\n border-radius: var(--radius-sm);\n font-family: var(--font-mono, ui-monospace, monospace);\n font-size: 0.875em;\n }\n\n pre {\n padding: 1rem;\n background-color: var(--color-code-bg-dark);\n color: var(--color-code-text-dark);\n border: 1px solid var(--color-code-border, var(--color-border));\n border-radius: var(--radius-lg);\n overflow-x: auto;\n margin-bottom: 1rem;\n }\n\n pre code {\n padding: 0;\n background-color: transparent;\n color: inherit;\n border-radius: 0;\n font-size: var(--text-sm);\n }\n\n /* Blockquotes */\n blockquote {\n padding-left: 1rem;\n border-left: 4px solid var(--color-border);\n color: var(--color-text-neutral);\n font-style: italic;\n margin-bottom: 1rem;\n }\n\n /* Horizontal Rule */\n hr {\n border: none;\n border-top: 1px solid var(--color-border);\n margin: 1.5rem 0;\n }\n\n /* Font Styles */\n .font-serif {\n font-family: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n }\n\n .font-bold {\n font-weight: var(--font-bold);\n }\n\n .italic {\n font-style: italic;\n }\n}",[],[545,552,559,25,821],{"_105":829,"_96":830,"_158":831,"_160":599,"_161":144,"_162":832,"_164":165,"_107":833,"_101":32,"_167":180,"_169":834,"_170":22,"_171":-5,"_172":835,"_99":836},"33c3b156-fad2-11f0-b487-42dde27851f2","_utilities.scss","33c3b1ec-fad2-11f0-b487-42dde27851f2",76,["D",1769444116697],".theme-scope {\n /* ===================================\n Design System Utilities\n \n NOTE: Standard Tailwind utilities (flex, gap-*, p-*, m-*, text-*, etc.)\n are provided by Tailwind CDN. This file only contains:\n 1. Semantic color utilities using CSS variables\n 2. Utilities that Tailwind doesn't provide\n 3. Design-system-specific overrides\n =================================== */\n\n /* Semantic Color Utilities (using CSS variables) */\n .color-success { color: var(--color-success); }\n .color-warning { color: var(--color-warning); }\n .color-danger { color: var(--color-danger); }\n .color-info { color: var(--color-primary); }\n \n .color-text-primary { color: var(--color-text-primary); }\n .color-text-secondary { color: var(--color-text-secondary); }\n .color-text-muted { color: var(--color-text-muted); }\n \n .color-bg-primary { background-color: var(--color-bg-primary); }\n .color-bg-secondary { background-color: var(--color-bg-secondary); }\n .color-bg-muted { background-color: var(--color-bg-muted); }\n\n /* ===================================\n Semantic State Color Utilities\n For alerts, notifications, status indicators\n =================================== */\n \n /* Success */\n .color-success { color: var(--color-success); }\n .color-success-bg {\n background-color: var(--color-success-light);\n color: var(--color-success-dark);\n }\n .color-success-border { border-color: var(--color-success); }\n .color-success-text { color: var(--color-success-dark); }\n .color-success-link { color: var(--color-success-link); }\n .color-success-link:hover { color: var(--color-success-link-hover); }\n \n /* Warning */\n .color-warning { color: var(--color-warning); }\n .color-warning-bg {\n background-color: var(--color-warning-light);\n color: var(--color-warning-dark);\n }\n .color-warning-border { border-color: var(--color-warning); }\n .color-warning-text { color: var(--color-warning-dark); }\n .color-warning-link { color: var(--color-warning-link); }\n .color-warning-link:hover { color: var(--color-warning-link-hover); }\n \n /* Danger */\n .color-danger { color: var(--color-danger); }\n .color-danger-bg {\n background-color: var(--color-danger-light);\n color: var(--color-danger-dark);\n }\n .color-danger-border { border-color: var(--color-danger); }\n .color-danger-text { color: var(--color-danger-dark); }\n .color-danger-link { color: var(--color-danger-link); }\n .color-danger-link:hover { color: var(--color-danger-link-hover); }\n \n /* Info */\n .color-info { color: var(--color-primary); }\n .color-info-bg {\n background-color: var(--color-primary-lighter);\n color: var(--color-primary-dark);\n }\n .color-info-border { border-color: var(--color-primary); }\n .color-info-text { color: var(--color-primary-dark); }\n .color-info-link { color: var(--color-primary-hover); }\n .color-info-link:hover { color: var(--color-primary-active); }\n \n /* Neutral */\n .color-neutral { color: var(--color-text-secondary); }\n .color-neutral-bg {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral-dark);\n }\n .color-neutral-border { border-color: var(--color-border-light); }\n .color-neutral-text { color: var(--color-text-neutral); }\n .color-neutral-link { color: var(--color-neutral-link); }\n .color-neutral-link:hover { color: var(--color-neutral-link-hover); }\n\n /* Text decoration utilities */\n .no-underline { text-decoration: none !important; }\n .hover-no-underline:hover { text-decoration: none !important; }\n\n /* Force hidden (works even when other display is set) */\n .hidden { display: none !important; }\n \n /* mb-0 override (common need) */\n .mb-0 { margin-bottom: 0 !important; }\n\n /* ===================================\n Gap Normalization\n\n When using flex containers with gap, child margins create\n double-spacing. These utilities remove margins from children\n to let gap handle all spacing.\n =================================== */\n\n /* Stack gap normalization - removes margins from direct children */\n .stack-gap-normalize > * {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n /* Also handle .app-card margin-bottom specifically */\n .stack-gap-normalize > .app-card,\n .stack-gap-normalize > .card {\n margin-bottom: 0;\n }\n\n /* Generic gap normalization for any flex container with gap-* classes */\n [class*=\"gap-\"] > .app-card,\n [class*=\"gap-\"] > .card {\n margin-bottom: 0;\n }\n\n /* Remove margins from paragraphs and other common elements in gap containers */\n [class*=\"gap-\"] > p,\n [class*=\"gap-\"] > h1,\n [class*=\"gap-\"] > h2,\n [class*=\"gap-\"] > h3,\n [class*=\"gap-\"] > h4,\n [class*=\"gap-\"] > h5,\n [class*=\"gap-\"] > h6 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n /* Field components often have margin-bottom for standalone use */\n .stack-gap-normalize > .field,\n [class*=\"gap-\"] > .field {\n margin-bottom: 0;\n }\n\n /* ===================================\n Stack Fill\n\n Makes children grow equally to fill available space.\n Useful for creating equal-width columns or rows.\n =================================== */\n\n /* Stack fill - children grow equally */\n .stack-fill > * {\n flex: 1 1 0%;\n min-width: 0; /* Prevent overflow from flex children */\n }\n\n /* For wrapping stacks with fill, use a reasonable basis */\n .stack-fill.flex-wrap > * {\n flex: 1 1 auto;\n min-width: 200px; /* Minimum width before wrapping */\n }\n\n /* ===================================\n Auto Fill for Horizontal Stacks\n\n Horizontal flex containers with cards should fill by default.\n This makes multi-column card layouts stretch to full width.\n =================================== */\n\n /* Horizontal flex containers with cards - auto fill */\n .flex.flex-row > .app-card,\n .flex.flex-row > .card {\n flex: 1 1 0%;\n min-width: 0;\n }\n\n /* Wrapping horizontal flex with cards - grow but allow wrap */\n .flex.flex-row.flex-wrap > .app-card,\n .flex.flex-row.flex-wrap > .card {\n flex: 1 1 200px; /* Grow, shrink, min 200px basis before wrap */\n min-width: 200px;\n }\n}\n",[],[545,552,559,25,830],{"_105":838,"_96":839,"_158":840,"_160":599,"_161":144,"_162":841,"_164":165,"_107":842,"_101":32,"_167":180,"_169":843,"_170":22,"_171":-5,"_172":844,"_99":845},"338d3996-fad2-11f0-9219-42dde27851f2","_variables.scss","338d3a54-fad2-11f0-9219-42dde27851f2",69,["D",1769444116333],"/* Import tokens from the tokens folder */\n@use '../../tokens' as *;\n\n/* All CSS custom properties are now defined in ../tokens/ \n This file exists for backwards compatibility and to allow \n theme-specific overrides */\n",[],[545,552,559,25,839],{"_105":847,"_96":848,"_158":849,"_160":599,"_161":144,"_162":850,"_164":165,"_107":851,"_101":32,"_167":180,"_169":852,"_170":22,"_171":-5,"_172":853,"_99":854},"33792852-fad2-11f0-92fd-42dde27851f2","base.scss","337928fc-fad2-11f0-92fd-42dde27851f2",66,["D",1769444116175],"/* Base Scope - SCSS Nesting */\n\n/* Import variables FIRST so CSS custom properties are defined before use */\n@use '_variables' as *;\n\n/* Import all component partials */\n@use '_base' as *;\n@use '_typography' as *;\n@use '_lists' as *;\n@use '_tables' as *;\n@use '_forms' as *;\n@use '_buttons' as *;\n@use '_cards' as *;\n@use '_accordions' as *;\n@use '_tabs' as *;\n@use '_callouts' as *;\n@use '_details' as *;\n@use '_utilities' as *;\n@use '_badges' as *;\n@use '_components' as *;\n@use '_dropdowns' as *;\n@use '_items' as *;\n@use '_avatars' as *;\n@use '_pagination' as *;\n@use '_code' as *;\n@use '_toast' as *;\n@use '_toggle-group' as *;\n@use '_fields' as *;\n@use '_drawer' as *;\n\n",[],[545,552,559,25,848],{"_105":856,"_96":857,"_158":858,"_160":599,"_161":144,"_162":859,"_164":165,"_107":860,"_101":32,"_167":861,"_169":862,"_170":22,"_171":-5,"_172":863,"_99":864},"33d28ef6-fad2-11f0-9219-42dde27851f2","config.js","33d28f96-fad2-11f0-9219-42dde27851f2",79,["D",1769444116773],"script","// Default Theme Configuration\n// Clean Shadcn-style with custom Brand Blue color family\n// Real JSON data - gets wrapped in \n`;\n\n// Load base.css\nexport async function getStyles() {\n const baseUrl = new URL('.', import.meta.url);\n const cssUrl = new URL('./base.css', baseUrl);\n const cssPath = cssUrl.protocol === 'file:' ? cssUrl.pathname : cssUrl.href;\n const baseCss = await Deno.readTextFile(cssPath);\n \n return {\n tailwind: tailwindStyles,\n baseCss: baseCss\n };\n}\n",[],[545,552,559,25,867],[545,552,559,25],{"_105":876,"_96":877,"_158":878,"_160":560,"_161":144,"_162":879,"_164":165,"_107":880,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":881,"_99":916},"31f7f2b0-fad2-11f0-b76d-42dde27851f2","groq","31f7f36e-fad2-11f0-b76d-42dde27851f2",25,["D",1769444113680],[882,891,900,908],{"_105":883,"_96":884,"_158":885,"_160":878,"_161":144,"_162":886,"_164":165,"_107":887,"_101":32,"_167":180,"_169":888,"_170":22,"_171":-5,"_172":889,"_99":890},"335754ca-fad2-11f0-92fd-42dde27851f2","README.md","3357557e-fad2-11f0-92fd-42dde27851f2",61,["D",1769444115985],"# Groq Theme\n\nA modern, vibrant theme inspired by Groq's fast AI inference platform aesthetic. Features a bold orange primary color paired with a sophisticated gray palette and extended color families for versatility.\n\n## Color Palette\n\n### Core Orange (Primary Brand)\n\nThe primary brand color - a vibrant, energetic orange that conveys speed and innovation.\n\n```scss\n--groq-orange-50: #fff5e5 // Lightest tint\n--groq-orange-100: #ffe8cc\n--groq-orange-200: #ffd1a3 // Base: ffd1a3\n--groq-orange-300: #ffb973\n--groq-orange-400: #fe9e20 // Base: fe9e20 - PRIMARY\n--groq-orange-500: #f48b0a\n--groq-orange-600: #f43e01 // Base: f43e01 - ACCENT\n--groq-orange-700: #c23101 // Base: c23101\n--groq-orange-800: #9a2701\n--groq-orange-900: #731d00 // Darkest shade\n```\n\n### Core Grays (Neutral Palette)\n\nA warm, sophisticated gray scale for text, backgrounds, and borders.\n\n```scss\n--groq-gray-50: #f9f9f8 // Lightest background\n--groq-gray-100: #f3f3ee // Base: f3f3ee\n--groq-gray-200: #e8e8e0\n--groq-gray-300: #cecebf // Base: cecebf\n--groq-gray-400: #9f9f92\n--groq-gray-500: #69695d // Base: 69695d\n--groq-gray-600: #4e4e45\n--groq-gray-700: #2d2f33 // Base: 2d2f33\n--groq-gray-800: #26292e // Base: 26292e - PRIMARY TEXT\n--groq-gray-900: #1a1c1f // Darkest\n```\n\n### Pure Values\n\n```scss\n--groq-black: #000000 // Base: 000000\n--groq-white: #ffffff // Base: ffffff\n```\n\n### Extended Colors\n\nAdditional color families for accents, illustrations, and data visualization.\n\n#### Yellow Tones\n```scss\n--groq-yellow-200: #f4fd90 // Extended: f4fd90\n--groq-yellow-300: #fdeb20 // Extended: fdeb20\n--groq-yellow-500: #e6d000\n--groq-yellow-700: #c6b802 // Extended: c6b802\n```\n\n#### Green Tones\n```scss\n--groq-green-200: #a9ffdb // Extended: a9ffdb\n--groq-green-300: #10e68d // Extended: 10e68d\n--groq-green-500: #0dcc7a\n--groq-green-700: #018b01 // Extended: 018b01\n```\n\n#### Blue Tones\n```scss\n--groq-blue-200: #bfe4fc // Extended: bfe4fc\n--groq-blue-300: #5fc0ff // Extended: 5fc0ff\n--groq-blue-500: #0082a0 // Extended: 0082a0\n```\n\n#### Purple Tones\n```scss\n--groq-purple-200: #e3dcf8 // Extended: e3dcf8\n--groq-purple-300: #d377fd // Extended: d377fd\n--groq-purple-500: #683d7f // Extended: 683d7f\n```\n\n#### Pink Tones\n```scss\n--groq-pink-200: #fad8ff // Extended: fad8ff\n--groq-pink-300: #f392dd // Extended: f392dd\n--groq-pink-500: #ee66ce // Extended: ee66ce\n```\n\n## Semantic Color Mapping\n\nThe theme maps Groq colors to semantic names used throughout the design system:\n\n### Primary (Main Brand)\n- `--color-primary`: Orange 600 (#f43e01) ⭐ Main brand color\n- `--color-primary-hover`: Orange 700 (#c23101)\n- `--color-primary-active`: Orange 800 (#9a2701)\n\n### Text Colors\n- `--color-text-primary`: Gray 800 (#26292e)\n- `--color-text-secondary`: Gray 600 (#4e4e45)\n- `--color-text-muted`: Gray 500 (#69695d)\n\n### Backgrounds\n- `--color-bg-primary`: White (#ffffff)\n- `--color-bg-secondary`: Gray 50 (#f9f9f8)\n- `--color-bg-muted`: Gray 100 (#f3f3ee)\n\n### Semantic States\n- **Success**: Green 300 (#10e68d)\n- **Warning**: Yellow 300 (#fdeb20)\n- **Danger**: Orange 700 (#c23101)\n- **Info**: Blue 300 (#5fc0ff)\n\n## Usage\n\n### Activating the Theme\n\nIn `theme.scss`, uncomment the Groq import:\n\n```scss\n/* Theme Overrides - uncomment ONE of these: */\n@use 'groq/overrides';\n```\n\nThen recompile the theme:\n\n```bash\ndeno task build:styles\n```\n\n### Using Tailwind Classes\n\nAll Groq colors are available as Tailwind utility classes when the theme is active:\n\n#### Color Scales\n```html\n\n

Lightest orange

Main brand color

Darkest orange

\n\n\n

Primary text

Muted text

Muted background

\n\n\n

Yellow

Green

Blue

Purple

Pink

\n```\n\n#### Default Values (no number needed)\n```html\n\n

Main brand (#f43e01)

Primary text (#26292e)

Green (#10e68d)

\n```\n\n#### All Tailwind Utilities Work\n```html\n\nOrange text\nHover darker\n\n\n

\n Button with hover\n

\n\n\n

Bordered

Left accent

\n\n\n

\n Gradient background\n

\n\n\n

50% opacity

75% opacity text

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

Custom shadow

\n```\n\n#### Semantic Color Variables\nFor dynamic theming, use CSS variable utilities:\n```html\n\n

Success text

Danger background

\n```\n\n### Using Groq-Specific Utility Classes\n\nThe theme also provides custom utility classes for the extended colors:\n\n#### Text Colors\n```html\nOrange text\nYellow text\nGreen text\nBlue text\nPurple text\nPink text\n```\n\n#### Background Colors\n```html\n

Orange background

Yellow background

Green background

\n```\n\n#### Border Colors\n```html\n

Orange border

Green border

\n```\n\n### Using CSS Variables Directly\n\nYou can also use the CSS variables in your custom styles:\n\n```css\n.my-component {\n background: var(--groq-orange-400);\n color: var(--groq-gray-800);\n border: 2px solid var(--groq-orange-600);\n}\n\n.my-chart-bar {\n fill: var(--groq-blue-300);\n}\n\n.my-data-viz {\n stroke: var(--groq-purple-300);\n}\n```\n\n### Component Examples\n\n#### Primary Button (Default)\nAlready styled with Groq orange:\n```html\n\n```\n\n#### Success Alert\nUses Groq green:\n```html\n

\n Model loaded successfully!\n

\n```\n\n#### Custom Card with Extended Colors\n```html\n

API Response Time

0.5ms

\n```\n\n## Design Principles\n\n### Speed & Performance\nThe Groq brand emphasizes speed, so the theme uses:\n- Sharp, clean borders (smaller radius values)\n- Subtle shadows\n- High contrast for readability\n- Minimal animation overhead\n\n### Bold & Confident\n- Strong primary color (orange) for CTAs\n- Clear visual hierarchy with distinct grays\n- High contrast text for accessibility\n\n### Modern & Professional\n- System font stack for optimal rendering\n- Clean, minimalist aesthetic\n- Thoughtful use of whitespace\n\n## Color Guidelines\n\n### When to Use Primary Orange\n- Primary CTAs (Sign up, Get Started)\n- Important buttons and actions\n- Links and interactive elements\n- Brand headers and logos\n\n### When to Use Extended Colors\n- **Yellow**: Warnings, highlights, complementary accents\n- **Green**: Success states, positive metrics, growth indicators\n- **Blue**: Information, neutral highlights, data visualization\n- **Purple**: Premium features, special status, accents\n- **Pink**: Creative elements, playful accents, special promotions\n\n### When to Use Grays\n- Body text: Gray 800\n- Secondary text: Gray 600\n- Muted text: Gray 500\n- Borders: Gray 200-300\n- Backgrounds: Gray 50-100\n\n## Accessibility\n\nAll color combinations in the theme meet WCAG 2.1 AA standards for contrast:\n\n- Gray 800 on White: 12.5:1 (AAA)\n- Orange 600 on White: 6.2:1 (AA)\n- Green 300 on White: 3.2:1 (AA for large text)\n- Orange 400 on White: 3.8:1 (AA for large text)\n\nFor body text, always use Gray 800 (#26292e) or darker on light backgrounds.\n\n## Comparison with Other Themes\n\n| Feature | Default | Luma | Retro | Groq |\n|---------|---------|------|-------|------|\n| Primary Color | Blue | Dark/Black | Green | Orange |\n| Border Radius | Medium | Large | None | Small-Medium |\n| Shadows | Medium | Soft | None | Sharp |\n| Aesthetic | Standard | Modern | 90s Web | Tech/Bold |\n\n## Examples\n\nSee the Groq theme in action:\n- Buttons: `/modules/buttons/`\n- Forms: `/modules/forms/`\n- Cards: `/modules/card-container/`\n- Full Apps: `/apps/chat-app/` (when theme is active)\n\n## Migration Notes\n\nIf you're switching from another theme to Groq:\n\n1. Primary color changes from blue to orange - review CTAs\n2. Gray scale is warmer - may affect borders/backgrounds\n3. Smaller border radius - components feel sharper\n4. Extended color palette available - use for data viz\n\n## Future Enhancements\n\nPotential additions to the Groq theme:\n- Dark mode variant\n- Additional data visualization colors\n- Animation presets for \"speed\" effects\n- Gradient combinations\n\n",[],[545,552,559,877,884],{"_105":892,"_96":893,"_158":894,"_160":878,"_161":144,"_162":895,"_164":165,"_107":896,"_101":32,"_167":180,"_169":897,"_170":22,"_171":-5,"_172":898,"_99":899},"336d86b4-fad2-11f0-92fd-42dde27851f2","color-reference.html","336d8772-fad2-11f0-92fd-42dde27851f2",64,["D",1769444116049],"\n\n\n \n \n Groq Theme - Color Reference\n \n\n\n

🚀 Groq Theme

\n A modern, vibrant theme inspired by Groq's fast AI inference platform. \n Features a bold orange primary color paired with a sophisticated gray palette \n and extended color families for versatility.\n

\n\n

Quick Start

To activate this theme, uncomment @use 'groq/overrides'; in theme.scss and run deno task build:styles

\n\n

🎨 Core Color Palette

\n\n

Primary Orange (Brand)

Orange 50

#fff5e5

\n Core\n

Orange 100

#ffe8cc

\n Core\n

Orange 200

#ffd1a3

\n Original\n

Orange 300

#ffb973

\n Core\n

Orange 400

#fe9e20

\n Original\n

Orange 500

#f48b0a

\n Core\n

Orange 600

#f43e01

\n Primary Brand ⭐\n

Orange 700

#c23101

\n Original\n

Orange 800

#9a2701

\n Core\n

Orange 900

#731d00

\n Core\n

\n\n

Neutral Grays

Gray 50

#f9f9f8

\n Core\n

Gray 100

#f3f3ee

\n Original\n

Gray 200

#e8e8e0

\n Core\n

Gray 300

#cecebf

\n Original\n

Gray 400

#9f9f92

\n Core\n

Gray 500

#69695d

\n Original\n

Gray 600

#4e4e45

\n Core\n

Gray 700

#2d2f33

\n Original\n

Gray 800

#26292e

\n Text ⭐\n

Gray 900

#1a1c1f

\n Core\n

\n\n

Pure Values

Black

#000000

\n Original\n

White

#ffffff

\n Original\n

\n\n

✨ Extended Color Families

\n\n

Yellow Tones

Yellow 200

#f4fd90

\n Extended\n

Yellow 300

#fdeb20

\n Extended\n

Yellow 500

#e6d000

\n Core\n

Yellow 700

#c6b802

\n Extended\n

\n\n

Green Tones

Green 200

#a9ffdb

\n Extended\n

Green 300

#10e68d

\n Extended\n

Green 500

#0dcc7a

\n Core\n

Green 700

#018b01

\n Extended\n

\n\n

Blue Tones

Blue 200

#bfe4fc

\n Extended\n

Blue 300

#5fc0ff

\n Extended\n

Blue 500

#0082a0

\n Extended\n

\n\n

Purple Tones

Purple 200

#e3dcf8

\n Extended\n

Purple 300

#d377fd

\n Extended\n

Purple 500

#683d7f

\n Extended\n

\n\n

Pink Tones

Pink 200

#fad8ff

\n Extended\n

Pink 300

#f392dd

\n Extended\n

Pink 500

#ee66ce

\n Extended\n

\n\n

🎯 Semantic Color Mapping

\n \n

Primary Colors

\n Primary\n --groq-orange-600\n

\n Primary Hover\n --groq-orange-700\n

\n Primary Active\n --groq-orange-800\n

\n\n

Text Colors

\n Primary Text\n --groq-gray-800\n

\n Secondary Text\n --groq-gray-600\n

\n Muted Text\n --groq-gray-500\n

\n\n

Background Colors

\n Primary BG\n --groq-white\n

\n Secondary BG\n --groq-gray-50\n

\n Muted BG\n --groq-gray-100\n

\n\n

Semantic States

\n Success\n --groq-green-300\n

\n Warning\n --groq-yellow-300\n

\n Danger\n --groq-orange-600\n

\n Info\n --groq-blue-300\n

\n\n

🎨 Component Examples

\n\n

Buttons

\n \n

\n \n

\n\n

Alerts

\n Success! Your action was completed.\n

\n Warning! Please review this.\n

\n Error! Something went wrong.\n

\n Info: Here's some information.\n

\n\n

\n\n \n

\n\n\n\n",[],[545,552,559,877,893],{"_105":901,"_96":857,"_158":902,"_160":878,"_161":144,"_162":903,"_164":165,"_107":904,"_101":32,"_167":861,"_169":905,"_170":22,"_171":-5,"_172":906,"_99":907},"335f493c-fad2-11f0-a4d3-42dde27851f2","335f4a04-fad2-11f0-a4d3-42dde27851f2",62,["D",1769444115988],"// Groq Theme Configuration\n// Real JSON data - gets wrapped in \\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",[],[545,552,857],{"_105":1045,"_96":1046,"_158":1047,"_160":553,"_161":144,"_162":1048,"_164":165,"_107":1049,"_101":32,"_167":180,"_169":1050,"_170":22,"_171":-5,"_172":1051,"_99":1052},"330ddc1e-fad2-11f0-a4d3-42dde27851f2","deno.json","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",[],[545,552,1046],{"_105":1054,"_96":1055,"_158":1056,"_160":553,"_161":144,"_162":1057,"_164":165,"_107":1058,"_101":32,"_167":180,"_169":1059,"_170":22,"_171":-5,"_172":1060,"_99":1061},"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",[],[545,552,1055],{"_105":1063,"_96":1064,"_158":1065,"_160":553,"_161":144,"_162":1066,"_164":165,"_107":1067,"_101":32,"_167":861,"_169":1068,"_170":22,"_171":-5,"_172":1069,"_99":1070},"3304b04e-fad2-11f0-92fd-42dde27851f2","tailwind.config.js","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",[],[545,552,1064],{"_105":1072,"_96":1073,"_158":1074,"_160":553,"_161":144,"_162":1075,"_164":165,"_107":1076,"_101":32,"_167":180,"_169":1077,"_170":22,"_171":-5,"_172":1078,"_99":1079},"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",[],[545,552,1073],{"_105":1081,"_96":1082,"_158":1083,"_160":553,"_161":144,"_162":1084,"_164":165,"_107":1085,"_101":32,"_167":180,"_169":1086,"_170":22,"_171":-5,"_172":1087,"_99":1088},"3328d8a2-fad2-11f0-bd00-42dde27851f2","theme.scss","3328d96a-fad2-11f0-bd00-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",[],[545,552,1082],[545,552],{"_105":1091,"_96":1092,"_158":1093,"_160":546,"_161":144,"_162":1094,"_164":165,"_107":1095,"_101":32,"_167":180,"_169":1096,"_170":22,"_171":-5,"_172":1097,"_99":1098},"34f20794-fad2-11f0-b54c-42dde27851f2","app.scss","34f2083e-fad2-11f0-b54c-42dde27851f2",105,["D",1769444118597],"/**\n * Routine Stack - App-specific Styles\n * Uses design system CSS variables for theming.\n */\n\n// ==========================================================================\n// Base Layout\n// ==========================================================================\n\nhtml, body {\n margin: 0;\n padding: 0;\n height: 100%;\n overflow: hidden;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n#app {\n height: 100vh;\n overflow: hidden;\n}\n\n// ==========================================================================\n// Sidebar Provider\n// ==========================================================================\n\n.sidebar-provider {\n display: flex;\n height: 100%;\n background-color: var(--color-bg-primary, #ffffff);\n overflow: hidden;\n position: relative;\n}\n\n// ==========================================================================\n// Sidebar Wrapper\n// ==========================================================================\n\n.sidebar-wrapper {\n position: relative;\n width: var(--sidebar-width, 18rem);\n height: 100%;\n flex-shrink: 0;\n transition: width 200ms ease;\n overflow: hidden;\n}\n\n.sidebar-provider[data-state=\"closed\"] .sidebar-wrapper {\n width: 0;\n}\n\n// ==========================================================================\n// Sidebar\n// ==========================================================================\n\n.sidebar {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n width: var(--sidebar-width, 18rem);\n height: 100%;\n background-color: var(--color-bg-secondary, #f9fafb);\n border-right: 1px solid var(--color-border, #e5e7eb);\n overflow: hidden;\n transform: translateX(0);\n transition: transform 200ms ease;\n}\n\n.sidebar-provider[data-state=\"closed\"] .sidebar {\n transform: translateX(-100%);\n}\n\n// ==========================================================================\n// Sidebar Header\n// ==========================================================================\n\n.sidebar-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n padding: 0.5rem;\n border-bottom: 1px solid var(--color-border, #e5e7eb);\n}\n\n.sidebar-header-content {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0 0.5rem;\n min-height: 2rem;\n}\n\n.sidebar-title {\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--color-text-primary, #111827);\n}\n\n.sidebar-icon {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n color: var(--color-text-muted, #6b7280);\n}\n\n// ==========================================================================\n// Sidebar Content\n// ==========================================================================\n\n.sidebar-content {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 0.5rem;\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: var(--color-border, #e5e7eb);\n border-radius: 0.375rem;\n }\n}\n\n// ==========================================================================\n// Sidebar Group\n// ==========================================================================\n\n.sidebar-group + .sidebar-group {\n margin-top: 0.75rem;\n}\n\n.sidebar-group-label {\n display: flex;\n align-items: center;\n height: 2rem;\n padding: 0 0.75rem;\n font-size: 0.75rem;\n color: var(--color-text-muted, #6b7280);\n letter-spacing: 0.02em;\n}\n\n.sidebar-group-trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n height: 2rem;\n padding: 0 0.75rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n color: var(--color-text-muted, #6b7280);\n font-size: 0.75rem;\n cursor: pointer;\n transition: background-color 150ms ease;\n\n &:hover {\n background-color: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-primary, #111827);\n }\n}\n\n.sidebar-group-chevron {\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n transition: transform 150ms ease;\n\n &.rotated {\n transform: rotate(180deg);\n }\n}\n\n// ==========================================================================\n// Folder Tree Component (simplified from sidebar-layout template)\n// ==========================================================================\n\n.folder-tree {\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n}\n\n.folder-tree-folder {\n position: relative;\n}\n\n.folder-tree-folder-row {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n height: 2rem;\n padding: 0 0.5rem;\n border-radius: 0.375rem;\n cursor: pointer;\n transition: background-color 150ms ease;\n\n &:hover {\n background-color: var(--color-bg-muted, #f3f4f6);\n }\n}\n\n.folder-tree-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n height: 1rem;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--color-text-muted, #6b7280);\n cursor: pointer;\n flex-shrink: 0;\n\n &:hover {\n color: var(--color-text-primary, #111827);\n }\n}\n\n.folder-tree-chevron {\n width: 0.75rem;\n height: 0.75rem;\n transition: transform 150ms ease;\n\n &.rotated {\n transform: rotate(90deg);\n }\n}\n\n.folder-tree-icon {\n width: 1rem;\n height: 1rem;\n color: var(--color-text-muted, #6b7280);\n flex-shrink: 0;\n}\n\n.folder-tree-name {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 0.25rem;\n font-size: 0.875rem;\n color: var(--color-text-secondary, #374151);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.folder-tree-count {\n font-size: 0.75rem;\n color: var(--color-text-muted, #9ca3af);\n flex-shrink: 0;\n padding: 0.125rem 0.5rem;\n background: transparent;\n border: 1px solid var(--color-border, #e5e7eb);\n border-radius: 9999px;\n}\n\n// Folder contents (items inside folder)\n.folder-tree-contents {\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n margin-left: 1rem;\n padding-left: 0.75rem;\n border-left: 1px solid var(--color-border, #e5e7eb);\n}\n\n// Individual item in folder\n.folder-tree-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: 1.75rem;\n padding: 0 0.5rem;\n border-radius: 0.375rem;\n cursor: pointer;\n transition: background-color 150ms ease;\n\n &:hover {\n background-color: var(--color-bg-muted, #f3f4f6);\n }\n\n &.active {\n background-color: var(--color-bg-muted, #f3f4f6);\n font-weight: 500;\n }\n}\n\n.folder-tree-item-btn {\n flex: 1;\n display: flex;\n align-items: center;\n padding: 0;\n border: none;\n background: transparent;\n font-size: 0.8125rem;\n color: var(--color-text-secondary, #64748b);\n text-align: left;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:hover {\n color: var(--color-text-primary, #111827);\n }\n}\n\n.folder-tree-item.active .folder-tree-item-btn {\n color: var(--color-text-primary, #111827);\n}\n\n.folder-tree-shuffle-icon {\n flex-shrink: 0;\n width: 12px;\n height: 12px;\n margin-right: 0.375rem;\n color: var(--color-text-muted, #6b7280);\n opacity: 0.7;\n}\n\n.folder-tree-item.active .folder-tree-shuffle-icon {\n color: var(--color-primary, #3b82f6);\n opacity: 1;\n}\n\n.folder-tree-item-badge {\n flex-shrink: 0;\n padding: 0.125rem 0.375rem;\n font-size: 0.6875rem;\n font-weight: 500;\n background-color: var(--color-text-muted, #6b7280);\n color: #ffffff;\n border-radius: 9999px;\n}\n\n// ==========================================================================\n// Sidebar Menu\n// ==========================================================================\n\n.sidebar-menu {\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.sidebar-menu-item {\n position: relative;\n}\n\n.sidebar-menu-button {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n width: 100%;\n height: 2rem;\n padding: 0 0.75rem;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n color: var(--color-text-secondary, #374151);\n font-size: 0.875rem;\n font-weight: 400;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 150ms ease, color 150ms ease;\n white-space: nowrap;\n overflow: hidden;\n\n &:hover {\n background-color: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-primary, #111827);\n }\n\n &.active {\n background-color: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-primary, #111827);\n font-weight: 500;\n }\n}\n\n.sidebar-menu-label {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n}\n\n.sidebar-menu-badge {\n flex-shrink: 0;\n padding: 0.125rem 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n background-color: var(--color-text-muted, #6b7280);\n color: #ffffff;\n border-radius: 9999px;\n\n &.badge-outline {\n background-color: transparent;\n border: 1px solid var(--color-border, #e5e7eb);\n color: var(--color-text-secondary, #374151);\n }\n}\n\n// ==========================================================================\n// Sidebar Footer\n// ==========================================================================\n\n.sidebar-footer {\n flex-shrink: 0;\n padding: 0.5rem 0.75rem;\n border-top: 1px solid var(--color-border, #e5e7eb);\n}\n\n.sidebar-footer-info {\n display: flex;\n align-items: center;\n}\n\n// ==========================================================================\n// Sidebar States\n// ==========================================================================\n\n.sidebar-loading,\n.sidebar-empty {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem;\n font-size: 0.875rem;\n color: var(--color-text-muted, #6b7280);\n}\n\n@keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n// ==========================================================================\n// Sidebar Trigger\n// ==========================================================================\n\n.sidebar-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n border-radius: 0.375rem;\n background: transparent;\n border: 1px solid var(--color-border, #e5e7eb);\n cursor: pointer;\n color: var(--color-text-secondary, #374151);\n transition: background-color 150ms ease, border-color 150ms ease;\n\n &:hover {\n background-color: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-primary, #111827);\n }\n}\n\n.sidebar-trigger-icon {\n color: var(--color-text-muted, #6b7280);\n transition: transform 150ms ease;\n\n &.rotated {\n transform: rotate(180deg);\n }\n}\n\n// ==========================================================================\n// Sidebar Inset (Main Content)\n// ==========================================================================\n\n.sidebar-inset {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n width: 100%;\n background-color: var(--color-bg-primary, #ffffff);\n overflow: hidden;\n}\n\n.sidebar-inset-header {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.5rem 1rem;\n border-bottom: 1px solid var(--color-border, #e5e7eb);\n}\n\n.sidebar-inset-title {\n font-size: 1rem;\n font-weight: 600;\n color: var(--color-text-primary, #111827);\n margin: 0;\n line-height: 1;\n}\n\n.sidebar-inset-content {\n flex: 1;\n padding: 1.5rem;\n overflow-y: auto;\n}\n\n// ==========================================================================\n// Empty State\n// ==========================================================================\n\n.empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n text-align: center;\n color: var(--color-text-muted, #6b7280);\n}\n\n.empty-state-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 64px;\n height: 64px;\n margin-bottom: 1rem;\n background: var(--color-bg-muted, #f3f4f6);\n border-radius: 9999px;\n\n .iconify {\n width: 32px;\n height: 32px;\n color: var(--color-text-muted, #6b7280);\n }\n}\n\n.empty-state-title {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--color-text-primary, #111827);\n margin: 0 0 0.5rem 0;\n}\n\n.empty-state-description {\n font-size: 0.875rem;\n color: var(--color-text-muted, #6b7280);\n margin: 0;\n max-width: 300px;\n}\n\n// ==========================================================================\n// Loading State\n// ==========================================================================\n\n.loading-state {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n height: 100%;\n color: var(--color-text-muted, #6b7280);\n\n .iconify {\n animation: spin 1s linear infinite;\n }\n}\n\n// ==========================================================================\n// Workout Detail\n// ==========================================================================\n\n.workout-detail {\n max-width: 800px;\n}\n\n.workout-header {\n margin-bottom: 1.5rem;\n}\n\n.workout-meta {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin-bottom: 0.75rem;\n}\n\n.workout-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n background: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-secondary, #374151);\n border-radius: 0.375rem;\n\n .iconify {\n width: 0.75rem;\n height: 0.75rem;\n }\n\n &.tag-beginner {\n background: #dcfce7;\n color: #166534;\n }\n\n &.tag-intermediate {\n background: #fef3c7;\n color: #92400e;\n }\n\n &.tag-advanced {\n background: #fee2e2;\n color: #991b1b;\n }\n}\n\n.workout-description {\n font-size: 1rem;\n color: var(--color-text-secondary, #374151);\n line-height: 1.5;\n margin: 0 0 0.25rem 0;\n}\n\n.workout-tips-inline {\n font-size: 0.9375rem;\n color: var(--color-text-muted, #6b7280);\n line-height: 1.4;\n margin: 0;\n}\n\n// ==========================================================================\n// JSON Section (Collapsible)\n// ==========================================================================\n\n.json-details {\n margin-top: 1.5rem;\n background: var(--color-bg-secondary, #f9fafb);\n border: 1px solid var(--color-border, #e5e7eb);\n border-radius: 0.5rem;\n overflow: hidden;\n}\n\n.json-summary {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 0.75rem;\n cursor: pointer;\n user-select: none;\n font-size: 0.75rem;\n color: var(--color-text-muted, #6b7280);\n\n &:hover {\n background: var(--color-bg-muted, #f3f4f6);\n }\n\n &::-webkit-details-marker {\n display: none;\n }\n\n &::before {\n content: '▶';\n font-size: 0.5rem;\n margin-right: 0.5rem;\n transition: transform 150ms ease;\n }\n}\n\n.json-details[open] .json-summary::before {\n transform: rotate(90deg);\n}\n\n.json-summary-text {\n flex: 1;\n}\n\n.copy-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.25rem;\n height: 1.25rem;\n padding: 0;\n font-size: 0.75rem;\n color: var(--color-text-muted, #6b7280);\n background: transparent;\n border: none;\n border-radius: 0.25rem;\n cursor: pointer;\n transition: all 100ms ease;\n\n &:hover {\n background: var(--color-bg-muted, #e5e7eb);\n color: var(--color-text-primary, #111827);\n }\n\n &.copied {\n color: #22c55e;\n }\n\n .iconify {\n width: 0.75rem;\n height: 0.75rem;\n }\n}\n\n.workout-json {\n background: var(--color-bg-primary, #ffffff);\n border-top: 1px solid var(--color-border, #e5e7eb);\n padding: 0.75rem;\n margin: 0;\n overflow-x: auto;\n max-height: 300px;\n overflow-y: auto;\n\n code {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n font-size: 0.625rem;\n color: var(--color-text-secondary, #374151);\n white-space: pre;\n }\n}\n\n.section-title {\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--color-text-primary, #111827);\n margin: 0 0 0.5rem 0;\n}\n\n// Tips are now inline in the header - removed old section styles\n\n// ==========================================================================\n// Utility Classes\n// ==========================================================================\n\n.text-xs {\n font-size: 0.75rem;\n}\n\n.text-muted {\n color: var(--color-text-muted, #6b7280);\n}\n\n// ==========================================================================\n// Shuffle Section\n// ==========================================================================\n\n.shuffle-section {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding: 0.75rem 1rem;\n background: var(--color-bg-secondary, #f9fafb);\n border: 1px solid var(--color-border, #e5e7eb);\n border-radius: 0.5rem;\n}\n\n.shuffle-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: var(--space-btn-y, 0.5rem) var(--space-btn-x, 1rem);\n font-size: var(--text-button, 0.875rem);\n font-weight: var(--font-medium, 500);\n line-height: var(--leading-normal, 1.5);\n color: var(--color-primary, #2563eb);\n background-color: var(--color-primary-light, #eff6ff);\n border: 1px solid currentColor;\n box-shadow: inset 0 0 0 1px currentColor;\n border-radius: var(--radius-button, 0.375rem);\n cursor: pointer;\n transition: all 150ms ease;\n text-decoration: none;\n\n &:hover {\n background-color: var(--color-primary-lighter, #dbeafe);\n color: var(--color-primary-hover, #1d4ed8);\n }\n\n &:focus {\n outline: none;\n box-shadow: inset 0 0 0 1px currentColor, 0 0 0 var(--ring-width, 3px) var(--color-primary-ring, rgba(37, 99, 235, 0.3));\n }\n\n &:active {\n background-color: var(--color-primary-lightest, #bfdbfe);\n color: var(--color-primary-active, #1e40af);\n }\n\n .iconify {\n width: 1rem;\n height: 1rem;\n }\n}\n\n.shuffle-hint {\n font-size: 0.75rem;\n color: var(--color-text-muted, #6b7280);\n}\n\n// ==========================================================================\n// Generated Sets Section\n// ==========================================================================\n\n.generated-sets-section {\n margin-bottom: 1.5rem;\n}\n\n// Wrapper card for all workout blocks\n.workout-card-container {\n background: var(--color-bg-primary, #ffffff);\n border: 1px solid var(--color-border, #e5e7eb);\n border-radius: 0.5rem;\n padding: 0.75rem;\n}\n\n.generated-set {\n margin-bottom: 0.75rem;\n padding-bottom: 0.5rem;\n\n &:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n }\n}\n\n.generated-set-header {\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n margin-bottom: 0.25rem;\n padding-bottom: 0.25rem;\n border-bottom: 1px solid var(--color-border, #e5e7eb);\n}\n\n.generated-set-name {\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--color-text-primary, #111827);\n}\n\n.generated-set-rounds {\n font-size: 0.6875rem;\n font-weight: 600;\n padding: 0.0625rem 0.375rem;\n background: #dbeafe;\n color: #1d4ed8;\n border-radius: 0.25rem;\n}\n\n.shuffle-set-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n height: 1rem;\n margin-left: auto;\n padding: 0;\n background: transparent;\n border: none;\n color: var(--color-text-muted, #9ca3af);\n cursor: pointer;\n opacity: 0.6;\n transition: opacity 100ms, color 100ms;\n\n &:hover {\n opacity: 1;\n color: var(--color-primary, #2563eb);\n }\n\n .iconify {\n width: 0.75rem;\n height: 0.75rem;\n }\n}\n\n// Per-exercise shuffle button (for individual exercise shuffling)\n.shuffle-exercise-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.25rem;\n height: 1.25rem;\n flex-shrink: 0;\n padding: 0;\n background: transparent;\n border: 1px solid var(--color-border, #e5e7eb);\n border-radius: 0.25rem;\n color: var(--color-text-muted, #6b7280);\n cursor: pointer;\n transition: all 150ms ease;\n\n &:hover {\n background: var(--color-primary-light, #eff6ff);\n border-color: var(--color-primary, #2563eb);\n color: var(--color-primary, #2563eb);\n }\n\n &:active {\n background: var(--color-primary-lighter, #dbeafe);\n transform: scale(0.95);\n }\n\n .iconify {\n width: 0.75rem;\n height: 0.75rem;\n }\n}\n\n// ==========================================================================\n// CLI-Dense Exercise List\n// ==========================================================================\n\n.exercise-list {\n display: flex;\n flex-direction: column;\n}\n\n.exercise-line {\n display: flex;\n flex-wrap: wrap;\n align-items: baseline;\n gap: 0.5rem;\n padding: 0.5rem 0.75rem;\n font-size: 1rem;\n line-height: 1.4;\n border-bottom: 1px solid var(--color-border-light, #f0f0f0);\n\n &:last-child {\n border-bottom: none;\n }\n\n &.expandable {\n cursor: pointer;\n\n &:hover {\n background: var(--color-bg-hover, #fafafa);\n }\n }\n}\n\n.ex-shuffle {\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n padding: 0;\n margin: 0;\n background: none;\n border: none;\n color: var(--color-text-muted, #9ca3af);\n font-size: 0.75rem;\n cursor: pointer;\n opacity: 0.6;\n transition: opacity 100ms, color 100ms;\n\n &:hover {\n opacity: 1;\n color: var(--color-primary, #2563eb);\n }\n}\n\n.ex-name {\n font-weight: 600;\n font-size: 1rem;\n color: var(--color-text-primary, #111827);\n white-space: nowrap;\n}\n\n.ex-duration {\n flex-shrink: 0;\n color: var(--color-primary, #2563eb);\n font-weight: 500;\n font-size: 1rem;\n}\n\n.ex-notes {\n color: var(--color-text-muted, #6b7280);\n font-size: 1rem;\n}\n\n.ex-media-icon {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n color: var(--color-text-muted, #9ca3af);\n\n .iconify {\n width: 1rem;\n height: 1rem;\n }\n}\n\n.ex-expand {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--color-text-muted, #9ca3af);\n margin-left: auto;\n transition: transform 200ms ease;\n\n .iconify {\n width: 1rem;\n height: 1rem;\n }\n\n &.expanded {\n transform: rotate(180deg);\n }\n}\n\n.ex-expanded {\n flex-basis: 100%;\n padding: 0.5rem 0 0.25rem;\n}\n\n.ex-desc {\n font-size: 1rem;\n color: var(--color-text-secondary, #374151);\n line-height: 1.5;\n margin: 0 0 0.5rem 0;\n}\n\n.ex-media {\n max-width: 240px;\n border-radius: 0.375rem;\n overflow: hidden;\n\n img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n iframe {\n width: 100%;\n aspect-ratio: 16 / 9;\n border: none;\n }\n}\n\n// ==========================================================================\n// Exercise Cards Grid\n// ==========================================================================\n\n.exercise-cards-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: 0.75rem;\n}\n\n.exercise-card {\n display: flex;\n flex-direction: column;\n background: var(--color-bg-primary, #ffffff);\n border: 1px solid var(--color-border, #e5e7eb);\n border-radius: 0.5rem;\n overflow: hidden;\n transition: box-shadow 150ms ease, transform 150ms ease;\n\n &:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n transform: translateY(-1px);\n }\n}\n\n.exercise-card-media {\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n background: var(--color-bg-muted, #f3f4f6);\n overflow: hidden;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 200ms ease;\n }\n\n .exercise-card:hover & img {\n transform: scale(1.02);\n }\n}\n\n.exercise-card-content {\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n padding: 0.75rem;\n}\n\n.exercise-card-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 0.5rem;\n}\n\n.exercise-card-title {\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--color-text-primary, #111827);\n margin: 0;\n line-height: 1.3;\n}\n\n.exercise-card-day {\n flex-shrink: 0;\n font-size: 0.625rem;\n font-weight: 600;\n padding: 0.125rem 0.375rem;\n background: #dbeafe;\n color: #1d4ed8;\n border-radius: 9999px;\n text-transform: uppercase;\n letter-spacing: 0.02em;\n}\n\n.exercise-card-meta {\n display: flex;\n flex-wrap: wrap;\n gap: 0.375rem;\n}\n\n.exercise-card-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n font-size: 0.6875rem;\n font-weight: 500;\n padding: 0.125rem 0.375rem;\n background: var(--color-primary-light, #eff6ff);\n color: var(--color-primary, #2563eb);\n border-radius: 0.25rem;\n\n .iconify {\n width: 0.75rem;\n height: 0.75rem;\n }\n\n &.exercise-card-badge-muted {\n background: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-secondary, #374151);\n }\n}\n\n.exercise-card-notes,\n.exercise-card-description {\n font-size: 0.6875rem;\n line-height: 1.4;\n color: var(--color-text-muted, #6b7280);\n margin: 0;\n // Clamp to 2 lines\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.exercise-card-notes {\n font-style: italic;\n}\n\n// ==========================================================================\n// Exercise Rows (Row-based layout with media on right)\n// Bold, assertive design for workout use\n// ==========================================================================\n\n.exercise-rows {\n display: flex;\n flex-direction: column;\n gap: 0.375rem; // Tighter spacing between rows\n}\n\n.exercise-row {\n display: flex;\n flex-direction: column;\n background: var(--color-bg-primary, #ffffff);\n border: 1px solid var(--color-border, #e5e7eb);\n border-radius: 0.5rem;\n overflow: hidden;\n transition: box-shadow 150ms ease, border-color 150ms ease;\n cursor: pointer;\n\n &:hover {\n border-color: var(--color-border-hover, #d1d5db);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\n }\n\n &.exercise-row-expanded {\n border-color: var(--color-primary, #2563eb);\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);\n }\n}\n\n.exercise-row-main {\n display: flex;\n align-items: baseline; // Baseline alignment\n gap: 0.75rem;\n padding: 0.5rem 0.75rem; // Reduced padding\n min-height: auto; // Remove minimum height\n}\n\n.exercise-row-content {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: row; // Single row layout\n align-items: baseline;\n gap: 0.75rem;\n flex-wrap: wrap;\n}\n\n.exercise-row-header {\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n flex-wrap: nowrap;\n}\n\n.exercise-row-title {\n font-size: 0.9375rem; // Slightly smaller\n font-weight: 600;\n color: var(--color-text-primary, #111827);\n margin: 0;\n line-height: 1.3;\n white-space: nowrap;\n}\n\n.exercise-row-day {\n flex-shrink: 0;\n font-size: 0.625rem;\n font-weight: 600;\n padding: 0.125rem 0.375rem;\n background: #dbeafe;\n color: #1d4ed8;\n border-radius: 9999px;\n text-transform: uppercase;\n letter-spacing: 0.02em;\n}\n\n.exercise-row-meta {\n display: flex;\n flex-wrap: nowrap;\n gap: 0.375rem;\n align-items: baseline;\n}\n\n.exercise-row-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n font-size: 0.75rem;\n font-weight: 500;\n padding: 0.125rem 0.375rem;\n background: var(--color-primary-light, #eff6ff);\n color: var(--color-primary, #2563eb);\n border-radius: 0.25rem;\n\n .iconify {\n width: 0.75rem;\n height: 0.75rem;\n }\n\n &.exercise-row-badge-muted {\n background: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-secondary, #374151);\n }\n}\n\n.exercise-row-notes {\n font-size: 0.8125rem;\n line-height: 1.4;\n color: var(--color-text-muted, #6b7280);\n margin: 0;\n font-style: italic;\n}\n\n// Media thumbnail on right - compact\n.exercise-row-media {\n flex-shrink: 0;\n width: 3rem;\n height: 2.25rem;\n border-radius: 0.25rem;\n overflow: hidden;\n background: var(--color-bg-muted, #f3f4f6);\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 200ms ease;\n }\n\n .exercise-row:hover & img {\n transform: scale(1.03);\n }\n}\n\n.exercise-media-video {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--color-bg-muted, #f3f4f6);\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n}\n\n.exercise-media-play {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: white;\n background: rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .iconify {\n width: 1.25rem;\n height: 1.25rem;\n }\n}\n\n.exercise-media-icon {\n width: 2rem;\n height: 2rem;\n color: var(--color-text-muted, #6b7280);\n}\n\n.exercise-row-expand-icon {\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-text-muted, #6b7280);\n transition: color 150ms ease;\n\n .iconify {\n width: 0.75rem;\n height: 0.75rem;\n }\n\n .exercise-row:hover & {\n color: var(--color-text-secondary, #374151);\n }\n}\n\n// Expanded description panel\n.exercise-row-description {\n padding: 0 0.75rem 0.75rem;\n border-top: 1px solid var(--color-border, #e5e7eb);\n margin-top: 0;\n animation: slideDown 150ms ease;\n\n p {\n font-size: 0.8125rem;\n line-height: 1.6;\n color: var(--color-text-secondary, #374151);\n margin: 0.75rem 0 0;\n }\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-0.5rem);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n// Embedded video player\n.exercise-row-video-embed {\n margin-top: 0.75rem;\n aspect-ratio: 16 / 9;\n border-radius: 0.375rem;\n overflow: hidden;\n background: #000;\n\n iframe {\n width: 100%;\n height: 100%;\n border: 0;\n }\n}\n\n// Mobile responsive for rows\n@media (max-width: 480px) {\n .exercise-row-main {\n padding: 0.375rem 0.5rem;\n }\n\n .exercise-row-title {\n font-size: 0.8125rem;\n }\n\n .exercise-row-media {\n width: 2.5rem;\n height: 2rem;\n }\n}\n\n// Fallback list styles (keep for non-card contexts)\n.generated-exercises-list {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.generated-exercise {\n display: flex;\n flex-wrap: wrap;\n align-items: baseline;\n gap: 0.5rem;\n padding: 0.5rem 0.75rem;\n background: var(--color-bg-primary, #ffffff);\n border: 1px solid var(--color-border, #e5e7eb);\n border-radius: 0.375rem;\n}\n\n.exercise-name {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--color-text-primary, #111827);\n}\n\n.exercise-detail {\n font-size: 0.75rem;\n font-weight: 500;\n padding: 0.125rem 0.375rem;\n background: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-secondary, #374151);\n border-radius: 0.25rem;\n}\n\n.exercise-note {\n font-size: 0.75rem;\n font-style: italic;\n color: var(--color-text-muted, #6b7280);\n}\n\n.set-rest,\n.set-activity {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.875rem;\n color: var(--color-text-secondary, #374151);\n\n .iconify {\n width: 1rem;\n height: 1rem;\n color: var(--color-text-muted, #6b7280);\n }\n}\n\n// ==========================================================================\n// Mobile Close Button (hidden on desktop)\n// ==========================================================================\n\n.sidebar-close-mobile {\n display: none;\n}\n\n// ==========================================================================\n// Mobile Overlay Backdrop (hidden on desktop)\n// ==========================================================================\n\n.sidebar-overlay {\n display: none;\n}\n\n// ==========================================================================\n// Mobile Styles\n// ==========================================================================\n\n@media (max-width: 767px) {\n // Scroll lock when sidebar is open\n html:has(.sidebar-provider[data-state=\"open\"]) {\n overflow: hidden;\n }\n\n .sidebar-provider {\n position: relative;\n }\n\n // Overlay backdrop\n .sidebar-overlay {\n display: block;\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 40;\n opacity: 0;\n visibility: hidden;\n transition: opacity 200ms ease, visibility 200ms ease;\n -webkit-tap-highlight-color: transparent;\n }\n\n .sidebar-provider[data-state=\"open\"] .sidebar-overlay {\n opacity: 1;\n visibility: visible;\n }\n\n // Sidebar wrapper - fixed and slides in\n .sidebar-wrapper {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 50;\n height: 100vh;\n height: 100dvh; // Dynamic viewport height for mobile browsers\n width: var(--sidebar-width, 18rem);\n transform: translateX(-100%);\n transition: transform 200ms ease;\n }\n\n .sidebar-provider[data-state=\"open\"] .sidebar-wrapper {\n transform: translateX(0);\n }\n\n .sidebar-provider[data-state=\"closed\"] .sidebar-wrapper {\n width: var(--sidebar-width, 18rem);\n transform: translateX(-100%);\n }\n\n .sidebar {\n width: 100%;\n height: 100%;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n\n // Mobile close button\n .sidebar-close-mobile {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n margin-left: auto;\n padding: 0;\n border: none;\n border-radius: 0.375rem;\n background: transparent;\n color: var(--color-text-muted, #6b7280);\n cursor: pointer;\n transition: background-color 150ms ease, color 150ms ease;\n\n &:hover {\n background-color: var(--color-bg-muted, #f3f4f6);\n color: var(--color-text-primary, #111827);\n }\n\n .iconify {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n\n // Adjust header to accommodate close button\n .sidebar-header {\n justify-content: space-between;\n }\n\n .sidebar-inset-content {\n padding: 1rem;\n }\n\n // Safe area handling for notched phones\n .sidebar {\n padding-top: env(safe-area-inset-top);\n padding-bottom: env(safe-area-inset-bottom);\n padding-left: env(safe-area-inset-left);\n }\n}\n",[],[545,1092],{"_105":1100,"_96":1029,"_158":1101,"_160":546,"_161":144,"_162":1102,"_164":165,"_107":1103,"_101":32,"_167":861,"_169":1104,"_170":22,"_171":-5,"_172":1105,"_99":1106},"34e99c12-fad2-11f0-8355-42dde27851f2","34e99d2a-fad2-11f0-8355-42dde27851f2",104,["D",1769444118619],"// Build script for routine-stack styles\n// Creates compiled CSS from design system + Tailwind + app styles\nimport * as sass from \"npm:sass\";\nimport postcss from \"npm:postcss\";\nimport tailwindcss from \"npm:tailwindcss\";\nimport autoprefixer from \"npm:autoprefixer\";\nimport { copy } from \"jsr:@std/fs/copy\";\n\n// ========================================\n// CONFIGURATION\n// ========================================\nconst CONFIG = {\n // Source paths\n DESIGN_SYSTEM_SOURCE: \"../../../../design-engine/packages/styles\",\n DESIGN_SYSTEM_DEST: \"./design-system\",\n APP_STYLES_SCSS: \"./app.scss\",\n TAILWIND_CSS: \"./tailwind.css\",\n\n // Output settings\n OUTPUT_FILE: \"../styles.css\",\n\n // App identifier\n APP_NAME: \"routine-stack\",\n};\n// ========================================\n\nasync function buildStyles() {\n console.log(`\\n🔄 Building ${CONFIG.APP_NAME} styles...\\n`);\n\n // Step 1: Copy the design system\n console.log(\"📁 Step 1: Copying design system...\");\n try {\n try {\n await Deno.remove(CONFIG.DESIGN_SYSTEM_DEST, { recursive: true });\n } catch {\n // Folder doesn't exist, that's fine\n }\n\n await copy(CONFIG.DESIGN_SYSTEM_SOURCE, CONFIG.DESIGN_SYSTEM_DEST, { overwrite: true });\n console.log(` ✅ Copied design system → ${CONFIG.DESIGN_SYSTEM_DEST}`);\n } catch (error) {\n console.error(` ❌ Error copying design system:`, error);\n Deno.exit(1);\n }\n\n // Step 2: Compile design system\n console.log(\"\\n📦 Step 2: Compiling design system...\");\n let designSystemCss = \"\";\n try {\n const themeScssPath = `${CONFIG.DESIGN_SYSTEM_DEST}/theme.scss`;\n const scssContent = await Deno.readTextFile(themeScssPath);\n\n const result = sass.compileString(scssContent, {\n style: \"compressed\",\n loadPaths: [CONFIG.DESIGN_SYSTEM_DEST],\n });\n\n designSystemCss = result.css;\n console.log(` ✅ Compiled design system (compressed)`);\n } catch (error) {\n console.error(` ❌ Error compiling design system:`, error);\n Deno.exit(1);\n }\n\n // Step 3: Build Tailwind utilities\n console.log(\"\\n🎨 Step 3: Building Tailwind utilities...\");\n let tailwindCss = \"\";\n try {\n const tailwindContent = await Deno.readTextFile(CONFIG.TAILWIND_CSS);\n\n const postcssResult = await postcss([\n tailwindcss(\"./tailwind.config.js\"),\n autoprefixer,\n ]).process(tailwindContent, {\n from: CONFIG.TAILWIND_CSS,\n to: CONFIG.OUTPUT_FILE\n });\n\n tailwindCss = postcssResult.css;\n console.log(` ✅ Generated Tailwind utilities`);\n } catch (error) {\n console.error(` ❌ Error building Tailwind:`, error);\n Deno.exit(1);\n }\n\n // Step 4: Compile app-specific SCSS styles\n console.log(\"\\n🎨 Step 4: Compiling app SCSS styles...\");\n let appCss = \"\";\n try {\n const sassResult = sass.compile(CONFIG.APP_STYLES_SCSS, {\n style: \"compressed\",\n });\n\n appCss = sassResult.css;\n console.log(` ✅ Compiled ${CONFIG.APP_STYLES_SCSS}`);\n } catch (error) {\n console.error(` ❌ Error compiling app styles:`, error);\n Deno.exit(1);\n }\n\n // Step 5: Combine and write output\n console.log(\"\\n📝 Step 5: Writing combined CSS...\");\n try {\n const combinedCss = `/* ${CONFIG.APP_NAME} - Generated CSS */\\n${designSystemCss}\\n${tailwindCss}\\n${appCss}`;\n await Deno.writeTextFile(CONFIG.OUTPUT_FILE, combinedCss);\n const totalSize = new TextEncoder().encode(combinedCss).length;\n console.log(` ✅ Created ${CONFIG.OUTPUT_FILE} (${(totalSize / 1024).toFixed(2)} KB)`);\n } catch (error) {\n console.error(` ❌ Error writing CSS:`, error);\n Deno.exit(1);\n }\n\n console.log(\"\\n\" + \"=\".repeat(50));\n console.log(\"📦 Build complete!\");\n console.log(\"=\".repeat(50) + \"\\n\");\n}\n\nif (import.meta.main) {\n await buildStyles();\n}\n",[],[545,1029],{"_105":1108,"_96":1109,"_158":1110,"_160":546,"_161":144,"_162":1111,"_164":165,"_107":1112,"_101":32,"_167":861,"_169":1113,"_170":22,"_171":-5,"_172":1114,"_99":1115},"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",[],[545,1109],{"_105":1117,"_96":1064,"_158":1118,"_160":546,"_161":144,"_162":1119,"_164":165,"_107":1120,"_101":32,"_167":861,"_169":1121,"_170":22,"_171":-5,"_172":1122,"_99":1123},"3300efea-fad2-11f0-89f3-42dde27851f2","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",[],[545,1064],{"_105":1125,"_96":1073,"_158":1126,"_160":546,"_161":144,"_162":1127,"_164":165,"_107":1128,"_101":32,"_167":180,"_169":1129,"_170":22,"_171":-5,"_172":1130,"_99":1131},"3365ada4-fad2-11f0-aa23-42dde27851f2","3365ae76-fad2-11f0-aa23-42dde27851f2",63,["D",1769444115434],"@tailwind base;\n@tailwind components;\n@tailwind utilities;\n",[],[545,1073],[545],{"_105":1134,"_96":1135,"_158":1136,"_160":-5,"_161":144,"_162":1137,"_164":165,"_107":1138,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1139,"_99":1315},"2f7164b8-fad2-11f0-be3e-42dde27851f2","workouts","2f716562-fad2-11f0-be3e-42dde27851f2",3,["D",1769444109446],[1140,1184,1210,1263,1280,1297,1306],{"_105":1141,"_96":1142,"_158":1143,"_160":1136,"_161":144,"_162":1144,"_164":165,"_107":1145,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1146,"_99":1183},"30d17b40-fad2-11f0-92fd-42dde27851f2","barre","30d17c30-fad2-11f0-92fd-42dde27851f2",14,["D",1769444111752],[1147,1156,1165,1174],{"_105":1148,"_96":1149,"_158":1150,"_160":1143,"_161":144,"_162":1151,"_164":165,"_107":1152,"_101":32,"_167":180,"_169":1153,"_170":22,"_171":-5,"_172":1154,"_99":1155},"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",[],[1135,1142,1149],{"_105":1157,"_96":1158,"_158":1159,"_160":1143,"_161":144,"_162":1160,"_164":165,"_107":1161,"_101":32,"_167":180,"_169":1162,"_170":22,"_171":-5,"_172":1163,"_99":1164},"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",[],[1135,1142,1158],{"_105":1166,"_96":1167,"_158":1168,"_160":1143,"_161":144,"_162":1169,"_164":165,"_107":1170,"_101":32,"_167":180,"_169":1171,"_170":22,"_171":-5,"_172":1172,"_99":1173},"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",[],[1135,1142,1167],{"_105":1175,"_96":1176,"_158":1177,"_160":1143,"_161":144,"_162":1178,"_164":165,"_107":1179,"_101":32,"_167":180,"_169":1180,"_170":22,"_171":-5,"_172":1181,"_99":1182},"32b51f16-fad2-11f0-92fd-42dde27851f2","simple-barre.json","32b51fb6-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",[],[1135,1142,1176],[1135,1142],{"_105":1185,"_96":1186,"_158":1187,"_160":1136,"_161":144,"_162":1188,"_164":165,"_107":1189,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1190,"_99":1209},"30b2477a-fad2-11f0-92fd-42dde27851f2","cardio","30b2484c-fad2-11f0-92fd-42dde27851f2",13,["D",1769444111547],[1191,1200],{"_105":1192,"_96":1193,"_158":1194,"_160":1187,"_161":144,"_162":1195,"_164":165,"_107":1196,"_101":32,"_167":180,"_169":1197,"_170":22,"_171":-5,"_172":1198,"_99":1199},"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",[],[1135,1186,1193],{"_105":1201,"_96":1202,"_158":1203,"_160":1187,"_161":144,"_162":1204,"_164":165,"_107":1205,"_101":32,"_167":180,"_169":1206,"_170":22,"_171":-5,"_172":1207,"_99":1208},"3298145c-fad2-11f0-b38d-42dde27851f2","fartlek.json","3298152e-fad2-11f0-b38d-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",[],[1135,1186,1202],[1135,1186],{"_105":1211,"_96":1212,"_158":1213,"_160":1136,"_161":144,"_162":1214,"_164":165,"_107":1215,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1216,"_99":1262},"30e4dabe-fad2-11f0-994c-42dde27851f2","gym","30e4db86-fad2-11f0-994c-42dde27851f2",15,["D",1769444111882],[1217,1226,1235,1244,1253],{"_105":1218,"_96":1219,"_158":1220,"_160":1213,"_161":144,"_162":1221,"_164":165,"_107":1222,"_101":32,"_167":180,"_169":1223,"_170":22,"_171":-5,"_172":1224,"_99":1225},"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",[],[1135,1212,1219],{"_105":1227,"_96":1228,"_158":1229,"_160":1213,"_161":144,"_162":1230,"_164":165,"_107":1231,"_101":32,"_167":180,"_169":1232,"_170":22,"_171":-5,"_172":1233,"_99":1234},"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",[],[1135,1212,1228],{"_105":1236,"_96":1237,"_158":1238,"_160":1213,"_161":144,"_162":1239,"_164":165,"_107":1240,"_101":32,"_167":180,"_169":1241,"_170":22,"_171":-5,"_172":1242,"_99":1243},"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",[],[1135,1212,1237],{"_105":1245,"_96":1246,"_158":1247,"_160":1213,"_161":144,"_162":1248,"_164":165,"_107":1249,"_101":32,"_167":180,"_169":1250,"_170":22,"_171":-5,"_172":1251,"_99":1252},"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",[],[1135,1212,1246],{"_105":1254,"_96":1255,"_158":1256,"_160":1213,"_161":144,"_162":1257,"_164":165,"_107":1258,"_101":32,"_167":180,"_169":1259,"_170":22,"_171":-5,"_172":1260,"_99":1261},"32c0035e-fad2-11f0-aa23-42dde27851f2","squat-rack.json","32c00412-fad2-11f0-aa23-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",[],[1135,1212,1255],[1135,1212],{"_105":1264,"_96":1265,"_158":1266,"_160":1136,"_161":144,"_162":1267,"_164":165,"_107":1268,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1269,"_99":1279},"3067ec52-fad2-11f0-92fd-42dde27851f2","morning","3067ed1a-fad2-11f0-92fd-42dde27851f2",11,["D",1769444111061],[1270],{"_105":1271,"_96":1272,"_158":1273,"_160":1266,"_161":144,"_162":1274,"_164":165,"_107":1275,"_101":32,"_167":180,"_169":1276,"_170":22,"_171":-5,"_172":1277,"_99":1278},"3274d4a6-fad2-11f0-b910-42dde27851f2","wakeup-flow.json","3274d53c-fad2-11f0-b910-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",[],[1135,1265,1272],[1135,1265],{"_105":1281,"_96":1282,"_158":1283,"_160":1136,"_161":144,"_162":1284,"_164":165,"_107":1285,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1286,"_99":1296},"308c3b48-fad2-11f0-92fd-42dde27851f2","yoga","308c3c2e-fad2-11f0-92fd-42dde27851f2",12,["D",1769444111300],[1287],{"_105":1288,"_96":1289,"_158":1290,"_160":1283,"_161":144,"_162":1291,"_164":165,"_107":1292,"_101":32,"_167":180,"_169":1293,"_170":22,"_171":-5,"_172":1294,"_99":1295},"326b445e-fad2-11f0-879f-42dde27851f2","gentle-flow.json","326b4526-fad2-11f0-879f-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",[],[1135,1282,1289],[1135,1282],{"_105":1298,"_96":1299,"_158":1300,"_160":1136,"_161":144,"_162":1301,"_164":165,"_107":1302,"_101":32,"_167":180,"_169":1303,"_170":22,"_171":-5,"_172":1304,"_99":1305},"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",[],[1135,1299],{"_105":1307,"_96":1308,"_158":1309,"_160":1136,"_161":144,"_162":1310,"_164":165,"_107":1311,"_101":32,"_167":180,"_169":1312,"_170":22,"_171":-5,"_172":1313,"_99":1314},"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",[],[1135,1308],[1135],{"_105":1317,"_96":1046,"_158":1318,"_160":-5,"_161":144,"_162":1319,"_164":165,"_107":1320,"_101":32,"_167":180,"_169":1321,"_170":22,"_171":-5,"_172":1322,"_99":1323},"32ef0b5e-fad2-11f0-92fd-42dde27851f2","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",[],[1046],{"_105":1325,"_96":1326,"_158":1327,"_160":-5,"_161":144,"_162":1328,"_164":165,"_107":1329,"_101":32,"_167":180,"_169":1330,"_170":22,"_171":-5,"_172":1331,"_99":1332},"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",[],[1326],{"_105":1334,"_96":1335,"_158":1336,"_160":-5,"_161":144,"_162":1337,"_164":165,"_107":1338,"_101":32,"_167":861,"_169":1339,"_170":22,"_171":-5,"_172":1340,"_99":1341},"3278b95e-fad2-11f0-909e-42dde27851f2","main.ts","3278ba12-fad2-11f0-909e-42dde27851f2",33,["D",1769444114524],"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",[],[1335],{"_105":1343,"_96":1344,"_158":1345,"_160":-5,"_161":144,"_162":1346,"_164":165,"_107":1347,"_101":32,"_167":180,"_169":1348,"_170":22,"_171":-5,"_172":1349,"_99":1350},"32f412fc-fad2-11f0-a4d3-42dde27851f2","tasks.md","32f413c4-fad2-11f0-a4d3-42dde27851f2",49,["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",[],[1344],"files",[156,174,184,193,202,211,220,229,238,247,255,264,273,282,291,300,309,318,327,336,345,354,363,372,381,391,398,408,416,423,432,441,450,459,468,478,485,495,503,510,517,527,534,543,550,557,564,571,581,588,597,603,612,621,630,639,648,657,666,675,684,693,702,711,720,729,738,747,756,765,774,783,792,801,810,819,828,837,846,855,865,875,882,891,900,908,917,924,933,940,949,956,966,973,982,991,1000,1009,1018,1027,1036,1044,1053,1062,1071,1080,1090,1099,1107,1116,1124,1133,1140,1147,1156,1165,1174,1184,1191,1200,1210,1217,1226,1235,1244,1253,1263,1270,1280,1287,1297,1306,1316,1324,1333,1342],"counts",{"_1355":32,"_1356":482,"_1357":32,"_1358":1359,"_1362":1363},"pulls","branches","forks","envVars",{"_1360":32,"_1361":32},"count","emptyCount","connections",{"_1360":32,"_1364":32},"unfilledCount","contents",[1367,1370,1373,1376,1379,1382,1385,1388,1391,1394,1397,1400,1403,1406,1409,1412,1415,1418,1421,1424,1427,1430,1433,1436],{"_105":175,"_96":176,"_158":177,"_160":159,"_161":144,"_162":178,"_164":165,"_107":1368,"_101":32,"_167":180,"_169":181,"_170":22,"_171":-5,"_99":1369},["D",1769444119523],[100,176],{"_105":185,"_96":186,"_158":187,"_160":159,"_161":144,"_162":188,"_164":165,"_107":1371,"_101":32,"_167":180,"_169":190,"_170":22,"_171":-5,"_99":1372},["D",1769444119508],[100,186],{"_105":194,"_96":195,"_158":196,"_160":159,"_161":144,"_162":197,"_164":165,"_107":1374,"_101":32,"_167":180,"_169":199,"_170":22,"_171":-5,"_99":1375},["D",1769444119913],[100,195],{"_105":203,"_96":204,"_158":205,"_160":159,"_161":144,"_162":206,"_164":165,"_107":1377,"_101":32,"_167":180,"_169":208,"_170":22,"_171":-5,"_99":1378},["D",1769444120100],[100,204],{"_105":212,"_96":213,"_158":214,"_160":159,"_161":144,"_162":215,"_164":165,"_107":1380,"_101":32,"_167":180,"_169":217,"_170":22,"_171":-5,"_99":1381},["D",1769444119627],[100,213],{"_105":221,"_96":222,"_158":223,"_160":159,"_161":144,"_162":224,"_164":165,"_107":1383,"_101":32,"_167":180,"_169":226,"_170":22,"_171":-5,"_99":1384},["D",1769444119878],[100,222],{"_105":230,"_96":231,"_158":232,"_160":159,"_161":144,"_162":233,"_164":165,"_107":1386,"_101":32,"_167":180,"_169":235,"_170":22,"_171":-5,"_99":1387},["D",1769444119169],[100,231],{"_105":239,"_96":240,"_158":241,"_160":159,"_161":144,"_162":242,"_164":165,"_107":1389,"_101":32,"_167":180,"_169":244,"_170":22,"_171":-5,"_99":1390},["D",1769444119491],[100,240],{"_105":248,"_96":249,"_158":250,"_160":159,"_161":144,"_162":102,"_164":165,"_107":1392,"_101":32,"_167":180,"_169":252,"_170":22,"_171":-5,"_99":1393},["D",1769444120237],[100,249],{"_105":256,"_96":257,"_158":258,"_160":159,"_161":144,"_162":259,"_164":165,"_107":1395,"_101":32,"_167":180,"_169":261,"_170":22,"_171":-5,"_99":1396},["D",1769444119676],[100,257],{"_105":265,"_96":266,"_158":267,"_160":159,"_161":144,"_162":268,"_164":165,"_107":1398,"_101":32,"_167":180,"_169":270,"_170":22,"_171":-5,"_99":1399},["D",1769444120139],[100,266],{"_105":274,"_96":275,"_158":276,"_160":159,"_161":144,"_162":277,"_164":165,"_107":1401,"_101":32,"_167":180,"_169":279,"_170":22,"_171":-5,"_99":1402},["D",1769444120058],[100,275],{"_105":283,"_96":284,"_158":285,"_160":159,"_161":144,"_162":286,"_164":165,"_107":1404,"_101":32,"_167":180,"_169":288,"_170":22,"_171":-5,"_99":1405},["D",1769444119955],[100,284],{"_105":292,"_96":293,"_158":294,"_160":159,"_161":144,"_162":295,"_164":165,"_107":1407,"_101":32,"_167":180,"_169":297,"_170":22,"_171":-5,"_99":1408},["D",1769444119767],[100,293],{"_105":301,"_96":302,"_158":303,"_160":159,"_161":144,"_162":304,"_164":165,"_107":1410,"_101":32,"_167":180,"_169":306,"_170":22,"_171":-5,"_99":1411},["D",1769444119831],[100,302],{"_105":310,"_96":311,"_158":312,"_160":159,"_161":144,"_162":313,"_164":165,"_107":1413,"_101":32,"_167":180,"_169":315,"_170":22,"_171":-5,"_99":1414},["D",1769444119837],[100,311],{"_105":319,"_96":320,"_158":321,"_160":159,"_161":144,"_162":322,"_164":165,"_107":1416,"_101":32,"_167":180,"_169":324,"_170":22,"_171":-5,"_99":1417},["D",1769444119126],[100,320],{"_105":328,"_96":329,"_158":330,"_160":159,"_161":144,"_162":331,"_164":165,"_107":1419,"_101":32,"_167":180,"_169":333,"_170":22,"_171":-5,"_99":1420},["D",1769444118935],[100,329],{"_105":337,"_96":338,"_158":339,"_160":159,"_161":144,"_162":340,"_164":165,"_107":1422,"_101":32,"_167":180,"_169":342,"_170":22,"_171":-5,"_99":1423},["D",1769444119262],[100,338],{"_105":346,"_96":347,"_158":348,"_160":159,"_161":144,"_162":349,"_164":165,"_107":1425,"_101":32,"_167":180,"_169":351,"_170":22,"_171":-5,"_99":1426},["D",1769444119131],[100,347],{"_105":355,"_96":356,"_158":357,"_160":159,"_161":144,"_162":358,"_164":165,"_107":1428,"_101":32,"_167":180,"_169":360,"_170":22,"_171":-5,"_99":1429},["D",1769444119106],[100,356],{"_105":364,"_96":365,"_158":366,"_160":159,"_161":144,"_162":367,"_164":165,"_107":1431,"_101":32,"_167":180,"_169":369,"_170":22,"_171":-5,"_99":1432},["D",1769444119114],[100,365],{"_105":373,"_96":374,"_158":375,"_160":159,"_161":144,"_162":376,"_164":165,"_107":1434,"_101":32,"_167":180,"_169":378,"_170":22,"_171":-5,"_99":1435},["D",1769444119694],[100,374],{"_105":382,"_96":383,"_158":384,"_160":159,"_161":144,"_162":385,"_164":165,"_107":1437,"_101":32,"_167":180,"_169":387,"_170":22,"_171":-5,"_99":1438},["D",1769444118952],[100,383],{"_105":157,"_96":100,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":165,"_107":1440,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":1441},["D",1769444110067],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":1450,"_154":1455,"_1351":1864,"_180":1865,"_1365":1867,"_1916":-5,"_1917":-5,"_1918":-5,"_1919":-5,"_1920":1921,"_1358":-5},{"_105":106,"_96":97,"_107":1451,"_109":-5,"_110":22,"_111":112,"_113":73,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":-5,"_120":32,"_16":121,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":1452,"_136":1453,"_141":1454,"_153":22},["D",1769412576396],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115,"_139":140},{"_101":143,"_96":44,"_105":144,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":97,"_152":95},[1456,1531,1537,1540,1561,1567,1570,1579,1585,1789,1852,1855,1858,1861],{"_105":157,"_96":100,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":165,"_107":166,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1457,"_99":1530},[1458,1461,1464,1467,1470,1473,1476,1479,1482,1485,1488,1491,1494,1497,1500,1503,1506,1509,1512,1515,1518,1521,1524,1527],{"_105":175,"_96":176,"_158":177,"_160":159,"_161":144,"_162":178,"_164":165,"_107":179,"_101":32,"_167":180,"_169":181,"_170":22,"_171":-5,"_172":1459,"_99":1460},[],[100,176],{"_105":185,"_96":186,"_158":187,"_160":159,"_161":144,"_162":188,"_164":165,"_107":189,"_101":32,"_167":180,"_169":190,"_170":22,"_171":-5,"_172":1462,"_99":1463},[],[100,186],{"_105":194,"_96":195,"_158":196,"_160":159,"_161":144,"_162":197,"_164":165,"_107":198,"_101":32,"_167":180,"_169":199,"_170":22,"_171":-5,"_172":1465,"_99":1466},[],[100,195],{"_105":203,"_96":204,"_158":205,"_160":159,"_161":144,"_162":206,"_164":165,"_107":207,"_101":32,"_167":180,"_169":208,"_170":22,"_171":-5,"_172":1468,"_99":1469},[],[100,204],{"_105":212,"_96":213,"_158":214,"_160":159,"_161":144,"_162":215,"_164":165,"_107":216,"_101":32,"_167":180,"_169":217,"_170":22,"_171":-5,"_172":1471,"_99":1472},[],[100,213],{"_105":221,"_96":222,"_158":223,"_160":159,"_161":144,"_162":224,"_164":165,"_107":225,"_101":32,"_167":180,"_169":226,"_170":22,"_171":-5,"_172":1474,"_99":1475},[],[100,222],{"_105":230,"_96":231,"_158":232,"_160":159,"_161":144,"_162":233,"_164":165,"_107":234,"_101":32,"_167":180,"_169":235,"_170":22,"_171":-5,"_172":1477,"_99":1478},[],[100,231],{"_105":239,"_96":240,"_158":241,"_160":159,"_161":144,"_162":242,"_164":165,"_107":243,"_101":32,"_167":180,"_169":244,"_170":22,"_171":-5,"_172":1480,"_99":1481},[],[100,240],{"_105":248,"_96":249,"_158":250,"_160":159,"_161":144,"_162":102,"_164":165,"_107":251,"_101":32,"_167":180,"_169":252,"_170":22,"_171":-5,"_172":1483,"_99":1484},[],[100,249],{"_105":256,"_96":257,"_158":258,"_160":159,"_161":144,"_162":259,"_164":165,"_107":260,"_101":32,"_167":180,"_169":261,"_170":22,"_171":-5,"_172":1486,"_99":1487},[],[100,257],{"_105":265,"_96":266,"_158":267,"_160":159,"_161":144,"_162":268,"_164":165,"_107":269,"_101":32,"_167":180,"_169":270,"_170":22,"_171":-5,"_172":1489,"_99":1490},[],[100,266],{"_105":274,"_96":275,"_158":276,"_160":159,"_161":144,"_162":277,"_164":165,"_107":278,"_101":32,"_167":180,"_169":279,"_170":22,"_171":-5,"_172":1492,"_99":1493},[],[100,275],{"_105":283,"_96":284,"_158":285,"_160":159,"_161":144,"_162":286,"_164":165,"_107":287,"_101":32,"_167":180,"_169":288,"_170":22,"_171":-5,"_172":1495,"_99":1496},[],[100,284],{"_105":292,"_96":293,"_158":294,"_160":159,"_161":144,"_162":295,"_164":165,"_107":296,"_101":32,"_167":180,"_169":297,"_170":22,"_171":-5,"_172":1498,"_99":1499},[],[100,293],{"_105":301,"_96":302,"_158":303,"_160":159,"_161":144,"_162":304,"_164":165,"_107":305,"_101":32,"_167":180,"_169":306,"_170":22,"_171":-5,"_172":1501,"_99":1502},[],[100,302],{"_105":310,"_96":311,"_158":312,"_160":159,"_161":144,"_162":313,"_164":165,"_107":314,"_101":32,"_167":180,"_169":315,"_170":22,"_171":-5,"_172":1504,"_99":1505},[],[100,311],{"_105":319,"_96":320,"_158":321,"_160":159,"_161":144,"_162":322,"_164":165,"_107":323,"_101":32,"_167":180,"_169":324,"_170":22,"_171":-5,"_172":1507,"_99":1508},[],[100,320],{"_105":328,"_96":329,"_158":330,"_160":159,"_161":144,"_162":331,"_164":165,"_107":332,"_101":32,"_167":180,"_169":333,"_170":22,"_171":-5,"_172":1510,"_99":1511},[],[100,329],{"_105":337,"_96":338,"_158":339,"_160":159,"_161":144,"_162":340,"_164":165,"_107":341,"_101":32,"_167":180,"_169":342,"_170":22,"_171":-5,"_172":1513,"_99":1514},[],[100,338],{"_105":346,"_96":347,"_158":348,"_160":159,"_161":144,"_162":349,"_164":165,"_107":350,"_101":32,"_167":180,"_169":351,"_170":22,"_171":-5,"_172":1516,"_99":1517},[],[100,347],{"_105":355,"_96":356,"_158":357,"_160":159,"_161":144,"_162":358,"_164":165,"_107":359,"_101":32,"_167":180,"_169":360,"_170":22,"_171":-5,"_172":1519,"_99":1520},[],[100,356],{"_105":364,"_96":365,"_158":366,"_160":159,"_161":144,"_162":367,"_164":165,"_107":368,"_101":32,"_167":180,"_169":369,"_170":22,"_171":-5,"_172":1522,"_99":1523},[],[100,365],{"_105":373,"_96":374,"_158":375,"_160":159,"_161":144,"_162":376,"_164":165,"_107":377,"_101":32,"_167":180,"_169":378,"_170":22,"_171":-5,"_172":1525,"_99":1526},[],[100,374],{"_105":382,"_96":383,"_158":384,"_160":159,"_161":144,"_162":385,"_164":165,"_107":386,"_101":32,"_167":180,"_169":387,"_170":22,"_171":-5,"_172":1528,"_99":1529},[],[100,383],[100],{"_105":392,"_96":393,"_158":394,"_160":-5,"_161":144,"_162":395,"_164":165,"_107":396,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1532,"_99":1536},[1533],{"_105":399,"_96":400,"_158":401,"_160":394,"_161":144,"_162":402,"_164":165,"_107":403,"_101":32,"_167":180,"_169":404,"_170":22,"_171":-5,"_172":1534,"_99":1535},[],[393,400],[393],{"_105":409,"_96":410,"_158":411,"_160":-5,"_161":144,"_162":412,"_164":165,"_107":413,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1538,"_99":1539},[],[410],{"_105":417,"_96":418,"_158":419,"_160":-5,"_161":144,"_162":420,"_164":165,"_107":421,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1541,"_99":1560},[1542,1545,1548,1551,1554,1557],{"_105":424,"_96":425,"_158":426,"_160":419,"_161":144,"_162":427,"_164":165,"_107":428,"_101":32,"_167":180,"_169":429,"_170":22,"_171":-5,"_172":1543,"_99":1544},[],[418,425],{"_105":433,"_96":434,"_158":435,"_160":419,"_161":144,"_162":436,"_164":165,"_107":437,"_101":32,"_167":180,"_169":438,"_170":22,"_171":-5,"_172":1546,"_99":1547},[],[418,434],{"_105":442,"_96":443,"_158":444,"_160":419,"_161":144,"_162":445,"_164":165,"_107":446,"_101":32,"_167":180,"_169":447,"_170":22,"_171":-5,"_172":1549,"_99":1550},[],[418,443],{"_105":451,"_96":452,"_158":453,"_160":419,"_161":144,"_162":454,"_164":165,"_107":455,"_101":32,"_167":180,"_169":456,"_170":22,"_171":-5,"_172":1552,"_99":1553},[],[418,452],{"_105":460,"_96":461,"_158":462,"_160":419,"_161":144,"_162":463,"_164":165,"_107":464,"_101":32,"_167":180,"_169":465,"_170":22,"_171":-5,"_172":1555,"_99":1556},[],[418,461],{"_105":469,"_96":470,"_158":471,"_160":419,"_161":144,"_162":472,"_164":165,"_107":473,"_101":32,"_167":180,"_169":474,"_170":22,"_171":-5,"_172":1558,"_99":1559},[],[418,470],[418],{"_105":479,"_96":480,"_158":481,"_160":-5,"_161":144,"_162":482,"_164":165,"_107":483,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1562,"_99":1566},[1563],{"_105":486,"_96":487,"_158":488,"_160":481,"_161":144,"_162":489,"_164":165,"_107":490,"_101":32,"_167":180,"_169":491,"_170":22,"_171":-5,"_172":1564,"_99":1565},[],[480,487],[480],{"_105":496,"_96":497,"_158":498,"_160":-5,"_161":144,"_162":499,"_164":165,"_107":500,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1568,"_99":1569},[],[497],{"_105":504,"_96":505,"_158":506,"_160":-5,"_161":144,"_162":507,"_164":165,"_107":508,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1571,"_99":1578},[1572],{"_105":511,"_96":512,"_158":513,"_160":506,"_161":144,"_162":514,"_164":165,"_107":515,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1573,"_99":1577},[1574],{"_105":518,"_96":519,"_158":520,"_160":513,"_161":144,"_162":521,"_164":165,"_107":522,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1575,"_99":1576},[],[505,512,519],[505,512],[505],{"_105":528,"_96":529,"_158":530,"_160":-5,"_161":144,"_162":531,"_164":165,"_107":532,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1580,"_99":1584},[1581],{"_105":535,"_96":536,"_158":537,"_160":530,"_161":144,"_162":538,"_164":165,"_107":539,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1582,"_99":1583},[],[529,536],[529],{"_105":544,"_96":545,"_158":546,"_160":-5,"_161":144,"_162":547,"_164":165,"_107":548,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1586,"_99":1788},[1587,1773,1776,1779,1782,1785],{"_105":551,"_96":552,"_158":553,"_160":546,"_161":144,"_162":554,"_164":165,"_107":555,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1588,"_99":1772},[1589,1730,1751,1754,1757,1760,1763,1766,1769],{"_105":558,"_96":559,"_158":560,"_160":553,"_161":144,"_162":561,"_164":165,"_107":562,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1590,"_99":1729},[1591,1597,1603,1696,1711,1717,1723],{"_105":565,"_96":566,"_158":567,"_160":560,"_161":144,"_162":568,"_164":165,"_107":569,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1592,"_99":1596},[1593],{"_105":572,"_96":573,"_158":574,"_160":567,"_161":144,"_162":575,"_164":165,"_107":576,"_101":32,"_167":180,"_169":577,"_170":22,"_171":-5,"_172":1594,"_99":1595},[],[545,552,559,566,573],[545,552,559,566],{"_105":582,"_96":583,"_158":584,"_160":560,"_161":144,"_162":585,"_164":165,"_107":586,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1598,"_99":1602},[1599],{"_105":589,"_96":573,"_158":590,"_160":584,"_161":144,"_162":591,"_164":165,"_107":592,"_101":32,"_167":180,"_169":593,"_170":22,"_171":-5,"_172":1600,"_99":1601},[],[545,552,559,583,573],[545,552,559,583],{"_105":598,"_96":25,"_158":599,"_160":560,"_161":144,"_162":600,"_164":165,"_107":601,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1604,"_99":1695},[1605,1608,1611,1614,1617,1620,1623,1626,1629,1632,1635,1638,1641,1644,1647,1650,1653,1656,1659,1662,1665,1668,1671,1674,1677,1680,1683,1686,1689,1692],{"_105":604,"_96":605,"_158":606,"_160":599,"_161":144,"_162":607,"_164":165,"_107":608,"_101":32,"_167":180,"_169":609,"_170":22,"_171":-5,"_172":1606,"_99":1607},[],[545,552,559,25,605],{"_105":613,"_96":614,"_158":615,"_160":599,"_161":144,"_162":616,"_164":165,"_107":617,"_101":32,"_167":180,"_169":618,"_170":22,"_171":-5,"_172":1609,"_99":1610},[],[545,552,559,25,614],{"_105":622,"_96":623,"_158":624,"_160":599,"_161":144,"_162":625,"_164":165,"_107":626,"_101":32,"_167":180,"_169":627,"_170":22,"_171":-5,"_172":1612,"_99":1613},[],[545,552,559,25,623],{"_105":631,"_96":632,"_158":633,"_160":599,"_161":144,"_162":634,"_164":165,"_107":635,"_101":32,"_167":180,"_169":636,"_170":22,"_171":-5,"_172":1615,"_99":1616},[],[545,552,559,25,632],{"_105":640,"_96":641,"_158":642,"_160":599,"_161":144,"_162":643,"_164":165,"_107":644,"_101":32,"_167":180,"_169":645,"_170":22,"_171":-5,"_172":1618,"_99":1619},[],[545,552,559,25,641],{"_105":649,"_96":650,"_158":651,"_160":599,"_161":144,"_162":652,"_164":165,"_107":653,"_101":32,"_167":180,"_169":654,"_170":22,"_171":-5,"_172":1621,"_99":1622},[],[545,552,559,25,650],{"_105":658,"_96":659,"_158":660,"_160":599,"_161":144,"_162":661,"_164":165,"_107":662,"_101":32,"_167":180,"_169":663,"_170":22,"_171":-5,"_172":1624,"_99":1625},[],[545,552,559,25,659],{"_105":667,"_96":668,"_158":669,"_160":599,"_161":144,"_162":670,"_164":165,"_107":671,"_101":32,"_167":180,"_169":672,"_170":22,"_171":-5,"_172":1627,"_99":1628},[],[545,552,559,25,668],{"_105":676,"_96":677,"_158":678,"_160":599,"_161":144,"_162":679,"_164":165,"_107":680,"_101":32,"_167":180,"_169":681,"_170":22,"_171":-5,"_172":1630,"_99":1631},[],[545,552,559,25,677],{"_105":685,"_96":686,"_158":687,"_160":599,"_161":144,"_162":688,"_164":165,"_107":689,"_101":32,"_167":180,"_169":690,"_170":22,"_171":-5,"_172":1633,"_99":1634},[],[545,552,559,25,686],{"_105":694,"_96":695,"_158":696,"_160":599,"_161":144,"_162":697,"_164":165,"_107":698,"_101":32,"_167":180,"_169":699,"_170":22,"_171":-5,"_172":1636,"_99":1637},[],[545,552,559,25,695],{"_105":703,"_96":704,"_158":705,"_160":599,"_161":144,"_162":706,"_164":165,"_107":707,"_101":32,"_167":180,"_169":708,"_170":22,"_171":-5,"_172":1639,"_99":1640},[],[545,552,559,25,704],{"_105":712,"_96":713,"_158":714,"_160":599,"_161":144,"_162":715,"_164":165,"_107":716,"_101":32,"_167":180,"_169":717,"_170":22,"_171":-5,"_172":1642,"_99":1643},[],[545,552,559,25,713],{"_105":721,"_96":722,"_158":723,"_160":599,"_161":144,"_162":724,"_164":165,"_107":725,"_101":32,"_167":180,"_169":726,"_170":22,"_171":-5,"_172":1645,"_99":1646},[],[545,552,559,25,722],{"_105":730,"_96":731,"_158":732,"_160":599,"_161":144,"_162":733,"_164":165,"_107":734,"_101":32,"_167":180,"_169":735,"_170":22,"_171":-5,"_172":1648,"_99":1649},[],[545,552,559,25,731],{"_105":739,"_96":740,"_158":741,"_160":599,"_161":144,"_162":742,"_164":165,"_107":743,"_101":32,"_167":180,"_169":744,"_170":22,"_171":-5,"_172":1651,"_99":1652},[],[545,552,559,25,740],{"_105":748,"_96":749,"_158":750,"_160":599,"_161":144,"_162":751,"_164":165,"_107":752,"_101":32,"_167":180,"_169":753,"_170":22,"_171":-5,"_172":1654,"_99":1655},[],[545,552,559,25,749],{"_105":757,"_96":758,"_158":759,"_160":599,"_161":144,"_162":760,"_164":165,"_107":761,"_101":32,"_167":180,"_169":762,"_170":22,"_171":-5,"_172":1657,"_99":1658},[],[545,552,559,25,758],{"_105":766,"_96":767,"_158":768,"_160":599,"_161":144,"_162":769,"_164":165,"_107":770,"_101":32,"_167":180,"_169":771,"_170":22,"_171":-5,"_172":1660,"_99":1661},[],[545,552,559,25,767],{"_105":775,"_96":776,"_158":777,"_160":599,"_161":144,"_162":778,"_164":165,"_107":779,"_101":32,"_167":180,"_169":780,"_170":22,"_171":-5,"_172":1663,"_99":1664},[],[545,552,559,25,776],{"_105":784,"_96":785,"_158":786,"_160":599,"_161":144,"_162":787,"_164":165,"_107":788,"_101":32,"_167":180,"_169":789,"_170":22,"_171":-5,"_172":1666,"_99":1667},[],[545,552,559,25,785],{"_105":793,"_96":794,"_158":795,"_160":599,"_161":144,"_162":796,"_164":165,"_107":797,"_101":32,"_167":180,"_169":798,"_170":22,"_171":-5,"_172":1669,"_99":1670},[],[545,552,559,25,794],{"_105":802,"_96":803,"_158":804,"_160":599,"_161":144,"_162":805,"_164":165,"_107":806,"_101":32,"_167":180,"_169":807,"_170":22,"_171":-5,"_172":1672,"_99":1673},[],[545,552,559,25,803],{"_105":811,"_96":812,"_158":813,"_160":599,"_161":144,"_162":814,"_164":165,"_107":815,"_101":32,"_167":180,"_169":816,"_170":22,"_171":-5,"_172":1675,"_99":1676},[],[545,552,559,25,812],{"_105":820,"_96":821,"_158":822,"_160":599,"_161":144,"_162":823,"_164":165,"_107":824,"_101":32,"_167":180,"_169":825,"_170":22,"_171":-5,"_172":1678,"_99":1679},[],[545,552,559,25,821],{"_105":829,"_96":830,"_158":831,"_160":599,"_161":144,"_162":832,"_164":165,"_107":833,"_101":32,"_167":180,"_169":834,"_170":22,"_171":-5,"_172":1681,"_99":1682},[],[545,552,559,25,830],{"_105":838,"_96":839,"_158":840,"_160":599,"_161":144,"_162":841,"_164":165,"_107":842,"_101":32,"_167":180,"_169":843,"_170":22,"_171":-5,"_172":1684,"_99":1685},[],[545,552,559,25,839],{"_105":847,"_96":848,"_158":849,"_160":599,"_161":144,"_162":850,"_164":165,"_107":851,"_101":32,"_167":180,"_169":852,"_170":22,"_171":-5,"_172":1687,"_99":1688},[],[545,552,559,25,848],{"_105":856,"_96":857,"_158":858,"_160":599,"_161":144,"_162":859,"_164":165,"_107":860,"_101":32,"_167":861,"_169":862,"_170":22,"_171":-5,"_172":1690,"_99":1691},[],[545,552,559,25,857],{"_105":866,"_96":867,"_158":868,"_160":599,"_161":144,"_162":869,"_164":165,"_107":870,"_101":32,"_167":861,"_169":871,"_170":22,"_171":-5,"_172":1693,"_99":1694},[],[545,552,559,25,867],[545,552,559,25],{"_105":876,"_96":877,"_158":878,"_160":560,"_161":144,"_162":879,"_164":165,"_107":880,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1697,"_99":1710},[1698,1701,1704,1707],{"_105":883,"_96":884,"_158":885,"_160":878,"_161":144,"_162":886,"_164":165,"_107":887,"_101":32,"_167":180,"_169":888,"_170":22,"_171":-5,"_172":1699,"_99":1700},[],[545,552,559,877,884],{"_105":892,"_96":893,"_158":894,"_160":878,"_161":144,"_162":895,"_164":165,"_107":896,"_101":32,"_167":180,"_169":897,"_170":22,"_171":-5,"_172":1702,"_99":1703},[],[545,552,559,877,893],{"_105":901,"_96":857,"_158":902,"_160":878,"_161":144,"_162":903,"_164":165,"_107":904,"_101":32,"_167":861,"_169":905,"_170":22,"_171":-5,"_172":1705,"_99":1706},[],[545,552,559,877,857],{"_105":909,"_96":573,"_158":910,"_160":878,"_161":144,"_162":911,"_164":165,"_107":912,"_101":32,"_167":180,"_169":913,"_170":22,"_171":-5,"_172":1708,"_99":1709},[],[545,552,559,877,573],[545,552,559,877],{"_105":918,"_96":919,"_158":920,"_160":560,"_161":144,"_162":921,"_164":165,"_107":922,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1712,"_99":1716},[1713],{"_105":925,"_96":573,"_158":926,"_160":920,"_161":144,"_162":927,"_164":165,"_107":928,"_101":32,"_167":180,"_169":929,"_170":22,"_171":-5,"_172":1714,"_99":1715},[],[545,552,559,919,573],[545,552,559,919],{"_105":934,"_96":935,"_158":936,"_160":560,"_161":144,"_162":937,"_164":165,"_107":938,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1718,"_99":1722},[1719],{"_105":941,"_96":573,"_158":942,"_160":936,"_161":144,"_162":943,"_164":165,"_107":944,"_101":32,"_167":180,"_169":945,"_170":22,"_171":-5,"_172":1720,"_99":1721},[],[545,552,559,935,573],[545,552,559,935],{"_105":950,"_96":951,"_158":952,"_160":560,"_161":144,"_162":953,"_164":165,"_107":954,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1724,"_99":1728},[1725],{"_105":957,"_96":573,"_158":958,"_160":952,"_161":144,"_162":959,"_164":165,"_107":960,"_101":32,"_167":180,"_169":961,"_170":22,"_171":-5,"_172":1726,"_99":1727},[],[545,552,559,951,573],[545,552,559,951],[545,552,559],{"_105":967,"_96":968,"_158":969,"_160":553,"_161":144,"_162":970,"_164":165,"_107":971,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1731,"_99":1750},[1732,1735,1738,1741,1744,1747],{"_105":974,"_96":975,"_158":976,"_160":969,"_161":144,"_162":977,"_164":165,"_107":978,"_101":32,"_167":180,"_169":979,"_170":22,"_171":-5,"_172":1733,"_99":1734},[],[545,552,968,975],{"_105":983,"_96":984,"_158":985,"_160":969,"_161":144,"_162":986,"_164":165,"_107":987,"_101":32,"_167":180,"_169":988,"_170":22,"_171":-5,"_172":1736,"_99":1737},[],[545,552,968,984],{"_105":992,"_96":993,"_158":994,"_160":969,"_161":144,"_162":995,"_164":165,"_107":996,"_101":32,"_167":180,"_169":997,"_170":22,"_171":-5,"_172":1739,"_99":1740},[],[545,552,968,993],{"_105":1001,"_96":1002,"_158":1003,"_160":969,"_161":144,"_162":1004,"_164":165,"_107":1005,"_101":32,"_167":180,"_169":1006,"_170":22,"_171":-5,"_172":1742,"_99":1743},[],[545,552,968,1002],{"_105":1010,"_96":1011,"_158":1012,"_160":969,"_161":144,"_162":1013,"_164":165,"_107":1014,"_101":32,"_167":180,"_169":1015,"_170":22,"_171":-5,"_172":1745,"_99":1746},[],[545,552,968,1011],{"_105":1019,"_96":821,"_158":1020,"_160":969,"_161":144,"_162":1021,"_164":165,"_107":1022,"_101":32,"_167":180,"_169":1023,"_170":22,"_171":-5,"_172":1748,"_99":1749},[],[545,552,968,821],[545,552,968],{"_105":1028,"_96":1029,"_158":1030,"_160":553,"_161":144,"_162":1031,"_164":165,"_107":1032,"_101":32,"_167":861,"_169":1033,"_170":22,"_171":-5,"_172":1752,"_99":1753},[],[545,552,1029],{"_105":1037,"_96":857,"_158":1038,"_160":553,"_161":144,"_162":1039,"_164":165,"_107":1040,"_101":32,"_167":861,"_169":1041,"_170":22,"_171":-5,"_172":1755,"_99":1756},[],[545,552,857],{"_105":1045,"_96":1046,"_158":1047,"_160":553,"_161":144,"_162":1048,"_164":165,"_107":1049,"_101":32,"_167":180,"_169":1050,"_170":22,"_171":-5,"_172":1758,"_99":1759},[],[545,552,1046],{"_105":1054,"_96":1055,"_158":1056,"_160":553,"_161":144,"_162":1057,"_164":165,"_107":1058,"_101":32,"_167":180,"_169":1059,"_170":22,"_171":-5,"_172":1761,"_99":1762},[],[545,552,1055],{"_105":1063,"_96":1064,"_158":1065,"_160":553,"_161":144,"_162":1066,"_164":165,"_107":1067,"_101":32,"_167":861,"_169":1068,"_170":22,"_171":-5,"_172":1764,"_99":1765},[],[545,552,1064],{"_105":1072,"_96":1073,"_158":1074,"_160":553,"_161":144,"_162":1075,"_164":165,"_107":1076,"_101":32,"_167":180,"_169":1077,"_170":22,"_171":-5,"_172":1767,"_99":1768},[],[545,552,1073],{"_105":1081,"_96":1082,"_158":1083,"_160":553,"_161":144,"_162":1084,"_164":165,"_107":1085,"_101":32,"_167":180,"_169":1086,"_170":22,"_171":-5,"_172":1770,"_99":1771},[],[545,552,1082],[545,552],{"_105":1091,"_96":1092,"_158":1093,"_160":546,"_161":144,"_162":1094,"_164":165,"_107":1095,"_101":32,"_167":180,"_169":1096,"_170":22,"_171":-5,"_172":1774,"_99":1775},[],[545,1092],{"_105":1100,"_96":1029,"_158":1101,"_160":546,"_161":144,"_162":1102,"_164":165,"_107":1103,"_101":32,"_167":861,"_169":1104,"_170":22,"_171":-5,"_172":1777,"_99":1778},[],[545,1029],{"_105":1108,"_96":1109,"_158":1110,"_160":546,"_161":144,"_162":1111,"_164":165,"_107":1112,"_101":32,"_167":861,"_169":1113,"_170":22,"_171":-5,"_172":1780,"_99":1781},[],[545,1109],{"_105":1117,"_96":1064,"_158":1118,"_160":546,"_161":144,"_162":1119,"_164":165,"_107":1120,"_101":32,"_167":861,"_169":1121,"_170":22,"_171":-5,"_172":1783,"_99":1784},[],[545,1064],{"_105":1125,"_96":1073,"_158":1126,"_160":546,"_161":144,"_162":1127,"_164":165,"_107":1128,"_101":32,"_167":180,"_169":1129,"_170":22,"_171":-5,"_172":1786,"_99":1787},[],[545,1073],[545],{"_105":1134,"_96":1135,"_158":1136,"_160":-5,"_161":144,"_162":1137,"_164":165,"_107":1138,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1790,"_99":1851},[1791,1806,1815,1833,1839,1845,1848],{"_105":1141,"_96":1142,"_158":1143,"_160":1136,"_161":144,"_162":1144,"_164":165,"_107":1145,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1792,"_99":1805},[1793,1796,1799,1802],{"_105":1148,"_96":1149,"_158":1150,"_160":1143,"_161":144,"_162":1151,"_164":165,"_107":1152,"_101":32,"_167":180,"_169":1153,"_170":22,"_171":-5,"_172":1794,"_99":1795},[],[1135,1142,1149],{"_105":1157,"_96":1158,"_158":1159,"_160":1143,"_161":144,"_162":1160,"_164":165,"_107":1161,"_101":32,"_167":180,"_169":1162,"_170":22,"_171":-5,"_172":1797,"_99":1798},[],[1135,1142,1158],{"_105":1166,"_96":1167,"_158":1168,"_160":1143,"_161":144,"_162":1169,"_164":165,"_107":1170,"_101":32,"_167":180,"_169":1171,"_170":22,"_171":-5,"_172":1800,"_99":1801},[],[1135,1142,1167],{"_105":1175,"_96":1176,"_158":1177,"_160":1143,"_161":144,"_162":1178,"_164":165,"_107":1179,"_101":32,"_167":180,"_169":1180,"_170":22,"_171":-5,"_172":1803,"_99":1804},[],[1135,1142,1176],[1135,1142],{"_105":1185,"_96":1186,"_158":1187,"_160":1136,"_161":144,"_162":1188,"_164":165,"_107":1189,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1807,"_99":1814},[1808,1811],{"_105":1192,"_96":1193,"_158":1194,"_160":1187,"_161":144,"_162":1195,"_164":165,"_107":1196,"_101":32,"_167":180,"_169":1197,"_170":22,"_171":-5,"_172":1809,"_99":1810},[],[1135,1186,1193],{"_105":1201,"_96":1202,"_158":1203,"_160":1187,"_161":144,"_162":1204,"_164":165,"_107":1205,"_101":32,"_167":180,"_169":1206,"_170":22,"_171":-5,"_172":1812,"_99":1813},[],[1135,1186,1202],[1135,1186],{"_105":1211,"_96":1212,"_158":1213,"_160":1136,"_161":144,"_162":1214,"_164":165,"_107":1215,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1816,"_99":1832},[1817,1820,1823,1826,1829],{"_105":1218,"_96":1219,"_158":1220,"_160":1213,"_161":144,"_162":1221,"_164":165,"_107":1222,"_101":32,"_167":180,"_169":1223,"_170":22,"_171":-5,"_172":1818,"_99":1819},[],[1135,1212,1219],{"_105":1227,"_96":1228,"_158":1229,"_160":1213,"_161":144,"_162":1230,"_164":165,"_107":1231,"_101":32,"_167":180,"_169":1232,"_170":22,"_171":-5,"_172":1821,"_99":1822},[],[1135,1212,1228],{"_105":1236,"_96":1237,"_158":1238,"_160":1213,"_161":144,"_162":1239,"_164":165,"_107":1240,"_101":32,"_167":180,"_169":1241,"_170":22,"_171":-5,"_172":1824,"_99":1825},[],[1135,1212,1237],{"_105":1245,"_96":1246,"_158":1247,"_160":1213,"_161":144,"_162":1248,"_164":165,"_107":1249,"_101":32,"_167":180,"_169":1250,"_170":22,"_171":-5,"_172":1827,"_99":1828},[],[1135,1212,1246],{"_105":1254,"_96":1255,"_158":1256,"_160":1213,"_161":144,"_162":1257,"_164":165,"_107":1258,"_101":32,"_167":180,"_169":1259,"_170":22,"_171":-5,"_172":1830,"_99":1831},[],[1135,1212,1255],[1135,1212],{"_105":1264,"_96":1265,"_158":1266,"_160":1136,"_161":144,"_162":1267,"_164":165,"_107":1268,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1834,"_99":1838},[1835],{"_105":1271,"_96":1272,"_158":1273,"_160":1266,"_161":144,"_162":1274,"_164":165,"_107":1275,"_101":32,"_167":180,"_169":1276,"_170":22,"_171":-5,"_172":1836,"_99":1837},[],[1135,1265,1272],[1135,1265],{"_105":1281,"_96":1282,"_158":1283,"_160":1136,"_161":144,"_162":1284,"_164":165,"_107":1285,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1840,"_99":1844},[1841],{"_105":1288,"_96":1289,"_158":1290,"_160":1283,"_161":144,"_162":1291,"_164":165,"_107":1292,"_101":32,"_167":180,"_169":1293,"_170":22,"_171":-5,"_172":1842,"_99":1843},[],[1135,1282,1289],[1135,1282],{"_105":1298,"_96":1299,"_158":1300,"_160":1136,"_161":144,"_162":1301,"_164":165,"_107":1302,"_101":32,"_167":180,"_169":1303,"_170":22,"_171":-5,"_172":1846,"_99":1847},[],[1135,1299],{"_105":1307,"_96":1308,"_158":1309,"_160":1136,"_161":144,"_162":1310,"_164":165,"_107":1311,"_101":32,"_167":180,"_169":1312,"_170":22,"_171":-5,"_172":1849,"_99":1850},[],[1135,1308],[1135],{"_105":1317,"_96":1046,"_158":1318,"_160":-5,"_161":144,"_162":1319,"_164":165,"_107":1320,"_101":32,"_167":180,"_169":1321,"_170":22,"_171":-5,"_172":1853,"_99":1854},[],[1046],{"_105":1325,"_96":1326,"_158":1327,"_160":-5,"_161":144,"_162":1328,"_164":165,"_107":1329,"_101":32,"_167":180,"_169":1330,"_170":22,"_171":-5,"_172":1856,"_99":1857},[],[1326],{"_105":1334,"_96":1335,"_158":1336,"_160":-5,"_161":144,"_162":1337,"_164":165,"_107":1338,"_101":32,"_167":861,"_169":1339,"_170":22,"_171":-5,"_172":1859,"_99":1860},[],[1335],{"_105":1343,"_96":1344,"_158":1345,"_160":-5,"_161":144,"_162":1346,"_164":165,"_107":1347,"_101":32,"_167":180,"_169":1348,"_170":22,"_171":-5,"_172":1862,"_99":1863},[],[1344],[1456,1458,1461,1464,1467,1470,1473,1476,1479,1482,1485,1488,1491,1494,1497,1500,1503,1506,1509,1512,1515,1518,1521,1524,1527,1531,1533,1537,1540,1542,1545,1548,1551,1554,1557,1561,1563,1567,1570,1572,1574,1579,1581,1585,1587,1589,1591,1593,1597,1599,1603,1605,1608,1611,1614,1617,1620,1623,1626,1629,1632,1635,1638,1641,1644,1647,1650,1653,1656,1659,1662,1665,1668,1671,1674,1677,1680,1683,1686,1689,1692,1696,1698,1701,1704,1707,1711,1713,1717,1719,1723,1725,1730,1732,1735,1738,1741,1744,1747,1751,1754,1757,1760,1763,1766,1769,1773,1776,1779,1782,1785,1789,1791,1793,1796,1799,1802,1806,1808,1811,1815,1817,1820,1823,1826,1829,1833,1835,1839,1841,1845,1848,1852,1855,1858,1861],{"_105":157,"_96":100,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":165,"_107":1440,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":1866},[100],[1868,1870,1872,1874,1876,1878,1880,1882,1884,1886,1888,1890,1892,1894,1896,1898,1900,1902,1904,1906,1908,1910,1912,1914],{"_105":175,"_96":176,"_158":177,"_160":159,"_161":144,"_162":178,"_164":165,"_107":1368,"_101":32,"_167":180,"_169":181,"_170":22,"_171":-5,"_99":1869},[100,176],{"_105":185,"_96":186,"_158":187,"_160":159,"_161":144,"_162":188,"_164":165,"_107":1371,"_101":32,"_167":180,"_169":190,"_170":22,"_171":-5,"_99":1871},[100,186],{"_105":194,"_96":195,"_158":196,"_160":159,"_161":144,"_162":197,"_164":165,"_107":1374,"_101":32,"_167":180,"_169":199,"_170":22,"_171":-5,"_99":1873},[100,195],{"_105":203,"_96":204,"_158":205,"_160":159,"_161":144,"_162":206,"_164":165,"_107":1377,"_101":32,"_167":180,"_169":208,"_170":22,"_171":-5,"_99":1875},[100,204],{"_105":212,"_96":213,"_158":214,"_160":159,"_161":144,"_162":215,"_164":165,"_107":1380,"_101":32,"_167":180,"_169":217,"_170":22,"_171":-5,"_99":1877},[100,213],{"_105":221,"_96":222,"_158":223,"_160":159,"_161":144,"_162":224,"_164":165,"_107":1383,"_101":32,"_167":180,"_169":226,"_170":22,"_171":-5,"_99":1879},[100,222],{"_105":230,"_96":231,"_158":232,"_160":159,"_161":144,"_162":233,"_164":165,"_107":1386,"_101":32,"_167":180,"_169":235,"_170":22,"_171":-5,"_99":1881},[100,231],{"_105":239,"_96":240,"_158":241,"_160":159,"_161":144,"_162":242,"_164":165,"_107":1389,"_101":32,"_167":180,"_169":244,"_170":22,"_171":-5,"_99":1883},[100,240],{"_105":248,"_96":249,"_158":250,"_160":159,"_161":144,"_162":102,"_164":165,"_107":1392,"_101":32,"_167":180,"_169":252,"_170":22,"_171":-5,"_99":1885},[100,249],{"_105":256,"_96":257,"_158":258,"_160":159,"_161":144,"_162":259,"_164":165,"_107":1395,"_101":32,"_167":180,"_169":261,"_170":22,"_171":-5,"_99":1887},[100,257],{"_105":265,"_96":266,"_158":267,"_160":159,"_161":144,"_162":268,"_164":165,"_107":1398,"_101":32,"_167":180,"_169":270,"_170":22,"_171":-5,"_99":1889},[100,266],{"_105":274,"_96":275,"_158":276,"_160":159,"_161":144,"_162":277,"_164":165,"_107":1401,"_101":32,"_167":180,"_169":279,"_170":22,"_171":-5,"_99":1891},[100,275],{"_105":283,"_96":284,"_158":285,"_160":159,"_161":144,"_162":286,"_164":165,"_107":1404,"_101":32,"_167":180,"_169":288,"_170":22,"_171":-5,"_99":1893},[100,284],{"_105":292,"_96":293,"_158":294,"_160":159,"_161":144,"_162":295,"_164":165,"_107":1407,"_101":32,"_167":180,"_169":297,"_170":22,"_171":-5,"_99":1895},[100,293],{"_105":301,"_96":302,"_158":303,"_160":159,"_161":144,"_162":304,"_164":165,"_107":1410,"_101":32,"_167":180,"_169":306,"_170":22,"_171":-5,"_99":1897},[100,302],{"_105":310,"_96":311,"_158":312,"_160":159,"_161":144,"_162":313,"_164":165,"_107":1413,"_101":32,"_167":180,"_169":315,"_170":22,"_171":-5,"_99":1899},[100,311],{"_105":319,"_96":320,"_158":321,"_160":159,"_161":144,"_162":322,"_164":165,"_107":1416,"_101":32,"_167":180,"_169":324,"_170":22,"_171":-5,"_99":1901},[100,320],{"_105":328,"_96":329,"_158":330,"_160":159,"_161":144,"_162":331,"_164":165,"_107":1419,"_101":32,"_167":180,"_169":333,"_170":22,"_171":-5,"_99":1903},[100,329],{"_105":337,"_96":338,"_158":339,"_160":159,"_161":144,"_162":340,"_164":165,"_107":1422,"_101":32,"_167":180,"_169":342,"_170":22,"_171":-5,"_99":1905},[100,338],{"_105":346,"_96":347,"_158":348,"_160":159,"_161":144,"_162":349,"_164":165,"_107":1425,"_101":32,"_167":180,"_169":351,"_170":22,"_171":-5,"_99":1907},[100,347],{"_105":355,"_96":356,"_158":357,"_160":159,"_161":144,"_162":358,"_164":165,"_107":1428,"_101":32,"_167":180,"_169":360,"_170":22,"_171":-5,"_99":1909},[100,356],{"_105":364,"_96":365,"_158":366,"_160":159,"_161":144,"_162":367,"_164":165,"_107":1431,"_101":32,"_167":180,"_169":369,"_170":22,"_171":-5,"_99":1911},[100,365],{"_105":373,"_96":374,"_158":375,"_160":159,"_161":144,"_162":376,"_164":165,"_107":1434,"_101":32,"_167":180,"_169":378,"_170":22,"_171":-5,"_99":1913},[100,374],{"_105":382,"_96":383,"_158":384,"_160":159,"_161":144,"_162":385,"_164":165,"_107":1437,"_101":32,"_167":180,"_169":387,"_170":22,"_171":-5,"_99":1915},[100,383],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

API Response Time

🚀 Groq Theme

🎨 Core Color Palette

Primary Orange (Brand)

Neutral Grays

Pure Values

✨ Extended Color Families

Yellow Tones

Green Tones

Blue Tones

Purple Tones

Pink Tones

🎯 Semantic Color Mapping

🎨 Component Examples

Buttons

Alerts

Select a Workout

Select a Workout

yawnxyz

routine-stack