\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",[],[1213,1220],[1213],{"_105":1229,"_96":1230,"_159":1231,"_161":-5,"_162":144,"_163":1232,"_165":166,"_107":1233,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1234,"_99":1235},"30357d94-fad2-11f0-884e-42dde27851f2","progressions","30357e52-fad2-11f0-884e-42dde27851f2",9,["D",1769444110720],[],[1230],{"_105":1237,"_96":1238,"_159":1239,"_161":-5,"_162":144,"_163":1240,"_165":166,"_107":1241,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1242,"_99":1297},"2fb66360-fad2-11f0-be3e-42dde27851f2","routines","2fb66414-fad2-11f0-be3e-42dde27851f2",5,["D",1769444109899],[1243,1252,1261,1270,1279,1288],{"_105":1244,"_96":1245,"_159":1246,"_161":1239,"_162":144,"_163":1247,"_165":166,"_107":1248,"_101":32,"_168":181,"_170":1249,"_171":22,"_172":-5,"_173":1250,"_99":1251},"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",[],[1238,1245],{"_105":1253,"_96":1254,"_159":1255,"_161":1239,"_162":144,"_163":1256,"_165":166,"_107":1257,"_101":32,"_168":181,"_170":1258,"_171":22,"_172":-5,"_173":1259,"_99":1260},"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",[],[1238,1254],{"_105":1262,"_96":1263,"_159":1264,"_161":1239,"_162":144,"_163":1265,"_165":166,"_107":1266,"_101":32,"_168":181,"_170":1267,"_171":22,"_172":-5,"_173":1268,"_99":1269},"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",[],[1238,1263],{"_105":1271,"_96":1272,"_159":1273,"_161":1239,"_162":144,"_163":1274,"_165":166,"_107":1275,"_101":32,"_168":181,"_170":1276,"_171":22,"_172":-5,"_173":1277,"_99":1278},"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",[],[1238,1272],{"_105":1280,"_96":1281,"_159":1282,"_161":1239,"_162":144,"_163":1283,"_165":166,"_107":1284,"_101":32,"_168":181,"_170":1285,"_171":22,"_172":-5,"_173":1286,"_99":1287},"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",[],[1238,1281],{"_105":1289,"_96":1290,"_159":1291,"_161":1239,"_162":144,"_163":1292,"_165":166,"_107":1293,"_101":32,"_168":181,"_170":1294,"_171":22,"_172":-5,"_173":1295,"_99":1296},"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",[],[1238,1290],[1238],{"_105":1299,"_96":1300,"_159":1301,"_161":-5,"_162":144,"_163":1302,"_165":166,"_107":1303,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1304,"_99":1314},"2f432120-fad2-11f0-be3e-42dde27851f2","saved","2f4321d4-fad2-11f0-be3e-42dde27851f2",1,["D",1769444109141],[1305],{"_105":1306,"_96":1307,"_159":1308,"_161":1301,"_162":144,"_163":1309,"_165":166,"_107":1310,"_101":32,"_168":181,"_170":1311,"_171":22,"_172":-5,"_173":1312,"_99":1313},"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",[],[1300,1307],[1300],{"_105":1316,"_96":1317,"_159":1318,"_161":-5,"_162":144,"_163":1319,"_165":166,"_107":1320,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1321,"_99":1322},"301516bc-fad2-11f0-92fd-42dde27851f2","scripts","3015178e-fad2-11f0-92fd-42dde27851f2",8,["D",1769444110519],[],[1317],{"_105":1324,"_96":1325,"_159":1326,"_161":-5,"_162":144,"_163":1327,"_165":166,"_107":1328,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1329,"_99":1346},"3050c7d4-fad2-11f0-be3e-42dde27851f2","src","3050c874-fad2-11f0-be3e-42dde27851f2",10,["D",1769444110911],[1330],{"_105":1331,"_96":1332,"_159":1333,"_161":1326,"_162":144,"_163":1334,"_165":166,"_107":1335,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1336,"_99":1345},"313a70fa-fad2-11f0-b5d3-42dde27851f2","cli","313a71fe-fad2-11f0-b5d3-42dde27851f2",18,["D",1769444112435],[1337],{"_105":1338,"_96":1339,"_159":1340,"_161":1333,"_162":144,"_163":1341,"_165":166,"_107":1342,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1343,"_99":1344},"31946cfe-fad2-11f0-be3e-42dde27851f2","commands","31946dd0-fad2-11f0-be3e-42dde27851f2",21,["D",1769444113031],[],[1325,1332,1339],[1325,1332],[1325],{"_105":1348,"_96":1349,"_159":1350,"_161":-5,"_162":144,"_163":1351,"_165":166,"_107":1352,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1353,"_99":1362},"2ff760a4-fad2-11f0-860a-42dde27851f2","static","2ff76180-fad2-11f0-860a-42dde27851f2",7,["D",1769444110321],[1354],{"_105":1355,"_96":1356,"_159":1357,"_161":1350,"_162":144,"_163":1358,"_165":166,"_107":1359,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1360,"_99":1361},"311251f6-fad2-11f0-b5d3-42dde27851f2","images","311252be-fad2-11f0-b5d3-42dde27851f2",17,["D",1769444112174],[],[1349,1356],[1349],{"_105":1364,"_96":1365,"_159":1366,"_161":-5,"_162":144,"_163":1367,"_165":166,"_107":1368,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1369,"_99":1952},"2f98a5e6-fad2-11f0-994c-42dde27851f2","styles","2f98a6c2-fad2-11f0-994c-42dde27851f2",4,["D",1769444109702],[1370,1910,1919,1927,1936,1944],{"_105":1371,"_96":1372,"_159":1373,"_161":1366,"_162":144,"_163":1374,"_165":166,"_107":1375,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1376,"_99":1909},"30fac798-fad2-11f0-b5d3-42dde27851f2","design-system","30fac860-fad2-11f0-b5d3-42dde27851f2",16,["D",1769444112020],[1377,1786,1847,1856,1864,1873,1882,1891,1900],{"_105":1378,"_96":1379,"_159":1380,"_161":1373,"_162":144,"_163":1381,"_165":166,"_107":1382,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1383,"_99":1785},"315b0b94-fad2-11f0-b5d3-42dde27851f2","themes","315b0c66-fad2-11f0-b5d3-42dde27851f2",19,["D",1769444112651],[1384,1401,1417,1695,1737,1753,1769],{"_105":1385,"_96":1386,"_159":1387,"_161":1380,"_162":144,"_163":1388,"_165":166,"_107":1389,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1390,"_99":1400},"31a68bbe-fad2-11f0-be3e-42dde27851f2","corporate","31a68c4a-fad2-11f0-be3e-42dde27851f2",22,["D",1769444113151],[1391],{"_105":1392,"_96":1393,"_159":1394,"_161":1387,"_162":144,"_163":1395,"_165":166,"_107":1396,"_101":32,"_168":181,"_170":1397,"_171":22,"_172":-5,"_173":1398,"_99":1399},"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",[],[1365,1372,1379,1386,1393],[1365,1372,1379,1386],{"_105":1402,"_96":1403,"_159":1404,"_161":1380,"_162":144,"_163":1405,"_165":166,"_107":1406,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1407,"_99":1416},"31dedadc-fad2-11f0-92fd-42dde27851f2","cursor","31dedbae-fad2-11f0-92fd-42dde27851f2",24,["D",1769444113503],[1408],{"_105":1409,"_96":1393,"_159":1410,"_161":1404,"_162":144,"_163":1411,"_165":166,"_107":1412,"_101":32,"_168":181,"_170":1413,"_171":22,"_172":-5,"_173":1414,"_99":1415},"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",[],[1365,1372,1379,1403,1393],[1365,1372,1379,1403],{"_105":1418,"_96":25,"_159":1419,"_161":1380,"_162":144,"_163":1420,"_165":166,"_107":1421,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1422,"_99":1694},"3215adaa-fad2-11f0-a4d3-42dde27851f2","3215ae54-fad2-11f0-a4d3-42dde27851f2",26,["D",1769444113874],[1423,1432,1441,1450,1459,1468,1477,1486,1495,1504,1513,1522,1531,1540,1549,1558,1567,1576,1585,1594,1603,1612,1621,1630,1639,1648,1657,1666,1675,1685],{"_105":1424,"_96":1425,"_159":1426,"_161":1419,"_162":144,"_163":1427,"_165":166,"_107":1428,"_101":32,"_168":181,"_170":1429,"_171":22,"_172":-5,"_173":1430,"_99":1431},"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}",[],[1365,1372,1379,25,1425],{"_105":1433,"_96":1434,"_159":1435,"_161":1419,"_162":144,"_163":1436,"_165":166,"_107":1437,"_101":32,"_168":181,"_170":1438,"_171":22,"_172":-5,"_173":1439,"_99":1440},"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",[],[1365,1372,1379,25,1434],{"_105":1442,"_96":1443,"_159":1444,"_161":1419,"_162":144,"_163":1445,"_165":166,"_107":1446,"_101":32,"_168":181,"_170":1447,"_171":22,"_172":-5,"_173":1448,"_99":1449},"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",[],[1365,1372,1379,25,1443],{"_105":1451,"_96":1452,"_159":1453,"_161":1419,"_162":144,"_163":1454,"_165":166,"_107":1455,"_101":32,"_168":181,"_170":1456,"_171":22,"_172":-5,"_173":1457,"_99":1458},"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}",[],[1365,1372,1379,25,1452],{"_105":1460,"_96":1461,"_159":1462,"_161":1419,"_162":144,"_163":1463,"_165":166,"_107":1464,"_101":32,"_168":181,"_170":1465,"_171":22,"_172":-5,"_173":1466,"_99":1467},"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",[],[1365,1372,1379,25,1461],{"_105":1469,"_96":1470,"_159":1471,"_161":1419,"_162":144,"_163":1472,"_165":166,"_107":1473,"_101":32,"_168":181,"_170":1474,"_171":22,"_172":-5,"_173":1475,"_99":1476},"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}",[],[1365,1372,1379,25,1470],{"_105":1478,"_96":1479,"_159":1480,"_161":1419,"_162":144,"_163":1481,"_165":166,"_107":1482,"_101":32,"_168":181,"_170":1483,"_171":22,"_172":-5,"_173":1484,"_99":1485},"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",[],[1365,1372,1379,25,1479],{"_105":1487,"_96":1488,"_159":1489,"_161":1419,"_162":144,"_163":1490,"_165":166,"_107":1491,"_101":32,"_168":181,"_170":1492,"_171":22,"_172":-5,"_173":1493,"_99":1494},"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",[],[1365,1372,1379,25,1488],{"_105":1496,"_96":1497,"_159":1498,"_161":1419,"_162":144,"_163":1499,"_165":166,"_107":1500,"_101":32,"_168":181,"_170":1501,"_171":22,"_172":-5,"_173":1502,"_99":1503},"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}",[],[1365,1372,1379,25,1497],{"_105":1505,"_96":1506,"_159":1507,"_161":1419,"_162":144,"_163":1508,"_165":166,"_107":1509,"_101":32,"_168":181,"_170":1510,"_171":22,"_172":-5,"_173":1511,"_99":1512},"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",[],[1365,1372,1379,25,1506],{"_105":1514,"_96":1515,"_159":1516,"_161":1419,"_162":144,"_163":1517,"_165":166,"_107":1518,"_101":32,"_168":181,"_170":1519,"_171":22,"_172":-5,"_173":1520,"_99":1521},"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}",[],[1365,1372,1379,25,1515],{"_105":1523,"_96":1524,"_159":1525,"_161":1419,"_162":144,"_163":1526,"_165":166,"_107":1527,"_101":32,"_168":181,"_170":1528,"_171":22,"_172":-5,"_173":1529,"_99":1530},"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",[],[1365,1372,1379,25,1524],{"_105":1532,"_96":1533,"_159":1534,"_161":1419,"_162":144,"_163":1535,"_165":166,"_107":1536,"_101":32,"_168":181,"_170":1537,"_171":22,"_172":-5,"_173":1538,"_99":1539},"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",[],[1365,1372,1379,25,1533],{"_105":1541,"_96":1542,"_159":1543,"_161":1419,"_162":144,"_163":1544,"_165":166,"_107":1545,"_101":32,"_168":181,"_170":1546,"_171":22,"_172":-5,"_173":1547,"_99":1548},"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}",[],[1365,1372,1379,25,1542],{"_105":1550,"_96":1551,"_159":1552,"_161":1419,"_162":144,"_163":1553,"_165":166,"_107":1554,"_101":32,"_168":181,"_170":1555,"_171":22,"_172":-5,"_173":1556,"_99":1557},"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",[],[1365,1372,1379,25,1551],{"_105":1559,"_96":1560,"_159":1561,"_161":1419,"_162":144,"_163":1562,"_165":166,"_107":1563,"_101":32,"_168":181,"_170":1564,"_171":22,"_172":-5,"_173":1565,"_99":1566},"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}",[],[1365,1372,1379,25,1560],{"_105":1568,"_96":1569,"_159":1570,"_161":1419,"_162":144,"_163":1571,"_165":166,"_107":1572,"_101":32,"_168":181,"_170":1573,"_171":22,"_172":-5,"_173":1574,"_99":1575},"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",[],[1365,1372,1379,25,1569],{"_105":1577,"_96":1578,"_159":1579,"_161":1419,"_162":144,"_163":1580,"_165":166,"_107":1581,"_101":32,"_168":181,"_170":1582,"_171":22,"_172":-5,"_173":1583,"_99":1584},"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}",[],[1365,1372,1379,25,1578],{"_105":1586,"_96":1587,"_159":1588,"_161":1419,"_162":144,"_163":1589,"_165":166,"_107":1590,"_101":32,"_168":181,"_170":1591,"_171":22,"_172":-5,"_173":1592,"_99":1593},"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",[],[1365,1372,1379,25,1587],{"_105":1595,"_96":1596,"_159":1597,"_161":1419,"_162":144,"_163":1598,"_165":166,"_107":1599,"_101":32,"_168":181,"_170":1600,"_171":22,"_172":-5,"_173":1601,"_99":1602},"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",[],[1365,1372,1379,25,1596],{"_105":1604,"_96":1605,"_159":1606,"_161":1419,"_162":144,"_163":1607,"_165":166,"_107":1608,"_101":32,"_168":181,"_170":1609,"_171":22,"_172":-5,"_173":1610,"_99":1611},"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}",[],[1365,1372,1379,25,1605],{"_105":1613,"_96":1614,"_159":1615,"_161":1419,"_162":144,"_163":1616,"_165":166,"_107":1617,"_101":32,"_168":181,"_170":1618,"_171":22,"_172":-5,"_173":1619,"_99":1620},"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}",[],[1365,1372,1379,25,1614],{"_105":1622,"_96":1623,"_159":1624,"_161":1419,"_162":144,"_163":1625,"_165":166,"_107":1626,"_101":32,"_168":181,"_170":1627,"_171":22,"_172":-5,"_173":1628,"_99":1629},"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",[],[1365,1372,1379,25,1623],{"_105":1631,"_96":1632,"_159":1633,"_161":1419,"_162":144,"_163":1634,"_165":166,"_107":1635,"_101":32,"_168":181,"_170":1636,"_171":22,"_172":-5,"_173":1637,"_99":1638},"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",[],[1365,1372,1379,25,1632],{"_105":1640,"_96":1641,"_159":1642,"_161":1419,"_162":144,"_163":1643,"_165":166,"_107":1644,"_101":32,"_168":181,"_170":1645,"_171":22,"_172":-5,"_173":1646,"_99":1647},"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}",[],[1365,1372,1379,25,1641],{"_105":1649,"_96":1650,"_159":1651,"_161":1419,"_162":144,"_163":1652,"_165":166,"_107":1653,"_101":32,"_168":181,"_170":1654,"_171":22,"_172":-5,"_173":1655,"_99":1656},"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",[],[1365,1372,1379,25,1650],{"_105":1658,"_96":1659,"_159":1660,"_161":1419,"_162":144,"_163":1661,"_165":166,"_107":1662,"_101":32,"_168":181,"_170":1663,"_171":22,"_172":-5,"_173":1664,"_99":1665},"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",[],[1365,1372,1379,25,1659],{"_105":1667,"_96":1668,"_159":1669,"_161":1419,"_162":144,"_163":1670,"_165":166,"_107":1671,"_101":32,"_168":181,"_170":1672,"_171":22,"_172":-5,"_173":1673,"_99":1674},"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",[],[1365,1372,1379,25,1668],{"_105":1676,"_96":1677,"_159":1678,"_161":1419,"_162":144,"_163":1679,"_165":166,"_107":1680,"_101":32,"_168":1681,"_170":1682,"_171":22,"_172":-5,"_173":1683,"_99":1684},"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",[],[1365,1372,1379,25,1687],[1365,1372,1379,25],{"_105":1696,"_96":1697,"_159":1698,"_161":1380,"_162":144,"_163":1699,"_165":166,"_107":1700,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1701,"_99":1736},"31f7f2b0-fad2-11f0-b76d-42dde27851f2","groq","31f7f36e-fad2-11f0-b76d-42dde27851f2",25,["D",1769444113680],[1702,1711,1720,1728],{"_105":1703,"_96":1704,"_159":1705,"_161":1698,"_162":144,"_163":1706,"_165":166,"_107":1707,"_101":32,"_168":181,"_170":1708,"_171":22,"_172":-5,"_173":1709,"_99":1710},"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",[],[1365,1372,1379,1697,1704],{"_105":1712,"_96":1713,"_159":1714,"_161":1698,"_162":144,"_163":1715,"_165":166,"_107":1716,"_101":32,"_168":181,"_170":1717,"_171":22,"_172":-5,"_173":1718,"_99":1719},"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",[],[1365,1372,1379,1697,1713],{"_105":1721,"_96":1677,"_159":1722,"_161":1698,"_162":144,"_163":1723,"_165":166,"_107":1724,"_101":32,"_168":1681,"_170":1725,"_171":22,"_172":-5,"_173":1726,"_99":1727},"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",[],[1365,1372,1677],{"_105":1865,"_96":1866,"_159":1867,"_161":1373,"_162":144,"_163":1868,"_165":166,"_107":1869,"_101":32,"_168":181,"_170":1870,"_171":22,"_172":-5,"_173":1871,"_99":1872},"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",[],[1365,1372,1866],{"_105":1874,"_96":1875,"_159":1876,"_161":1373,"_162":144,"_163":1877,"_165":166,"_107":1878,"_101":32,"_168":181,"_170":1879,"_171":22,"_172":-5,"_173":1880,"_99":1881},"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",[],[1365,1372,1875],{"_105":1883,"_96":1884,"_159":1885,"_161":1373,"_162":144,"_163":1886,"_165":166,"_107":1887,"_101":32,"_168":1681,"_170":1888,"_171":22,"_172":-5,"_173":1889,"_99":1890},"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",[],[1365,1372,1884],{"_105":1892,"_96":1893,"_159":1894,"_161":1373,"_162":144,"_163":1895,"_165":166,"_107":1896,"_101":32,"_168":181,"_170":1897,"_171":22,"_172":-5,"_173":1898,"_99":1899},"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",[],[1365,1372,1893],{"_105":1901,"_96":1902,"_159":1903,"_161":1373,"_162":144,"_163":1904,"_165":166,"_107":1905,"_101":32,"_168":181,"_170":1906,"_171":22,"_172":-5,"_173":1907,"_99":1908},"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",[],[1365,1372,1902],[1365,1372],{"_105":1911,"_96":1912,"_159":1913,"_161":1366,"_162":144,"_163":1914,"_165":166,"_107":1915,"_101":32,"_168":181,"_170":1916,"_171":22,"_172":-5,"_173":1917,"_99":1918},"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",[],[1365,1912],{"_105":1920,"_96":1849,"_159":1921,"_161":1366,"_162":144,"_163":1922,"_165":166,"_107":1923,"_101":32,"_168":1681,"_170":1924,"_171":22,"_172":-5,"_173":1925,"_99":1926},"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",[],[1365,1849],{"_105":1928,"_96":1929,"_159":1930,"_161":1366,"_162":144,"_163":1931,"_165":166,"_107":1932,"_101":32,"_168":1681,"_170":1933,"_171":22,"_172":-5,"_173":1934,"_99":1935},"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",[],[1365,1929],{"_105":1937,"_96":1884,"_159":1938,"_161":1366,"_162":144,"_163":1939,"_165":166,"_107":1940,"_101":32,"_168":1681,"_170":1941,"_171":22,"_172":-5,"_173":1942,"_99":1943},"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",[],[1365,1884],{"_105":1945,"_96":1893,"_159":1946,"_161":1366,"_162":144,"_163":1947,"_165":166,"_107":1948,"_101":32,"_168":181,"_170":1949,"_171":22,"_172":-5,"_173":1950,"_99":1951},"3365ada4-fad2-11f0-aa23-42dde27851f2","3365ae76-fad2-11f0-aa23-42dde27851f2",63,["D",1769444115434],"@tailwind base;\n@tailwind components;\n@tailwind utilities;\n",[],[1365,1893],[1365],{"_105":1954,"_96":1955,"_159":1956,"_161":-5,"_162":144,"_163":1957,"_165":166,"_107":1958,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1959,"_99":2135},"2f7164b8-fad2-11f0-be3e-42dde27851f2","workouts","2f716562-fad2-11f0-be3e-42dde27851f2",3,["D",1769444109446],[1960,2004,2030,2083,2100,2117,2126],{"_105":1961,"_96":1962,"_159":1963,"_161":1956,"_162":144,"_163":1964,"_165":166,"_107":1965,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":1966,"_99":2003},"30d17b40-fad2-11f0-92fd-42dde27851f2","barre","30d17c30-fad2-11f0-92fd-42dde27851f2",14,["D",1769444111752],[1967,1976,1985,1994],{"_105":1968,"_96":1969,"_159":1970,"_161":1963,"_162":144,"_163":1971,"_165":166,"_107":1972,"_101":32,"_168":181,"_170":1973,"_171":22,"_172":-5,"_173":1974,"_99":1975},"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",[],[1955,1962,1969],{"_105":1977,"_96":1978,"_159":1979,"_161":1963,"_162":144,"_163":1980,"_165":166,"_107":1981,"_101":32,"_168":181,"_170":1982,"_171":22,"_172":-5,"_173":1983,"_99":1984},"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",[],[1955,1962,1978],{"_105":1986,"_96":1987,"_159":1988,"_161":1963,"_162":144,"_163":1989,"_165":166,"_107":1990,"_101":32,"_168":181,"_170":1991,"_171":22,"_172":-5,"_173":1992,"_99":1993},"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",[],[1955,1962,1987],{"_105":1995,"_96":1996,"_159":1997,"_161":1963,"_162":144,"_163":1998,"_165":166,"_107":1999,"_101":32,"_168":181,"_170":2000,"_171":22,"_172":-5,"_173":2001,"_99":2002},"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",[],[1955,1962,1996],[1955,1962],{"_105":2005,"_96":2006,"_159":2007,"_161":1956,"_162":144,"_163":2008,"_165":166,"_107":2009,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2010,"_99":2029},"30b2477a-fad2-11f0-92fd-42dde27851f2","cardio","30b2484c-fad2-11f0-92fd-42dde27851f2",13,["D",1769444111547],[2011,2020],{"_105":2012,"_96":2013,"_159":2014,"_161":2007,"_162":144,"_163":2015,"_165":166,"_107":2016,"_101":32,"_168":181,"_170":2017,"_171":22,"_172":-5,"_173":2018,"_99":2019},"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",[],[1955,2006,2013],{"_105":2021,"_96":2022,"_159":2023,"_161":2007,"_162":144,"_163":2024,"_165":166,"_107":2025,"_101":32,"_168":181,"_170":2026,"_171":22,"_172":-5,"_173":2027,"_99":2028},"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",[],[1955,2006,2022],[1955,2006],{"_105":2031,"_96":2032,"_159":2033,"_161":1956,"_162":144,"_163":2034,"_165":166,"_107":2035,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2036,"_99":2082},"30e4dabe-fad2-11f0-994c-42dde27851f2","gym","30e4db86-fad2-11f0-994c-42dde27851f2",15,["D",1769444111882],[2037,2046,2055,2064,2073],{"_105":2038,"_96":2039,"_159":2040,"_161":2033,"_162":144,"_163":2041,"_165":166,"_107":2042,"_101":32,"_168":181,"_170":2043,"_171":22,"_172":-5,"_173":2044,"_99":2045},"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",[],[1955,2032,2039],{"_105":2047,"_96":2048,"_159":2049,"_161":2033,"_162":144,"_163":2050,"_165":166,"_107":2051,"_101":32,"_168":181,"_170":2052,"_171":22,"_172":-5,"_173":2053,"_99":2054},"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",[],[1955,2032,2048],{"_105":2056,"_96":2057,"_159":2058,"_161":2033,"_162":144,"_163":2059,"_165":166,"_107":2060,"_101":32,"_168":181,"_170":2061,"_171":22,"_172":-5,"_173":2062,"_99":2063},"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",[],[1955,2032,2057],{"_105":2065,"_96":2066,"_159":2067,"_161":2033,"_162":144,"_163":2068,"_165":166,"_107":2069,"_101":32,"_168":181,"_170":2070,"_171":22,"_172":-5,"_173":2071,"_99":2072},"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",[],[1955,2032,2066],{"_105":2074,"_96":2075,"_159":2076,"_161":2033,"_162":144,"_163":2077,"_165":166,"_107":2078,"_101":32,"_168":181,"_170":2079,"_171":22,"_172":-5,"_173":2080,"_99":2081},"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",[],[1955,2032,2075],[1955,2032],{"_105":2084,"_96":2085,"_159":2086,"_161":1956,"_162":144,"_163":2087,"_165":166,"_107":2088,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2089,"_99":2099},"3067ec52-fad2-11f0-92fd-42dde27851f2","morning","3067ed1a-fad2-11f0-92fd-42dde27851f2",11,["D",1769444111061],[2090],{"_105":2091,"_96":2092,"_159":2093,"_161":2086,"_162":144,"_163":2094,"_165":166,"_107":2095,"_101":32,"_168":181,"_170":2096,"_171":22,"_172":-5,"_173":2097,"_99":2098},"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",[],[1955,2085,2092],[1955,2085],{"_105":2101,"_96":2102,"_159":2103,"_161":1956,"_162":144,"_163":2104,"_165":166,"_107":2105,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2106,"_99":2116},"308c3b48-fad2-11f0-92fd-42dde27851f2","yoga","308c3c2e-fad2-11f0-92fd-42dde27851f2",12,["D",1769444111300],[2107],{"_105":2108,"_96":2109,"_159":2110,"_161":2103,"_162":144,"_163":2111,"_165":166,"_107":2112,"_101":32,"_168":181,"_170":2113,"_171":22,"_172":-5,"_173":2114,"_99":2115},"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",[],[1955,2102,2109],[1955,2102],{"_105":2118,"_96":2119,"_159":2120,"_161":1956,"_162":144,"_163":2121,"_165":166,"_107":2122,"_101":32,"_168":181,"_170":2123,"_171":22,"_172":-5,"_173":2124,"_99":2125},"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",[],[1955,2119],{"_105":2127,"_96":2128,"_159":2129,"_161":1956,"_162":144,"_163":2130,"_165":166,"_107":2131,"_101":32,"_168":181,"_170":2132,"_171":22,"_172":-5,"_173":2133,"_99":2134},"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",[],[1955,2128],[1955],{"_105":2137,"_96":1866,"_159":2138,"_161":-5,"_162":144,"_163":2139,"_165":166,"_107":2140,"_101":32,"_168":181,"_170":2141,"_171":22,"_172":-5,"_173":2142,"_99":2143},"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",[],[1866],{"_105":2145,"_96":2146,"_159":2147,"_161":-5,"_162":144,"_163":2148,"_165":166,"_107":2149,"_101":32,"_168":181,"_170":2150,"_171":22,"_172":-5,"_173":2151,"_99":2152},"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",[],[2146],{"_105":2154,"_96":2155,"_159":2156,"_161":-5,"_162":144,"_163":2157,"_165":166,"_107":2158,"_101":32,"_168":1681,"_170":2159,"_171":22,"_172":-5,"_173":2160,"_99":2161},"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",[],[2155],{"_105":2163,"_96":2164,"_159":2165,"_161":-5,"_162":144,"_163":2166,"_165":166,"_107":2167,"_101":32,"_168":181,"_170":2168,"_171":22,"_172":-5,"_173":2169,"_99":2170},"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",[],[2164],"files",[156,175,185,194,203,212,221,230,239,248,257,266,275,284,293,302,311,320,329,338,347,356,365,374,383,392,401,410,419,428,437,446,455,464,473,482,491,500,509,518,527,536,545,554,563,572,581,590,599,608,617,626,635,644,653,662,671,680,689,698,707,716,725,734,743,752,761,770,779,788,797,806,815,824,833,842,851,860,869,878,887,895,904,913,922,931,940,949,958,967,976,985,994,1003,1012,1021,1030,1039,1048,1057,1066,1075,1084,1093,1102,1111,1120,1129,1138,1147,1156,1165,1174,1183,1192,1201,1211,1218,1228,1236,1243,1252,1261,1270,1279,1288,1298,1305,1315,1323,1330,1337,1347,1354,1363,1370,1377,1384,1391,1401,1408,1417,1423,1432,1441,1450,1459,1468,1477,1486,1495,1504,1513,1522,1531,1540,1549,1558,1567,1576,1585,1594,1603,1612,1621,1630,1639,1648,1657,1666,1675,1685,1695,1702,1711,1720,1728,1737,1744,1753,1760,1769,1776,1786,1793,1802,1811,1820,1829,1838,1847,1856,1864,1873,1882,1891,1900,1910,1919,1927,1936,1944,1953,1960,1967,1976,1985,1994,2004,2011,2020,2030,2037,2046,2055,2064,2073,2083,2090,2100,2107,2117,2126,2136,2144,2153,2162],"counts",{"_2175":32,"_2176":1302,"_2177":32,"_2178":2179,"_2182":2183},"pulls","branches","forks","envVars",{"_2180":32,"_2181":32},"count","emptyCount","connections",{"_2180":32,"_2184":32},"unfilledCount","contents",[],{"_105":1812,"_96":1813,"_159":1814,"_161":1789,"_162":144,"_163":1815,"_165":166,"_107":2188,"_101":32,"_168":181,"_170":1817,"_171":22,"_172":-5,"_99":2189},["D",1769444118379],[1365,1372,1788,1813],"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":2198,"_154":2203,"_2171":2885,"_181":2886,"_2185":2888,"_2889":-5,"_2890":-5,"_2891":-5,"_2892":-5,"_2893":2894,"_2178":-5},{"_105":106,"_96":97,"_107":2199,"_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":2200,"_136":2201,"_141":2202,"_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},[2204,2552,2558,2561,2582,2588,2591,2600,2606,2810,2873,2876,2879,2882],{"_105":157,"_96":158,"_159":160,"_161":-5,"_162":144,"_163":164,"_165":166,"_107":167,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2205,"_99":2551},[2206,2209,2212,2215,2218,2221,2224,2227,2230,2233,2236,2239,2242,2245,2248,2251,2254,2257,2260,2263,2266,2269,2272,2275,2278,2281,2284,2287,2290,2293,2296,2299,2302,2305,2308,2311,2314,2317,2320,2323,2326,2329,2332,2335,2338,2341,2344,2347,2350,2353,2356,2359,2362,2365,2368,2371,2374,2377,2380,2383,2386,2389,2392,2395,2398,2401,2404,2407,2410,2413,2416,2419,2422,2425,2428,2431,2434,2437,2440,2443,2446,2449,2452,2455,2458,2461,2464,2467,2470,2473,2476,2479,2482,2485,2488,2491,2494,2497,2500,2503,2506,2509,2512,2515,2518,2521,2524,2527,2530,2533,2536,2539,2542,2545,2548],{"_105":176,"_96":177,"_159":178,"_161":160,"_162":144,"_163":179,"_165":166,"_107":180,"_101":32,"_168":181,"_170":182,"_171":22,"_172":-5,"_173":2207,"_99":2208},[],[158,177],{"_105":186,"_96":187,"_159":188,"_161":160,"_162":144,"_163":189,"_165":166,"_107":190,"_101":32,"_168":181,"_170":191,"_171":22,"_172":-5,"_173":2210,"_99":2211},[],[158,187],{"_105":195,"_96":196,"_159":197,"_161":160,"_162":144,"_163":198,"_165":166,"_107":199,"_101":32,"_168":181,"_170":200,"_171":22,"_172":-5,"_173":2213,"_99":2214},[],[158,196],{"_105":204,"_96":205,"_159":206,"_161":160,"_162":144,"_163":207,"_165":166,"_107":208,"_101":32,"_168":181,"_170":209,"_171":22,"_172":-5,"_173":2216,"_99":2217},[],[158,205],{"_105":213,"_96":214,"_159":215,"_161":160,"_162":144,"_163":216,"_165":166,"_107":217,"_101":32,"_168":181,"_170":218,"_171":22,"_172":-5,"_173":2219,"_99":2220},[],[158,214],{"_105":222,"_96":223,"_159":224,"_161":160,"_162":144,"_163":225,"_165":166,"_107":226,"_101":32,"_168":181,"_170":227,"_171":22,"_172":-5,"_173":2222,"_99":2223},[],[158,223],{"_105":231,"_96":232,"_159":233,"_161":160,"_162":144,"_163":234,"_165":166,"_107":235,"_101":32,"_168":181,"_170":236,"_171":22,"_172":-5,"_173":2225,"_99":2226},[],[158,232],{"_105":240,"_96":241,"_159":242,"_161":160,"_162":144,"_163":243,"_165":166,"_107":244,"_101":32,"_168":181,"_170":245,"_171":22,"_172":-5,"_173":2228,"_99":2229},[],[158,241],{"_105":249,"_96":250,"_159":251,"_161":160,"_162":144,"_163":252,"_165":166,"_107":253,"_101":32,"_168":181,"_170":254,"_171":22,"_172":-5,"_173":2231,"_99":2232},[],[158,250],{"_105":258,"_96":259,"_159":260,"_161":160,"_162":144,"_163":261,"_165":166,"_107":262,"_101":32,"_168":181,"_170":263,"_171":22,"_172":-5,"_173":2234,"_99":2235},[],[158,259],{"_105":267,"_96":268,"_159":269,"_161":160,"_162":144,"_163":270,"_165":166,"_107":271,"_101":32,"_168":181,"_170":272,"_171":22,"_172":-5,"_173":2237,"_99":2238},[],[158,268],{"_105":276,"_96":277,"_159":278,"_161":160,"_162":144,"_163":279,"_165":166,"_107":280,"_101":32,"_168":181,"_170":281,"_171":22,"_172":-5,"_173":2240,"_99":2241},[],[158,277],{"_105":285,"_96":286,"_159":287,"_161":160,"_162":144,"_163":288,"_165":166,"_107":289,"_101":32,"_168":181,"_170":290,"_171":22,"_172":-5,"_173":2243,"_99":2244},[],[158,286],{"_105":294,"_96":295,"_159":296,"_161":160,"_162":144,"_163":297,"_165":166,"_107":298,"_101":32,"_168":181,"_170":299,"_171":22,"_172":-5,"_173":2246,"_99":2247},[],[158,295],{"_105":303,"_96":304,"_159":305,"_161":160,"_162":144,"_163":306,"_165":166,"_107":307,"_101":32,"_168":181,"_170":308,"_171":22,"_172":-5,"_173":2249,"_99":2250},[],[158,304],{"_105":312,"_96":313,"_159":314,"_161":160,"_162":144,"_163":315,"_165":166,"_107":316,"_101":32,"_168":181,"_170":317,"_171":22,"_172":-5,"_173":2252,"_99":2253},[],[158,313],{"_105":321,"_96":322,"_159":323,"_161":160,"_162":144,"_163":324,"_165":166,"_107":325,"_101":32,"_168":181,"_170":326,"_171":22,"_172":-5,"_173":2255,"_99":2256},[],[158,322],{"_105":330,"_96":331,"_159":332,"_161":160,"_162":144,"_163":333,"_165":166,"_107":334,"_101":32,"_168":181,"_170":335,"_171":22,"_172":-5,"_173":2258,"_99":2259},[],[158,331],{"_105":339,"_96":340,"_159":341,"_161":160,"_162":144,"_163":342,"_165":166,"_107":343,"_101":32,"_168":181,"_170":344,"_171":22,"_172":-5,"_173":2261,"_99":2262},[],[158,340],{"_105":348,"_96":349,"_159":350,"_161":160,"_162":144,"_163":351,"_165":166,"_107":352,"_101":32,"_168":181,"_170":353,"_171":22,"_172":-5,"_173":2264,"_99":2265},[],[158,349],{"_105":357,"_96":358,"_159":359,"_161":160,"_162":144,"_163":360,"_165":166,"_107":361,"_101":32,"_168":181,"_170":362,"_171":22,"_172":-5,"_173":2267,"_99":2268},[],[158,358],{"_105":366,"_96":367,"_159":368,"_161":160,"_162":144,"_163":369,"_165":166,"_107":370,"_101":32,"_168":181,"_170":371,"_171":22,"_172":-5,"_173":2270,"_99":2271},[],[158,367],{"_105":375,"_96":376,"_159":377,"_161":160,"_162":144,"_163":378,"_165":166,"_107":379,"_101":32,"_168":181,"_170":380,"_171":22,"_172":-5,"_173":2273,"_99":2274},[],[158,376],{"_105":384,"_96":385,"_159":386,"_161":160,"_162":144,"_163":387,"_165":166,"_107":388,"_101":32,"_168":181,"_170":389,"_171":22,"_172":-5,"_173":2276,"_99":2277},[],[158,385],{"_105":393,"_96":394,"_159":395,"_161":160,"_162":144,"_163":396,"_165":166,"_107":397,"_101":32,"_168":181,"_170":398,"_171":22,"_172":-5,"_173":2279,"_99":2280},[],[158,394],{"_105":402,"_96":403,"_159":404,"_161":160,"_162":144,"_163":405,"_165":166,"_107":406,"_101":32,"_168":181,"_170":407,"_171":22,"_172":-5,"_173":2282,"_99":2283},[],[158,403],{"_105":411,"_96":412,"_159":413,"_161":160,"_162":144,"_163":414,"_165":166,"_107":415,"_101":32,"_168":181,"_170":416,"_171":22,"_172":-5,"_173":2285,"_99":2286},[],[158,412],{"_105":420,"_96":421,"_159":422,"_161":160,"_162":144,"_163":423,"_165":166,"_107":424,"_101":32,"_168":181,"_170":425,"_171":22,"_172":-5,"_173":2288,"_99":2289},[],[158,421],{"_105":429,"_96":430,"_159":431,"_161":160,"_162":144,"_163":432,"_165":166,"_107":433,"_101":32,"_168":181,"_170":434,"_171":22,"_172":-5,"_173":2291,"_99":2292},[],[158,430],{"_105":438,"_96":439,"_159":440,"_161":160,"_162":144,"_163":441,"_165":166,"_107":442,"_101":32,"_168":181,"_170":443,"_171":22,"_172":-5,"_173":2294,"_99":2295},[],[158,439],{"_105":447,"_96":448,"_159":449,"_161":160,"_162":144,"_163":450,"_165":166,"_107":451,"_101":32,"_168":181,"_170":452,"_171":22,"_172":-5,"_173":2297,"_99":2298},[],[158,448],{"_105":456,"_96":457,"_159":458,"_161":160,"_162":144,"_163":459,"_165":166,"_107":460,"_101":32,"_168":181,"_170":461,"_171":22,"_172":-5,"_173":2300,"_99":2301},[],[158,457],{"_105":465,"_96":466,"_159":467,"_161":160,"_162":144,"_163":468,"_165":166,"_107":469,"_101":32,"_168":181,"_170":470,"_171":22,"_172":-5,"_173":2303,"_99":2304},[],[158,466],{"_105":474,"_96":475,"_159":476,"_161":160,"_162":144,"_163":477,"_165":166,"_107":478,"_101":32,"_168":181,"_170":479,"_171":22,"_172":-5,"_173":2306,"_99":2307},[],[158,475],{"_105":483,"_96":484,"_159":485,"_161":160,"_162":144,"_163":486,"_165":166,"_107":487,"_101":32,"_168":181,"_170":488,"_171":22,"_172":-5,"_173":2309,"_99":2310},[],[158,484],{"_105":492,"_96":493,"_159":494,"_161":160,"_162":144,"_163":495,"_165":166,"_107":496,"_101":32,"_168":181,"_170":497,"_171":22,"_172":-5,"_173":2312,"_99":2313},[],[158,493],{"_105":501,"_96":502,"_159":503,"_161":160,"_162":144,"_163":504,"_165":166,"_107":505,"_101":32,"_168":181,"_170":506,"_171":22,"_172":-5,"_173":2315,"_99":2316},[],[158,502],{"_105":510,"_96":511,"_159":512,"_161":160,"_162":144,"_163":513,"_165":166,"_107":514,"_101":32,"_168":181,"_170":515,"_171":22,"_172":-5,"_173":2318,"_99":2319},[],[158,511],{"_105":519,"_96":520,"_159":521,"_161":160,"_162":144,"_163":522,"_165":166,"_107":523,"_101":32,"_168":181,"_170":524,"_171":22,"_172":-5,"_173":2321,"_99":2322},[],[158,520],{"_105":528,"_96":529,"_159":530,"_161":160,"_162":144,"_163":531,"_165":166,"_107":532,"_101":32,"_168":181,"_170":533,"_171":22,"_172":-5,"_173":2324,"_99":2325},[],[158,529],{"_105":537,"_96":538,"_159":539,"_161":160,"_162":144,"_163":540,"_165":166,"_107":541,"_101":32,"_168":181,"_170":542,"_171":22,"_172":-5,"_173":2327,"_99":2328},[],[158,538],{"_105":546,"_96":547,"_159":548,"_161":160,"_162":144,"_163":549,"_165":166,"_107":550,"_101":32,"_168":181,"_170":551,"_171":22,"_172":-5,"_173":2330,"_99":2331},[],[158,547],{"_105":555,"_96":556,"_159":557,"_161":160,"_162":144,"_163":558,"_165":166,"_107":559,"_101":32,"_168":181,"_170":560,"_171":22,"_172":-5,"_173":2333,"_99":2334},[],[158,556],{"_105":564,"_96":565,"_159":566,"_161":160,"_162":144,"_163":567,"_165":166,"_107":568,"_101":32,"_168":181,"_170":569,"_171":22,"_172":-5,"_173":2336,"_99":2337},[],[158,565],{"_105":573,"_96":574,"_159":575,"_161":160,"_162":144,"_163":576,"_165":166,"_107":577,"_101":32,"_168":181,"_170":578,"_171":22,"_172":-5,"_173":2339,"_99":2340},[],[158,574],{"_105":582,"_96":583,"_159":584,"_161":160,"_162":144,"_163":585,"_165":166,"_107":586,"_101":32,"_168":181,"_170":587,"_171":22,"_172":-5,"_173":2342,"_99":2343},[],[158,583],{"_105":591,"_96":592,"_159":593,"_161":160,"_162":144,"_163":594,"_165":166,"_107":595,"_101":32,"_168":181,"_170":596,"_171":22,"_172":-5,"_173":2345,"_99":2346},[],[158,592],{"_105":600,"_96":601,"_159":602,"_161":160,"_162":144,"_163":603,"_165":166,"_107":604,"_101":32,"_168":181,"_170":605,"_171":22,"_172":-5,"_173":2348,"_99":2349},[],[158,601],{"_105":609,"_96":610,"_159":611,"_161":160,"_162":144,"_163":612,"_165":166,"_107":613,"_101":32,"_168":181,"_170":614,"_171":22,"_172":-5,"_173":2351,"_99":2352},[],[158,610],{"_105":618,"_96":619,"_159":620,"_161":160,"_162":144,"_163":621,"_165":166,"_107":622,"_101":32,"_168":181,"_170":623,"_171":22,"_172":-5,"_173":2354,"_99":2355},[],[158,619],{"_105":627,"_96":628,"_159":629,"_161":160,"_162":144,"_163":630,"_165":166,"_107":631,"_101":32,"_168":181,"_170":632,"_171":22,"_172":-5,"_173":2357,"_99":2358},[],[158,628],{"_105":636,"_96":637,"_159":638,"_161":160,"_162":144,"_163":639,"_165":166,"_107":640,"_101":32,"_168":181,"_170":641,"_171":22,"_172":-5,"_173":2360,"_99":2361},[],[158,637],{"_105":645,"_96":646,"_159":647,"_161":160,"_162":144,"_163":648,"_165":166,"_107":649,"_101":32,"_168":181,"_170":650,"_171":22,"_172":-5,"_173":2363,"_99":2364},[],[158,646],{"_105":654,"_96":655,"_159":656,"_161":160,"_162":144,"_163":657,"_165":166,"_107":658,"_101":32,"_168":181,"_170":659,"_171":22,"_172":-5,"_173":2366,"_99":2367},[],[158,655],{"_105":663,"_96":664,"_159":665,"_161":160,"_162":144,"_163":666,"_165":166,"_107":667,"_101":32,"_168":181,"_170":668,"_171":22,"_172":-5,"_173":2369,"_99":2370},[],[158,664],{"_105":672,"_96":673,"_159":674,"_161":160,"_162":144,"_163":675,"_165":166,"_107":676,"_101":32,"_168":181,"_170":677,"_171":22,"_172":-5,"_173":2372,"_99":2373},[],[158,673],{"_105":681,"_96":682,"_159":683,"_161":160,"_162":144,"_163":684,"_165":166,"_107":685,"_101":32,"_168":181,"_170":686,"_171":22,"_172":-5,"_173":2375,"_99":2376},[],[158,682],{"_105":690,"_96":691,"_159":692,"_161":160,"_162":144,"_163":693,"_165":166,"_107":694,"_101":32,"_168":181,"_170":695,"_171":22,"_172":-5,"_173":2378,"_99":2379},[],[158,691],{"_105":699,"_96":700,"_159":701,"_161":160,"_162":144,"_163":702,"_165":166,"_107":703,"_101":32,"_168":181,"_170":704,"_171":22,"_172":-5,"_173":2381,"_99":2382},[],[158,700],{"_105":708,"_96":709,"_159":710,"_161":160,"_162":144,"_163":711,"_165":166,"_107":712,"_101":32,"_168":181,"_170":713,"_171":22,"_172":-5,"_173":2384,"_99":2385},[],[158,709],{"_105":717,"_96":718,"_159":719,"_161":160,"_162":144,"_163":720,"_165":166,"_107":721,"_101":32,"_168":181,"_170":722,"_171":22,"_172":-5,"_173":2387,"_99":2388},[],[158,718],{"_105":726,"_96":727,"_159":728,"_161":160,"_162":144,"_163":729,"_165":166,"_107":730,"_101":32,"_168":181,"_170":731,"_171":22,"_172":-5,"_173":2390,"_99":2391},[],[158,727],{"_105":735,"_96":736,"_159":737,"_161":160,"_162":144,"_163":738,"_165":166,"_107":739,"_101":32,"_168":181,"_170":740,"_171":22,"_172":-5,"_173":2393,"_99":2394},[],[158,736],{"_105":744,"_96":745,"_159":746,"_161":160,"_162":144,"_163":747,"_165":166,"_107":748,"_101":32,"_168":181,"_170":749,"_171":22,"_172":-5,"_173":2396,"_99":2397},[],[158,745],{"_105":753,"_96":754,"_159":755,"_161":160,"_162":144,"_163":756,"_165":166,"_107":757,"_101":32,"_168":181,"_170":758,"_171":22,"_172":-5,"_173":2399,"_99":2400},[],[158,754],{"_105":762,"_96":763,"_159":764,"_161":160,"_162":144,"_163":765,"_165":166,"_107":766,"_101":32,"_168":181,"_170":767,"_171":22,"_172":-5,"_173":2402,"_99":2403},[],[158,763],{"_105":771,"_96":772,"_159":773,"_161":160,"_162":144,"_163":774,"_165":166,"_107":775,"_101":32,"_168":181,"_170":776,"_171":22,"_172":-5,"_173":2405,"_99":2406},[],[158,772],{"_105":780,"_96":781,"_159":782,"_161":160,"_162":144,"_163":783,"_165":166,"_107":784,"_101":32,"_168":181,"_170":785,"_171":22,"_172":-5,"_173":2408,"_99":2409},[],[158,781],{"_105":789,"_96":790,"_159":791,"_161":160,"_162":144,"_163":792,"_165":166,"_107":793,"_101":32,"_168":181,"_170":794,"_171":22,"_172":-5,"_173":2411,"_99":2412},[],[158,790],{"_105":798,"_96":799,"_159":800,"_161":160,"_162":144,"_163":801,"_165":166,"_107":802,"_101":32,"_168":181,"_170":803,"_171":22,"_172":-5,"_173":2414,"_99":2415},[],[158,799],{"_105":807,"_96":808,"_159":809,"_161":160,"_162":144,"_163":810,"_165":166,"_107":811,"_101":32,"_168":181,"_170":812,"_171":22,"_172":-5,"_173":2417,"_99":2418},[],[158,808],{"_105":816,"_96":817,"_159":818,"_161":160,"_162":144,"_163":819,"_165":166,"_107":820,"_101":32,"_168":181,"_170":821,"_171":22,"_172":-5,"_173":2420,"_99":2421},[],[158,817],{"_105":825,"_96":826,"_159":827,"_161":160,"_162":144,"_163":828,"_165":166,"_107":829,"_101":32,"_168":181,"_170":830,"_171":22,"_172":-5,"_173":2423,"_99":2424},[],[158,826],{"_105":834,"_96":835,"_159":836,"_161":160,"_162":144,"_163":837,"_165":166,"_107":838,"_101":32,"_168":181,"_170":839,"_171":22,"_172":-5,"_173":2426,"_99":2427},[],[158,835],{"_105":843,"_96":844,"_159":845,"_161":160,"_162":144,"_163":846,"_165":166,"_107":847,"_101":32,"_168":181,"_170":848,"_171":22,"_172":-5,"_173":2429,"_99":2430},[],[158,844],{"_105":852,"_96":853,"_159":854,"_161":160,"_162":144,"_163":855,"_165":166,"_107":856,"_101":32,"_168":181,"_170":857,"_171":22,"_172":-5,"_173":2432,"_99":2433},[],[158,853],{"_105":861,"_96":862,"_159":863,"_161":160,"_162":144,"_163":864,"_165":166,"_107":865,"_101":32,"_168":181,"_170":866,"_171":22,"_172":-5,"_173":2435,"_99":2436},[],[158,862],{"_105":870,"_96":871,"_159":872,"_161":160,"_162":144,"_163":873,"_165":166,"_107":874,"_101":32,"_168":181,"_170":875,"_171":22,"_172":-5,"_173":2438,"_99":2439},[],[158,871],{"_105":879,"_96":880,"_159":881,"_161":160,"_162":144,"_163":882,"_165":166,"_107":883,"_101":32,"_168":181,"_170":884,"_171":22,"_172":-5,"_173":2441,"_99":2442},[],[158,880],{"_105":888,"_96":889,"_159":890,"_161":160,"_162":144,"_163":102,"_165":166,"_107":891,"_101":32,"_168":181,"_170":892,"_171":22,"_172":-5,"_173":2444,"_99":2445},[],[158,889],{"_105":896,"_96":897,"_159":898,"_161":160,"_162":144,"_163":899,"_165":166,"_107":900,"_101":32,"_168":181,"_170":901,"_171":22,"_172":-5,"_173":2447,"_99":2448},[],[158,897],{"_105":905,"_96":906,"_159":907,"_161":160,"_162":144,"_163":908,"_165":166,"_107":909,"_101":32,"_168":181,"_170":910,"_171":22,"_172":-5,"_173":2450,"_99":2451},[],[158,906],{"_105":914,"_96":915,"_159":916,"_161":160,"_162":144,"_163":917,"_165":166,"_107":918,"_101":32,"_168":181,"_170":919,"_171":22,"_172":-5,"_173":2453,"_99":2454},[],[158,915],{"_105":923,"_96":924,"_159":925,"_161":160,"_162":144,"_163":926,"_165":166,"_107":927,"_101":32,"_168":181,"_170":928,"_171":22,"_172":-5,"_173":2456,"_99":2457},[],[158,924],{"_105":932,"_96":933,"_159":934,"_161":160,"_162":144,"_163":935,"_165":166,"_107":936,"_101":32,"_168":181,"_170":937,"_171":22,"_172":-5,"_173":2459,"_99":2460},[],[158,933],{"_105":941,"_96":942,"_159":943,"_161":160,"_162":144,"_163":944,"_165":166,"_107":945,"_101":32,"_168":181,"_170":946,"_171":22,"_172":-5,"_173":2462,"_99":2463},[],[158,942],{"_105":950,"_96":951,"_159":952,"_161":160,"_162":144,"_163":953,"_165":166,"_107":954,"_101":32,"_168":181,"_170":955,"_171":22,"_172":-5,"_173":2465,"_99":2466},[],[158,951],{"_105":959,"_96":960,"_159":961,"_161":160,"_162":144,"_163":962,"_165":166,"_107":963,"_101":32,"_168":181,"_170":964,"_171":22,"_172":-5,"_173":2468,"_99":2469},[],[158,960],{"_105":968,"_96":969,"_159":970,"_161":160,"_162":144,"_163":971,"_165":166,"_107":972,"_101":32,"_168":181,"_170":973,"_171":22,"_172":-5,"_173":2471,"_99":2472},[],[158,969],{"_105":977,"_96":978,"_159":979,"_161":160,"_162":144,"_163":980,"_165":166,"_107":981,"_101":32,"_168":181,"_170":982,"_171":22,"_172":-5,"_173":2474,"_99":2475},[],[158,978],{"_105":986,"_96":987,"_159":988,"_161":160,"_162":144,"_163":989,"_165":166,"_107":990,"_101":32,"_168":181,"_170":991,"_171":22,"_172":-5,"_173":2477,"_99":2478},[],[158,987],{"_105":995,"_96":996,"_159":997,"_161":160,"_162":144,"_163":998,"_165":166,"_107":999,"_101":32,"_168":181,"_170":1000,"_171":22,"_172":-5,"_173":2480,"_99":2481},[],[158,996],{"_105":1004,"_96":1005,"_159":1006,"_161":160,"_162":144,"_163":1007,"_165":166,"_107":1008,"_101":32,"_168":181,"_170":1009,"_171":22,"_172":-5,"_173":2483,"_99":2484},[],[158,1005],{"_105":1013,"_96":1014,"_159":1015,"_161":160,"_162":144,"_163":1016,"_165":166,"_107":1017,"_101":32,"_168":181,"_170":1018,"_171":22,"_172":-5,"_173":2486,"_99":2487},[],[158,1014],{"_105":1022,"_96":1023,"_159":1024,"_161":160,"_162":144,"_163":1025,"_165":166,"_107":1026,"_101":32,"_168":181,"_170":1027,"_171":22,"_172":-5,"_173":2489,"_99":2490},[],[158,1023],{"_105":1031,"_96":1032,"_159":1033,"_161":160,"_162":144,"_163":1034,"_165":166,"_107":1035,"_101":32,"_168":181,"_170":1036,"_171":22,"_172":-5,"_173":2492,"_99":2493},[],[158,1032],{"_105":1040,"_96":1041,"_159":1042,"_161":160,"_162":144,"_163":1043,"_165":166,"_107":1044,"_101":32,"_168":181,"_170":1045,"_171":22,"_172":-5,"_173":2495,"_99":2496},[],[158,1041],{"_105":1049,"_96":1050,"_159":1051,"_161":160,"_162":144,"_163":1052,"_165":166,"_107":1053,"_101":32,"_168":181,"_170":1054,"_171":22,"_172":-5,"_173":2498,"_99":2499},[],[158,1050],{"_105":1058,"_96":1059,"_159":1060,"_161":160,"_162":144,"_163":1061,"_165":166,"_107":1062,"_101":32,"_168":181,"_170":1063,"_171":22,"_172":-5,"_173":2501,"_99":2502},[],[158,1059],{"_105":1067,"_96":1068,"_159":1069,"_161":160,"_162":144,"_163":1070,"_165":166,"_107":1071,"_101":32,"_168":181,"_170":1072,"_171":22,"_172":-5,"_173":2504,"_99":2505},[],[158,1068],{"_105":1076,"_96":1077,"_159":1078,"_161":160,"_162":144,"_163":1079,"_165":166,"_107":1080,"_101":32,"_168":181,"_170":1081,"_171":22,"_172":-5,"_173":2507,"_99":2508},[],[158,1077],{"_105":1085,"_96":1086,"_159":1087,"_161":160,"_162":144,"_163":1088,"_165":166,"_107":1089,"_101":32,"_168":181,"_170":1090,"_171":22,"_172":-5,"_173":2510,"_99":2511},[],[158,1086],{"_105":1094,"_96":1095,"_159":1096,"_161":160,"_162":144,"_163":1097,"_165":166,"_107":1098,"_101":32,"_168":181,"_170":1099,"_171":22,"_172":-5,"_173":2513,"_99":2514},[],[158,1095],{"_105":1103,"_96":1104,"_159":1105,"_161":160,"_162":144,"_163":1106,"_165":166,"_107":1107,"_101":32,"_168":181,"_170":1108,"_171":22,"_172":-5,"_173":2516,"_99":2517},[],[158,1104],{"_105":1112,"_96":1113,"_159":1114,"_161":160,"_162":144,"_163":1115,"_165":166,"_107":1116,"_101":32,"_168":181,"_170":1117,"_171":22,"_172":-5,"_173":2519,"_99":2520},[],[158,1113],{"_105":1121,"_96":1122,"_159":1123,"_161":160,"_162":144,"_163":1124,"_165":166,"_107":1125,"_101":32,"_168":181,"_170":1126,"_171":22,"_172":-5,"_173":2522,"_99":2523},[],[158,1122],{"_105":1130,"_96":1131,"_159":1132,"_161":160,"_162":144,"_163":1133,"_165":166,"_107":1134,"_101":32,"_168":181,"_170":1135,"_171":22,"_172":-5,"_173":2525,"_99":2526},[],[158,1131],{"_105":1139,"_96":1140,"_159":1141,"_161":160,"_162":144,"_163":1142,"_165":166,"_107":1143,"_101":32,"_168":181,"_170":1144,"_171":22,"_172":-5,"_173":2528,"_99":2529},[],[158,1140],{"_105":1148,"_96":1149,"_159":1150,"_161":160,"_162":144,"_163":1151,"_165":166,"_107":1152,"_101":32,"_168":181,"_170":1153,"_171":22,"_172":-5,"_173":2531,"_99":2532},[],[158,1149],{"_105":1157,"_96":1158,"_159":1159,"_161":160,"_162":144,"_163":1160,"_165":166,"_107":1161,"_101":32,"_168":181,"_170":1162,"_171":22,"_172":-5,"_173":2534,"_99":2535},[],[158,1158],{"_105":1166,"_96":1167,"_159":1168,"_161":160,"_162":144,"_163":1169,"_165":166,"_107":1170,"_101":32,"_168":181,"_170":1171,"_171":22,"_172":-5,"_173":2537,"_99":2538},[],[158,1167],{"_105":1175,"_96":1176,"_159":1177,"_161":160,"_162":144,"_163":1178,"_165":166,"_107":1179,"_101":32,"_168":181,"_170":1180,"_171":22,"_172":-5,"_173":2540,"_99":2541},[],[158,1176],{"_105":1184,"_96":1185,"_159":1186,"_161":160,"_162":144,"_163":1187,"_165":166,"_107":1188,"_101":32,"_168":181,"_170":1189,"_171":22,"_172":-5,"_173":2543,"_99":2544},[],[158,1185],{"_105":1193,"_96":1194,"_159":1195,"_161":160,"_162":144,"_163":1196,"_165":166,"_107":1197,"_101":32,"_168":181,"_170":1198,"_171":22,"_172":-5,"_173":2546,"_99":2547},[],[158,1194],{"_105":1202,"_96":1203,"_159":1204,"_161":160,"_162":144,"_163":1205,"_165":166,"_107":1206,"_101":32,"_168":181,"_170":1207,"_171":22,"_172":-5,"_173":2549,"_99":2550},[],[158,1203],[158],{"_105":1212,"_96":1213,"_159":1214,"_161":-5,"_162":144,"_163":1215,"_165":166,"_107":1216,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2553,"_99":2557},[2554],{"_105":1219,"_96":1220,"_159":1221,"_161":1214,"_162":144,"_163":1222,"_165":166,"_107":1223,"_101":32,"_168":181,"_170":1224,"_171":22,"_172":-5,"_173":2555,"_99":2556},[],[1213,1220],[1213],{"_105":1229,"_96":1230,"_159":1231,"_161":-5,"_162":144,"_163":1232,"_165":166,"_107":1233,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2559,"_99":2560},[],[1230],{"_105":1237,"_96":1238,"_159":1239,"_161":-5,"_162":144,"_163":1240,"_165":166,"_107":1241,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2562,"_99":2581},[2563,2566,2569,2572,2575,2578],{"_105":1244,"_96":1245,"_159":1246,"_161":1239,"_162":144,"_163":1247,"_165":166,"_107":1248,"_101":32,"_168":181,"_170":1249,"_171":22,"_172":-5,"_173":2564,"_99":2565},[],[1238,1245],{"_105":1253,"_96":1254,"_159":1255,"_161":1239,"_162":144,"_163":1256,"_165":166,"_107":1257,"_101":32,"_168":181,"_170":1258,"_171":22,"_172":-5,"_173":2567,"_99":2568},[],[1238,1254],{"_105":1262,"_96":1263,"_159":1264,"_161":1239,"_162":144,"_163":1265,"_165":166,"_107":1266,"_101":32,"_168":181,"_170":1267,"_171":22,"_172":-5,"_173":2570,"_99":2571},[],[1238,1263],{"_105":1271,"_96":1272,"_159":1273,"_161":1239,"_162":144,"_163":1274,"_165":166,"_107":1275,"_101":32,"_168":181,"_170":1276,"_171":22,"_172":-5,"_173":2573,"_99":2574},[],[1238,1272],{"_105":1280,"_96":1281,"_159":1282,"_161":1239,"_162":144,"_163":1283,"_165":166,"_107":1284,"_101":32,"_168":181,"_170":1285,"_171":22,"_172":-5,"_173":2576,"_99":2577},[],[1238,1281],{"_105":1289,"_96":1290,"_159":1291,"_161":1239,"_162":144,"_163":1292,"_165":166,"_107":1293,"_101":32,"_168":181,"_170":1294,"_171":22,"_172":-5,"_173":2579,"_99":2580},[],[1238,1290],[1238],{"_105":1299,"_96":1300,"_159":1301,"_161":-5,"_162":144,"_163":1302,"_165":166,"_107":1303,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2583,"_99":2587},[2584],{"_105":1306,"_96":1307,"_159":1308,"_161":1301,"_162":144,"_163":1309,"_165":166,"_107":1310,"_101":32,"_168":181,"_170":1311,"_171":22,"_172":-5,"_173":2585,"_99":2586},[],[1300,1307],[1300],{"_105":1316,"_96":1317,"_159":1318,"_161":-5,"_162":144,"_163":1319,"_165":166,"_107":1320,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2589,"_99":2590},[],[1317],{"_105":1324,"_96":1325,"_159":1326,"_161":-5,"_162":144,"_163":1327,"_165":166,"_107":1328,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2592,"_99":2599},[2593],{"_105":1331,"_96":1332,"_159":1333,"_161":1326,"_162":144,"_163":1334,"_165":166,"_107":1335,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2594,"_99":2598},[2595],{"_105":1338,"_96":1339,"_159":1340,"_161":1333,"_162":144,"_163":1341,"_165":166,"_107":1342,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2596,"_99":2597},[],[1325,1332,1339],[1325,1332],[1325],{"_105":1348,"_96":1349,"_159":1350,"_161":-5,"_162":144,"_163":1351,"_165":166,"_107":1352,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2601,"_99":2605},[2602],{"_105":1355,"_96":1356,"_159":1357,"_161":1350,"_162":144,"_163":1358,"_165":166,"_107":1359,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2603,"_99":2604},[],[1349,1356],[1349],{"_105":1364,"_96":1365,"_159":1366,"_161":-5,"_162":144,"_163":1367,"_165":166,"_107":1368,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2607,"_99":2809},[2608,2794,2797,2800,2803,2806],{"_105":1371,"_96":1372,"_159":1373,"_161":1366,"_162":144,"_163":1374,"_165":166,"_107":1375,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2609,"_99":2793},[2610,2751,2772,2775,2778,2781,2784,2787,2790],{"_105":1378,"_96":1379,"_159":1380,"_161":1373,"_162":144,"_163":1381,"_165":166,"_107":1382,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2611,"_99":2750},[2612,2618,2624,2717,2732,2738,2744],{"_105":1385,"_96":1386,"_159":1387,"_161":1380,"_162":144,"_163":1388,"_165":166,"_107":1389,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2613,"_99":2617},[2614],{"_105":1392,"_96":1393,"_159":1394,"_161":1387,"_162":144,"_163":1395,"_165":166,"_107":1396,"_101":32,"_168":181,"_170":1397,"_171":22,"_172":-5,"_173":2615,"_99":2616},[],[1365,1372,1379,1386,1393],[1365,1372,1379,1386],{"_105":1402,"_96":1403,"_159":1404,"_161":1380,"_162":144,"_163":1405,"_165":166,"_107":1406,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2619,"_99":2623},[2620],{"_105":1409,"_96":1393,"_159":1410,"_161":1404,"_162":144,"_163":1411,"_165":166,"_107":1412,"_101":32,"_168":181,"_170":1413,"_171":22,"_172":-5,"_173":2621,"_99":2622},[],[1365,1372,1379,1403,1393],[1365,1372,1379,1403],{"_105":1418,"_96":25,"_159":1419,"_161":1380,"_162":144,"_163":1420,"_165":166,"_107":1421,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2625,"_99":2716},[2626,2629,2632,2635,2638,2641,2644,2647,2650,2653,2656,2659,2662,2665,2668,2671,2674,2677,2680,2683,2686,2689,2692,2695,2698,2701,2704,2707,2710,2713],{"_105":1424,"_96":1425,"_159":1426,"_161":1419,"_162":144,"_163":1427,"_165":166,"_107":1428,"_101":32,"_168":181,"_170":1429,"_171":22,"_172":-5,"_173":2627,"_99":2628},[],[1365,1372,1379,25,1425],{"_105":1433,"_96":1434,"_159":1435,"_161":1419,"_162":144,"_163":1436,"_165":166,"_107":1437,"_101":32,"_168":181,"_170":1438,"_171":22,"_172":-5,"_173":2630,"_99":2631},[],[1365,1372,1379,25,1434],{"_105":1442,"_96":1443,"_159":1444,"_161":1419,"_162":144,"_163":1445,"_165":166,"_107":1446,"_101":32,"_168":181,"_170":1447,"_171":22,"_172":-5,"_173":2633,"_99":2634},[],[1365,1372,1379,25,1443],{"_105":1451,"_96":1452,"_159":1453,"_161":1419,"_162":144,"_163":1454,"_165":166,"_107":1455,"_101":32,"_168":181,"_170":1456,"_171":22,"_172":-5,"_173":2636,"_99":2637},[],[1365,1372,1379,25,1452],{"_105":1460,"_96":1461,"_159":1462,"_161":1419,"_162":144,"_163":1463,"_165":166,"_107":1464,"_101":32,"_168":181,"_170":1465,"_171":22,"_172":-5,"_173":2639,"_99":2640},[],[1365,1372,1379,25,1461],{"_105":1469,"_96":1470,"_159":1471,"_161":1419,"_162":144,"_163":1472,"_165":166,"_107":1473,"_101":32,"_168":181,"_170":1474,"_171":22,"_172":-5,"_173":2642,"_99":2643},[],[1365,1372,1379,25,1470],{"_105":1478,"_96":1479,"_159":1480,"_161":1419,"_162":144,"_163":1481,"_165":166,"_107":1482,"_101":32,"_168":181,"_170":1483,"_171":22,"_172":-5,"_173":2645,"_99":2646},[],[1365,1372,1379,25,1479],{"_105":1487,"_96":1488,"_159":1489,"_161":1419,"_162":144,"_163":1490,"_165":166,"_107":1491,"_101":32,"_168":181,"_170":1492,"_171":22,"_172":-5,"_173":2648,"_99":2649},[],[1365,1372,1379,25,1488],{"_105":1496,"_96":1497,"_159":1498,"_161":1419,"_162":144,"_163":1499,"_165":166,"_107":1500,"_101":32,"_168":181,"_170":1501,"_171":22,"_172":-5,"_173":2651,"_99":2652},[],[1365,1372,1379,25,1497],{"_105":1505,"_96":1506,"_159":1507,"_161":1419,"_162":144,"_163":1508,"_165":166,"_107":1509,"_101":32,"_168":181,"_170":1510,"_171":22,"_172":-5,"_173":2654,"_99":2655},[],[1365,1372,1379,25,1506],{"_105":1514,"_96":1515,"_159":1516,"_161":1419,"_162":144,"_163":1517,"_165":166,"_107":1518,"_101":32,"_168":181,"_170":1519,"_171":22,"_172":-5,"_173":2657,"_99":2658},[],[1365,1372,1379,25,1515],{"_105":1523,"_96":1524,"_159":1525,"_161":1419,"_162":144,"_163":1526,"_165":166,"_107":1527,"_101":32,"_168":181,"_170":1528,"_171":22,"_172":-5,"_173":2660,"_99":2661},[],[1365,1372,1379,25,1524],{"_105":1532,"_96":1533,"_159":1534,"_161":1419,"_162":144,"_163":1535,"_165":166,"_107":1536,"_101":32,"_168":181,"_170":1537,"_171":22,"_172":-5,"_173":2663,"_99":2664},[],[1365,1372,1379,25,1533],{"_105":1541,"_96":1542,"_159":1543,"_161":1419,"_162":144,"_163":1544,"_165":166,"_107":1545,"_101":32,"_168":181,"_170":1546,"_171":22,"_172":-5,"_173":2666,"_99":2667},[],[1365,1372,1379,25,1542],{"_105":1550,"_96":1551,"_159":1552,"_161":1419,"_162":144,"_163":1553,"_165":166,"_107":1554,"_101":32,"_168":181,"_170":1555,"_171":22,"_172":-5,"_173":2669,"_99":2670},[],[1365,1372,1379,25,1551],{"_105":1559,"_96":1560,"_159":1561,"_161":1419,"_162":144,"_163":1562,"_165":166,"_107":1563,"_101":32,"_168":181,"_170":1564,"_171":22,"_172":-5,"_173":2672,"_99":2673},[],[1365,1372,1379,25,1560],{"_105":1568,"_96":1569,"_159":1570,"_161":1419,"_162":144,"_163":1571,"_165":166,"_107":1572,"_101":32,"_168":181,"_170":1573,"_171":22,"_172":-5,"_173":2675,"_99":2676},[],[1365,1372,1379,25,1569],{"_105":1577,"_96":1578,"_159":1579,"_161":1419,"_162":144,"_163":1580,"_165":166,"_107":1581,"_101":32,"_168":181,"_170":1582,"_171":22,"_172":-5,"_173":2678,"_99":2679},[],[1365,1372,1379,25,1578],{"_105":1586,"_96":1587,"_159":1588,"_161":1419,"_162":144,"_163":1589,"_165":166,"_107":1590,"_101":32,"_168":181,"_170":1591,"_171":22,"_172":-5,"_173":2681,"_99":2682},[],[1365,1372,1379,25,1587],{"_105":1595,"_96":1596,"_159":1597,"_161":1419,"_162":144,"_163":1598,"_165":166,"_107":1599,"_101":32,"_168":181,"_170":1600,"_171":22,"_172":-5,"_173":2684,"_99":2685},[],[1365,1372,1379,25,1596],{"_105":1604,"_96":1605,"_159":1606,"_161":1419,"_162":144,"_163":1607,"_165":166,"_107":1608,"_101":32,"_168":181,"_170":1609,"_171":22,"_172":-5,"_173":2687,"_99":2688},[],[1365,1372,1379,25,1605],{"_105":1613,"_96":1614,"_159":1615,"_161":1419,"_162":144,"_163":1616,"_165":166,"_107":1617,"_101":32,"_168":181,"_170":1618,"_171":22,"_172":-5,"_173":2690,"_99":2691},[],[1365,1372,1379,25,1614],{"_105":1622,"_96":1623,"_159":1624,"_161":1419,"_162":144,"_163":1625,"_165":166,"_107":1626,"_101":32,"_168":181,"_170":1627,"_171":22,"_172":-5,"_173":2693,"_99":2694},[],[1365,1372,1379,25,1623],{"_105":1631,"_96":1632,"_159":1633,"_161":1419,"_162":144,"_163":1634,"_165":166,"_107":1635,"_101":32,"_168":181,"_170":1636,"_171":22,"_172":-5,"_173":2696,"_99":2697},[],[1365,1372,1379,25,1632],{"_105":1640,"_96":1641,"_159":1642,"_161":1419,"_162":144,"_163":1643,"_165":166,"_107":1644,"_101":32,"_168":181,"_170":1645,"_171":22,"_172":-5,"_173":2699,"_99":2700},[],[1365,1372,1379,25,1641],{"_105":1649,"_96":1650,"_159":1651,"_161":1419,"_162":144,"_163":1652,"_165":166,"_107":1653,"_101":32,"_168":181,"_170":1654,"_171":22,"_172":-5,"_173":2702,"_99":2703},[],[1365,1372,1379,25,1650],{"_105":1658,"_96":1659,"_159":1660,"_161":1419,"_162":144,"_163":1661,"_165":166,"_107":1662,"_101":32,"_168":181,"_170":1663,"_171":22,"_172":-5,"_173":2705,"_99":2706},[],[1365,1372,1379,25,1659],{"_105":1667,"_96":1668,"_159":1669,"_161":1419,"_162":144,"_163":1670,"_165":166,"_107":1671,"_101":32,"_168":181,"_170":1672,"_171":22,"_172":-5,"_173":2708,"_99":2709},[],[1365,1372,1379,25,1668],{"_105":1676,"_96":1677,"_159":1678,"_161":1419,"_162":144,"_163":1679,"_165":166,"_107":1680,"_101":32,"_168":1681,"_170":1682,"_171":22,"_172":-5,"_173":2711,"_99":2712},[],[1365,1372,1379,25,1677],{"_105":1686,"_96":1687,"_159":1688,"_161":1419,"_162":144,"_163":1689,"_165":166,"_107":1690,"_101":32,"_168":1681,"_170":1691,"_171":22,"_172":-5,"_173":2714,"_99":2715},[],[1365,1372,1379,25,1687],[1365,1372,1379,25],{"_105":1696,"_96":1697,"_159":1698,"_161":1380,"_162":144,"_163":1699,"_165":166,"_107":1700,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2718,"_99":2731},[2719,2722,2725,2728],{"_105":1703,"_96":1704,"_159":1705,"_161":1698,"_162":144,"_163":1706,"_165":166,"_107":1707,"_101":32,"_168":181,"_170":1708,"_171":22,"_172":-5,"_173":2720,"_99":2721},[],[1365,1372,1379,1697,1704],{"_105":1712,"_96":1713,"_159":1714,"_161":1698,"_162":144,"_163":1715,"_165":166,"_107":1716,"_101":32,"_168":181,"_170":1717,"_171":22,"_172":-5,"_173":2723,"_99":2724},[],[1365,1372,1379,1697,1713],{"_105":1721,"_96":1677,"_159":1722,"_161":1698,"_162":144,"_163":1723,"_165":166,"_107":1724,"_101":32,"_168":1681,"_170":1725,"_171":22,"_172":-5,"_173":2726,"_99":2727},[],[1365,1372,1379,1697,1677],{"_105":1729,"_96":1393,"_159":1730,"_161":1698,"_162":144,"_163":1731,"_165":166,"_107":1732,"_101":32,"_168":181,"_170":1733,"_171":22,"_172":-5,"_173":2729,"_99":2730},[],[1365,1372,1379,1697,1393],[1365,1372,1379,1697],{"_105":1738,"_96":1739,"_159":1740,"_161":1380,"_162":144,"_163":1741,"_165":166,"_107":1742,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2733,"_99":2737},[2734],{"_105":1745,"_96":1393,"_159":1746,"_161":1740,"_162":144,"_163":1747,"_165":166,"_107":1748,"_101":32,"_168":181,"_170":1749,"_171":22,"_172":-5,"_173":2735,"_99":2736},[],[1365,1372,1379,1739,1393],[1365,1372,1379,1739],{"_105":1754,"_96":1755,"_159":1756,"_161":1380,"_162":144,"_163":1757,"_165":166,"_107":1758,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2739,"_99":2743},[2740],{"_105":1761,"_96":1393,"_159":1762,"_161":1756,"_162":144,"_163":1763,"_165":166,"_107":1764,"_101":32,"_168":181,"_170":1765,"_171":22,"_172":-5,"_173":2741,"_99":2742},[],[1365,1372,1379,1755,1393],[1365,1372,1379,1755],{"_105":1770,"_96":1771,"_159":1772,"_161":1380,"_162":144,"_163":1773,"_165":166,"_107":1774,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2745,"_99":2749},[2746],{"_105":1777,"_96":1393,"_159":1778,"_161":1772,"_162":144,"_163":1779,"_165":166,"_107":1780,"_101":32,"_168":181,"_170":1781,"_171":22,"_172":-5,"_173":2747,"_99":2748},[],[1365,1372,1379,1771,1393],[1365,1372,1379,1771],[1365,1372,1379],{"_105":1787,"_96":1788,"_159":1789,"_161":1373,"_162":144,"_163":1790,"_165":166,"_107":1791,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2752,"_99":2771},[2753,2756,2759,2762,2765,2768],{"_105":1794,"_96":1795,"_159":1796,"_161":1789,"_162":144,"_163":1797,"_165":166,"_107":1798,"_101":32,"_168":181,"_170":1799,"_171":22,"_172":-5,"_173":2754,"_99":2755},[],[1365,1372,1788,1795],{"_105":1803,"_96":1804,"_159":1805,"_161":1789,"_162":144,"_163":1806,"_165":166,"_107":1807,"_101":32,"_168":181,"_170":1808,"_171":22,"_172":-5,"_173":2757,"_99":2758},[],[1365,1372,1788,1804],{"_105":1812,"_96":1813,"_159":1814,"_161":1789,"_162":144,"_163":1815,"_165":166,"_107":1816,"_101":32,"_168":181,"_170":1817,"_171":22,"_172":-5,"_173":2760,"_99":2761},[],[1365,1372,1788,1813],{"_105":1821,"_96":1822,"_159":1823,"_161":1789,"_162":144,"_163":1824,"_165":166,"_107":1825,"_101":32,"_168":181,"_170":1826,"_171":22,"_172":-5,"_173":2763,"_99":2764},[],[1365,1372,1788,1822],{"_105":1830,"_96":1831,"_159":1832,"_161":1789,"_162":144,"_163":1833,"_165":166,"_107":1834,"_101":32,"_168":181,"_170":1835,"_171":22,"_172":-5,"_173":2766,"_99":2767},[],[1365,1372,1788,1831],{"_105":1839,"_96":1641,"_159":1840,"_161":1789,"_162":144,"_163":1841,"_165":166,"_107":1842,"_101":32,"_168":181,"_170":1843,"_171":22,"_172":-5,"_173":2769,"_99":2770},[],[1365,1372,1788,1641],[1365,1372,1788],{"_105":1848,"_96":1849,"_159":1850,"_161":1373,"_162":144,"_163":1851,"_165":166,"_107":1852,"_101":32,"_168":1681,"_170":1853,"_171":22,"_172":-5,"_173":2773,"_99":2774},[],[1365,1372,1849],{"_105":1857,"_96":1677,"_159":1858,"_161":1373,"_162":144,"_163":1859,"_165":166,"_107":1860,"_101":32,"_168":1681,"_170":1861,"_171":22,"_172":-5,"_173":2776,"_99":2777},[],[1365,1372,1677],{"_105":1865,"_96":1866,"_159":1867,"_161":1373,"_162":144,"_163":1868,"_165":166,"_107":1869,"_101":32,"_168":181,"_170":1870,"_171":22,"_172":-5,"_173":2779,"_99":2780},[],[1365,1372,1866],{"_105":1874,"_96":1875,"_159":1876,"_161":1373,"_162":144,"_163":1877,"_165":166,"_107":1878,"_101":32,"_168":181,"_170":1879,"_171":22,"_172":-5,"_173":2782,"_99":2783},[],[1365,1372,1875],{"_105":1883,"_96":1884,"_159":1885,"_161":1373,"_162":144,"_163":1886,"_165":166,"_107":1887,"_101":32,"_168":1681,"_170":1888,"_171":22,"_172":-5,"_173":2785,"_99":2786},[],[1365,1372,1884],{"_105":1892,"_96":1893,"_159":1894,"_161":1373,"_162":144,"_163":1895,"_165":166,"_107":1896,"_101":32,"_168":181,"_170":1897,"_171":22,"_172":-5,"_173":2788,"_99":2789},[],[1365,1372,1893],{"_105":1901,"_96":1902,"_159":1903,"_161":1373,"_162":144,"_163":1904,"_165":166,"_107":1905,"_101":32,"_168":181,"_170":1906,"_171":22,"_172":-5,"_173":2791,"_99":2792},[],[1365,1372,1902],[1365,1372],{"_105":1911,"_96":1912,"_159":1913,"_161":1366,"_162":144,"_163":1914,"_165":166,"_107":1915,"_101":32,"_168":181,"_170":1916,"_171":22,"_172":-5,"_173":2795,"_99":2796},[],[1365,1912],{"_105":1920,"_96":1849,"_159":1921,"_161":1366,"_162":144,"_163":1922,"_165":166,"_107":1923,"_101":32,"_168":1681,"_170":1924,"_171":22,"_172":-5,"_173":2798,"_99":2799},[],[1365,1849],{"_105":1928,"_96":1929,"_159":1930,"_161":1366,"_162":144,"_163":1931,"_165":166,"_107":1932,"_101":32,"_168":1681,"_170":1933,"_171":22,"_172":-5,"_173":2801,"_99":2802},[],[1365,1929],{"_105":1937,"_96":1884,"_159":1938,"_161":1366,"_162":144,"_163":1939,"_165":166,"_107":1940,"_101":32,"_168":1681,"_170":1941,"_171":22,"_172":-5,"_173":2804,"_99":2805},[],[1365,1884],{"_105":1945,"_96":1893,"_159":1946,"_161":1366,"_162":144,"_163":1947,"_165":166,"_107":1948,"_101":32,"_168":181,"_170":1949,"_171":22,"_172":-5,"_173":2807,"_99":2808},[],[1365,1893],[1365],{"_105":1954,"_96":1955,"_159":1956,"_161":-5,"_162":144,"_163":1957,"_165":166,"_107":1958,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2811,"_99":2872},[2812,2827,2836,2854,2860,2866,2869],{"_105":1961,"_96":1962,"_159":1963,"_161":1956,"_162":144,"_163":1964,"_165":166,"_107":1965,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2813,"_99":2826},[2814,2817,2820,2823],{"_105":1968,"_96":1969,"_159":1970,"_161":1963,"_162":144,"_163":1971,"_165":166,"_107":1972,"_101":32,"_168":181,"_170":1973,"_171":22,"_172":-5,"_173":2815,"_99":2816},[],[1955,1962,1969],{"_105":1977,"_96":1978,"_159":1979,"_161":1963,"_162":144,"_163":1980,"_165":166,"_107":1981,"_101":32,"_168":181,"_170":1982,"_171":22,"_172":-5,"_173":2818,"_99":2819},[],[1955,1962,1978],{"_105":1986,"_96":1987,"_159":1988,"_161":1963,"_162":144,"_163":1989,"_165":166,"_107":1990,"_101":32,"_168":181,"_170":1991,"_171":22,"_172":-5,"_173":2821,"_99":2822},[],[1955,1962,1987],{"_105":1995,"_96":1996,"_159":1997,"_161":1963,"_162":144,"_163":1998,"_165":166,"_107":1999,"_101":32,"_168":181,"_170":2000,"_171":22,"_172":-5,"_173":2824,"_99":2825},[],[1955,1962,1996],[1955,1962],{"_105":2005,"_96":2006,"_159":2007,"_161":1956,"_162":144,"_163":2008,"_165":166,"_107":2009,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2828,"_99":2835},[2829,2832],{"_105":2012,"_96":2013,"_159":2014,"_161":2007,"_162":144,"_163":2015,"_165":166,"_107":2016,"_101":32,"_168":181,"_170":2017,"_171":22,"_172":-5,"_173":2830,"_99":2831},[],[1955,2006,2013],{"_105":2021,"_96":2022,"_159":2023,"_161":2007,"_162":144,"_163":2024,"_165":166,"_107":2025,"_101":32,"_168":181,"_170":2026,"_171":22,"_172":-5,"_173":2833,"_99":2834},[],[1955,2006,2022],[1955,2006],{"_105":2031,"_96":2032,"_159":2033,"_161":1956,"_162":144,"_163":2034,"_165":166,"_107":2035,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2837,"_99":2853},[2838,2841,2844,2847,2850],{"_105":2038,"_96":2039,"_159":2040,"_161":2033,"_162":144,"_163":2041,"_165":166,"_107":2042,"_101":32,"_168":181,"_170":2043,"_171":22,"_172":-5,"_173":2839,"_99":2840},[],[1955,2032,2039],{"_105":2047,"_96":2048,"_159":2049,"_161":2033,"_162":144,"_163":2050,"_165":166,"_107":2051,"_101":32,"_168":181,"_170":2052,"_171":22,"_172":-5,"_173":2842,"_99":2843},[],[1955,2032,2048],{"_105":2056,"_96":2057,"_159":2058,"_161":2033,"_162":144,"_163":2059,"_165":166,"_107":2060,"_101":32,"_168":181,"_170":2061,"_171":22,"_172":-5,"_173":2845,"_99":2846},[],[1955,2032,2057],{"_105":2065,"_96":2066,"_159":2067,"_161":2033,"_162":144,"_163":2068,"_165":166,"_107":2069,"_101":32,"_168":181,"_170":2070,"_171":22,"_172":-5,"_173":2848,"_99":2849},[],[1955,2032,2066],{"_105":2074,"_96":2075,"_159":2076,"_161":2033,"_162":144,"_163":2077,"_165":166,"_107":2078,"_101":32,"_168":181,"_170":2079,"_171":22,"_172":-5,"_173":2851,"_99":2852},[],[1955,2032,2075],[1955,2032],{"_105":2084,"_96":2085,"_159":2086,"_161":1956,"_162":144,"_163":2087,"_165":166,"_107":2088,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2855,"_99":2859},[2856],{"_105":2091,"_96":2092,"_159":2093,"_161":2086,"_162":144,"_163":2094,"_165":166,"_107":2095,"_101":32,"_168":181,"_170":2096,"_171":22,"_172":-5,"_173":2857,"_99":2858},[],[1955,2085,2092],[1955,2085],{"_105":2101,"_96":2102,"_159":2103,"_161":1956,"_162":144,"_163":2104,"_165":166,"_107":2105,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":2861,"_99":2865},[2862],{"_105":2108,"_96":2109,"_159":2110,"_161":2103,"_162":144,"_163":2111,"_165":166,"_107":2112,"_101":32,"_168":181,"_170":2113,"_171":22,"_172":-5,"_173":2863,"_99":2864},[],[1955,2102,2109],[1955,2102],{"_105":2118,"_96":2119,"_159":2120,"_161":1956,"_162":144,"_163":2121,"_165":166,"_107":2122,"_101":32,"_168":181,"_170":2123,"_171":22,"_172":-5,"_173":2867,"_99":2868},[],[1955,2119],{"_105":2127,"_96":2128,"_159":2129,"_161":1956,"_162":144,"_163":2130,"_165":166,"_107":2131,"_101":32,"_168":181,"_170":2132,"_171":22,"_172":-5,"_173":2870,"_99":2871},[],[1955,2128],[1955],{"_105":2137,"_96":1866,"_159":2138,"_161":-5,"_162":144,"_163":2139,"_165":166,"_107":2140,"_101":32,"_168":181,"_170":2141,"_171":22,"_172":-5,"_173":2874,"_99":2875},[],[1866],{"_105":2145,"_96":2146,"_159":2147,"_161":-5,"_162":144,"_163":2148,"_165":166,"_107":2149,"_101":32,"_168":181,"_170":2150,"_171":22,"_172":-5,"_173":2877,"_99":2878},[],[2146],{"_105":2154,"_96":2155,"_159":2156,"_161":-5,"_162":144,"_163":2157,"_165":166,"_107":2158,"_101":32,"_168":1681,"_170":2159,"_171":22,"_172":-5,"_173":2880,"_99":2881},[],[2155],{"_105":2163,"_96":2164,"_159":2165,"_161":-5,"_162":144,"_163":2166,"_165":166,"_107":2167,"_101":32,"_168":181,"_170":2168,"_171":22,"_172":-5,"_173":2883,"_99":2884},[],[2164],[2204,2206,2209,2212,2215,2218,2221,2224,2227,2230,2233,2236,2239,2242,2245,2248,2251,2254,2257,2260,2263,2266,2269,2272,2275,2278,2281,2284,2287,2290,2293,2296,2299,2302,2305,2308,2311,2314,2317,2320,2323,2326,2329,2332,2335,2338,2341,2344,2347,2350,2353,2356,2359,2362,2365,2368,2371,2374,2377,2380,2383,2386,2389,2392,2395,2398,2401,2404,2407,2410,2413,2416,2419,2422,2425,2428,2431,2434,2437,2440,2443,2446,2449,2452,2455,2458,2461,2464,2467,2470,2473,2476,2479,2482,2485,2488,2491,2494,2497,2500,2503,2506,2509,2512,2515,2518,2521,2524,2527,2530,2533,2536,2539,2542,2545,2548,2552,2554,2558,2561,2563,2566,2569,2572,2575,2578,2582,2584,2588,2591,2593,2595,2600,2602,2606,2608,2610,2612,2614,2618,2620,2624,2626,2629,2632,2635,2638,2641,2644,2647,2650,2653,2656,2659,2662,2665,2668,2671,2674,2677,2680,2683,2686,2689,2692,2695,2698,2701,2704,2707,2710,2713,2717,2719,2722,2725,2728,2732,2734,2738,2740,2744,2746,2751,2753,2756,2759,2762,2765,2768,2772,2775,2778,2781,2784,2787,2790,2794,2797,2800,2803,2806,2810,2812,2814,2817,2820,2823,2827,2829,2832,2836,2838,2841,2844,2847,2850,2854,2856,2860,2862,2866,2869,2873,2876,2879,2882],{"_105":1812,"_96":1813,"_159":1814,"_161":1789,"_162":144,"_163":1815,"_165":166,"_107":2188,"_101":32,"_168":181,"_170":1817,"_171":22,"_172":-5,"_99":2887},[1365,1372,1788,1813],[],"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