[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-automattic-soft-gradient-dreamy":3,"mdc-xcf8h9-key":36,"related-org-automattic-soft-gradient-dreamy":5178,"related-repo-automattic-soft-gradient-dreamy":5363},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"soft-gradient-dreamy","apply premium soft gradient aesthetic","Apply the warm, atmospheric, multi-layer shadow aesthetic used by premium SaaS sites like Hex, Antimetal, Incident, Outseta, Cohere, and Amplemarket. Warm off-white grounds, tinted shadows that harmonize with theme, multi-stop gradients at deliberate angles, inset highlights for dual-edge lighting. Use when the user wants their site to feel atmospheric, luminous, warm, editorial — NOT cold SaaS purple\u002Fblue.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"automattic","Automattic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fautomattic.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Creative","creative","tag",{"name":17,"slug":18,"type":15},"Frontend","frontend",{"name":20,"slug":21,"type":15},"Visual Design","visual-design",{"name":23,"slug":24,"type":15},"Design","design",1,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fdesign-polish-suite","2026-06-20T07:57:11.884466",null,0,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"This suite contains 6 focused skills that together form a full-stack design intervention for interfaces suffering from Terminal Blandness Syndrome (TBS). Symptoms include: identical card radiuses everywhere, #000 text on #fff backgrounds, hover states that just make things darker, and gradients that scream “I asked an AI to make this.”","https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fdesign-polish-suite\u002Ftree\u002FHEAD\u002Fsoft-gradient-dreamy","---\nname: soft-gradient-dreamy\ndescription: Apply the warm, atmospheric, multi-layer shadow aesthetic used by premium SaaS sites like Hex, Antimetal, Incident, Outseta, Cohere, and Amplemarket. Warm off-white grounds, tinted shadows that harmonize with theme, multi-stop gradients at deliberate angles, inset highlights for dual-edge lighting. Use when the user wants their site to feel atmospheric, luminous, warm, editorial — NOT cold SaaS purple\u002Fblue.\n---\n\n# Soft Gradient Dreamy\n\nTransform a page from flat cold SaaS into a warm, atmospheric, depth-rich aesthetic. Extracted from Hex, Antimetal, Incident.io, Outseta, Cohere, Amplemarket, Duna, Reducto.\n\n## When to invoke\n\n- Design feels \"cold,\" \"generic,\" \"SaaS-template\"\n- User asks for \"dreamy,\" \"warm,\" \"premium,\" \"atmospheric,\" \"editorial\"\n- Page background is pure `#ffffff` or `#f9fafb`\n- Shadows are flat `0 4px 6px rgba(0,0,0,0.1)` Tailwind defaults\n- Gradient hero is the generic purple→blue diagonal\n\n## The 6 core rules\n\n### Rule 1: Never use pure white as page background\nUse a warm or cool off-white, 2–5% shifted from `#fff`:\n\n```css\n\u002F* Warm grounds (dominant pattern) *\u002F\n--bg-warm-paper:   #f5f2f0;  \u002F* Cohere *\u002F\n--bg-cream:        #f7f7f5;  \u002F* Duna *\u002F\n--bg-stone:        #f8f8f6;  \u002F* Reducto *\u002F\n--bg-soft:         #fafafa;  \u002F* Shade, Autosend *\u002F\n--bg-warm-off:     #fbfaf9;  \u002F* Amplemarket *\u002F\n--bg-cool-off:     #f8f9fc;  \u002F* Antimetal light *\u002F\n--bg-opal:         #FBF9F9;  \u002F* Hex *\u002F\n\n\u002F* Dark theme → go WARM, not black *\u002F\n--bg-warm-dark:    #100d0a;  \u002F* Antimetal dark *\u002F\n--bg-deep-plum:    #1b0624;  \u002F* Duna dark sections *\u002F\n--bg-obsidian:     #14141C;  \u002F* Hex dark *\u002F\n--bg-alarmalade:   #f8f5ef;  \u002F* Incident warm surface *\u002F\n```\n\nAnti-pattern: `background: #ffffff` or `background: #f9fafb` (cold gray).\n\n### Rule 2: Shadows must be tinted — never neutral black\n\nEvery case-study site tints shadows to match the theme's dominant hue. Copy these patterns directly:\n\n```css\n\u002F* Aubergine-tinted (Outseta) — for warm purple-leaning designs *\u002F\n--shadow-aubergine: 0 0 0 1px hsl(293deg 100% 7% \u002F 0.11),\n                    0 2px 2px 0 hsl(293deg 100% 7% \u002F 0.05);\n\n\u002F* Rose-tinted (Hex) — for warm pink\u002Fstone designs *\u002F\n--shadow-rose: 0 0 24px 0px rgba(245,192,192,0.23) inset,\n               6px 27px 10px 0px rgba(100,63,63,0.01),\n               4px 4px 10px 0px rgba(100,63,63,0.04),\n               2px 13px 8px 0px rgba(100,63,63,0.06),\n               1px 6px 6px 0px rgba(100,63,63,0.06),\n               0px 1px 3px 0px rgba(100,63,63,0.18);\n\n\u002F* Plum-tinted (Duna) — Figma-exported sub-pixel precision *\u002F\n--shadow-plum: 0 0.6021873px 1.8065619px -0.6666667px rgba(45,32,50,0.08),\n               0 2.288533px 6.8656px -1.3333333px rgba(45,32,50,0.09),\n               0 10px 30px -2px rgba(45,32,50,0.12);\n\n\u002F* Cool blue-gray (Cal) — for neutral, \"calm software\" *\u002F\n--shadow-cal: 0px 1px 5px -4px rgba(19,19,22,0.7),\n              0px 0px 0px 1px rgba(34,42,53,0.08),\n              0px 4px 8px 0px rgba(34,42,53,0.05);\n\n\u002F* Theme-mixed (Antimetal) — shadow inherits the hero color via color-mix *\u002F\n--shadow-themed: 0 48px 56px color-mix(in srgb, var(--color-hero) 8%, transparent),\n                 0 24px 32px color-mix(in srgb, var(--color-hero) 12%, transparent),\n                 inset 0 .5px .5px color-mix(in srgb, var(--color-hero) 24%, transparent),\n                 inset 0 -.5px .5px color-mix(in srgb, var(--color-hero) 24%, transparent),\n                 inset 0 0 0 1px color-mix(in srgb, var(--color-hero) 6%, transparent);\n```\n\nAnti-pattern: `box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)` (Tailwind default).\n\n### Rule 3: Stack 3–8 shadow layers for real atmosphere\n\nPremium sites never ship a single-layer shadow. The formula:\n\n```\nLayer 1: 1px ring (hairline outline)    → 0 0 0 1px rgba(...tint..., 0.06-0.11)\nLayer 2: Short contact (close lift)     → 0 1px 2px rgba(...tint..., 0.05)\nLayer 3: Medium ambient (mid distance)  → 0 4-8px 16-24px rgba(...tint..., 0.05-0.08)\nLayer 4: Long ambient (far glow)        → 0 24-56px 56-88px rgba(...tint..., 0.05-0.20)\nLayer 5: Top inset highlight            → inset 0 .5px .5px rgba(255,255,255,0.24)\nLayer 6: Bottom inset highlight         → inset 0 -.5px .5px rgba(255,255,255,0.24)\n```\n\n**Antimetal's 8-layer signature** (copy verbatim):\n```css\nbox-shadow:\n  0 56px 88px #0a08061a,\n  0 16px 40px #0a08060d,\n  0 4px 12px #0a080605,\n  0 0 0 1px #0a08060a,\n  inset 0 4px 12px -6px #e0f6ff0f,\n  inset 0 .5px .5px #e0f6ff3d,\n  inset 0 0 0 1px #e0f6ff0f,\n  inset 0 -.5px .5px #e0f6ff3d;\n```\n\n**Hex's rose floating-card** (exaggerated 103px blur for maximum atmosphere):\n```css\nbox-shadow:\n  0 0 0 1px rgba(49,38,59,0.22),\n  0 103px 103px 0 rgba(49,38,59,0.09),\n  0 26px 57px 0 rgba(49,38,59,0.10);\n```\n\n### Rule 4: Gradients are never the default 135° purple→blue\n\nWhen you use a gradient, be intentional about:\n1. **Angle** (specific degree, not 45\u002F135)\n2. **Palette** (warm or intentional 3+ stop)\n3. **Usage** (ambient wash, text clip, or signature art — rarely as a button background)\n\n**Incident.io's \"Alarmalade\"** — 3-stop 70° brand gradient:\n```css\nbackground: linear-gradient(70deg, #f25533 31%, #f1cd98 82%, #f8f5ef 100%);\n```\n\n**Cohere's signature** — 78° coral-to-blue, a full warm-to-cool journey:\n```css\nbackground: linear-gradient(78deg, #ff7759, #7670c5 60%, #4c6ee6 90%);\n```\n\n**Angellist's painterly plate** — 9-stop gallery art (used inside 200–300px radius rectangles):\n```css\nbackground: linear-gradient(195.85deg,\n  #6258ff -121.25%, #e06ab2 -69.08%, #fb8569 -36.55%,\n  #ffb1b1 12.07%, #cdcbff 59.26%, #7e6f4a 126.83%,\n  #32607f 172.94%, #fde8b5 277.03%);\n```\n\n**Outseta's warm diagonal** — peach\u002Fcream\u002Fyellow wash behind hero:\n```css\nbackground: linear-gradient(145deg, hsl(47deg 100% 87%), #2900290d 30%);\n```\n\n**Antimetal's subtle double-wash** — stacked vertical ambient at 4% opacity:\n```css\nbackground:\n  linear-gradient(0deg, #e0f6ff0a 0%, #e0f6ff0a 100%),\n  linear-gradient(180deg, #e0f6ff0a 0%, #0000 25%, #0000 90%, #e0f6ff0a 100%),\n  var(--bg-page);\n```\n\n**Amplemarket's radial mouse-tracking** — WebGL-shader gradient painted on hero text:\n```css\nbackground: radial-gradient(\n  80.17% 109.2% at var(--gradient-posX, 54.31%) var(--gradient-posY, 61.46%),\n  var(--violet) 0%,\n  var(--peach) var(--gradient-stop1, 49.83%),\n  var(--phoenix-orange) var(--gradient-stop2, 99.99%));\n```\n\nAnti-pattern: `linear-gradient(135deg, #667eea 0%, #764ba2 100%)` (every AI site).\n\n### Rule 5: Inset highlights simulate dual-edge lighting on cards\n\nCards feel lit from within when you add `inset` highlights on TOP and BOTTOM edges:\n\n```css\nbox-shadow:\n  \u002F* ambient drop *\u002F\n  0 24px 32px 0 rgba(10,8,5,0.12),\n  \u002F* 1px ring *\u002F\n  inset 0 0 0 1px rgba(255,255,255,0.06),\n  \u002F* top highlight — simulates light hitting top edge *\u002F\n  inset 0 .5px .5px rgba(255,255,255,0.24),\n  \u002F* bottom highlight — simulates rim light on bottom edge *\u002F\n  inset 0 -.5px .5px rgba(255,255,255,0.24);\n```\n\nThis makes the card appear \"glassy\" rather than \"floating.\" Antimetal's signature.\n\n### Rule 6: Buttons get ambient stack + inset highlight\n\nButtons are the most imitated element. Make them physical:\n\n**Amplemarket's keycap stack** (4 drops + 2 insets, copy verbatim):\n```css\nbox-shadow:\n  0 6px 2px #11111103,\n  0 3px 2px #1111110D,\n  0 1px 1px #11111117,\n  0 0 1px #1111111f,\n  inset 0 6px 12px #ffffff33,\n  inset 0 1px 1px #fff3;\n\n\u002F* Active state inverts the inset — feels truly pressed *\u002F\nbox-shadow:\n  0 6px 2px #11111103,\n  0 3px 2px #1111110D,\n  0 1px 1px #11111117,\n  0 0 1px #1111111f,\n  inset 0 6px 12px #11111133,\n  inset 0 1px 1px #111111f3;\n```\n\n**Cal's highlight lip** (1px white inset on top edge):\n```css\nbackground: #141414;\nbox-shadow:\n  0px 1px 5px -4px rgba(19,19,22,0.7),\n  0px 0px 0px 1px rgba(34,42,53,0.08),\n  0px 4px 8px 0px rgba(34,42,53,0.05),\n  inset 0px 2px 0px 0px rgb(255,255,255);  \u002F* ← top edge highlight *\u002F\n```\n\n## Application workflow\n\nApply these in order when retrofitting a page:\n\n1. **Swap the background** — page from `#fff` → warm off-white (`#fafafa`\u002F`#f5f2f0`\u002F`#f7f7f5`)\n2. **Pick a shadow tint** — what hue dominates your theme? Warm purple → aubergine. Warm pink → rose. Warm neutral → plum. Cool neutral → blue-gray. Commit to one tinted shadow system across the whole page.\n3. **Replace every `shadow-sm\u002Fmd\u002Flg\u002Fxl`** with a stacked multi-layer shadow using that tint\n4. **Add inset highlights to cards** (top + bottom 0.5px at ~24% tint)\n5. **Redesign the gradient hero** with a deliberate multi-stop warm palette at a non-default angle\n6. **Upgrade buttons** to ambient-stack + inset-highlight shadows; keep them flat color (no gradient button backgrounds)\n\n## Ready-to-use CSS blocks\n\n### Dreamy light theme starter\n```css\n:root {\n  \u002F* Warm paper ground *\u002F\n  --bg-page: #f7f7f5;\n  --bg-card: #ffffff;\n  --bg-sunken: #f1ebe2;\n\n  \u002F* Warm plum-tinted text *\u002F\n  --text-primary: #222221;\n  --text-secondary: #4d4846;\n  --text-muted: #898683;\n\n  \u002F* Theme-matched shadow tint *\u002F\n  --shadow-tint: 45, 32, 50;  \u002F* warm plum *\u002F\n\n  \u002F* Hairline border *\u002F\n  --border-hairline: rgba(0, 0, 0, 0.06);\n\n  \u002F* Multi-layer card shadow *\u002F\n  --shadow-card:\n    0 0.6021873px 1.8065619px -0.667px rgba(var(--shadow-tint), 0.08),\n    0 2.288533px 6.8656px -1.333px rgba(var(--shadow-tint), 0.09),\n    0 10px 30px -2px rgba(var(--shadow-tint), 0.12);\n\n  \u002F* Floating card (deeper) *\u002F\n  --shadow-float:\n    0 0 0 1px rgba(var(--shadow-tint), 0.06),\n    0 4px 12px rgba(var(--shadow-tint), 0.04),\n    0 16px 40px rgba(var(--shadow-tint), 0.06),\n    0 56px 88px rgba(var(--shadow-tint), 0.08),\n    inset 0 .5px .5px rgba(255,255,255,0.24),\n    inset 0 -.5px .5px rgba(255,255,255,0.24);\n}\n\nbody { background: var(--bg-page); color: var(--text-primary); }\n.card { background: var(--bg-card); box-shadow: var(--shadow-card); border-radius: 16px; }\n.card--float { box-shadow: var(--shadow-float); }\n```\n\n### Dreamy dark theme (Antimetal-inspired)\n```css\n.theme-dark {\n  --bg-page: #100d0a;       \u002F* warm near-black *\u002F\n  --bg-card: #17130f;\n  --color-hero: #fff3d7;    \u002F* WARM CREAM — not cool white *\u002F\n  --text-primary: #fff3d7;\n  --text-secondary: #fff3d7b8;\n\n  --shadow-card:\n    0 0 0 1px color-mix(in srgb, var(--color-hero) 4%, transparent),\n    0 6px 16px rgba(0,0,0,0.25),\n    inset 0 .5px 1px color-mix(in srgb, var(--color-hero) 8%, transparent),\n    inset 0 1px 2px color-mix(in srgb, var(--color-hero) 6%, transparent),\n    inset 0 0 0 1px color-mix(in srgb, var(--color-hero) 6%, transparent);\n}\n```\n\n## Site references (what each pattern is extracted from)\n\n| Pattern | Source sites |\n|---|---|\n| Warm off-white background | Duna, Reducto, Cohere, Amplemarket, Hex |\n| Tinted shadow system | Outseta (aubergine), Hex (rose), Duna (plum), Cal (blue-gray) |\n| 8-layer stacked shadow | Antimetal, Hex, Outseta |\n| Dual inset highlights | Antimetal, Amplemarket, Cal |\n| Multi-stop warm gradient | Incident (70° alarmalade), Cohere (78° coral→blue), Angellist (9-stop) |\n| `color-mix` theme-tied shadows | Antimetal |\n| Radial mouse-tracking gradient | Amplemarket (WebGL), Shade (cursor spotlight) |\n| Sub-pixel Figma-exported shadows | Duna |\n\n## What this skill does NOT do\n\n- Doesn't dictate color palette — pick your own, then tint shadows to match\n- Doesn't apply to utility\u002Fadmin UI (dashboards) — those usually want less atmosphere\n- Not for high-contrast accessibility-first interfaces\n- Not for motion\u002Fmicro-interactions (see `motion-and-micro-interactions` skill)\n",{"data":37,"body":38},{"name":4,"description":6},{"type":39,"children":40},"root",[41,49,55,62,115,121,128,141,438,458,464,469,1360,1372,1378,1383,1393,1404,1620,1630,1783,1789,1794,1828,1838,1908,1918,1972,1982,2145,2155,2188,2198,2330,2340,2423,2435,2441,2454,2715,2720,2726,2731,2741,3019,3029,3226,3232,3237,3336,3342,3348,4452,4458,4991,4997,5135,5141,5172],{"type":42,"tag":43,"props":44,"children":45},"element","h1",{"id":4},[46],{"type":47,"value":48},"text","Soft Gradient Dreamy",{"type":42,"tag":50,"props":51,"children":52},"p",{},[53],{"type":47,"value":54},"Transform a page from flat cold SaaS into a warm, atmospheric, depth-rich aesthetic. Extracted from Hex, Antimetal, Incident.io, Outseta, Cohere, Amplemarket, Duna, Reducto.",{"type":42,"tag":56,"props":57,"children":59},"h2",{"id":58},"when-to-invoke",[60],{"type":47,"value":61},"When to invoke",{"type":42,"tag":63,"props":64,"children":65},"ul",{},[66,72,77,97,110],{"type":42,"tag":67,"props":68,"children":69},"li",{},[70],{"type":47,"value":71},"Design feels \"cold,\" \"generic,\" \"SaaS-template\"",{"type":42,"tag":67,"props":73,"children":74},{},[75],{"type":47,"value":76},"User asks for \"dreamy,\" \"warm,\" \"premium,\" \"atmospheric,\" \"editorial\"",{"type":42,"tag":67,"props":78,"children":79},{},[80,82,89,91],{"type":47,"value":81},"Page background is pure ",{"type":42,"tag":83,"props":84,"children":86},"code",{"className":85},[],[87],{"type":47,"value":88},"#ffffff",{"type":47,"value":90}," or ",{"type":42,"tag":83,"props":92,"children":94},{"className":93},[],[95],{"type":47,"value":96},"#f9fafb",{"type":42,"tag":67,"props":98,"children":99},{},[100,102,108],{"type":47,"value":101},"Shadows are flat ",{"type":42,"tag":83,"props":103,"children":105},{"className":104},[],[106],{"type":47,"value":107},"0 4px 6px rgba(0,0,0,0.1)",{"type":47,"value":109}," Tailwind defaults",{"type":42,"tag":67,"props":111,"children":112},{},[113],{"type":47,"value":114},"Gradient hero is the generic purple→blue diagonal",{"type":42,"tag":56,"props":116,"children":118},{"id":117},"the-6-core-rules",[119],{"type":47,"value":120},"The 6 core rules",{"type":42,"tag":122,"props":123,"children":125},"h3",{"id":124},"rule-1-never-use-pure-white-as-page-background",[126],{"type":47,"value":127},"Rule 1: Never use pure white as page background",{"type":42,"tag":50,"props":129,"children":130},{},[131,133,139],{"type":47,"value":132},"Use a warm or cool off-white, 2–5% shifted from ",{"type":42,"tag":83,"props":134,"children":136},{"className":135},[],[137],{"type":47,"value":138},"#fff",{"type":47,"value":140},":",{"type":42,"tag":142,"props":143,"children":148},"pre",{"className":144,"code":145,"language":146,"meta":147,"style":147},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* Warm grounds (dominant pattern) *\u002F\n--bg-warm-paper:   #f5f2f0;  \u002F* Cohere *\u002F\n--bg-cream:        #f7f7f5;  \u002F* Duna *\u002F\n--bg-stone:        #f8f8f6;  \u002F* Reducto *\u002F\n--bg-soft:         #fafafa;  \u002F* Shade, Autosend *\u002F\n--bg-warm-off:     #fbfaf9;  \u002F* Amplemarket *\u002F\n--bg-cool-off:     #f8f9fc;  \u002F* Antimetal light *\u002F\n--bg-opal:         #FBF9F9;  \u002F* Hex *\u002F\n\n\u002F* Dark theme → go WARM, not black *\u002F\n--bg-warm-dark:    #100d0a;  \u002F* Antimetal dark *\u002F\n--bg-deep-plum:    #1b0624;  \u002F* Duna dark sections *\u002F\n--bg-obsidian:     #14141C;  \u002F* Hex dark *\u002F\n--bg-alarmalade:   #f8f5ef;  \u002F* Incident warm surface *\u002F\n","css","",[149],{"type":42,"tag":83,"props":150,"children":151},{"__ignoreMap":147},[152,163,189,212,235,258,281,304,327,337,346,369,392,415],{"type":42,"tag":153,"props":154,"children":156},"span",{"class":155,"line":25},"line",[157],{"type":42,"tag":153,"props":158,"children":160},{"style":159},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[161],{"type":47,"value":162},"\u002F* Warm grounds (dominant pattern) *\u002F\n",{"type":42,"tag":153,"props":164,"children":166},{"class":155,"line":165},2,[167,173,179,184],{"type":42,"tag":153,"props":168,"children":170},{"style":169},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[171],{"type":47,"value":172},"--bg-warm-paper:   ",{"type":42,"tag":153,"props":174,"children":176},{"style":175},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[177],{"type":47,"value":178},"#",{"type":42,"tag":153,"props":180,"children":181},{"style":169},[182],{"type":47,"value":183},"f5f2f0;  ",{"type":42,"tag":153,"props":185,"children":186},{"style":159},[187],{"type":47,"value":188},"\u002F* Cohere *\u002F\n",{"type":42,"tag":153,"props":190,"children":192},{"class":155,"line":191},3,[193,198,202,207],{"type":42,"tag":153,"props":194,"children":195},{"style":169},[196],{"type":47,"value":197},"--bg-cream:        ",{"type":42,"tag":153,"props":199,"children":200},{"style":175},[201],{"type":47,"value":178},{"type":42,"tag":153,"props":203,"children":204},{"style":169},[205],{"type":47,"value":206},"f7f7f5;  ",{"type":42,"tag":153,"props":208,"children":209},{"style":159},[210],{"type":47,"value":211},"\u002F* Duna *\u002F\n",{"type":42,"tag":153,"props":213,"children":215},{"class":155,"line":214},4,[216,221,225,230],{"type":42,"tag":153,"props":217,"children":218},{"style":169},[219],{"type":47,"value":220},"--bg-stone:        ",{"type":42,"tag":153,"props":222,"children":223},{"style":175},[224],{"type":47,"value":178},{"type":42,"tag":153,"props":226,"children":227},{"style":169},[228],{"type":47,"value":229},"f8f8f6;  ",{"type":42,"tag":153,"props":231,"children":232},{"style":159},[233],{"type":47,"value":234},"\u002F* Reducto *\u002F\n",{"type":42,"tag":153,"props":236,"children":238},{"class":155,"line":237},5,[239,244,248,253],{"type":42,"tag":153,"props":240,"children":241},{"style":169},[242],{"type":47,"value":243},"--bg-soft:         ",{"type":42,"tag":153,"props":245,"children":246},{"style":175},[247],{"type":47,"value":178},{"type":42,"tag":153,"props":249,"children":250},{"style":169},[251],{"type":47,"value":252},"fafafa;  ",{"type":42,"tag":153,"props":254,"children":255},{"style":159},[256],{"type":47,"value":257},"\u002F* Shade, Autosend *\u002F\n",{"type":42,"tag":153,"props":259,"children":261},{"class":155,"line":260},6,[262,267,271,276],{"type":42,"tag":153,"props":263,"children":264},{"style":169},[265],{"type":47,"value":266},"--bg-warm-off:     ",{"type":42,"tag":153,"props":268,"children":269},{"style":175},[270],{"type":47,"value":178},{"type":42,"tag":153,"props":272,"children":273},{"style":169},[274],{"type":47,"value":275},"fbfaf9;  ",{"type":42,"tag":153,"props":277,"children":278},{"style":159},[279],{"type":47,"value":280},"\u002F* Amplemarket *\u002F\n",{"type":42,"tag":153,"props":282,"children":284},{"class":155,"line":283},7,[285,290,294,299],{"type":42,"tag":153,"props":286,"children":287},{"style":169},[288],{"type":47,"value":289},"--bg-cool-off:     ",{"type":42,"tag":153,"props":291,"children":292},{"style":175},[293],{"type":47,"value":178},{"type":42,"tag":153,"props":295,"children":296},{"style":169},[297],{"type":47,"value":298},"f8f9fc;  ",{"type":42,"tag":153,"props":300,"children":301},{"style":159},[302],{"type":47,"value":303},"\u002F* Antimetal light *\u002F\n",{"type":42,"tag":153,"props":305,"children":307},{"class":155,"line":306},8,[308,313,317,322],{"type":42,"tag":153,"props":309,"children":310},{"style":169},[311],{"type":47,"value":312},"--bg-opal:         ",{"type":42,"tag":153,"props":314,"children":315},{"style":175},[316],{"type":47,"value":178},{"type":42,"tag":153,"props":318,"children":319},{"style":169},[320],{"type":47,"value":321},"FBF9F9;  ",{"type":42,"tag":153,"props":323,"children":324},{"style":159},[325],{"type":47,"value":326},"\u002F* Hex *\u002F\n",{"type":42,"tag":153,"props":328,"children":330},{"class":155,"line":329},9,[331],{"type":42,"tag":153,"props":332,"children":334},{"emptyLinePlaceholder":333},true,[335],{"type":47,"value":336},"\n",{"type":42,"tag":153,"props":338,"children":340},{"class":155,"line":339},10,[341],{"type":42,"tag":153,"props":342,"children":343},{"style":159},[344],{"type":47,"value":345},"\u002F* Dark theme → go WARM, not black *\u002F\n",{"type":42,"tag":153,"props":347,"children":349},{"class":155,"line":348},11,[350,355,359,364],{"type":42,"tag":153,"props":351,"children":352},{"style":169},[353],{"type":47,"value":354},"--bg-warm-dark:    ",{"type":42,"tag":153,"props":356,"children":357},{"style":175},[358],{"type":47,"value":178},{"type":42,"tag":153,"props":360,"children":361},{"style":169},[362],{"type":47,"value":363},"100d0a;  ",{"type":42,"tag":153,"props":365,"children":366},{"style":159},[367],{"type":47,"value":368},"\u002F* Antimetal dark *\u002F\n",{"type":42,"tag":153,"props":370,"children":372},{"class":155,"line":371},12,[373,378,382,387],{"type":42,"tag":153,"props":374,"children":375},{"style":169},[376],{"type":47,"value":377},"--bg-deep-plum:    ",{"type":42,"tag":153,"props":379,"children":380},{"style":175},[381],{"type":47,"value":178},{"type":42,"tag":153,"props":383,"children":384},{"style":169},[385],{"type":47,"value":386},"1b0624;  ",{"type":42,"tag":153,"props":388,"children":389},{"style":159},[390],{"type":47,"value":391},"\u002F* Duna dark sections *\u002F\n",{"type":42,"tag":153,"props":393,"children":395},{"class":155,"line":394},13,[396,401,405,410],{"type":42,"tag":153,"props":397,"children":398},{"style":169},[399],{"type":47,"value":400},"--bg-obsidian:     ",{"type":42,"tag":153,"props":402,"children":403},{"style":175},[404],{"type":47,"value":178},{"type":42,"tag":153,"props":406,"children":407},{"style":169},[408],{"type":47,"value":409},"14141C;  ",{"type":42,"tag":153,"props":411,"children":412},{"style":159},[413],{"type":47,"value":414},"\u002F* Hex dark *\u002F\n",{"type":42,"tag":153,"props":416,"children":418},{"class":155,"line":417},14,[419,424,428,433],{"type":42,"tag":153,"props":420,"children":421},{"style":169},[422],{"type":47,"value":423},"--bg-alarmalade:   ",{"type":42,"tag":153,"props":425,"children":426},{"style":175},[427],{"type":47,"value":178},{"type":42,"tag":153,"props":429,"children":430},{"style":169},[431],{"type":47,"value":432},"f8f5ef;  ",{"type":42,"tag":153,"props":434,"children":435},{"style":159},[436],{"type":47,"value":437},"\u002F* Incident warm surface *\u002F\n",{"type":42,"tag":50,"props":439,"children":440},{},[441,443,449,450,456],{"type":47,"value":442},"Anti-pattern: ",{"type":42,"tag":83,"props":444,"children":446},{"className":445},[],[447],{"type":47,"value":448},"background: #ffffff",{"type":47,"value":90},{"type":42,"tag":83,"props":451,"children":453},{"className":452},[],[454],{"type":47,"value":455},"background: #f9fafb",{"type":47,"value":457}," (cold gray).",{"type":42,"tag":122,"props":459,"children":461},{"id":460},"rule-2-shadows-must-be-tinted-never-neutral-black",[462],{"type":47,"value":463},"Rule 2: Shadows must be tinted — never neutral black",{"type":42,"tag":50,"props":465,"children":466},{},[467],{"type":47,"value":468},"Every case-study site tints shadows to match the theme's dominant hue. Copy these patterns directly:",{"type":42,"tag":142,"props":470,"children":472},{"className":144,"code":471,"language":146,"meta":147,"style":147},"\u002F* Aubergine-tinted (Outseta) — for warm purple-leaning designs *\u002F\n--shadow-aubergine: 0 0 0 1px hsl(293deg 100% 7% \u002F 0.11),\n                    0 2px 2px 0 hsl(293deg 100% 7% \u002F 0.05);\n\n\u002F* Rose-tinted (Hex) — for warm pink\u002Fstone designs *\u002F\n--shadow-rose: 0 0 24px 0px rgba(245,192,192,0.23) inset,\n               6px 27px 10px 0px rgba(100,63,63,0.01),\n               4px 4px 10px 0px rgba(100,63,63,0.04),\n               2px 13px 8px 0px rgba(100,63,63,0.06),\n               1px 6px 6px 0px rgba(100,63,63,0.06),\n               0px 1px 3px 0px rgba(100,63,63,0.18);\n\n\u002F* Plum-tinted (Duna) — Figma-exported sub-pixel precision *\u002F\n--shadow-plum: 0 0.6021873px 1.8065619px -0.6666667px rgba(45,32,50,0.08),\n               0 2.288533px 6.8656px -1.3333333px rgba(45,32,50,0.09),\n               0 10px 30px -2px rgba(45,32,50,0.12);\n\n\u002F* Cool blue-gray (Cal) — for neutral, \"calm software\" *\u002F\n--shadow-cal: 0px 1px 5px -4px rgba(19,19,22,0.7),\n              0px 0px 0px 1px rgba(34,42,53,0.08),\n              0px 4px 8px 0px rgba(34,42,53,0.05);\n\n\u002F* Theme-mixed (Antimetal) — shadow inherits the hero color via color-mix *\u002F\n--shadow-themed: 0 48px 56px color-mix(in srgb, var(--color-hero) 8%, transparent),\n                 0 24px 32px color-mix(in srgb, var(--color-hero) 12%, transparent),\n                 inset 0 .5px .5px color-mix(in srgb, var(--color-hero) 24%, transparent),\n                 inset 0 -.5px .5px color-mix(in srgb, var(--color-hero) 24%, transparent),\n                 inset 0 0 0 1px color-mix(in srgb, var(--color-hero) 6%, transparent);\n",[473],{"type":42,"tag":83,"props":474,"children":475},{"__ignoreMap":147},[476,484,508,530,537,545,599,645,690,735,779,824,831,839,928,1015,1061,1069,1078,1126,1173,1218,1226,1235,1253,1271,1307,1342],{"type":42,"tag":153,"props":477,"children":478},{"class":155,"line":25},[479],{"type":42,"tag":153,"props":480,"children":481},{"style":159},[482],{"type":47,"value":483},"\u002F* Aubergine-tinted (Outseta) — for warm purple-leaning designs *\u002F\n",{"type":42,"tag":153,"props":485,"children":486},{"class":155,"line":165},[487,492,497,503],{"type":42,"tag":153,"props":488,"children":489},{"style":169},[490],{"type":47,"value":491},"--shadow-aubergine: 0 0 0 1px hsl(293deg 100% 7% \u002F 0",{"type":42,"tag":153,"props":493,"children":494},{"style":175},[495],{"type":47,"value":496},".",{"type":42,"tag":153,"props":498,"children":500},{"style":499},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[501],{"type":47,"value":502},"11",{"type":42,"tag":153,"props":504,"children":505},{"style":169},[506],{"type":47,"value":507},"),\n",{"type":42,"tag":153,"props":509,"children":510},{"class":155,"line":191},[511,516,520,525],{"type":42,"tag":153,"props":512,"children":513},{"style":169},[514],{"type":47,"value":515},"                    0 2px 2px 0 hsl(293deg 100% 7% \u002F 0",{"type":42,"tag":153,"props":517,"children":518},{"style":175},[519],{"type":47,"value":496},{"type":42,"tag":153,"props":521,"children":522},{"style":499},[523],{"type":47,"value":524},"05",{"type":42,"tag":153,"props":526,"children":527},{"style":169},[528],{"type":47,"value":529},");\n",{"type":42,"tag":153,"props":531,"children":532},{"class":155,"line":214},[533],{"type":42,"tag":153,"props":534,"children":535},{"emptyLinePlaceholder":333},[536],{"type":47,"value":336},{"type":42,"tag":153,"props":538,"children":539},{"class":155,"line":237},[540],{"type":42,"tag":153,"props":541,"children":542},{"style":159},[543],{"type":47,"value":544},"\u002F* Rose-tinted (Hex) — for warm pink\u002Fstone designs *\u002F\n",{"type":42,"tag":153,"props":546,"children":547},{"class":155,"line":260},[548,553,558,563,567,571,575,580,584,589,594],{"type":42,"tag":153,"props":549,"children":550},{"style":169},[551],{"type":47,"value":552},"--shadow-rose: 0 0 24px 0px rgba(245",{"type":42,"tag":153,"props":554,"children":555},{"style":175},[556],{"type":47,"value":557},",",{"type":42,"tag":153,"props":559,"children":560},{"style":169},[561],{"type":47,"value":562},"192",{"type":42,"tag":153,"props":564,"children":565},{"style":175},[566],{"type":47,"value":557},{"type":42,"tag":153,"props":568,"children":569},{"style":169},[570],{"type":47,"value":562},{"type":42,"tag":153,"props":572,"children":573},{"style":175},[574],{"type":47,"value":557},{"type":42,"tag":153,"props":576,"children":577},{"style":169},[578],{"type":47,"value":579},"0",{"type":42,"tag":153,"props":581,"children":582},{"style":175},[583],{"type":47,"value":496},{"type":42,"tag":153,"props":585,"children":586},{"style":499},[587],{"type":47,"value":588},"23",{"type":42,"tag":153,"props":590,"children":591},{"style":169},[592],{"type":47,"value":593},") inset",{"type":42,"tag":153,"props":595,"children":596},{"style":175},[597],{"type":47,"value":598},",\n",{"type":42,"tag":153,"props":600,"children":601},{"class":155,"line":283},[602,607,611,616,620,624,628,632,636,641],{"type":42,"tag":153,"props":603,"children":604},{"style":169},[605],{"type":47,"value":606},"               6px 27px 10px 0px rgba(100",{"type":42,"tag":153,"props":608,"children":609},{"style":175},[610],{"type":47,"value":557},{"type":42,"tag":153,"props":612,"children":613},{"style":169},[614],{"type":47,"value":615},"63",{"type":42,"tag":153,"props":617,"children":618},{"style":175},[619],{"type":47,"value":557},{"type":42,"tag":153,"props":621,"children":622},{"style":169},[623],{"type":47,"value":615},{"type":42,"tag":153,"props":625,"children":626},{"style":175},[627],{"type":47,"value":557},{"type":42,"tag":153,"props":629,"children":630},{"style":169},[631],{"type":47,"value":579},{"type":42,"tag":153,"props":633,"children":634},{"style":175},[635],{"type":47,"value":496},{"type":42,"tag":153,"props":637,"children":638},{"style":499},[639],{"type":47,"value":640},"01",{"type":42,"tag":153,"props":642,"children":643},{"style":169},[644],{"type":47,"value":507},{"type":42,"tag":153,"props":646,"children":647},{"class":155,"line":306},[648,653,657,661,665,669,673,677,681,686],{"type":42,"tag":153,"props":649,"children":650},{"style":169},[651],{"type":47,"value":652},"               4px 4px 10px 0px rgba(100",{"type":42,"tag":153,"props":654,"children":655},{"style":175},[656],{"type":47,"value":557},{"type":42,"tag":153,"props":658,"children":659},{"style":169},[660],{"type":47,"value":615},{"type":42,"tag":153,"props":662,"children":663},{"style":175},[664],{"type":47,"value":557},{"type":42,"tag":153,"props":666,"children":667},{"style":169},[668],{"type":47,"value":615},{"type":42,"tag":153,"props":670,"children":671},{"style":175},[672],{"type":47,"value":557},{"type":42,"tag":153,"props":674,"children":675},{"style":169},[676],{"type":47,"value":579},{"type":42,"tag":153,"props":678,"children":679},{"style":175},[680],{"type":47,"value":496},{"type":42,"tag":153,"props":682,"children":683},{"style":499},[684],{"type":47,"value":685},"04",{"type":42,"tag":153,"props":687,"children":688},{"style":169},[689],{"type":47,"value":507},{"type":42,"tag":153,"props":691,"children":692},{"class":155,"line":329},[693,698,702,706,710,714,718,722,726,731],{"type":42,"tag":153,"props":694,"children":695},{"style":169},[696],{"type":47,"value":697},"               2px 13px 8px 0px rgba(100",{"type":42,"tag":153,"props":699,"children":700},{"style":175},[701],{"type":47,"value":557},{"type":42,"tag":153,"props":703,"children":704},{"style":169},[705],{"type":47,"value":615},{"type":42,"tag":153,"props":707,"children":708},{"style":175},[709],{"type":47,"value":557},{"type":42,"tag":153,"props":711,"children":712},{"style":169},[713],{"type":47,"value":615},{"type":42,"tag":153,"props":715,"children":716},{"style":175},[717],{"type":47,"value":557},{"type":42,"tag":153,"props":719,"children":720},{"style":169},[721],{"type":47,"value":579},{"type":42,"tag":153,"props":723,"children":724},{"style":175},[725],{"type":47,"value":496},{"type":42,"tag":153,"props":727,"children":728},{"style":499},[729],{"type":47,"value":730},"06",{"type":42,"tag":153,"props":732,"children":733},{"style":169},[734],{"type":47,"value":507},{"type":42,"tag":153,"props":736,"children":737},{"class":155,"line":339},[738,743,747,751,755,759,763,767,771,775],{"type":42,"tag":153,"props":739,"children":740},{"style":169},[741],{"type":47,"value":742},"               1px 6px 6px 0px rgba(100",{"type":42,"tag":153,"props":744,"children":745},{"style":175},[746],{"type":47,"value":557},{"type":42,"tag":153,"props":748,"children":749},{"style":169},[750],{"type":47,"value":615},{"type":42,"tag":153,"props":752,"children":753},{"style":175},[754],{"type":47,"value":557},{"type":42,"tag":153,"props":756,"children":757},{"style":169},[758],{"type":47,"value":615},{"type":42,"tag":153,"props":760,"children":761},{"style":175},[762],{"type":47,"value":557},{"type":42,"tag":153,"props":764,"children":765},{"style":169},[766],{"type":47,"value":579},{"type":42,"tag":153,"props":768,"children":769},{"style":175},[770],{"type":47,"value":496},{"type":42,"tag":153,"props":772,"children":773},{"style":499},[774],{"type":47,"value":730},{"type":42,"tag":153,"props":776,"children":777},{"style":169},[778],{"type":47,"value":507},{"type":42,"tag":153,"props":780,"children":781},{"class":155,"line":348},[782,787,791,795,799,803,807,811,815,820],{"type":42,"tag":153,"props":783,"children":784},{"style":169},[785],{"type":47,"value":786},"               0px 1px 3px 0px rgba(100",{"type":42,"tag":153,"props":788,"children":789},{"style":175},[790],{"type":47,"value":557},{"type":42,"tag":153,"props":792,"children":793},{"style":169},[794],{"type":47,"value":615},{"type":42,"tag":153,"props":796,"children":797},{"style":175},[798],{"type":47,"value":557},{"type":42,"tag":153,"props":800,"children":801},{"style":169},[802],{"type":47,"value":615},{"type":42,"tag":153,"props":804,"children":805},{"style":175},[806],{"type":47,"value":557},{"type":42,"tag":153,"props":808,"children":809},{"style":169},[810],{"type":47,"value":579},{"type":42,"tag":153,"props":812,"children":813},{"style":175},[814],{"type":47,"value":496},{"type":42,"tag":153,"props":816,"children":817},{"style":499},[818],{"type":47,"value":819},"18",{"type":42,"tag":153,"props":821,"children":822},{"style":169},[823],{"type":47,"value":529},{"type":42,"tag":153,"props":825,"children":826},{"class":155,"line":371},[827],{"type":42,"tag":153,"props":828,"children":829},{"emptyLinePlaceholder":333},[830],{"type":47,"value":336},{"type":42,"tag":153,"props":832,"children":833},{"class":155,"line":394},[834],{"type":42,"tag":153,"props":835,"children":836},{"style":159},[837],{"type":47,"value":838},"\u002F* Plum-tinted (Duna) — Figma-exported sub-pixel precision *\u002F\n",{"type":42,"tag":153,"props":840,"children":841},{"class":155,"line":417},[842,847,851,856,861,865,870,875,879,884,889,893,898,902,907,911,915,919,924],{"type":42,"tag":153,"props":843,"children":844},{"style":169},[845],{"type":47,"value":846},"--shadow-plum: 0 0",{"type":42,"tag":153,"props":848,"children":849},{"style":175},[850],{"type":47,"value":496},{"type":42,"tag":153,"props":852,"children":853},{"style":499},[854],{"type":47,"value":855},"6021873px",{"type":42,"tag":153,"props":857,"children":858},{"style":169},[859],{"type":47,"value":860}," 1",{"type":42,"tag":153,"props":862,"children":863},{"style":175},[864],{"type":47,"value":496},{"type":42,"tag":153,"props":866,"children":867},{"style":499},[868],{"type":47,"value":869},"8065619px",{"type":42,"tag":153,"props":871,"children":872},{"style":169},[873],{"type":47,"value":874}," -0",{"type":42,"tag":153,"props":876,"children":877},{"style":175},[878],{"type":47,"value":496},{"type":42,"tag":153,"props":880,"children":881},{"style":499},[882],{"type":47,"value":883},"6666667px",{"type":42,"tag":153,"props":885,"children":886},{"style":169},[887],{"type":47,"value":888}," rgba(45",{"type":42,"tag":153,"props":890,"children":891},{"style":175},[892],{"type":47,"value":557},{"type":42,"tag":153,"props":894,"children":895},{"style":169},[896],{"type":47,"value":897},"32",{"type":42,"tag":153,"props":899,"children":900},{"style":175},[901],{"type":47,"value":557},{"type":42,"tag":153,"props":903,"children":904},{"style":169},[905],{"type":47,"value":906},"50",{"type":42,"tag":153,"props":908,"children":909},{"style":175},[910],{"type":47,"value":557},{"type":42,"tag":153,"props":912,"children":913},{"style":169},[914],{"type":47,"value":579},{"type":42,"tag":153,"props":916,"children":917},{"style":175},[918],{"type":47,"value":496},{"type":42,"tag":153,"props":920,"children":921},{"style":499},[922],{"type":47,"value":923},"08",{"type":42,"tag":153,"props":925,"children":926},{"style":169},[927],{"type":47,"value":507},{"type":42,"tag":153,"props":929,"children":931},{"class":155,"line":930},15,[932,937,941,946,951,955,960,965,969,974,978,982,986,990,994,998,1002,1006,1011],{"type":42,"tag":153,"props":933,"children":934},{"style":169},[935],{"type":47,"value":936},"               0 2",{"type":42,"tag":153,"props":938,"children":939},{"style":175},[940],{"type":47,"value":496},{"type":42,"tag":153,"props":942,"children":943},{"style":499},[944],{"type":47,"value":945},"288533px",{"type":42,"tag":153,"props":947,"children":948},{"style":169},[949],{"type":47,"value":950}," 6",{"type":42,"tag":153,"props":952,"children":953},{"style":175},[954],{"type":47,"value":496},{"type":42,"tag":153,"props":956,"children":957},{"style":499},[958],{"type":47,"value":959},"8656px",{"type":42,"tag":153,"props":961,"children":962},{"style":169},[963],{"type":47,"value":964}," -1",{"type":42,"tag":153,"props":966,"children":967},{"style":175},[968],{"type":47,"value":496},{"type":42,"tag":153,"props":970,"children":971},{"style":499},[972],{"type":47,"value":973},"3333333px",{"type":42,"tag":153,"props":975,"children":976},{"style":169},[977],{"type":47,"value":888},{"type":42,"tag":153,"props":979,"children":980},{"style":175},[981],{"type":47,"value":557},{"type":42,"tag":153,"props":983,"children":984},{"style":169},[985],{"type":47,"value":897},{"type":42,"tag":153,"props":987,"children":988},{"style":175},[989],{"type":47,"value":557},{"type":42,"tag":153,"props":991,"children":992},{"style":169},[993],{"type":47,"value":906},{"type":42,"tag":153,"props":995,"children":996},{"style":175},[997],{"type":47,"value":557},{"type":42,"tag":153,"props":999,"children":1000},{"style":169},[1001],{"type":47,"value":579},{"type":42,"tag":153,"props":1003,"children":1004},{"style":175},[1005],{"type":47,"value":496},{"type":42,"tag":153,"props":1007,"children":1008},{"style":499},[1009],{"type":47,"value":1010},"09",{"type":42,"tag":153,"props":1012,"children":1013},{"style":169},[1014],{"type":47,"value":507},{"type":42,"tag":153,"props":1016,"children":1018},{"class":155,"line":1017},16,[1019,1024,1028,1032,1036,1040,1044,1048,1052,1057],{"type":42,"tag":153,"props":1020,"children":1021},{"style":169},[1022],{"type":47,"value":1023},"               0 10px 30px -2px rgba(45",{"type":42,"tag":153,"props":1025,"children":1026},{"style":175},[1027],{"type":47,"value":557},{"type":42,"tag":153,"props":1029,"children":1030},{"style":169},[1031],{"type":47,"value":897},{"type":42,"tag":153,"props":1033,"children":1034},{"style":175},[1035],{"type":47,"value":557},{"type":42,"tag":153,"props":1037,"children":1038},{"style":169},[1039],{"type":47,"value":906},{"type":42,"tag":153,"props":1041,"children":1042},{"style":175},[1043],{"type":47,"value":557},{"type":42,"tag":153,"props":1045,"children":1046},{"style":169},[1047],{"type":47,"value":579},{"type":42,"tag":153,"props":1049,"children":1050},{"style":175},[1051],{"type":47,"value":496},{"type":42,"tag":153,"props":1053,"children":1054},{"style":499},[1055],{"type":47,"value":1056},"12",{"type":42,"tag":153,"props":1058,"children":1059},{"style":169},[1060],{"type":47,"value":529},{"type":42,"tag":153,"props":1062,"children":1064},{"class":155,"line":1063},17,[1065],{"type":42,"tag":153,"props":1066,"children":1067},{"emptyLinePlaceholder":333},[1068],{"type":47,"value":336},{"type":42,"tag":153,"props":1070,"children":1072},{"class":155,"line":1071},18,[1073],{"type":42,"tag":153,"props":1074,"children":1075},{"style":159},[1076],{"type":47,"value":1077},"\u002F* Cool blue-gray (Cal) — for neutral, \"calm software\" *\u002F\n",{"type":42,"tag":153,"props":1079,"children":1081},{"class":155,"line":1080},19,[1082,1087,1091,1096,1100,1105,1109,1113,1117,1122],{"type":42,"tag":153,"props":1083,"children":1084},{"style":169},[1085],{"type":47,"value":1086},"--shadow-cal: 0px 1px 5px -4px rgba(19",{"type":42,"tag":153,"props":1088,"children":1089},{"style":175},[1090],{"type":47,"value":557},{"type":42,"tag":153,"props":1092,"children":1093},{"style":169},[1094],{"type":47,"value":1095},"19",{"type":42,"tag":153,"props":1097,"children":1098},{"style":175},[1099],{"type":47,"value":557},{"type":42,"tag":153,"props":1101,"children":1102},{"style":169},[1103],{"type":47,"value":1104},"22",{"type":42,"tag":153,"props":1106,"children":1107},{"style":175},[1108],{"type":47,"value":557},{"type":42,"tag":153,"props":1110,"children":1111},{"style":169},[1112],{"type":47,"value":579},{"type":42,"tag":153,"props":1114,"children":1115},{"style":175},[1116],{"type":47,"value":496},{"type":42,"tag":153,"props":1118,"children":1119},{"style":499},[1120],{"type":47,"value":1121},"7",{"type":42,"tag":153,"props":1123,"children":1124},{"style":169},[1125],{"type":47,"value":507},{"type":42,"tag":153,"props":1127,"children":1129},{"class":155,"line":1128},20,[1130,1135,1139,1144,1148,1153,1157,1161,1165,1169],{"type":42,"tag":153,"props":1131,"children":1132},{"style":169},[1133],{"type":47,"value":1134},"              0px 0px 0px 1px rgba(34",{"type":42,"tag":153,"props":1136,"children":1137},{"style":175},[1138],{"type":47,"value":557},{"type":42,"tag":153,"props":1140,"children":1141},{"style":169},[1142],{"type":47,"value":1143},"42",{"type":42,"tag":153,"props":1145,"children":1146},{"style":175},[1147],{"type":47,"value":557},{"type":42,"tag":153,"props":1149,"children":1150},{"style":169},[1151],{"type":47,"value":1152},"53",{"type":42,"tag":153,"props":1154,"children":1155},{"style":175},[1156],{"type":47,"value":557},{"type":42,"tag":153,"props":1158,"children":1159},{"style":169},[1160],{"type":47,"value":579},{"type":42,"tag":153,"props":1162,"children":1163},{"style":175},[1164],{"type":47,"value":496},{"type":42,"tag":153,"props":1166,"children":1167},{"style":499},[1168],{"type":47,"value":923},{"type":42,"tag":153,"props":1170,"children":1171},{"style":169},[1172],{"type":47,"value":507},{"type":42,"tag":153,"props":1174,"children":1176},{"class":155,"line":1175},21,[1177,1182,1186,1190,1194,1198,1202,1206,1210,1214],{"type":42,"tag":153,"props":1178,"children":1179},{"style":169},[1180],{"type":47,"value":1181},"              0px 4px 8px 0px rgba(34",{"type":42,"tag":153,"props":1183,"children":1184},{"style":175},[1185],{"type":47,"value":557},{"type":42,"tag":153,"props":1187,"children":1188},{"style":169},[1189],{"type":47,"value":1143},{"type":42,"tag":153,"props":1191,"children":1192},{"style":175},[1193],{"type":47,"value":557},{"type":42,"tag":153,"props":1195,"children":1196},{"style":169},[1197],{"type":47,"value":1152},{"type":42,"tag":153,"props":1199,"children":1200},{"style":175},[1201],{"type":47,"value":557},{"type":42,"tag":153,"props":1203,"children":1204},{"style":169},[1205],{"type":47,"value":579},{"type":42,"tag":153,"props":1207,"children":1208},{"style":175},[1209],{"type":47,"value":496},{"type":42,"tag":153,"props":1211,"children":1212},{"style":499},[1213],{"type":47,"value":524},{"type":42,"tag":153,"props":1215,"children":1216},{"style":169},[1217],{"type":47,"value":529},{"type":42,"tag":153,"props":1219,"children":1221},{"class":155,"line":1220},22,[1222],{"type":42,"tag":153,"props":1223,"children":1224},{"emptyLinePlaceholder":333},[1225],{"type":47,"value":336},{"type":42,"tag":153,"props":1227,"children":1229},{"class":155,"line":1228},23,[1230],{"type":42,"tag":153,"props":1231,"children":1232},{"style":159},[1233],{"type":47,"value":1234},"\u002F* Theme-mixed (Antimetal) — shadow inherits the hero color via color-mix *\u002F\n",{"type":42,"tag":153,"props":1236,"children":1238},{"class":155,"line":1237},24,[1239,1244,1248],{"type":42,"tag":153,"props":1240,"children":1241},{"style":169},[1242],{"type":47,"value":1243},"--shadow-themed: 0 48px 56px color-mix(in srgb",{"type":42,"tag":153,"props":1245,"children":1246},{"style":175},[1247],{"type":47,"value":557},{"type":42,"tag":153,"props":1249,"children":1250},{"style":169},[1251],{"type":47,"value":1252}," var(--color-hero) 8%, transparent),\n",{"type":42,"tag":153,"props":1254,"children":1256},{"class":155,"line":1255},25,[1257,1262,1266],{"type":42,"tag":153,"props":1258,"children":1259},{"style":169},[1260],{"type":47,"value":1261},"                 0 24px 32px color-mix(in srgb",{"type":42,"tag":153,"props":1263,"children":1264},{"style":175},[1265],{"type":47,"value":557},{"type":42,"tag":153,"props":1267,"children":1268},{"style":169},[1269],{"type":47,"value":1270}," var(--color-hero) 12%, transparent),\n",{"type":42,"tag":153,"props":1272,"children":1274},{"class":155,"line":1273},26,[1275,1280,1284,1289,1293,1298,1302],{"type":42,"tag":153,"props":1276,"children":1277},{"style":169},[1278],{"type":47,"value":1279},"                 inset 0 ",{"type":42,"tag":153,"props":1281,"children":1282},{"style":175},[1283],{"type":47,"value":496},{"type":42,"tag":153,"props":1285,"children":1286},{"style":169},[1287],{"type":47,"value":1288},"5px ",{"type":42,"tag":153,"props":1290,"children":1291},{"style":175},[1292],{"type":47,"value":496},{"type":42,"tag":153,"props":1294,"children":1295},{"style":169},[1296],{"type":47,"value":1297},"5px color-mix(in srgb",{"type":42,"tag":153,"props":1299,"children":1300},{"style":175},[1301],{"type":47,"value":557},{"type":42,"tag":153,"props":1303,"children":1304},{"style":169},[1305],{"type":47,"value":1306}," var(--color-hero) 24%, transparent),\n",{"type":42,"tag":153,"props":1308,"children":1310},{"class":155,"line":1309},27,[1311,1316,1320,1325,1330,1334,1338],{"type":42,"tag":153,"props":1312,"children":1313},{"style":169},[1314],{"type":47,"value":1315},"                 inset 0 -",{"type":42,"tag":153,"props":1317,"children":1318},{"style":175},[1319],{"type":47,"value":496},{"type":42,"tag":153,"props":1321,"children":1322},{"style":499},[1323],{"type":47,"value":1324},"5px",{"type":42,"tag":153,"props":1326,"children":1327},{"style":175},[1328],{"type":47,"value":1329}," .",{"type":42,"tag":153,"props":1331,"children":1332},{"style":169},[1333],{"type":47,"value":1297},{"type":42,"tag":153,"props":1335,"children":1336},{"style":175},[1337],{"type":47,"value":557},{"type":42,"tag":153,"props":1339,"children":1340},{"style":169},[1341],{"type":47,"value":1306},{"type":42,"tag":153,"props":1343,"children":1345},{"class":155,"line":1344},28,[1346,1351,1355],{"type":42,"tag":153,"props":1347,"children":1348},{"style":169},[1349],{"type":47,"value":1350},"                 inset 0 0 0 1px color-mix(in srgb",{"type":42,"tag":153,"props":1352,"children":1353},{"style":175},[1354],{"type":47,"value":557},{"type":42,"tag":153,"props":1356,"children":1357},{"style":169},[1358],{"type":47,"value":1359}," var(--color-hero) 6%, transparent);\n",{"type":42,"tag":50,"props":1361,"children":1362},{},[1363,1364,1370],{"type":47,"value":442},{"type":42,"tag":83,"props":1365,"children":1367},{"className":1366},[],[1368],{"type":47,"value":1369},"box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)",{"type":47,"value":1371}," (Tailwind default).",{"type":42,"tag":122,"props":1373,"children":1375},{"id":1374},"rule-3-stack-38-shadow-layers-for-real-atmosphere",[1376],{"type":47,"value":1377},"Rule 3: Stack 3–8 shadow layers for real atmosphere",{"type":42,"tag":50,"props":1379,"children":1380},{},[1381],{"type":47,"value":1382},"Premium sites never ship a single-layer shadow. The formula:",{"type":42,"tag":142,"props":1384,"children":1388},{"className":1385,"code":1387,"language":47},[1386],"language-text","Layer 1: 1px ring (hairline outline)    → 0 0 0 1px rgba(...tint..., 0.06-0.11)\nLayer 2: Short contact (close lift)     → 0 1px 2px rgba(...tint..., 0.05)\nLayer 3: Medium ambient (mid distance)  → 0 4-8px 16-24px rgba(...tint..., 0.05-0.08)\nLayer 4: Long ambient (far glow)        → 0 24-56px 56-88px rgba(...tint..., 0.05-0.20)\nLayer 5: Top inset highlight            → inset 0 .5px .5px rgba(255,255,255,0.24)\nLayer 6: Bottom inset highlight         → inset 0 -.5px .5px rgba(255,255,255,0.24)\n",[1389],{"type":42,"tag":83,"props":1390,"children":1391},{"__ignoreMap":147},[1392],{"type":47,"value":1387},{"type":42,"tag":50,"props":1394,"children":1395},{},[1396,1402],{"type":42,"tag":1397,"props":1398,"children":1399},"strong",{},[1400],{"type":47,"value":1401},"Antimetal's 8-layer signature",{"type":47,"value":1403}," (copy verbatim):",{"type":42,"tag":142,"props":1405,"children":1407},{"className":144,"code":1406,"language":146,"meta":147,"style":147},"box-shadow:\n  0 56px 88px #0a08061a,\n  0 16px 40px #0a08060d,\n  0 4px 12px #0a080605,\n  0 0 0 1px #0a08060a,\n  inset 0 4px 12px -6px #e0f6ff0f,\n  inset 0 .5px .5px #e0f6ff3d,\n  inset 0 0 0 1px #e0f6ff0f,\n  inset 0 -.5px .5px #e0f6ff3d;\n",[1408],{"type":42,"tag":83,"props":1409,"children":1410},{"__ignoreMap":147},[1411,1424,1445,1466,1487,1508,1530,1567,1587],{"type":42,"tag":153,"props":1412,"children":1413},{"class":155,"line":25},[1414,1419],{"type":42,"tag":153,"props":1415,"children":1416},{"style":499},[1417],{"type":47,"value":1418},"box-shadow",{"type":42,"tag":153,"props":1420,"children":1421},{"style":169},[1422],{"type":47,"value":1423},":\n",{"type":42,"tag":153,"props":1425,"children":1426},{"class":155,"line":165},[1427,1432,1436,1441],{"type":42,"tag":153,"props":1428,"children":1429},{"style":169},[1430],{"type":47,"value":1431},"  0 56px 88px ",{"type":42,"tag":153,"props":1433,"children":1434},{"style":175},[1435],{"type":47,"value":178},{"type":42,"tag":153,"props":1437,"children":1438},{"style":169},[1439],{"type":47,"value":1440},"0a08061a",{"type":42,"tag":153,"props":1442,"children":1443},{"style":175},[1444],{"type":47,"value":598},{"type":42,"tag":153,"props":1446,"children":1447},{"class":155,"line":191},[1448,1453,1457,1462],{"type":42,"tag":153,"props":1449,"children":1450},{"style":169},[1451],{"type":47,"value":1452},"  0 16px 40px ",{"type":42,"tag":153,"props":1454,"children":1455},{"style":175},[1456],{"type":47,"value":178},{"type":42,"tag":153,"props":1458,"children":1459},{"style":169},[1460],{"type":47,"value":1461},"0a08060d",{"type":42,"tag":153,"props":1463,"children":1464},{"style":175},[1465],{"type":47,"value":598},{"type":42,"tag":153,"props":1467,"children":1468},{"class":155,"line":214},[1469,1474,1478,1483],{"type":42,"tag":153,"props":1470,"children":1471},{"style":169},[1472],{"type":47,"value":1473},"  0 4px 12px ",{"type":42,"tag":153,"props":1475,"children":1476},{"style":175},[1477],{"type":47,"value":178},{"type":42,"tag":153,"props":1479,"children":1480},{"style":169},[1481],{"type":47,"value":1482},"0a080605",{"type":42,"tag":153,"props":1484,"children":1485},{"style":175},[1486],{"type":47,"value":598},{"type":42,"tag":153,"props":1488,"children":1489},{"class":155,"line":237},[1490,1495,1499,1504],{"type":42,"tag":153,"props":1491,"children":1492},{"style":169},[1493],{"type":47,"value":1494},"  0 0 0 1px ",{"type":42,"tag":153,"props":1496,"children":1497},{"style":175},[1498],{"type":47,"value":178},{"type":42,"tag":153,"props":1500,"children":1501},{"style":169},[1502],{"type":47,"value":1503},"0a08060a",{"type":42,"tag":153,"props":1505,"children":1506},{"style":175},[1507],{"type":47,"value":598},{"type":42,"tag":153,"props":1509,"children":1510},{"class":155,"line":260},[1511,1516,1520,1526],{"type":42,"tag":153,"props":1512,"children":1513},{"style":169},[1514],{"type":47,"value":1515},"  inset 0 4px 12px -6px ",{"type":42,"tag":153,"props":1517,"children":1518},{"style":175},[1519],{"type":47,"value":178},{"type":42,"tag":153,"props":1521,"children":1523},{"style":1522},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1524],{"type":47,"value":1525},"e0f6ff0f",{"type":42,"tag":153,"props":1527,"children":1528},{"style":175},[1529],{"type":47,"value":598},{"type":42,"tag":153,"props":1531,"children":1532},{"class":155,"line":283},[1533,1538,1542,1546,1550,1554,1558,1563],{"type":42,"tag":153,"props":1534,"children":1535},{"style":169},[1536],{"type":47,"value":1537},"  inset 0 ",{"type":42,"tag":153,"props":1539,"children":1540},{"style":175},[1541],{"type":47,"value":496},{"type":42,"tag":153,"props":1543,"children":1544},{"style":169},[1545],{"type":47,"value":1288},{"type":42,"tag":153,"props":1547,"children":1548},{"style":175},[1549],{"type":47,"value":496},{"type":42,"tag":153,"props":1551,"children":1552},{"style":169},[1553],{"type":47,"value":1288},{"type":42,"tag":153,"props":1555,"children":1556},{"style":175},[1557],{"type":47,"value":178},{"type":42,"tag":153,"props":1559,"children":1560},{"style":1522},[1561],{"type":47,"value":1562},"e0f6ff3d",{"type":42,"tag":153,"props":1564,"children":1565},{"style":175},[1566],{"type":47,"value":598},{"type":42,"tag":153,"props":1568,"children":1569},{"class":155,"line":306},[1570,1575,1579,1583],{"type":42,"tag":153,"props":1571,"children":1572},{"style":169},[1573],{"type":47,"value":1574},"  inset 0 0 0 1px ",{"type":42,"tag":153,"props":1576,"children":1577},{"style":175},[1578],{"type":47,"value":178},{"type":42,"tag":153,"props":1580,"children":1581},{"style":1522},[1582],{"type":47,"value":1525},{"type":42,"tag":153,"props":1584,"children":1585},{"style":175},[1586],{"type":47,"value":598},{"type":42,"tag":153,"props":1588,"children":1589},{"class":155,"line":329},[1590,1595,1599,1603,1607,1611,1615],{"type":42,"tag":153,"props":1591,"children":1592},{"style":169},[1593],{"type":47,"value":1594},"  inset 0 -",{"type":42,"tag":153,"props":1596,"children":1597},{"style":175},[1598],{"type":47,"value":496},{"type":42,"tag":153,"props":1600,"children":1601},{"style":499},[1602],{"type":47,"value":1324},{"type":42,"tag":153,"props":1604,"children":1605},{"style":175},[1606],{"type":47,"value":1329},{"type":42,"tag":153,"props":1608,"children":1609},{"style":169},[1610],{"type":47,"value":1288},{"type":42,"tag":153,"props":1612,"children":1613},{"style":175},[1614],{"type":47,"value":178},{"type":42,"tag":153,"props":1616,"children":1617},{"style":169},[1618],{"type":47,"value":1619},"e0f6ff3d;\n",{"type":42,"tag":50,"props":1621,"children":1622},{},[1623,1628],{"type":42,"tag":1397,"props":1624,"children":1625},{},[1626],{"type":47,"value":1627},"Hex's rose floating-card",{"type":47,"value":1629}," (exaggerated 103px blur for maximum atmosphere):",{"type":42,"tag":142,"props":1631,"children":1633},{"className":144,"code":1632,"language":146,"meta":147,"style":147},"box-shadow:\n  0 0 0 1px rgba(49,38,59,0.22),\n  0 103px 103px 0 rgba(49,38,59,0.09),\n  0 26px 57px 0 rgba(49,38,59,0.10);\n",[1634],{"type":42,"tag":83,"props":1635,"children":1636},{"__ignoreMap":147},[1637,1648,1694,1738],{"type":42,"tag":153,"props":1638,"children":1639},{"class":155,"line":25},[1640,1644],{"type":42,"tag":153,"props":1641,"children":1642},{"style":499},[1643],{"type":47,"value":1418},{"type":42,"tag":153,"props":1645,"children":1646},{"style":169},[1647],{"type":47,"value":1423},{"type":42,"tag":153,"props":1649,"children":1650},{"class":155,"line":165},[1651,1656,1660,1665,1669,1674,1678,1682,1686,1690],{"type":42,"tag":153,"props":1652,"children":1653},{"style":169},[1654],{"type":47,"value":1655},"  0 0 0 1px rgba(49",{"type":42,"tag":153,"props":1657,"children":1658},{"style":175},[1659],{"type":47,"value":557},{"type":42,"tag":153,"props":1661,"children":1662},{"style":169},[1663],{"type":47,"value":1664},"38",{"type":42,"tag":153,"props":1666,"children":1667},{"style":175},[1668],{"type":47,"value":557},{"type":42,"tag":153,"props":1670,"children":1671},{"style":169},[1672],{"type":47,"value":1673},"59",{"type":42,"tag":153,"props":1675,"children":1676},{"style":175},[1677],{"type":47,"value":557},{"type":42,"tag":153,"props":1679,"children":1680},{"style":169},[1681],{"type":47,"value":579},{"type":42,"tag":153,"props":1683,"children":1684},{"style":175},[1685],{"type":47,"value":496},{"type":42,"tag":153,"props":1687,"children":1688},{"style":499},[1689],{"type":47,"value":1104},{"type":42,"tag":153,"props":1691,"children":1692},{"style":169},[1693],{"type":47,"value":507},{"type":42,"tag":153,"props":1695,"children":1696},{"class":155,"line":191},[1697,1702,1706,1710,1714,1718,1722,1726,1730,1734],{"type":42,"tag":153,"props":1698,"children":1699},{"style":169},[1700],{"type":47,"value":1701},"  0 103px 103px 0 rgba(49",{"type":42,"tag":153,"props":1703,"children":1704},{"style":175},[1705],{"type":47,"value":557},{"type":42,"tag":153,"props":1707,"children":1708},{"style":169},[1709],{"type":47,"value":1664},{"type":42,"tag":153,"props":1711,"children":1712},{"style":175},[1713],{"type":47,"value":557},{"type":42,"tag":153,"props":1715,"children":1716},{"style":169},[1717],{"type":47,"value":1673},{"type":42,"tag":153,"props":1719,"children":1720},{"style":175},[1721],{"type":47,"value":557},{"type":42,"tag":153,"props":1723,"children":1724},{"style":169},[1725],{"type":47,"value":579},{"type":42,"tag":153,"props":1727,"children":1728},{"style":175},[1729],{"type":47,"value":496},{"type":42,"tag":153,"props":1731,"children":1732},{"style":499},[1733],{"type":47,"value":1010},{"type":42,"tag":153,"props":1735,"children":1736},{"style":169},[1737],{"type":47,"value":507},{"type":42,"tag":153,"props":1739,"children":1740},{"class":155,"line":214},[1741,1746,1750,1754,1758,1762,1766,1770,1774,1779],{"type":42,"tag":153,"props":1742,"children":1743},{"style":169},[1744],{"type":47,"value":1745},"  0 26px 57px 0 rgba(49",{"type":42,"tag":153,"props":1747,"children":1748},{"style":175},[1749],{"type":47,"value":557},{"type":42,"tag":153,"props":1751,"children":1752},{"style":169},[1753],{"type":47,"value":1664},{"type":42,"tag":153,"props":1755,"children":1756},{"style":175},[1757],{"type":47,"value":557},{"type":42,"tag":153,"props":1759,"children":1760},{"style":169},[1761],{"type":47,"value":1673},{"type":42,"tag":153,"props":1763,"children":1764},{"style":175},[1765],{"type":47,"value":557},{"type":42,"tag":153,"props":1767,"children":1768},{"style":169},[1769],{"type":47,"value":579},{"type":42,"tag":153,"props":1771,"children":1772},{"style":175},[1773],{"type":47,"value":496},{"type":42,"tag":153,"props":1775,"children":1776},{"style":499},[1777],{"type":47,"value":1778},"10",{"type":42,"tag":153,"props":1780,"children":1781},{"style":169},[1782],{"type":47,"value":529},{"type":42,"tag":122,"props":1784,"children":1786},{"id":1785},"rule-4-gradients-are-never-the-default-135-purpleblue",[1787],{"type":47,"value":1788},"Rule 4: Gradients are never the default 135° purple→blue",{"type":42,"tag":50,"props":1790,"children":1791},{},[1792],{"type":47,"value":1793},"When you use a gradient, be intentional about:",{"type":42,"tag":1795,"props":1796,"children":1797},"ol",{},[1798,1808,1818],{"type":42,"tag":67,"props":1799,"children":1800},{},[1801,1806],{"type":42,"tag":1397,"props":1802,"children":1803},{},[1804],{"type":47,"value":1805},"Angle",{"type":47,"value":1807}," (specific degree, not 45\u002F135)",{"type":42,"tag":67,"props":1809,"children":1810},{},[1811,1816],{"type":42,"tag":1397,"props":1812,"children":1813},{},[1814],{"type":47,"value":1815},"Palette",{"type":47,"value":1817}," (warm or intentional 3+ stop)",{"type":42,"tag":67,"props":1819,"children":1820},{},[1821,1826],{"type":42,"tag":1397,"props":1822,"children":1823},{},[1824],{"type":47,"value":1825},"Usage",{"type":47,"value":1827}," (ambient wash, text clip, or signature art — rarely as a button background)",{"type":42,"tag":50,"props":1829,"children":1830},{},[1831,1836],{"type":42,"tag":1397,"props":1832,"children":1833},{},[1834],{"type":47,"value":1835},"Incident.io's \"Alarmalade\"",{"type":47,"value":1837}," — 3-stop 70° brand gradient:",{"type":42,"tag":142,"props":1839,"children":1841},{"className":144,"code":1840,"language":146,"meta":147,"style":147},"background: linear-gradient(70deg, #f25533 31%, #f1cd98 82%, #f8f5ef 100%);\n",[1842],{"type":42,"tag":83,"props":1843,"children":1844},{"__ignoreMap":147},[1845],{"type":42,"tag":153,"props":1846,"children":1847},{"class":155,"line":25},[1848,1853,1857,1862,1867,1872,1876,1880,1885,1890,1894,1898,1903],{"type":42,"tag":153,"props":1849,"children":1850},{"style":169},[1851],{"type":47,"value":1852},"background: linear-gradient(70deg",{"type":42,"tag":153,"props":1854,"children":1855},{"style":175},[1856],{"type":47,"value":557},{"type":42,"tag":153,"props":1858,"children":1859},{"style":175},[1860],{"type":47,"value":1861}," #",{"type":42,"tag":153,"props":1863,"children":1864},{"style":1522},[1865],{"type":47,"value":1866},"f25533",{"type":42,"tag":153,"props":1868,"children":1869},{"style":169},[1870],{"type":47,"value":1871}," 31%",{"type":42,"tag":153,"props":1873,"children":1874},{"style":175},[1875],{"type":47,"value":557},{"type":42,"tag":153,"props":1877,"children":1878},{"style":175},[1879],{"type":47,"value":1861},{"type":42,"tag":153,"props":1881,"children":1882},{"style":1522},[1883],{"type":47,"value":1884},"f1cd98",{"type":42,"tag":153,"props":1886,"children":1887},{"style":169},[1888],{"type":47,"value":1889}," 82%",{"type":42,"tag":153,"props":1891,"children":1892},{"style":175},[1893],{"type":47,"value":557},{"type":42,"tag":153,"props":1895,"children":1896},{"style":175},[1897],{"type":47,"value":1861},{"type":42,"tag":153,"props":1899,"children":1900},{"style":1522},[1901],{"type":47,"value":1902},"f8f5ef",{"type":42,"tag":153,"props":1904,"children":1905},{"style":169},[1906],{"type":47,"value":1907}," 100%);\n",{"type":42,"tag":50,"props":1909,"children":1910},{},[1911,1916],{"type":42,"tag":1397,"props":1912,"children":1913},{},[1914],{"type":47,"value":1915},"Cohere's signature",{"type":47,"value":1917}," — 78° coral-to-blue, a full warm-to-cool journey:",{"type":42,"tag":142,"props":1919,"children":1921},{"className":144,"code":1920,"language":146,"meta":147,"style":147},"background: linear-gradient(78deg, #ff7759, #7670c5 60%, #4c6ee6 90%);\n",[1922],{"type":42,"tag":83,"props":1923,"children":1924},{"__ignoreMap":147},[1925],{"type":42,"tag":153,"props":1926,"children":1927},{"class":155,"line":25},[1928,1933,1937,1941,1946,1950,1954,1959,1963,1967],{"type":42,"tag":153,"props":1929,"children":1930},{"style":169},[1931],{"type":47,"value":1932},"background: linear-gradient(78deg",{"type":42,"tag":153,"props":1934,"children":1935},{"style":175},[1936],{"type":47,"value":557},{"type":42,"tag":153,"props":1938,"children":1939},{"style":175},[1940],{"type":47,"value":1861},{"type":42,"tag":153,"props":1942,"children":1943},{"style":1522},[1944],{"type":47,"value":1945},"ff7759",{"type":42,"tag":153,"props":1947,"children":1948},{"style":175},[1949],{"type":47,"value":557},{"type":42,"tag":153,"props":1951,"children":1952},{"style":175},[1953],{"type":47,"value":1861},{"type":42,"tag":153,"props":1955,"children":1956},{"style":169},[1957],{"type":47,"value":1958},"7670c5 60%",{"type":42,"tag":153,"props":1960,"children":1961},{"style":175},[1962],{"type":47,"value":557},{"type":42,"tag":153,"props":1964,"children":1965},{"style":175},[1966],{"type":47,"value":1861},{"type":42,"tag":153,"props":1968,"children":1969},{"style":169},[1970],{"type":47,"value":1971},"4c6ee6 90%);\n",{"type":42,"tag":50,"props":1973,"children":1974},{},[1975,1980],{"type":42,"tag":1397,"props":1976,"children":1977},{},[1978],{"type":47,"value":1979},"Angellist's painterly plate",{"type":47,"value":1981}," — 9-stop gallery art (used inside 200–300px radius rectangles):",{"type":42,"tag":142,"props":1983,"children":1985},{"className":144,"code":1984,"language":146,"meta":147,"style":147},"background: linear-gradient(195.85deg,\n  #6258ff -121.25%, #e06ab2 -69.08%, #fb8569 -36.55%,\n  #ffb1b1 12.07%, #cdcbff 59.26%, #7e6f4a 126.83%,\n  #32607f 172.94%, #fde8b5 277.03%);\n",[1986],{"type":42,"tag":83,"props":1987,"children":1988},{"__ignoreMap":147},[1989,2010,2063,2115],{"type":42,"tag":153,"props":1990,"children":1991},{"class":155,"line":25},[1992,1997,2001,2006],{"type":42,"tag":153,"props":1993,"children":1994},{"style":169},[1995],{"type":47,"value":1996},"background: linear-gradient(195",{"type":42,"tag":153,"props":1998,"children":1999},{"style":175},[2000],{"type":47,"value":496},{"type":42,"tag":153,"props":2002,"children":2003},{"style":499},[2004],{"type":47,"value":2005},"85deg",{"type":42,"tag":153,"props":2007,"children":2008},{"style":175},[2009],{"type":47,"value":598},{"type":42,"tag":153,"props":2011,"children":2012},{"class":155,"line":165},[2013,2018,2023,2027,2031,2036,2041,2045,2049,2054,2059],{"type":42,"tag":153,"props":2014,"children":2015},{"style":175},[2016],{"type":47,"value":2017},"  #",{"type":42,"tag":153,"props":2019,"children":2020},{"style":169},[2021],{"type":47,"value":2022},"6258ff -121.25%",{"type":42,"tag":153,"props":2024,"children":2025},{"style":175},[2026],{"type":47,"value":557},{"type":42,"tag":153,"props":2028,"children":2029},{"style":175},[2030],{"type":47,"value":1861},{"type":42,"tag":153,"props":2032,"children":2033},{"style":1522},[2034],{"type":47,"value":2035},"e06ab2",{"type":42,"tag":153,"props":2037,"children":2038},{"style":169},[2039],{"type":47,"value":2040}," -69.08%",{"type":42,"tag":153,"props":2042,"children":2043},{"style":175},[2044],{"type":47,"value":557},{"type":42,"tag":153,"props":2046,"children":2047},{"style":175},[2048],{"type":47,"value":1861},{"type":42,"tag":153,"props":2050,"children":2051},{"style":1522},[2052],{"type":47,"value":2053},"fb8569",{"type":42,"tag":153,"props":2055,"children":2056},{"style":169},[2057],{"type":47,"value":2058}," -36.55%",{"type":42,"tag":153,"props":2060,"children":2061},{"style":175},[2062],{"type":47,"value":598},{"type":42,"tag":153,"props":2064,"children":2065},{"class":155,"line":191},[2066,2070,2075,2080,2084,2088,2093,2098,2102,2106,2111],{"type":42,"tag":153,"props":2067,"children":2068},{"style":175},[2069],{"type":47,"value":2017},{"type":42,"tag":153,"props":2071,"children":2072},{"style":1522},[2073],{"type":47,"value":2074},"ffb1b1",{"type":42,"tag":153,"props":2076,"children":2077},{"style":169},[2078],{"type":47,"value":2079}," 12.07%",{"type":42,"tag":153,"props":2081,"children":2082},{"style":175},[2083],{"type":47,"value":557},{"type":42,"tag":153,"props":2085,"children":2086},{"style":175},[2087],{"type":47,"value":1861},{"type":42,"tag":153,"props":2089,"children":2090},{"style":1522},[2091],{"type":47,"value":2092},"cdcbff",{"type":42,"tag":153,"props":2094,"children":2095},{"style":169},[2096],{"type":47,"value":2097}," 59.26%",{"type":42,"tag":153,"props":2099,"children":2100},{"style":175},[2101],{"type":47,"value":557},{"type":42,"tag":153,"props":2103,"children":2104},{"style":175},[2105],{"type":47,"value":1861},{"type":42,"tag":153,"props":2107,"children":2108},{"style":169},[2109],{"type":47,"value":2110},"7e6f4a 126.83%",{"type":42,"tag":153,"props":2112,"children":2113},{"style":175},[2114],{"type":47,"value":598},{"type":42,"tag":153,"props":2116,"children":2117},{"class":155,"line":214},[2118,2122,2127,2131,2135,2140],{"type":42,"tag":153,"props":2119,"children":2120},{"style":175},[2121],{"type":47,"value":2017},{"type":42,"tag":153,"props":2123,"children":2124},{"style":169},[2125],{"type":47,"value":2126},"32607f 172.94%",{"type":42,"tag":153,"props":2128,"children":2129},{"style":175},[2130],{"type":47,"value":557},{"type":42,"tag":153,"props":2132,"children":2133},{"style":175},[2134],{"type":47,"value":1861},{"type":42,"tag":153,"props":2136,"children":2137},{"style":1522},[2138],{"type":47,"value":2139},"fde8b5",{"type":42,"tag":153,"props":2141,"children":2142},{"style":169},[2143],{"type":47,"value":2144}," 277.03%);\n",{"type":42,"tag":50,"props":2146,"children":2147},{},[2148,2153],{"type":42,"tag":1397,"props":2149,"children":2150},{},[2151],{"type":47,"value":2152},"Outseta's warm diagonal",{"type":47,"value":2154}," — peach\u002Fcream\u002Fyellow wash behind hero:",{"type":42,"tag":142,"props":2156,"children":2158},{"className":144,"code":2157,"language":146,"meta":147,"style":147},"background: linear-gradient(145deg, hsl(47deg 100% 87%), #2900290d 30%);\n",[2159],{"type":42,"tag":83,"props":2160,"children":2161},{"__ignoreMap":147},[2162],{"type":42,"tag":153,"props":2163,"children":2164},{"class":155,"line":25},[2165,2170,2174,2179,2183],{"type":42,"tag":153,"props":2166,"children":2167},{"style":169},[2168],{"type":47,"value":2169},"background: linear-gradient(145deg",{"type":42,"tag":153,"props":2171,"children":2172},{"style":175},[2173],{"type":47,"value":557},{"type":42,"tag":153,"props":2175,"children":2176},{"style":169},[2177],{"type":47,"value":2178}," hsl(47deg 100% 87%), ",{"type":42,"tag":153,"props":2180,"children":2181},{"style":175},[2182],{"type":47,"value":178},{"type":42,"tag":153,"props":2184,"children":2185},{"style":169},[2186],{"type":47,"value":2187},"2900290d 30%);\n",{"type":42,"tag":50,"props":2189,"children":2190},{},[2191,2196],{"type":42,"tag":1397,"props":2192,"children":2193},{},[2194],{"type":47,"value":2195},"Antimetal's subtle double-wash",{"type":47,"value":2197}," — stacked vertical ambient at 4% opacity:",{"type":42,"tag":142,"props":2199,"children":2201},{"className":144,"code":2200,"language":146,"meta":147,"style":147},"background:\n  linear-gradient(0deg, #e0f6ff0a 0%, #e0f6ff0a 100%),\n  linear-gradient(180deg, #e0f6ff0a 0%, #0000 25%, #0000 90%, #e0f6ff0a 100%),\n  var(--bg-page);\n",[2202],{"type":42,"tag":83,"props":2203,"children":2204},{"__ignoreMap":147},[2205,2213,2256,2322],{"type":42,"tag":153,"props":2206,"children":2207},{"class":155,"line":25},[2208],{"type":42,"tag":153,"props":2209,"children":2210},{"style":169},[2211],{"type":47,"value":2212},"background:\n",{"type":42,"tag":153,"props":2214,"children":2215},{"class":155,"line":165},[2216,2221,2225,2229,2234,2239,2243,2247,2251],{"type":42,"tag":153,"props":2217,"children":2218},{"style":169},[2219],{"type":47,"value":2220},"  linear-gradient(0deg",{"type":42,"tag":153,"props":2222,"children":2223},{"style":175},[2224],{"type":47,"value":557},{"type":42,"tag":153,"props":2226,"children":2227},{"style":175},[2228],{"type":47,"value":1861},{"type":42,"tag":153,"props":2230,"children":2231},{"style":1522},[2232],{"type":47,"value":2233},"e0f6ff0a",{"type":42,"tag":153,"props":2235,"children":2236},{"style":169},[2237],{"type":47,"value":2238}," 0%",{"type":42,"tag":153,"props":2240,"children":2241},{"style":175},[2242],{"type":47,"value":557},{"type":42,"tag":153,"props":2244,"children":2245},{"style":175},[2246],{"type":47,"value":1861},{"type":42,"tag":153,"props":2248,"children":2249},{"style":1522},[2250],{"type":47,"value":2233},{"type":42,"tag":153,"props":2252,"children":2253},{"style":169},[2254],{"type":47,"value":2255}," 100%),\n",{"type":42,"tag":153,"props":2257,"children":2258},{"class":155,"line":191},[2259,2264,2268,2272,2276,2280,2284,2288,2293,2297,2301,2306,2310,2314,2318],{"type":42,"tag":153,"props":2260,"children":2261},{"style":169},[2262],{"type":47,"value":2263},"  linear-gradient(180deg",{"type":42,"tag":153,"props":2265,"children":2266},{"style":175},[2267],{"type":47,"value":557},{"type":42,"tag":153,"props":2269,"children":2270},{"style":175},[2271],{"type":47,"value":1861},{"type":42,"tag":153,"props":2273,"children":2274},{"style":1522},[2275],{"type":47,"value":2233},{"type":42,"tag":153,"props":2277,"children":2278},{"style":169},[2279],{"type":47,"value":2238},{"type":42,"tag":153,"props":2281,"children":2282},{"style":175},[2283],{"type":47,"value":557},{"type":42,"tag":153,"props":2285,"children":2286},{"style":175},[2287],{"type":47,"value":1861},{"type":42,"tag":153,"props":2289,"children":2290},{"style":169},[2291],{"type":47,"value":2292},"0000 25%",{"type":42,"tag":153,"props":2294,"children":2295},{"style":175},[2296],{"type":47,"value":557},{"type":42,"tag":153,"props":2298,"children":2299},{"style":175},[2300],{"type":47,"value":1861},{"type":42,"tag":153,"props":2302,"children":2303},{"style":169},[2304],{"type":47,"value":2305},"0000 90%",{"type":42,"tag":153,"props":2307,"children":2308},{"style":175},[2309],{"type":47,"value":557},{"type":42,"tag":153,"props":2311,"children":2312},{"style":175},[2313],{"type":47,"value":1861},{"type":42,"tag":153,"props":2315,"children":2316},{"style":1522},[2317],{"type":47,"value":2233},{"type":42,"tag":153,"props":2319,"children":2320},{"style":169},[2321],{"type":47,"value":2255},{"type":42,"tag":153,"props":2323,"children":2324},{"class":155,"line":214},[2325],{"type":42,"tag":153,"props":2326,"children":2327},{"style":169},[2328],{"type":47,"value":2329},"  var(--bg-page);\n",{"type":42,"tag":50,"props":2331,"children":2332},{},[2333,2338],{"type":42,"tag":1397,"props":2334,"children":2335},{},[2336],{"type":47,"value":2337},"Amplemarket's radial mouse-tracking",{"type":47,"value":2339}," — WebGL-shader gradient painted on hero text:",{"type":42,"tag":142,"props":2341,"children":2343},{"className":144,"code":2342,"language":146,"meta":147,"style":147},"background: radial-gradient(\n  80.17% 109.2% at var(--gradient-posX, 54.31%) var(--gradient-posY, 61.46%),\n  var(--violet) 0%,\n  var(--peach) var(--gradient-stop1, 49.83%),\n  var(--phoenix-orange) var(--gradient-stop2, 99.99%));\n",[2344],{"type":42,"tag":83,"props":2345,"children":2346},{"__ignoreMap":147},[2347,2355,2381,2389,2406],{"type":42,"tag":153,"props":2348,"children":2349},{"class":155,"line":25},[2350],{"type":42,"tag":153,"props":2351,"children":2352},{"style":169},[2353],{"type":47,"value":2354},"background: radial-gradient(\n",{"type":42,"tag":153,"props":2356,"children":2357},{"class":155,"line":165},[2358,2363,2367,2372,2376],{"type":42,"tag":153,"props":2359,"children":2360},{"style":169},[2361],{"type":47,"value":2362},"  80.17% 109.2% at var(--gradient-posX",{"type":42,"tag":153,"props":2364,"children":2365},{"style":175},[2366],{"type":47,"value":557},{"type":42,"tag":153,"props":2368,"children":2369},{"style":169},[2370],{"type":47,"value":2371}," 54.31%) var(--gradient-posY",{"type":42,"tag":153,"props":2373,"children":2374},{"style":175},[2375],{"type":47,"value":557},{"type":42,"tag":153,"props":2377,"children":2378},{"style":169},[2379],{"type":47,"value":2380}," 61.46%),\n",{"type":42,"tag":153,"props":2382,"children":2383},{"class":155,"line":191},[2384],{"type":42,"tag":153,"props":2385,"children":2386},{"style":169},[2387],{"type":47,"value":2388},"  var(--violet) 0%,\n",{"type":42,"tag":153,"props":2390,"children":2391},{"class":155,"line":214},[2392,2397,2401],{"type":42,"tag":153,"props":2393,"children":2394},{"style":169},[2395],{"type":47,"value":2396},"  var(--peach) var(--gradient-stop1",{"type":42,"tag":153,"props":2398,"children":2399},{"style":175},[2400],{"type":47,"value":557},{"type":42,"tag":153,"props":2402,"children":2403},{"style":169},[2404],{"type":47,"value":2405}," 49.83%),\n",{"type":42,"tag":153,"props":2407,"children":2408},{"class":155,"line":237},[2409,2414,2418],{"type":42,"tag":153,"props":2410,"children":2411},{"style":169},[2412],{"type":47,"value":2413},"  var(--phoenix-orange) var(--gradient-stop2",{"type":42,"tag":153,"props":2415,"children":2416},{"style":175},[2417],{"type":47,"value":557},{"type":42,"tag":153,"props":2419,"children":2420},{"style":169},[2421],{"type":47,"value":2422}," 99.99%));\n",{"type":42,"tag":50,"props":2424,"children":2425},{},[2426,2427,2433],{"type":47,"value":442},{"type":42,"tag":83,"props":2428,"children":2430},{"className":2429},[],[2431],{"type":47,"value":2432},"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",{"type":47,"value":2434}," (every AI site).",{"type":42,"tag":122,"props":2436,"children":2438},{"id":2437},"rule-5-inset-highlights-simulate-dual-edge-lighting-on-cards",[2439],{"type":47,"value":2440},"Rule 5: Inset highlights simulate dual-edge lighting on cards",{"type":42,"tag":50,"props":2442,"children":2443},{},[2444,2446,2452],{"type":47,"value":2445},"Cards feel lit from within when you add ",{"type":42,"tag":83,"props":2447,"children":2449},{"className":2448},[],[2450],{"type":47,"value":2451},"inset",{"type":47,"value":2453}," highlights on TOP and BOTTOM edges:",{"type":42,"tag":142,"props":2455,"children":2457},{"className":144,"code":2456,"language":146,"meta":147,"style":147},"box-shadow:\n  \u002F* ambient drop *\u002F\n  0 24px 32px 0 rgba(10,8,5,0.12),\n  \u002F* 1px ring *\u002F\n  inset 0 0 0 1px rgba(255,255,255,0.06),\n  \u002F* top highlight — simulates light hitting top edge *\u002F\n  inset 0 .5px .5px rgba(255,255,255,0.24),\n  \u002F* bottom highlight — simulates rim light on bottom edge *\u002F\n  inset 0 -.5px .5px rgba(255,255,255,0.24);\n",[2458],{"type":42,"tag":83,"props":2459,"children":2460},{"__ignoreMap":147},[2461,2472,2480,2526,2534,2579,2587,2648,2656],{"type":42,"tag":153,"props":2462,"children":2463},{"class":155,"line":25},[2464,2468],{"type":42,"tag":153,"props":2465,"children":2466},{"style":499},[2467],{"type":47,"value":1418},{"type":42,"tag":153,"props":2469,"children":2470},{"style":169},[2471],{"type":47,"value":1423},{"type":42,"tag":153,"props":2473,"children":2474},{"class":155,"line":165},[2475],{"type":42,"tag":153,"props":2476,"children":2477},{"style":159},[2478],{"type":47,"value":2479},"  \u002F* ambient drop *\u002F\n",{"type":42,"tag":153,"props":2481,"children":2482},{"class":155,"line":191},[2483,2488,2492,2497,2501,2506,2510,2514,2518,2522],{"type":42,"tag":153,"props":2484,"children":2485},{"style":169},[2486],{"type":47,"value":2487},"  0 24px 32px 0 rgba(10",{"type":42,"tag":153,"props":2489,"children":2490},{"style":175},[2491],{"type":47,"value":557},{"type":42,"tag":153,"props":2493,"children":2494},{"style":169},[2495],{"type":47,"value":2496},"8",{"type":42,"tag":153,"props":2498,"children":2499},{"style":175},[2500],{"type":47,"value":557},{"type":42,"tag":153,"props":2502,"children":2503},{"style":169},[2504],{"type":47,"value":2505},"5",{"type":42,"tag":153,"props":2507,"children":2508},{"style":175},[2509],{"type":47,"value":557},{"type":42,"tag":153,"props":2511,"children":2512},{"style":169},[2513],{"type":47,"value":579},{"type":42,"tag":153,"props":2515,"children":2516},{"style":175},[2517],{"type":47,"value":496},{"type":42,"tag":153,"props":2519,"children":2520},{"style":499},[2521],{"type":47,"value":1056},{"type":42,"tag":153,"props":2523,"children":2524},{"style":169},[2525],{"type":47,"value":507},{"type":42,"tag":153,"props":2527,"children":2528},{"class":155,"line":214},[2529],{"type":42,"tag":153,"props":2530,"children":2531},{"style":159},[2532],{"type":47,"value":2533},"  \u002F* 1px ring *\u002F\n",{"type":42,"tag":153,"props":2535,"children":2536},{"class":155,"line":237},[2537,2542,2546,2551,2555,2559,2563,2567,2571,2575],{"type":42,"tag":153,"props":2538,"children":2539},{"style":169},[2540],{"type":47,"value":2541},"  inset 0 0 0 1px rgba(255",{"type":42,"tag":153,"props":2543,"children":2544},{"style":175},[2545],{"type":47,"value":557},{"type":42,"tag":153,"props":2547,"children":2548},{"style":169},[2549],{"type":47,"value":2550},"255",{"type":42,"tag":153,"props":2552,"children":2553},{"style":175},[2554],{"type":47,"value":557},{"type":42,"tag":153,"props":2556,"children":2557},{"style":169},[2558],{"type":47,"value":2550},{"type":42,"tag":153,"props":2560,"children":2561},{"style":175},[2562],{"type":47,"value":557},{"type":42,"tag":153,"props":2564,"children":2565},{"style":169},[2566],{"type":47,"value":579},{"type":42,"tag":153,"props":2568,"children":2569},{"style":175},[2570],{"type":47,"value":496},{"type":42,"tag":153,"props":2572,"children":2573},{"style":499},[2574],{"type":47,"value":730},{"type":42,"tag":153,"props":2576,"children":2577},{"style":169},[2578],{"type":47,"value":507},{"type":42,"tag":153,"props":2580,"children":2581},{"class":155,"line":260},[2582],{"type":42,"tag":153,"props":2583,"children":2584},{"style":159},[2585],{"type":47,"value":2586},"  \u002F* top highlight — simulates light hitting top edge *\u002F\n",{"type":42,"tag":153,"props":2588,"children":2589},{"class":155,"line":283},[2590,2594,2598,2602,2606,2611,2615,2619,2623,2627,2631,2635,2639,2644],{"type":42,"tag":153,"props":2591,"children":2592},{"style":169},[2593],{"type":47,"value":1537},{"type":42,"tag":153,"props":2595,"children":2596},{"style":175},[2597],{"type":47,"value":496},{"type":42,"tag":153,"props":2599,"children":2600},{"style":169},[2601],{"type":47,"value":1288},{"type":42,"tag":153,"props":2603,"children":2604},{"style":175},[2605],{"type":47,"value":496},{"type":42,"tag":153,"props":2607,"children":2608},{"style":169},[2609],{"type":47,"value":2610},"5px rgba(255",{"type":42,"tag":153,"props":2612,"children":2613},{"style":175},[2614],{"type":47,"value":557},{"type":42,"tag":153,"props":2616,"children":2617},{"style":169},[2618],{"type":47,"value":2550},{"type":42,"tag":153,"props":2620,"children":2621},{"style":175},[2622],{"type":47,"value":557},{"type":42,"tag":153,"props":2624,"children":2625},{"style":169},[2626],{"type":47,"value":2550},{"type":42,"tag":153,"props":2628,"children":2629},{"style":175},[2630],{"type":47,"value":557},{"type":42,"tag":153,"props":2632,"children":2633},{"style":169},[2634],{"type":47,"value":579},{"type":42,"tag":153,"props":2636,"children":2637},{"style":175},[2638],{"type":47,"value":496},{"type":42,"tag":153,"props":2640,"children":2641},{"style":499},[2642],{"type":47,"value":2643},"24",{"type":42,"tag":153,"props":2645,"children":2646},{"style":169},[2647],{"type":47,"value":507},{"type":42,"tag":153,"props":2649,"children":2650},{"class":155,"line":306},[2651],{"type":42,"tag":153,"props":2652,"children":2653},{"style":159},[2654],{"type":47,"value":2655},"  \u002F* bottom highlight — simulates rim light on bottom edge *\u002F\n",{"type":42,"tag":153,"props":2657,"children":2658},{"class":155,"line":329},[2659,2663,2667,2671,2675,2679,2683,2687,2691,2695,2699,2703,2707,2711],{"type":42,"tag":153,"props":2660,"children":2661},{"style":169},[2662],{"type":47,"value":1594},{"type":42,"tag":153,"props":2664,"children":2665},{"style":175},[2666],{"type":47,"value":496},{"type":42,"tag":153,"props":2668,"children":2669},{"style":499},[2670],{"type":47,"value":1324},{"type":42,"tag":153,"props":2672,"children":2673},{"style":175},[2674],{"type":47,"value":1329},{"type":42,"tag":153,"props":2676,"children":2677},{"style":169},[2678],{"type":47,"value":2610},{"type":42,"tag":153,"props":2680,"children":2681},{"style":175},[2682],{"type":47,"value":557},{"type":42,"tag":153,"props":2684,"children":2685},{"style":169},[2686],{"type":47,"value":2550},{"type":42,"tag":153,"props":2688,"children":2689},{"style":175},[2690],{"type":47,"value":557},{"type":42,"tag":153,"props":2692,"children":2693},{"style":169},[2694],{"type":47,"value":2550},{"type":42,"tag":153,"props":2696,"children":2697},{"style":175},[2698],{"type":47,"value":557},{"type":42,"tag":153,"props":2700,"children":2701},{"style":169},[2702],{"type":47,"value":579},{"type":42,"tag":153,"props":2704,"children":2705},{"style":175},[2706],{"type":47,"value":496},{"type":42,"tag":153,"props":2708,"children":2709},{"style":499},[2710],{"type":47,"value":2643},{"type":42,"tag":153,"props":2712,"children":2713},{"style":169},[2714],{"type":47,"value":529},{"type":42,"tag":50,"props":2716,"children":2717},{},[2718],{"type":47,"value":2719},"This makes the card appear \"glassy\" rather than \"floating.\" Antimetal's signature.",{"type":42,"tag":122,"props":2721,"children":2723},{"id":2722},"rule-6-buttons-get-ambient-stack-inset-highlight",[2724],{"type":47,"value":2725},"Rule 6: Buttons get ambient stack + inset highlight",{"type":42,"tag":50,"props":2727,"children":2728},{},[2729],{"type":47,"value":2730},"Buttons are the most imitated element. Make them physical:",{"type":42,"tag":50,"props":2732,"children":2733},{},[2734,2739],{"type":42,"tag":1397,"props":2735,"children":2736},{},[2737],{"type":47,"value":2738},"Amplemarket's keycap stack",{"type":47,"value":2740}," (4 drops + 2 insets, copy verbatim):",{"type":42,"tag":142,"props":2742,"children":2744},{"className":144,"code":2743,"language":146,"meta":147,"style":147},"box-shadow:\n  0 6px 2px #11111103,\n  0 3px 2px #1111110D,\n  0 1px 1px #11111117,\n  0 0 1px #1111111f,\n  inset 0 6px 12px #ffffff33,\n  inset 0 1px 1px #fff3;\n\n\u002F* Active state inverts the inset — feels truly pressed *\u002F\nbox-shadow:\n  0 6px 2px #11111103,\n  0 3px 2px #1111110D,\n  0 1px 1px #11111117,\n  0 0 1px #1111111f,\n  inset 0 6px 12px #11111133,\n  inset 0 1px 1px #111111f3;\n",[2745],{"type":42,"tag":83,"props":2746,"children":2747},{"__ignoreMap":147},[2748,2759,2780,2801,2822,2843,2864,2881,2888,2896,2907,2926,2945,2964,2983,3003],{"type":42,"tag":153,"props":2749,"children":2750},{"class":155,"line":25},[2751,2755],{"type":42,"tag":153,"props":2752,"children":2753},{"style":499},[2754],{"type":47,"value":1418},{"type":42,"tag":153,"props":2756,"children":2757},{"style":169},[2758],{"type":47,"value":1423},{"type":42,"tag":153,"props":2760,"children":2761},{"class":155,"line":165},[2762,2767,2771,2776],{"type":42,"tag":153,"props":2763,"children":2764},{"style":169},[2765],{"type":47,"value":2766},"  0 6px 2px ",{"type":42,"tag":153,"props":2768,"children":2769},{"style":175},[2770],{"type":47,"value":178},{"type":42,"tag":153,"props":2772,"children":2773},{"style":169},[2774],{"type":47,"value":2775},"11111103",{"type":42,"tag":153,"props":2777,"children":2778},{"style":175},[2779],{"type":47,"value":598},{"type":42,"tag":153,"props":2781,"children":2782},{"class":155,"line":191},[2783,2788,2792,2797],{"type":42,"tag":153,"props":2784,"children":2785},{"style":169},[2786],{"type":47,"value":2787},"  0 3px 2px ",{"type":42,"tag":153,"props":2789,"children":2790},{"style":175},[2791],{"type":47,"value":178},{"type":42,"tag":153,"props":2793,"children":2794},{"style":169},[2795],{"type":47,"value":2796},"1111110D",{"type":42,"tag":153,"props":2798,"children":2799},{"style":175},[2800],{"type":47,"value":598},{"type":42,"tag":153,"props":2802,"children":2803},{"class":155,"line":214},[2804,2809,2813,2818],{"type":42,"tag":153,"props":2805,"children":2806},{"style":169},[2807],{"type":47,"value":2808},"  0 1px 1px ",{"type":42,"tag":153,"props":2810,"children":2811},{"style":175},[2812],{"type":47,"value":178},{"type":42,"tag":153,"props":2814,"children":2815},{"style":169},[2816],{"type":47,"value":2817},"11111117",{"type":42,"tag":153,"props":2819,"children":2820},{"style":175},[2821],{"type":47,"value":598},{"type":42,"tag":153,"props":2823,"children":2824},{"class":155,"line":237},[2825,2830,2834,2839],{"type":42,"tag":153,"props":2826,"children":2827},{"style":169},[2828],{"type":47,"value":2829},"  0 0 1px ",{"type":42,"tag":153,"props":2831,"children":2832},{"style":175},[2833],{"type":47,"value":178},{"type":42,"tag":153,"props":2835,"children":2836},{"style":169},[2837],{"type":47,"value":2838},"1111111f",{"type":42,"tag":153,"props":2840,"children":2841},{"style":175},[2842],{"type":47,"value":598},{"type":42,"tag":153,"props":2844,"children":2845},{"class":155,"line":260},[2846,2851,2855,2860],{"type":42,"tag":153,"props":2847,"children":2848},{"style":169},[2849],{"type":47,"value":2850},"  inset 0 6px 12px ",{"type":42,"tag":153,"props":2852,"children":2853},{"style":175},[2854],{"type":47,"value":178},{"type":42,"tag":153,"props":2856,"children":2857},{"style":1522},[2858],{"type":47,"value":2859},"ffffff33",{"type":42,"tag":153,"props":2861,"children":2862},{"style":175},[2863],{"type":47,"value":598},{"type":42,"tag":153,"props":2865,"children":2866},{"class":155,"line":283},[2867,2872,2876],{"type":42,"tag":153,"props":2868,"children":2869},{"style":169},[2870],{"type":47,"value":2871},"  inset 0 1px 1px ",{"type":42,"tag":153,"props":2873,"children":2874},{"style":175},[2875],{"type":47,"value":178},{"type":42,"tag":153,"props":2877,"children":2878},{"style":169},[2879],{"type":47,"value":2880},"fff3;\n",{"type":42,"tag":153,"props":2882,"children":2883},{"class":155,"line":306},[2884],{"type":42,"tag":153,"props":2885,"children":2886},{"emptyLinePlaceholder":333},[2887],{"type":47,"value":336},{"type":42,"tag":153,"props":2889,"children":2890},{"class":155,"line":329},[2891],{"type":42,"tag":153,"props":2892,"children":2893},{"style":159},[2894],{"type":47,"value":2895},"\u002F* Active state inverts the inset — feels truly pressed *\u002F\n",{"type":42,"tag":153,"props":2897,"children":2898},{"class":155,"line":339},[2899,2903],{"type":42,"tag":153,"props":2900,"children":2901},{"style":499},[2902],{"type":47,"value":1418},{"type":42,"tag":153,"props":2904,"children":2905},{"style":169},[2906],{"type":47,"value":1423},{"type":42,"tag":153,"props":2908,"children":2909},{"class":155,"line":348},[2910,2914,2918,2922],{"type":42,"tag":153,"props":2911,"children":2912},{"style":169},[2913],{"type":47,"value":2766},{"type":42,"tag":153,"props":2915,"children":2916},{"style":175},[2917],{"type":47,"value":178},{"type":42,"tag":153,"props":2919,"children":2920},{"style":169},[2921],{"type":47,"value":2775},{"type":42,"tag":153,"props":2923,"children":2924},{"style":175},[2925],{"type":47,"value":598},{"type":42,"tag":153,"props":2927,"children":2928},{"class":155,"line":371},[2929,2933,2937,2941],{"type":42,"tag":153,"props":2930,"children":2931},{"style":169},[2932],{"type":47,"value":2787},{"type":42,"tag":153,"props":2934,"children":2935},{"style":175},[2936],{"type":47,"value":178},{"type":42,"tag":153,"props":2938,"children":2939},{"style":169},[2940],{"type":47,"value":2796},{"type":42,"tag":153,"props":2942,"children":2943},{"style":175},[2944],{"type":47,"value":598},{"type":42,"tag":153,"props":2946,"children":2947},{"class":155,"line":394},[2948,2952,2956,2960],{"type":42,"tag":153,"props":2949,"children":2950},{"style":169},[2951],{"type":47,"value":2808},{"type":42,"tag":153,"props":2953,"children":2954},{"style":175},[2955],{"type":47,"value":178},{"type":42,"tag":153,"props":2957,"children":2958},{"style":169},[2959],{"type":47,"value":2817},{"type":42,"tag":153,"props":2961,"children":2962},{"style":175},[2963],{"type":47,"value":598},{"type":42,"tag":153,"props":2965,"children":2966},{"class":155,"line":417},[2967,2971,2975,2979],{"type":42,"tag":153,"props":2968,"children":2969},{"style":169},[2970],{"type":47,"value":2829},{"type":42,"tag":153,"props":2972,"children":2973},{"style":175},[2974],{"type":47,"value":178},{"type":42,"tag":153,"props":2976,"children":2977},{"style":169},[2978],{"type":47,"value":2838},{"type":42,"tag":153,"props":2980,"children":2981},{"style":175},[2982],{"type":47,"value":598},{"type":42,"tag":153,"props":2984,"children":2985},{"class":155,"line":930},[2986,2990,2994,2999],{"type":42,"tag":153,"props":2987,"children":2988},{"style":169},[2989],{"type":47,"value":2850},{"type":42,"tag":153,"props":2991,"children":2992},{"style":175},[2993],{"type":47,"value":178},{"type":42,"tag":153,"props":2995,"children":2996},{"style":169},[2997],{"type":47,"value":2998},"11111133",{"type":42,"tag":153,"props":3000,"children":3001},{"style":175},[3002],{"type":47,"value":598},{"type":42,"tag":153,"props":3004,"children":3005},{"class":155,"line":1017},[3006,3010,3014],{"type":42,"tag":153,"props":3007,"children":3008},{"style":169},[3009],{"type":47,"value":2871},{"type":42,"tag":153,"props":3011,"children":3012},{"style":175},[3013],{"type":47,"value":178},{"type":42,"tag":153,"props":3015,"children":3016},{"style":169},[3017],{"type":47,"value":3018},"111111f3;\n",{"type":42,"tag":50,"props":3020,"children":3021},{},[3022,3027],{"type":42,"tag":1397,"props":3023,"children":3024},{},[3025],{"type":47,"value":3026},"Cal's highlight lip",{"type":47,"value":3028}," (1px white inset on top edge):",{"type":42,"tag":142,"props":3030,"children":3032},{"className":144,"code":3031,"language":146,"meta":147,"style":147},"background: #141414;\nbox-shadow:\n  0px 1px 5px -4px rgba(19,19,22,0.7),\n  0px 0px 0px 1px rgba(34,42,53,0.08),\n  0px 4px 8px 0px rgba(34,42,53,0.05),\n  inset 0px 2px 0px 0px rgb(255,255,255);  \u002F* ← top edge highlight *\u002F\n",[3033],{"type":42,"tag":83,"props":3034,"children":3035},{"__ignoreMap":147},[3036,3053,3064,3108,3152,3196],{"type":42,"tag":153,"props":3037,"children":3038},{"class":155,"line":25},[3039,3044,3048],{"type":42,"tag":153,"props":3040,"children":3041},{"style":169},[3042],{"type":47,"value":3043},"background: ",{"type":42,"tag":153,"props":3045,"children":3046},{"style":175},[3047],{"type":47,"value":178},{"type":42,"tag":153,"props":3049,"children":3050},{"style":169},[3051],{"type":47,"value":3052},"141414;\n",{"type":42,"tag":153,"props":3054,"children":3055},{"class":155,"line":165},[3056,3060],{"type":42,"tag":153,"props":3057,"children":3058},{"style":499},[3059],{"type":47,"value":1418},{"type":42,"tag":153,"props":3061,"children":3062},{"style":169},[3063],{"type":47,"value":1423},{"type":42,"tag":153,"props":3065,"children":3066},{"class":155,"line":191},[3067,3072,3076,3080,3084,3088,3092,3096,3100,3104],{"type":42,"tag":153,"props":3068,"children":3069},{"style":169},[3070],{"type":47,"value":3071},"  0px 1px 5px -4px rgba(19",{"type":42,"tag":153,"props":3073,"children":3074},{"style":175},[3075],{"type":47,"value":557},{"type":42,"tag":153,"props":3077,"children":3078},{"style":169},[3079],{"type":47,"value":1095},{"type":42,"tag":153,"props":3081,"children":3082},{"style":175},[3083],{"type":47,"value":557},{"type":42,"tag":153,"props":3085,"children":3086},{"style":169},[3087],{"type":47,"value":1104},{"type":42,"tag":153,"props":3089,"children":3090},{"style":175},[3091],{"type":47,"value":557},{"type":42,"tag":153,"props":3093,"children":3094},{"style":169},[3095],{"type":47,"value":579},{"type":42,"tag":153,"props":3097,"children":3098},{"style":175},[3099],{"type":47,"value":496},{"type":42,"tag":153,"props":3101,"children":3102},{"style":499},[3103],{"type":47,"value":1121},{"type":42,"tag":153,"props":3105,"children":3106},{"style":169},[3107],{"type":47,"value":507},{"type":42,"tag":153,"props":3109,"children":3110},{"class":155,"line":214},[3111,3116,3120,3124,3128,3132,3136,3140,3144,3148],{"type":42,"tag":153,"props":3112,"children":3113},{"style":169},[3114],{"type":47,"value":3115},"  0px 0px 0px 1px rgba(34",{"type":42,"tag":153,"props":3117,"children":3118},{"style":175},[3119],{"type":47,"value":557},{"type":42,"tag":153,"props":3121,"children":3122},{"style":169},[3123],{"type":47,"value":1143},{"type":42,"tag":153,"props":3125,"children":3126},{"style":175},[3127],{"type":47,"value":557},{"type":42,"tag":153,"props":3129,"children":3130},{"style":169},[3131],{"type":47,"value":1152},{"type":42,"tag":153,"props":3133,"children":3134},{"style":175},[3135],{"type":47,"value":557},{"type":42,"tag":153,"props":3137,"children":3138},{"style":169},[3139],{"type":47,"value":579},{"type":42,"tag":153,"props":3141,"children":3142},{"style":175},[3143],{"type":47,"value":496},{"type":42,"tag":153,"props":3145,"children":3146},{"style":499},[3147],{"type":47,"value":923},{"type":42,"tag":153,"props":3149,"children":3150},{"style":169},[3151],{"type":47,"value":507},{"type":42,"tag":153,"props":3153,"children":3154},{"class":155,"line":237},[3155,3160,3164,3168,3172,3176,3180,3184,3188,3192],{"type":42,"tag":153,"props":3156,"children":3157},{"style":169},[3158],{"type":47,"value":3159},"  0px 4px 8px 0px rgba(34",{"type":42,"tag":153,"props":3161,"children":3162},{"style":175},[3163],{"type":47,"value":557},{"type":42,"tag":153,"props":3165,"children":3166},{"style":169},[3167],{"type":47,"value":1143},{"type":42,"tag":153,"props":3169,"children":3170},{"style":175},[3171],{"type":47,"value":557},{"type":42,"tag":153,"props":3173,"children":3174},{"style":169},[3175],{"type":47,"value":1152},{"type":42,"tag":153,"props":3177,"children":3178},{"style":175},[3179],{"type":47,"value":557},{"type":42,"tag":153,"props":3181,"children":3182},{"style":169},[3183],{"type":47,"value":579},{"type":42,"tag":153,"props":3185,"children":3186},{"style":175},[3187],{"type":47,"value":496},{"type":42,"tag":153,"props":3189,"children":3190},{"style":499},[3191],{"type":47,"value":524},{"type":42,"tag":153,"props":3193,"children":3194},{"style":169},[3195],{"type":47,"value":507},{"type":42,"tag":153,"props":3197,"children":3198},{"class":155,"line":260},[3199,3204,3208,3212,3216,3221],{"type":42,"tag":153,"props":3200,"children":3201},{"style":169},[3202],{"type":47,"value":3203},"  inset 0px 2px 0px 0px rgb(255",{"type":42,"tag":153,"props":3205,"children":3206},{"style":175},[3207],{"type":47,"value":557},{"type":42,"tag":153,"props":3209,"children":3210},{"style":169},[3211],{"type":47,"value":2550},{"type":42,"tag":153,"props":3213,"children":3214},{"style":175},[3215],{"type":47,"value":557},{"type":42,"tag":153,"props":3217,"children":3218},{"style":169},[3219],{"type":47,"value":3220},"255);  ",{"type":42,"tag":153,"props":3222,"children":3223},{"style":159},[3224],{"type":47,"value":3225},"\u002F* ← top edge highlight *\u002F\n",{"type":42,"tag":56,"props":3227,"children":3229},{"id":3228},"application-workflow",[3230],{"type":47,"value":3231},"Application workflow",{"type":42,"tag":50,"props":3233,"children":3234},{},[3235],{"type":47,"value":3236},"Apply these in order when retrofitting a page:",{"type":42,"tag":1795,"props":3238,"children":3239},{},[3240,3280,3290,3306,3316,3326],{"type":42,"tag":67,"props":3241,"children":3242},{},[3243,3248,3250,3255,3257,3263,3265,3271,3272,3278],{"type":42,"tag":1397,"props":3244,"children":3245},{},[3246],{"type":47,"value":3247},"Swap the background",{"type":47,"value":3249}," — page from ",{"type":42,"tag":83,"props":3251,"children":3253},{"className":3252},[],[3254],{"type":47,"value":138},{"type":47,"value":3256}," → warm off-white (",{"type":42,"tag":83,"props":3258,"children":3260},{"className":3259},[],[3261],{"type":47,"value":3262},"#fafafa",{"type":47,"value":3264},"\u002F",{"type":42,"tag":83,"props":3266,"children":3268},{"className":3267},[],[3269],{"type":47,"value":3270},"#f5f2f0",{"type":47,"value":3264},{"type":42,"tag":83,"props":3273,"children":3275},{"className":3274},[],[3276],{"type":47,"value":3277},"#f7f7f5",{"type":47,"value":3279},")",{"type":42,"tag":67,"props":3281,"children":3282},{},[3283,3288],{"type":42,"tag":1397,"props":3284,"children":3285},{},[3286],{"type":47,"value":3287},"Pick a shadow tint",{"type":47,"value":3289}," — what hue dominates your theme? Warm purple → aubergine. Warm pink → rose. Warm neutral → plum. Cool neutral → blue-gray. Commit to one tinted shadow system across the whole page.",{"type":42,"tag":67,"props":3291,"children":3292},{},[3293,3304],{"type":42,"tag":1397,"props":3294,"children":3295},{},[3296,3298],{"type":47,"value":3297},"Replace every ",{"type":42,"tag":83,"props":3299,"children":3301},{"className":3300},[],[3302],{"type":47,"value":3303},"shadow-sm\u002Fmd\u002Flg\u002Fxl",{"type":47,"value":3305}," with a stacked multi-layer shadow using that tint",{"type":42,"tag":67,"props":3307,"children":3308},{},[3309,3314],{"type":42,"tag":1397,"props":3310,"children":3311},{},[3312],{"type":47,"value":3313},"Add inset highlights to cards",{"type":47,"value":3315}," (top + bottom 0.5px at ~24% tint)",{"type":42,"tag":67,"props":3317,"children":3318},{},[3319,3324],{"type":42,"tag":1397,"props":3320,"children":3321},{},[3322],{"type":47,"value":3323},"Redesign the gradient hero",{"type":47,"value":3325}," with a deliberate multi-stop warm palette at a non-default angle",{"type":42,"tag":67,"props":3327,"children":3328},{},[3329,3334],{"type":42,"tag":1397,"props":3330,"children":3331},{},[3332],{"type":47,"value":3333},"Upgrade buttons",{"type":47,"value":3335}," to ambient-stack + inset-highlight shadows; keep them flat color (no gradient button backgrounds)",{"type":42,"tag":56,"props":3337,"children":3339},{"id":3338},"ready-to-use-css-blocks",[3340],{"type":47,"value":3341},"Ready-to-use CSS blocks",{"type":42,"tag":122,"props":3343,"children":3345},{"id":3344},"dreamy-light-theme-starter",[3346],{"type":47,"value":3347},"Dreamy light theme starter",{"type":42,"tag":142,"props":3349,"children":3351},{"className":144,"code":3350,"language":146,"meta":147,"style":147},":root {\n  \u002F* Warm paper ground *\u002F\n  --bg-page: #f7f7f5;\n  --bg-card: #ffffff;\n  --bg-sunken: #f1ebe2;\n\n  \u002F* Warm plum-tinted text *\u002F\n  --text-primary: #222221;\n  --text-secondary: #4d4846;\n  --text-muted: #898683;\n\n  \u002F* Theme-matched shadow tint *\u002F\n  --shadow-tint: 45, 32, 50;  \u002F* warm plum *\u002F\n\n  \u002F* Hairline border *\u002F\n  --border-hairline: rgba(0, 0, 0, 0.06);\n\n  \u002F* Multi-layer card shadow *\u002F\n  --shadow-card:\n    0 0.6021873px 1.8065619px -0.667px rgba(var(--shadow-tint), 0.08),\n    0 2.288533px 6.8656px -1.333px rgba(var(--shadow-tint), 0.09),\n    0 10px 30px -2px rgba(var(--shadow-tint), 0.12);\n\n  \u002F* Floating card (deeper) *\u002F\n  --shadow-float:\n    0 0 0 1px rgba(var(--shadow-tint), 0.06),\n    0 4px 12px rgba(var(--shadow-tint), 0.04),\n    0 16px 40px rgba(var(--shadow-tint), 0.06),\n    0 56px 88px rgba(var(--shadow-tint), 0.08),\n    inset 0 .5px .5px rgba(255,255,255,0.24),\n    inset 0 -.5px .5px rgba(255,255,255,0.24);\n}\n\nbody { background: var(--bg-page); color: var(--text-primary); }\n.card { background: var(--bg-card); box-shadow: var(--shadow-card); border-radius: 16px; }\n.card--float { box-shadow: var(--shadow-float); }\n",[3352],{"type":42,"tag":83,"props":3353,"children":3354},{"__ignoreMap":147},[3355,3372,3380,3406,3431,3456,3463,3471,3496,3521,3546,3553,3561,3606,3613,3621,3678,3685,3693,3705,3764,3819,3874,3881,3889,3901,3953,4003,4052,4102,4165,4226,4235,4243,4317,4406],{"type":42,"tag":153,"props":3356,"children":3357},{"class":155,"line":25},[3358,3362,3367],{"type":42,"tag":153,"props":3359,"children":3360},{"style":175},[3361],{"type":47,"value":140},{"type":42,"tag":153,"props":3363,"children":3365},{"style":3364},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[3366],{"type":47,"value":39},{"type":42,"tag":153,"props":3368,"children":3369},{"style":175},[3370],{"type":47,"value":3371}," {\n",{"type":42,"tag":153,"props":3373,"children":3374},{"class":155,"line":165},[3375],{"type":42,"tag":153,"props":3376,"children":3377},{"style":159},[3378],{"type":47,"value":3379},"  \u002F* Warm paper ground *\u002F\n",{"type":42,"tag":153,"props":3381,"children":3382},{"class":155,"line":191},[3383,3388,3392,3396,3401],{"type":42,"tag":153,"props":3384,"children":3385},{"style":169},[3386],{"type":47,"value":3387},"  --bg-page",{"type":42,"tag":153,"props":3389,"children":3390},{"style":175},[3391],{"type":47,"value":140},{"type":42,"tag":153,"props":3393,"children":3394},{"style":175},[3395],{"type":47,"value":1861},{"type":42,"tag":153,"props":3397,"children":3398},{"style":169},[3399],{"type":47,"value":3400},"f7f7f5",{"type":42,"tag":153,"props":3402,"children":3403},{"style":175},[3404],{"type":47,"value":3405},";\n",{"type":42,"tag":153,"props":3407,"children":3408},{"class":155,"line":214},[3409,3414,3418,3422,3427],{"type":42,"tag":153,"props":3410,"children":3411},{"style":169},[3412],{"type":47,"value":3413},"  --bg-card",{"type":42,"tag":153,"props":3415,"children":3416},{"style":175},[3417],{"type":47,"value":140},{"type":42,"tag":153,"props":3419,"children":3420},{"style":175},[3421],{"type":47,"value":1861},{"type":42,"tag":153,"props":3423,"children":3424},{"style":169},[3425],{"type":47,"value":3426},"ffffff",{"type":42,"tag":153,"props":3428,"children":3429},{"style":175},[3430],{"type":47,"value":3405},{"type":42,"tag":153,"props":3432,"children":3433},{"class":155,"line":237},[3434,3439,3443,3447,3452],{"type":42,"tag":153,"props":3435,"children":3436},{"style":169},[3437],{"type":47,"value":3438},"  --bg-sunken",{"type":42,"tag":153,"props":3440,"children":3441},{"style":175},[3442],{"type":47,"value":140},{"type":42,"tag":153,"props":3444,"children":3445},{"style":175},[3446],{"type":47,"value":1861},{"type":42,"tag":153,"props":3448,"children":3449},{"style":169},[3450],{"type":47,"value":3451},"f1ebe2",{"type":42,"tag":153,"props":3453,"children":3454},{"style":175},[3455],{"type":47,"value":3405},{"type":42,"tag":153,"props":3457,"children":3458},{"class":155,"line":260},[3459],{"type":42,"tag":153,"props":3460,"children":3461},{"emptyLinePlaceholder":333},[3462],{"type":47,"value":336},{"type":42,"tag":153,"props":3464,"children":3465},{"class":155,"line":283},[3466],{"type":42,"tag":153,"props":3467,"children":3468},{"style":159},[3469],{"type":47,"value":3470},"  \u002F* Warm plum-tinted text *\u002F\n",{"type":42,"tag":153,"props":3472,"children":3473},{"class":155,"line":306},[3474,3479,3483,3487,3492],{"type":42,"tag":153,"props":3475,"children":3476},{"style":169},[3477],{"type":47,"value":3478},"  --text-primary",{"type":42,"tag":153,"props":3480,"children":3481},{"style":175},[3482],{"type":47,"value":140},{"type":42,"tag":153,"props":3484,"children":3485},{"style":175},[3486],{"type":47,"value":1861},{"type":42,"tag":153,"props":3488,"children":3489},{"style":169},[3490],{"type":47,"value":3491},"222221",{"type":42,"tag":153,"props":3493,"children":3494},{"style":175},[3495],{"type":47,"value":3405},{"type":42,"tag":153,"props":3497,"children":3498},{"class":155,"line":329},[3499,3504,3508,3512,3517],{"type":42,"tag":153,"props":3500,"children":3501},{"style":169},[3502],{"type":47,"value":3503},"  --text-secondary",{"type":42,"tag":153,"props":3505,"children":3506},{"style":175},[3507],{"type":47,"value":140},{"type":42,"tag":153,"props":3509,"children":3510},{"style":175},[3511],{"type":47,"value":1861},{"type":42,"tag":153,"props":3513,"children":3514},{"style":169},[3515],{"type":47,"value":3516},"4d4846",{"type":42,"tag":153,"props":3518,"children":3519},{"style":175},[3520],{"type":47,"value":3405},{"type":42,"tag":153,"props":3522,"children":3523},{"class":155,"line":339},[3524,3529,3533,3537,3542],{"type":42,"tag":153,"props":3525,"children":3526},{"style":169},[3527],{"type":47,"value":3528},"  --text-muted",{"type":42,"tag":153,"props":3530,"children":3531},{"style":175},[3532],{"type":47,"value":140},{"type":42,"tag":153,"props":3534,"children":3535},{"style":175},[3536],{"type":47,"value":1861},{"type":42,"tag":153,"props":3538,"children":3539},{"style":169},[3540],{"type":47,"value":3541},"898683",{"type":42,"tag":153,"props":3543,"children":3544},{"style":175},[3545],{"type":47,"value":3405},{"type":42,"tag":153,"props":3547,"children":3548},{"class":155,"line":348},[3549],{"type":42,"tag":153,"props":3550,"children":3551},{"emptyLinePlaceholder":333},[3552],{"type":47,"value":336},{"type":42,"tag":153,"props":3554,"children":3555},{"class":155,"line":371},[3556],{"type":42,"tag":153,"props":3557,"children":3558},{"style":159},[3559],{"type":47,"value":3560},"  \u002F* Theme-matched shadow tint *\u002F\n",{"type":42,"tag":153,"props":3562,"children":3563},{"class":155,"line":394},[3564,3569,3573,3578,3582,3587,3591,3596,3601],{"type":42,"tag":153,"props":3565,"children":3566},{"style":169},[3567],{"type":47,"value":3568},"  --shadow-tint",{"type":42,"tag":153,"props":3570,"children":3571},{"style":175},[3572],{"type":47,"value":140},{"type":42,"tag":153,"props":3574,"children":3575},{"style":1522},[3576],{"type":47,"value":3577}," 45",{"type":42,"tag":153,"props":3579,"children":3580},{"style":175},[3581],{"type":47,"value":557},{"type":42,"tag":153,"props":3583,"children":3584},{"style":1522},[3585],{"type":47,"value":3586}," 32",{"type":42,"tag":153,"props":3588,"children":3589},{"style":175},[3590],{"type":47,"value":557},{"type":42,"tag":153,"props":3592,"children":3593},{"style":1522},[3594],{"type":47,"value":3595}," 50",{"type":42,"tag":153,"props":3597,"children":3598},{"style":175},[3599],{"type":47,"value":3600},";",{"type":42,"tag":153,"props":3602,"children":3603},{"style":159},[3604],{"type":47,"value":3605},"  \u002F* warm plum *\u002F\n",{"type":42,"tag":153,"props":3607,"children":3608},{"class":155,"line":417},[3609],{"type":42,"tag":153,"props":3610,"children":3611},{"emptyLinePlaceholder":333},[3612],{"type":47,"value":336},{"type":42,"tag":153,"props":3614,"children":3615},{"class":155,"line":930},[3616],{"type":42,"tag":153,"props":3617,"children":3618},{"style":159},[3619],{"type":47,"value":3620},"  \u002F* Hairline border *\u002F\n",{"type":42,"tag":153,"props":3622,"children":3623},{"class":155,"line":1017},[3624,3629,3633,3639,3644,3648,3652,3657,3661,3665,3669,3674],{"type":42,"tag":153,"props":3625,"children":3626},{"style":169},[3627],{"type":47,"value":3628},"  --border-hairline",{"type":42,"tag":153,"props":3630,"children":3631},{"style":175},[3632],{"type":47,"value":140},{"type":42,"tag":153,"props":3634,"children":3636},{"style":3635},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[3637],{"type":47,"value":3638}," rgba",{"type":42,"tag":153,"props":3640,"children":3641},{"style":175},[3642],{"type":47,"value":3643},"(",{"type":42,"tag":153,"props":3645,"children":3646},{"style":1522},[3647],{"type":47,"value":579},{"type":42,"tag":153,"props":3649,"children":3650},{"style":175},[3651],{"type":47,"value":557},{"type":42,"tag":153,"props":3653,"children":3654},{"style":1522},[3655],{"type":47,"value":3656}," 0",{"type":42,"tag":153,"props":3658,"children":3659},{"style":175},[3660],{"type":47,"value":557},{"type":42,"tag":153,"props":3662,"children":3663},{"style":1522},[3664],{"type":47,"value":3656},{"type":42,"tag":153,"props":3666,"children":3667},{"style":175},[3668],{"type":47,"value":557},{"type":42,"tag":153,"props":3670,"children":3671},{"style":1522},[3672],{"type":47,"value":3673}," 0.06",{"type":42,"tag":153,"props":3675,"children":3676},{"style":175},[3677],{"type":47,"value":529},{"type":42,"tag":153,"props":3679,"children":3680},{"class":155,"line":1063},[3681],{"type":42,"tag":153,"props":3682,"children":3683},{"emptyLinePlaceholder":333},[3684],{"type":47,"value":336},{"type":42,"tag":153,"props":3686,"children":3687},{"class":155,"line":1071},[3688],{"type":42,"tag":153,"props":3689,"children":3690},{"style":159},[3691],{"type":47,"value":3692},"  \u002F* Multi-layer card shadow *\u002F\n",{"type":42,"tag":153,"props":3694,"children":3695},{"class":155,"line":1080},[3696,3701],{"type":42,"tag":153,"props":3697,"children":3698},{"style":169},[3699],{"type":47,"value":3700},"  --shadow-card",{"type":42,"tag":153,"props":3702,"children":3703},{"style":175},[3704],{"type":47,"value":1423},{"type":42,"tag":153,"props":3706,"children":3707},{"class":155,"line":1128},[3708,3713,3718,3723,3728,3732,3736,3741,3745,3750,3755,3760],{"type":42,"tag":153,"props":3709,"children":3710},{"style":1522},[3711],{"type":47,"value":3712},"    0",{"type":42,"tag":153,"props":3714,"children":3715},{"style":1522},[3716],{"type":47,"value":3717}," 0.6021873px",{"type":42,"tag":153,"props":3719,"children":3720},{"style":1522},[3721],{"type":47,"value":3722}," 1.8065619px",{"type":42,"tag":153,"props":3724,"children":3725},{"style":1522},[3726],{"type":47,"value":3727}," -0.667px",{"type":42,"tag":153,"props":3729,"children":3730},{"style":3635},[3731],{"type":47,"value":3638},{"type":42,"tag":153,"props":3733,"children":3734},{"style":175},[3735],{"type":47,"value":3643},{"type":42,"tag":153,"props":3737,"children":3738},{"style":3635},[3739],{"type":47,"value":3740},"var",{"type":42,"tag":153,"props":3742,"children":3743},{"style":175},[3744],{"type":47,"value":3643},{"type":42,"tag":153,"props":3746,"children":3747},{"style":169},[3748],{"type":47,"value":3749},"--shadow-tint",{"type":42,"tag":153,"props":3751,"children":3752},{"style":175},[3753],{"type":47,"value":3754},"),",{"type":42,"tag":153,"props":3756,"children":3757},{"style":1522},[3758],{"type":47,"value":3759}," 0.08",{"type":42,"tag":153,"props":3761,"children":3762},{"style":175},[3763],{"type":47,"value":507},{"type":42,"tag":153,"props":3765,"children":3766},{"class":155,"line":1175},[3767,3771,3776,3781,3786,3790,3794,3798,3802,3806,3810,3815],{"type":42,"tag":153,"props":3768,"children":3769},{"style":1522},[3770],{"type":47,"value":3712},{"type":42,"tag":153,"props":3772,"children":3773},{"style":1522},[3774],{"type":47,"value":3775}," 2.288533px",{"type":42,"tag":153,"props":3777,"children":3778},{"style":1522},[3779],{"type":47,"value":3780}," 6.8656px",{"type":42,"tag":153,"props":3782,"children":3783},{"style":1522},[3784],{"type":47,"value":3785}," -1.333px",{"type":42,"tag":153,"props":3787,"children":3788},{"style":3635},[3789],{"type":47,"value":3638},{"type":42,"tag":153,"props":3791,"children":3792},{"style":175},[3793],{"type":47,"value":3643},{"type":42,"tag":153,"props":3795,"children":3796},{"style":3635},[3797],{"type":47,"value":3740},{"type":42,"tag":153,"props":3799,"children":3800},{"style":175},[3801],{"type":47,"value":3643},{"type":42,"tag":153,"props":3803,"children":3804},{"style":169},[3805],{"type":47,"value":3749},{"type":42,"tag":153,"props":3807,"children":3808},{"style":175},[3809],{"type":47,"value":3754},{"type":42,"tag":153,"props":3811,"children":3812},{"style":1522},[3813],{"type":47,"value":3814}," 0.09",{"type":42,"tag":153,"props":3816,"children":3817},{"style":175},[3818],{"type":47,"value":507},{"type":42,"tag":153,"props":3820,"children":3821},{"class":155,"line":1220},[3822,3826,3831,3836,3841,3845,3849,3853,3857,3861,3865,3870],{"type":42,"tag":153,"props":3823,"children":3824},{"style":1522},[3825],{"type":47,"value":3712},{"type":42,"tag":153,"props":3827,"children":3828},{"style":1522},[3829],{"type":47,"value":3830}," 10px",{"type":42,"tag":153,"props":3832,"children":3833},{"style":1522},[3834],{"type":47,"value":3835}," 30px",{"type":42,"tag":153,"props":3837,"children":3838},{"style":1522},[3839],{"type":47,"value":3840}," -2px",{"type":42,"tag":153,"props":3842,"children":3843},{"style":3635},[3844],{"type":47,"value":3638},{"type":42,"tag":153,"props":3846,"children":3847},{"style":175},[3848],{"type":47,"value":3643},{"type":42,"tag":153,"props":3850,"children":3851},{"style":3635},[3852],{"type":47,"value":3740},{"type":42,"tag":153,"props":3854,"children":3855},{"style":175},[3856],{"type":47,"value":3643},{"type":42,"tag":153,"props":3858,"children":3859},{"style":169},[3860],{"type":47,"value":3749},{"type":42,"tag":153,"props":3862,"children":3863},{"style":175},[3864],{"type":47,"value":3754},{"type":42,"tag":153,"props":3866,"children":3867},{"style":1522},[3868],{"type":47,"value":3869}," 0.12",{"type":42,"tag":153,"props":3871,"children":3872},{"style":175},[3873],{"type":47,"value":529},{"type":42,"tag":153,"props":3875,"children":3876},{"class":155,"line":1228},[3877],{"type":42,"tag":153,"props":3878,"children":3879},{"emptyLinePlaceholder":333},[3880],{"type":47,"value":336},{"type":42,"tag":153,"props":3882,"children":3883},{"class":155,"line":1237},[3884],{"type":42,"tag":153,"props":3885,"children":3886},{"style":159},[3887],{"type":47,"value":3888},"  \u002F* Floating card (deeper) *\u002F\n",{"type":42,"tag":153,"props":3890,"children":3891},{"class":155,"line":1255},[3892,3897],{"type":42,"tag":153,"props":3893,"children":3894},{"style":169},[3895],{"type":47,"value":3896},"  --shadow-float",{"type":42,"tag":153,"props":3898,"children":3899},{"style":175},[3900],{"type":47,"value":1423},{"type":42,"tag":153,"props":3902,"children":3903},{"class":155,"line":1273},[3904,3908,3912,3916,3921,3925,3929,3933,3937,3941,3945,3949],{"type":42,"tag":153,"props":3905,"children":3906},{"style":1522},[3907],{"type":47,"value":3712},{"type":42,"tag":153,"props":3909,"children":3910},{"style":1522},[3911],{"type":47,"value":3656},{"type":42,"tag":153,"props":3913,"children":3914},{"style":1522},[3915],{"type":47,"value":3656},{"type":42,"tag":153,"props":3917,"children":3918},{"style":1522},[3919],{"type":47,"value":3920}," 1px",{"type":42,"tag":153,"props":3922,"children":3923},{"style":3635},[3924],{"type":47,"value":3638},{"type":42,"tag":153,"props":3926,"children":3927},{"style":175},[3928],{"type":47,"value":3643},{"type":42,"tag":153,"props":3930,"children":3931},{"style":3635},[3932],{"type":47,"value":3740},{"type":42,"tag":153,"props":3934,"children":3935},{"style":175},[3936],{"type":47,"value":3643},{"type":42,"tag":153,"props":3938,"children":3939},{"style":169},[3940],{"type":47,"value":3749},{"type":42,"tag":153,"props":3942,"children":3943},{"style":175},[3944],{"type":47,"value":3754},{"type":42,"tag":153,"props":3946,"children":3947},{"style":1522},[3948],{"type":47,"value":3673},{"type":42,"tag":153,"props":3950,"children":3951},{"style":175},[3952],{"type":47,"value":507},{"type":42,"tag":153,"props":3954,"children":3955},{"class":155,"line":1309},[3956,3960,3965,3970,3974,3978,3982,3986,3990,3994,3999],{"type":42,"tag":153,"props":3957,"children":3958},{"style":1522},[3959],{"type":47,"value":3712},{"type":42,"tag":153,"props":3961,"children":3962},{"style":1522},[3963],{"type":47,"value":3964}," 4px",{"type":42,"tag":153,"props":3966,"children":3967},{"style":1522},[3968],{"type":47,"value":3969}," 12px",{"type":42,"tag":153,"props":3971,"children":3972},{"style":3635},[3973],{"type":47,"value":3638},{"type":42,"tag":153,"props":3975,"children":3976},{"style":175},[3977],{"type":47,"value":3643},{"type":42,"tag":153,"props":3979,"children":3980},{"style":3635},[3981],{"type":47,"value":3740},{"type":42,"tag":153,"props":3983,"children":3984},{"style":175},[3985],{"type":47,"value":3643},{"type":42,"tag":153,"props":3987,"children":3988},{"style":169},[3989],{"type":47,"value":3749},{"type":42,"tag":153,"props":3991,"children":3992},{"style":175},[3993],{"type":47,"value":3754},{"type":42,"tag":153,"props":3995,"children":3996},{"style":1522},[3997],{"type":47,"value":3998}," 0.04",{"type":42,"tag":153,"props":4000,"children":4001},{"style":175},[4002],{"type":47,"value":507},{"type":42,"tag":153,"props":4004,"children":4005},{"class":155,"line":1344},[4006,4010,4015,4020,4024,4028,4032,4036,4040,4044,4048],{"type":42,"tag":153,"props":4007,"children":4008},{"style":1522},[4009],{"type":47,"value":3712},{"type":42,"tag":153,"props":4011,"children":4012},{"style":1522},[4013],{"type":47,"value":4014}," 16px",{"type":42,"tag":153,"props":4016,"children":4017},{"style":1522},[4018],{"type":47,"value":4019}," 40px",{"type":42,"tag":153,"props":4021,"children":4022},{"style":3635},[4023],{"type":47,"value":3638},{"type":42,"tag":153,"props":4025,"children":4026},{"style":175},[4027],{"type":47,"value":3643},{"type":42,"tag":153,"props":4029,"children":4030},{"style":3635},[4031],{"type":47,"value":3740},{"type":42,"tag":153,"props":4033,"children":4034},{"style":175},[4035],{"type":47,"value":3643},{"type":42,"tag":153,"props":4037,"children":4038},{"style":169},[4039],{"type":47,"value":3749},{"type":42,"tag":153,"props":4041,"children":4042},{"style":175},[4043],{"type":47,"value":3754},{"type":42,"tag":153,"props":4045,"children":4046},{"style":1522},[4047],{"type":47,"value":3673},{"type":42,"tag":153,"props":4049,"children":4050},{"style":175},[4051],{"type":47,"value":507},{"type":42,"tag":153,"props":4053,"children":4055},{"class":155,"line":4054},29,[4056,4060,4065,4070,4074,4078,4082,4086,4090,4094,4098],{"type":42,"tag":153,"props":4057,"children":4058},{"style":1522},[4059],{"type":47,"value":3712},{"type":42,"tag":153,"props":4061,"children":4062},{"style":1522},[4063],{"type":47,"value":4064}," 56px",{"type":42,"tag":153,"props":4066,"children":4067},{"style":1522},[4068],{"type":47,"value":4069}," 88px",{"type":42,"tag":153,"props":4071,"children":4072},{"style":3635},[4073],{"type":47,"value":3638},{"type":42,"tag":153,"props":4075,"children":4076},{"style":175},[4077],{"type":47,"value":3643},{"type":42,"tag":153,"props":4079,"children":4080},{"style":3635},[4081],{"type":47,"value":3740},{"type":42,"tag":153,"props":4083,"children":4084},{"style":175},[4085],{"type":47,"value":3643},{"type":42,"tag":153,"props":4087,"children":4088},{"style":169},[4089],{"type":47,"value":3749},{"type":42,"tag":153,"props":4091,"children":4092},{"style":175},[4093],{"type":47,"value":3754},{"type":42,"tag":153,"props":4095,"children":4096},{"style":1522},[4097],{"type":47,"value":3759},{"type":42,"tag":153,"props":4099,"children":4100},{"style":175},[4101],{"type":47,"value":507},{"type":42,"tag":153,"props":4103,"children":4105},{"class":155,"line":4104},30,[4106,4111,4115,4120,4124,4128,4132,4136,4140,4144,4148,4152,4156,4161],{"type":42,"tag":153,"props":4107,"children":4108},{"style":169},[4109],{"type":47,"value":4110},"    inset ",{"type":42,"tag":153,"props":4112,"children":4113},{"style":1522},[4114],{"type":47,"value":579},{"type":42,"tag":153,"props":4116,"children":4117},{"style":1522},[4118],{"type":47,"value":4119}," .5px",{"type":42,"tag":153,"props":4121,"children":4122},{"style":1522},[4123],{"type":47,"value":4119},{"type":42,"tag":153,"props":4125,"children":4126},{"style":3635},[4127],{"type":47,"value":3638},{"type":42,"tag":153,"props":4129,"children":4130},{"style":175},[4131],{"type":47,"value":3643},{"type":42,"tag":153,"props":4133,"children":4134},{"style":1522},[4135],{"type":47,"value":2550},{"type":42,"tag":153,"props":4137,"children":4138},{"style":175},[4139],{"type":47,"value":557},{"type":42,"tag":153,"props":4141,"children":4142},{"style":1522},[4143],{"type":47,"value":2550},{"type":42,"tag":153,"props":4145,"children":4146},{"style":175},[4147],{"type":47,"value":557},{"type":42,"tag":153,"props":4149,"children":4150},{"style":1522},[4151],{"type":47,"value":2550},{"type":42,"tag":153,"props":4153,"children":4154},{"style":175},[4155],{"type":47,"value":557},{"type":42,"tag":153,"props":4157,"children":4158},{"style":1522},[4159],{"type":47,"value":4160},"0.24",{"type":42,"tag":153,"props":4162,"children":4163},{"style":175},[4164],{"type":47,"value":507},{"type":42,"tag":153,"props":4166,"children":4168},{"class":155,"line":4167},31,[4169,4173,4177,4182,4186,4190,4194,4198,4202,4206,4210,4214,4218,4222],{"type":42,"tag":153,"props":4170,"children":4171},{"style":169},[4172],{"type":47,"value":4110},{"type":42,"tag":153,"props":4174,"children":4175},{"style":1522},[4176],{"type":47,"value":579},{"type":42,"tag":153,"props":4178,"children":4179},{"style":1522},[4180],{"type":47,"value":4181}," -.5px",{"type":42,"tag":153,"props":4183,"children":4184},{"style":1522},[4185],{"type":47,"value":4119},{"type":42,"tag":153,"props":4187,"children":4188},{"style":3635},[4189],{"type":47,"value":3638},{"type":42,"tag":153,"props":4191,"children":4192},{"style":175},[4193],{"type":47,"value":3643},{"type":42,"tag":153,"props":4195,"children":4196},{"style":1522},[4197],{"type":47,"value":2550},{"type":42,"tag":153,"props":4199,"children":4200},{"style":175},[4201],{"type":47,"value":557},{"type":42,"tag":153,"props":4203,"children":4204},{"style":1522},[4205],{"type":47,"value":2550},{"type":42,"tag":153,"props":4207,"children":4208},{"style":175},[4209],{"type":47,"value":557},{"type":42,"tag":153,"props":4211,"children":4212},{"style":1522},[4213],{"type":47,"value":2550},{"type":42,"tag":153,"props":4215,"children":4216},{"style":175},[4217],{"type":47,"value":557},{"type":42,"tag":153,"props":4219,"children":4220},{"style":1522},[4221],{"type":47,"value":4160},{"type":42,"tag":153,"props":4223,"children":4224},{"style":175},[4225],{"type":47,"value":529},{"type":42,"tag":153,"props":4227,"children":4229},{"class":155,"line":4228},32,[4230],{"type":42,"tag":153,"props":4231,"children":4232},{"style":175},[4233],{"type":47,"value":4234},"}\n",{"type":42,"tag":153,"props":4236,"children":4238},{"class":155,"line":4237},33,[4239],{"type":42,"tag":153,"props":4240,"children":4241},{"emptyLinePlaceholder":333},[4242],{"type":47,"value":336},{"type":42,"tag":153,"props":4244,"children":4246},{"class":155,"line":4245},34,[4247,4252,4257,4263,4267,4272,4276,4281,4286,4291,4295,4299,4303,4308,4312],{"type":42,"tag":153,"props":4248,"children":4249},{"style":499},[4250],{"type":47,"value":4251},"body",{"type":42,"tag":153,"props":4253,"children":4254},{"style":175},[4255],{"type":47,"value":4256}," {",{"type":42,"tag":153,"props":4258,"children":4260},{"style":4259},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[4261],{"type":47,"value":4262}," background",{"type":42,"tag":153,"props":4264,"children":4265},{"style":175},[4266],{"type":47,"value":140},{"type":42,"tag":153,"props":4268,"children":4269},{"style":3635},[4270],{"type":47,"value":4271}," var",{"type":42,"tag":153,"props":4273,"children":4274},{"style":175},[4275],{"type":47,"value":3643},{"type":42,"tag":153,"props":4277,"children":4278},{"style":169},[4279],{"type":47,"value":4280},"--bg-page",{"type":42,"tag":153,"props":4282,"children":4283},{"style":175},[4284],{"type":47,"value":4285},");",{"type":42,"tag":153,"props":4287,"children":4288},{"style":4259},[4289],{"type":47,"value":4290}," color",{"type":42,"tag":153,"props":4292,"children":4293},{"style":175},[4294],{"type":47,"value":140},{"type":42,"tag":153,"props":4296,"children":4297},{"style":3635},[4298],{"type":47,"value":4271},{"type":42,"tag":153,"props":4300,"children":4301},{"style":175},[4302],{"type":47,"value":3643},{"type":42,"tag":153,"props":4304,"children":4305},{"style":169},[4306],{"type":47,"value":4307},"--text-primary",{"type":42,"tag":153,"props":4309,"children":4310},{"style":175},[4311],{"type":47,"value":4285},{"type":42,"tag":153,"props":4313,"children":4314},{"style":175},[4315],{"type":47,"value":4316}," }\n",{"type":42,"tag":153,"props":4318,"children":4320},{"class":155,"line":4319},35,[4321,4325,4330,4334,4338,4342,4346,4350,4355,4359,4364,4368,4372,4376,4381,4385,4390,4394,4398,4402],{"type":42,"tag":153,"props":4322,"children":4323},{"style":175},[4324],{"type":47,"value":496},{"type":42,"tag":153,"props":4326,"children":4327},{"style":499},[4328],{"type":47,"value":4329},"card",{"type":42,"tag":153,"props":4331,"children":4332},{"style":175},[4333],{"type":47,"value":4256},{"type":42,"tag":153,"props":4335,"children":4336},{"style":4259},[4337],{"type":47,"value":4262},{"type":42,"tag":153,"props":4339,"children":4340},{"style":175},[4341],{"type":47,"value":140},{"type":42,"tag":153,"props":4343,"children":4344},{"style":3635},[4345],{"type":47,"value":4271},{"type":42,"tag":153,"props":4347,"children":4348},{"style":175},[4349],{"type":47,"value":3643},{"type":42,"tag":153,"props":4351,"children":4352},{"style":169},[4353],{"type":47,"value":4354},"--bg-card",{"type":42,"tag":153,"props":4356,"children":4357},{"style":175},[4358],{"type":47,"value":4285},{"type":42,"tag":153,"props":4360,"children":4361},{"style":4259},[4362],{"type":47,"value":4363}," box-shadow",{"type":42,"tag":153,"props":4365,"children":4366},{"style":175},[4367],{"type":47,"value":140},{"type":42,"tag":153,"props":4369,"children":4370},{"style":3635},[4371],{"type":47,"value":4271},{"type":42,"tag":153,"props":4373,"children":4374},{"style":175},[4375],{"type":47,"value":3643},{"type":42,"tag":153,"props":4377,"children":4378},{"style":169},[4379],{"type":47,"value":4380},"--shadow-card",{"type":42,"tag":153,"props":4382,"children":4383},{"style":175},[4384],{"type":47,"value":4285},{"type":42,"tag":153,"props":4386,"children":4387},{"style":4259},[4388],{"type":47,"value":4389}," border-radius",{"type":42,"tag":153,"props":4391,"children":4392},{"style":175},[4393],{"type":47,"value":140},{"type":42,"tag":153,"props":4395,"children":4396},{"style":1522},[4397],{"type":47,"value":4014},{"type":42,"tag":153,"props":4399,"children":4400},{"style":175},[4401],{"type":47,"value":3600},{"type":42,"tag":153,"props":4403,"children":4404},{"style":175},[4405],{"type":47,"value":4316},{"type":42,"tag":153,"props":4407,"children":4409},{"class":155,"line":4408},36,[4410,4414,4419,4423,4427,4431,4435,4439,4444,4448],{"type":42,"tag":153,"props":4411,"children":4412},{"style":175},[4413],{"type":47,"value":496},{"type":42,"tag":153,"props":4415,"children":4416},{"style":499},[4417],{"type":47,"value":4418},"card--float",{"type":42,"tag":153,"props":4420,"children":4421},{"style":175},[4422],{"type":47,"value":4256},{"type":42,"tag":153,"props":4424,"children":4425},{"style":4259},[4426],{"type":47,"value":4363},{"type":42,"tag":153,"props":4428,"children":4429},{"style":175},[4430],{"type":47,"value":140},{"type":42,"tag":153,"props":4432,"children":4433},{"style":3635},[4434],{"type":47,"value":4271},{"type":42,"tag":153,"props":4436,"children":4437},{"style":175},[4438],{"type":47,"value":3643},{"type":42,"tag":153,"props":4440,"children":4441},{"style":169},[4442],{"type":47,"value":4443},"--shadow-float",{"type":42,"tag":153,"props":4445,"children":4446},{"style":175},[4447],{"type":47,"value":4285},{"type":42,"tag":153,"props":4449,"children":4450},{"style":175},[4451],{"type":47,"value":4316},{"type":42,"tag":122,"props":4453,"children":4455},{"id":4454},"dreamy-dark-theme-antimetal-inspired",[4456],{"type":47,"value":4457},"Dreamy dark theme (Antimetal-inspired)",{"type":42,"tag":142,"props":4459,"children":4461},{"className":144,"code":4460,"language":146,"meta":147,"style":147},".theme-dark {\n  --bg-page: #100d0a;       \u002F* warm near-black *\u002F\n  --bg-card: #17130f;\n  --color-hero: #fff3d7;    \u002F* WARM CREAM — not cool white *\u002F\n  --text-primary: #fff3d7;\n  --text-secondary: #fff3d7b8;\n\n  --shadow-card:\n    0 0 0 1px color-mix(in srgb, var(--color-hero) 4%, transparent),\n    0 6px 16px rgba(0,0,0,0.25),\n    inset 0 .5px 1px color-mix(in srgb, var(--color-hero) 8%, transparent),\n    inset 0 1px 2px color-mix(in srgb, var(--color-hero) 6%, transparent),\n    inset 0 0 0 1px color-mix(in srgb, var(--color-hero) 6%, transparent);\n}\n",[4462],{"type":42,"tag":83,"props":4463,"children":4464},{"__ignoreMap":147},[4465,4481,4510,4534,4564,4587,4611,4618,4629,4707,4764,4836,4909,4984],{"type":42,"tag":153,"props":4466,"children":4467},{"class":155,"line":25},[4468,4472,4477],{"type":42,"tag":153,"props":4469,"children":4470},{"style":175},[4471],{"type":47,"value":496},{"type":42,"tag":153,"props":4473,"children":4474},{"style":499},[4475],{"type":47,"value":4476},"theme-dark",{"type":42,"tag":153,"props":4478,"children":4479},{"style":175},[4480],{"type":47,"value":3371},{"type":42,"tag":153,"props":4482,"children":4483},{"class":155,"line":165},[4484,4488,4492,4496,4501,4505],{"type":42,"tag":153,"props":4485,"children":4486},{"style":169},[4487],{"type":47,"value":3387},{"type":42,"tag":153,"props":4489,"children":4490},{"style":175},[4491],{"type":47,"value":140},{"type":42,"tag":153,"props":4493,"children":4494},{"style":175},[4495],{"type":47,"value":1861},{"type":42,"tag":153,"props":4497,"children":4498},{"style":169},[4499],{"type":47,"value":4500},"100d0a",{"type":42,"tag":153,"props":4502,"children":4503},{"style":175},[4504],{"type":47,"value":3600},{"type":42,"tag":153,"props":4506,"children":4507},{"style":159},[4508],{"type":47,"value":4509},"       \u002F* warm near-black *\u002F\n",{"type":42,"tag":153,"props":4511,"children":4512},{"class":155,"line":191},[4513,4517,4521,4525,4530],{"type":42,"tag":153,"props":4514,"children":4515},{"style":169},[4516],{"type":47,"value":3413},{"type":42,"tag":153,"props":4518,"children":4519},{"style":175},[4520],{"type":47,"value":140},{"type":42,"tag":153,"props":4522,"children":4523},{"style":175},[4524],{"type":47,"value":1861},{"type":42,"tag":153,"props":4526,"children":4527},{"style":169},[4528],{"type":47,"value":4529},"17130f",{"type":42,"tag":153,"props":4531,"children":4532},{"style":175},[4533],{"type":47,"value":3405},{"type":42,"tag":153,"props":4535,"children":4536},{"class":155,"line":214},[4537,4542,4546,4550,4555,4559],{"type":42,"tag":153,"props":4538,"children":4539},{"style":169},[4540],{"type":47,"value":4541},"  --color-hero",{"type":42,"tag":153,"props":4543,"children":4544},{"style":175},[4545],{"type":47,"value":140},{"type":42,"tag":153,"props":4547,"children":4548},{"style":175},[4549],{"type":47,"value":1861},{"type":42,"tag":153,"props":4551,"children":4552},{"style":169},[4553],{"type":47,"value":4554},"fff3d7",{"type":42,"tag":153,"props":4556,"children":4557},{"style":175},[4558],{"type":47,"value":3600},{"type":42,"tag":153,"props":4560,"children":4561},{"style":159},[4562],{"type":47,"value":4563},"    \u002F* WARM CREAM — not cool white *\u002F\n",{"type":42,"tag":153,"props":4565,"children":4566},{"class":155,"line":237},[4567,4571,4575,4579,4583],{"type":42,"tag":153,"props":4568,"children":4569},{"style":169},[4570],{"type":47,"value":3478},{"type":42,"tag":153,"props":4572,"children":4573},{"style":175},[4574],{"type":47,"value":140},{"type":42,"tag":153,"props":4576,"children":4577},{"style":175},[4578],{"type":47,"value":1861},{"type":42,"tag":153,"props":4580,"children":4581},{"style":169},[4582],{"type":47,"value":4554},{"type":42,"tag":153,"props":4584,"children":4585},{"style":175},[4586],{"type":47,"value":3405},{"type":42,"tag":153,"props":4588,"children":4589},{"class":155,"line":260},[4590,4594,4598,4602,4607],{"type":42,"tag":153,"props":4591,"children":4592},{"style":169},[4593],{"type":47,"value":3503},{"type":42,"tag":153,"props":4595,"children":4596},{"style":175},[4597],{"type":47,"value":140},{"type":42,"tag":153,"props":4599,"children":4600},{"style":175},[4601],{"type":47,"value":1861},{"type":42,"tag":153,"props":4603,"children":4604},{"style":169},[4605],{"type":47,"value":4606},"fff3d7b8",{"type":42,"tag":153,"props":4608,"children":4609},{"style":175},[4610],{"type":47,"value":3405},{"type":42,"tag":153,"props":4612,"children":4613},{"class":155,"line":283},[4614],{"type":42,"tag":153,"props":4615,"children":4616},{"emptyLinePlaceholder":333},[4617],{"type":47,"value":336},{"type":42,"tag":153,"props":4619,"children":4620},{"class":155,"line":306},[4621,4625],{"type":42,"tag":153,"props":4622,"children":4623},{"style":169},[4624],{"type":47,"value":3700},{"type":42,"tag":153,"props":4626,"children":4627},{"style":175},[4628],{"type":47,"value":1423},{"type":42,"tag":153,"props":4630,"children":4631},{"class":155,"line":329},[4632,4636,4640,4644,4648,4653,4657,4663,4668,4672,4676,4680,4685,4689,4694,4698,4703],{"type":42,"tag":153,"props":4633,"children":4634},{"style":1522},[4635],{"type":47,"value":3712},{"type":42,"tag":153,"props":4637,"children":4638},{"style":1522},[4639],{"type":47,"value":3656},{"type":42,"tag":153,"props":4641,"children":4642},{"style":1522},[4643],{"type":47,"value":3656},{"type":42,"tag":153,"props":4645,"children":4646},{"style":1522},[4647],{"type":47,"value":3920},{"type":42,"tag":153,"props":4649,"children":4650},{"style":3635},[4651],{"type":47,"value":4652}," color-mix",{"type":42,"tag":153,"props":4654,"children":4655},{"style":175},[4656],{"type":47,"value":3643},{"type":42,"tag":153,"props":4658,"children":4660},{"style":4659},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[4661],{"type":47,"value":4662},"in",{"type":42,"tag":153,"props":4664,"children":4665},{"style":169},[4666],{"type":47,"value":4667}," srgb",{"type":42,"tag":153,"props":4669,"children":4670},{"style":175},[4671],{"type":47,"value":557},{"type":42,"tag":153,"props":4673,"children":4674},{"style":3635},[4675],{"type":47,"value":4271},{"type":42,"tag":153,"props":4677,"children":4678},{"style":175},[4679],{"type":47,"value":3643},{"type":42,"tag":153,"props":4681,"children":4682},{"style":169},[4683],{"type":47,"value":4684},"--color-hero",{"type":42,"tag":153,"props":4686,"children":4687},{"style":175},[4688],{"type":47,"value":3279},{"type":42,"tag":153,"props":4690,"children":4691},{"style":1522},[4692],{"type":47,"value":4693}," 4%",{"type":42,"tag":153,"props":4695,"children":4696},{"style":175},[4697],{"type":47,"value":557},{"type":42,"tag":153,"props":4699,"children":4700},{"style":169},[4701],{"type":47,"value":4702}," transparent",{"type":42,"tag":153,"props":4704,"children":4705},{"style":175},[4706],{"type":47,"value":507},{"type":42,"tag":153,"props":4708,"children":4709},{"class":155,"line":339},[4710,4714,4719,4723,4727,4731,4735,4739,4743,4747,4751,4755,4760],{"type":42,"tag":153,"props":4711,"children":4712},{"style":1522},[4713],{"type":47,"value":3712},{"type":42,"tag":153,"props":4715,"children":4716},{"style":1522},[4717],{"type":47,"value":4718}," 6px",{"type":42,"tag":153,"props":4720,"children":4721},{"style":1522},[4722],{"type":47,"value":4014},{"type":42,"tag":153,"props":4724,"children":4725},{"style":3635},[4726],{"type":47,"value":3638},{"type":42,"tag":153,"props":4728,"children":4729},{"style":175},[4730],{"type":47,"value":3643},{"type":42,"tag":153,"props":4732,"children":4733},{"style":1522},[4734],{"type":47,"value":579},{"type":42,"tag":153,"props":4736,"children":4737},{"style":175},[4738],{"type":47,"value":557},{"type":42,"tag":153,"props":4740,"children":4741},{"style":1522},[4742],{"type":47,"value":579},{"type":42,"tag":153,"props":4744,"children":4745},{"style":175},[4746],{"type":47,"value":557},{"type":42,"tag":153,"props":4748,"children":4749},{"style":1522},[4750],{"type":47,"value":579},{"type":42,"tag":153,"props":4752,"children":4753},{"style":175},[4754],{"type":47,"value":557},{"type":42,"tag":153,"props":4756,"children":4757},{"style":1522},[4758],{"type":47,"value":4759},"0.25",{"type":42,"tag":153,"props":4761,"children":4762},{"style":175},[4763],{"type":47,"value":507},{"type":42,"tag":153,"props":4765,"children":4766},{"class":155,"line":348},[4767,4771,4775,4779,4783,4787,4791,4795,4799,4803,4807,4811,4815,4819,4824,4828,4832],{"type":42,"tag":153,"props":4768,"children":4769},{"style":169},[4770],{"type":47,"value":4110},{"type":42,"tag":153,"props":4772,"children":4773},{"style":1522},[4774],{"type":47,"value":579},{"type":42,"tag":153,"props":4776,"children":4777},{"style":1522},[4778],{"type":47,"value":4119},{"type":42,"tag":153,"props":4780,"children":4781},{"style":1522},[4782],{"type":47,"value":3920},{"type":42,"tag":153,"props":4784,"children":4785},{"style":3635},[4786],{"type":47,"value":4652},{"type":42,"tag":153,"props":4788,"children":4789},{"style":175},[4790],{"type":47,"value":3643},{"type":42,"tag":153,"props":4792,"children":4793},{"style":4659},[4794],{"type":47,"value":4662},{"type":42,"tag":153,"props":4796,"children":4797},{"style":169},[4798],{"type":47,"value":4667},{"type":42,"tag":153,"props":4800,"children":4801},{"style":175},[4802],{"type":47,"value":557},{"type":42,"tag":153,"props":4804,"children":4805},{"style":3635},[4806],{"type":47,"value":4271},{"type":42,"tag":153,"props":4808,"children":4809},{"style":175},[4810],{"type":47,"value":3643},{"type":42,"tag":153,"props":4812,"children":4813},{"style":169},[4814],{"type":47,"value":4684},{"type":42,"tag":153,"props":4816,"children":4817},{"style":175},[4818],{"type":47,"value":3279},{"type":42,"tag":153,"props":4820,"children":4821},{"style":1522},[4822],{"type":47,"value":4823}," 8%",{"type":42,"tag":153,"props":4825,"children":4826},{"style":175},[4827],{"type":47,"value":557},{"type":42,"tag":153,"props":4829,"children":4830},{"style":169},[4831],{"type":47,"value":4702},{"type":42,"tag":153,"props":4833,"children":4834},{"style":175},[4835],{"type":47,"value":507},{"type":42,"tag":153,"props":4837,"children":4838},{"class":155,"line":371},[4839,4843,4847,4851,4856,4860,4864,4868,4872,4876,4880,4884,4888,4892,4897,4901,4905],{"type":42,"tag":153,"props":4840,"children":4841},{"style":169},[4842],{"type":47,"value":4110},{"type":42,"tag":153,"props":4844,"children":4845},{"style":1522},[4846],{"type":47,"value":579},{"type":42,"tag":153,"props":4848,"children":4849},{"style":1522},[4850],{"type":47,"value":3920},{"type":42,"tag":153,"props":4852,"children":4853},{"style":1522},[4854],{"type":47,"value":4855}," 2px",{"type":42,"tag":153,"props":4857,"children":4858},{"style":3635},[4859],{"type":47,"value":4652},{"type":42,"tag":153,"props":4861,"children":4862},{"style":175},[4863],{"type":47,"value":3643},{"type":42,"tag":153,"props":4865,"children":4866},{"style":4659},[4867],{"type":47,"value":4662},{"type":42,"tag":153,"props":4869,"children":4870},{"style":169},[4871],{"type":47,"value":4667},{"type":42,"tag":153,"props":4873,"children":4874},{"style":175},[4875],{"type":47,"value":557},{"type":42,"tag":153,"props":4877,"children":4878},{"style":3635},[4879],{"type":47,"value":4271},{"type":42,"tag":153,"props":4881,"children":4882},{"style":175},[4883],{"type":47,"value":3643},{"type":42,"tag":153,"props":4885,"children":4886},{"style":169},[4887],{"type":47,"value":4684},{"type":42,"tag":153,"props":4889,"children":4890},{"style":175},[4891],{"type":47,"value":3279},{"type":42,"tag":153,"props":4893,"children":4894},{"style":1522},[4895],{"type":47,"value":4896}," 6%",{"type":42,"tag":153,"props":4898,"children":4899},{"style":175},[4900],{"type":47,"value":557},{"type":42,"tag":153,"props":4902,"children":4903},{"style":169},[4904],{"type":47,"value":4702},{"type":42,"tag":153,"props":4906,"children":4907},{"style":175},[4908],{"type":47,"value":507},{"type":42,"tag":153,"props":4910,"children":4911},{"class":155,"line":394},[4912,4916,4920,4924,4928,4932,4936,4940,4944,4948,4952,4956,4960,4964,4968,4972,4976,4980],{"type":42,"tag":153,"props":4913,"children":4914},{"style":169},[4915],{"type":47,"value":4110},{"type":42,"tag":153,"props":4917,"children":4918},{"style":1522},[4919],{"type":47,"value":579},{"type":42,"tag":153,"props":4921,"children":4922},{"style":1522},[4923],{"type":47,"value":3656},{"type":42,"tag":153,"props":4925,"children":4926},{"style":1522},[4927],{"type":47,"value":3656},{"type":42,"tag":153,"props":4929,"children":4930},{"style":1522},[4931],{"type":47,"value":3920},{"type":42,"tag":153,"props":4933,"children":4934},{"style":3635},[4935],{"type":47,"value":4652},{"type":42,"tag":153,"props":4937,"children":4938},{"style":175},[4939],{"type":47,"value":3643},{"type":42,"tag":153,"props":4941,"children":4942},{"style":4659},[4943],{"type":47,"value":4662},{"type":42,"tag":153,"props":4945,"children":4946},{"style":169},[4947],{"type":47,"value":4667},{"type":42,"tag":153,"props":4949,"children":4950},{"style":175},[4951],{"type":47,"value":557},{"type":42,"tag":153,"props":4953,"children":4954},{"style":3635},[4955],{"type":47,"value":4271},{"type":42,"tag":153,"props":4957,"children":4958},{"style":175},[4959],{"type":47,"value":3643},{"type":42,"tag":153,"props":4961,"children":4962},{"style":169},[4963],{"type":47,"value":4684},{"type":42,"tag":153,"props":4965,"children":4966},{"style":175},[4967],{"type":47,"value":3279},{"type":42,"tag":153,"props":4969,"children":4970},{"style":1522},[4971],{"type":47,"value":4896},{"type":42,"tag":153,"props":4973,"children":4974},{"style":175},[4975],{"type":47,"value":557},{"type":42,"tag":153,"props":4977,"children":4978},{"style":169},[4979],{"type":47,"value":4702},{"type":42,"tag":153,"props":4981,"children":4982},{"style":175},[4983],{"type":47,"value":529},{"type":42,"tag":153,"props":4985,"children":4986},{"class":155,"line":417},[4987],{"type":42,"tag":153,"props":4988,"children":4989},{"style":175},[4990],{"type":47,"value":4234},{"type":42,"tag":56,"props":4992,"children":4994},{"id":4993},"site-references-what-each-pattern-is-extracted-from",[4995],{"type":47,"value":4996},"Site references (what each pattern is extracted from)",{"type":42,"tag":4998,"props":4999,"children":5000},"table",{},[5001,5020],{"type":42,"tag":5002,"props":5003,"children":5004},"thead",{},[5005],{"type":42,"tag":5006,"props":5007,"children":5008},"tr",{},[5009,5015],{"type":42,"tag":5010,"props":5011,"children":5012},"th",{},[5013],{"type":47,"value":5014},"Pattern",{"type":42,"tag":5010,"props":5016,"children":5017},{},[5018],{"type":47,"value":5019},"Source sites",{"type":42,"tag":5021,"props":5022,"children":5023},"tbody",{},[5024,5038,5051,5064,5077,5090,5109,5122],{"type":42,"tag":5006,"props":5025,"children":5026},{},[5027,5033],{"type":42,"tag":5028,"props":5029,"children":5030},"td",{},[5031],{"type":47,"value":5032},"Warm off-white background",{"type":42,"tag":5028,"props":5034,"children":5035},{},[5036],{"type":47,"value":5037},"Duna, Reducto, Cohere, Amplemarket, Hex",{"type":42,"tag":5006,"props":5039,"children":5040},{},[5041,5046],{"type":42,"tag":5028,"props":5042,"children":5043},{},[5044],{"type":47,"value":5045},"Tinted shadow system",{"type":42,"tag":5028,"props":5047,"children":5048},{},[5049],{"type":47,"value":5050},"Outseta (aubergine), Hex (rose), Duna (plum), Cal (blue-gray)",{"type":42,"tag":5006,"props":5052,"children":5053},{},[5054,5059],{"type":42,"tag":5028,"props":5055,"children":5056},{},[5057],{"type":47,"value":5058},"8-layer stacked shadow",{"type":42,"tag":5028,"props":5060,"children":5061},{},[5062],{"type":47,"value":5063},"Antimetal, Hex, Outseta",{"type":42,"tag":5006,"props":5065,"children":5066},{},[5067,5072],{"type":42,"tag":5028,"props":5068,"children":5069},{},[5070],{"type":47,"value":5071},"Dual inset highlights",{"type":42,"tag":5028,"props":5073,"children":5074},{},[5075],{"type":47,"value":5076},"Antimetal, Amplemarket, Cal",{"type":42,"tag":5006,"props":5078,"children":5079},{},[5080,5085],{"type":42,"tag":5028,"props":5081,"children":5082},{},[5083],{"type":47,"value":5084},"Multi-stop warm gradient",{"type":42,"tag":5028,"props":5086,"children":5087},{},[5088],{"type":47,"value":5089},"Incident (70° alarmalade), Cohere (78° coral→blue), Angellist (9-stop)",{"type":42,"tag":5006,"props":5091,"children":5092},{},[5093,5104],{"type":42,"tag":5028,"props":5094,"children":5095},{},[5096,5102],{"type":42,"tag":83,"props":5097,"children":5099},{"className":5098},[],[5100],{"type":47,"value":5101},"color-mix",{"type":47,"value":5103}," theme-tied shadows",{"type":42,"tag":5028,"props":5105,"children":5106},{},[5107],{"type":47,"value":5108},"Antimetal",{"type":42,"tag":5006,"props":5110,"children":5111},{},[5112,5117],{"type":42,"tag":5028,"props":5113,"children":5114},{},[5115],{"type":47,"value":5116},"Radial mouse-tracking gradient",{"type":42,"tag":5028,"props":5118,"children":5119},{},[5120],{"type":47,"value":5121},"Amplemarket (WebGL), Shade (cursor spotlight)",{"type":42,"tag":5006,"props":5123,"children":5124},{},[5125,5130],{"type":42,"tag":5028,"props":5126,"children":5127},{},[5128],{"type":47,"value":5129},"Sub-pixel Figma-exported shadows",{"type":42,"tag":5028,"props":5131,"children":5132},{},[5133],{"type":47,"value":5134},"Duna",{"type":42,"tag":56,"props":5136,"children":5138},{"id":5137},"what-this-skill-does-not-do",[5139],{"type":47,"value":5140},"What this skill does NOT do",{"type":42,"tag":63,"props":5142,"children":5143},{},[5144,5149,5154,5159],{"type":42,"tag":67,"props":5145,"children":5146},{},[5147],{"type":47,"value":5148},"Doesn't dictate color palette — pick your own, then tint shadows to match",{"type":42,"tag":67,"props":5150,"children":5151},{},[5152],{"type":47,"value":5153},"Doesn't apply to utility\u002Fadmin UI (dashboards) — those usually want less atmosphere",{"type":42,"tag":67,"props":5155,"children":5156},{},[5157],{"type":47,"value":5158},"Not for high-contrast accessibility-first interfaces",{"type":42,"tag":67,"props":5160,"children":5161},{},[5162,5164,5170],{"type":47,"value":5163},"Not for motion\u002Fmicro-interactions (see ",{"type":42,"tag":83,"props":5165,"children":5167},{"className":5166},[],[5168],{"type":47,"value":5169},"motion-and-micro-interactions",{"type":47,"value":5171}," skill)",{"type":42,"tag":5173,"props":5174,"children":5175},"style",{},[5176],{"type":47,"value":5177},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":5179,"total":5362},[5180,5199,5217,5231,5248,5263,5277,5292,5307,5318,5333,5347],{"slug":5181,"name":5181,"fn":5182,"description":5183,"org":5184,"tags":5185,"stars":5196,"repoUrl":5197,"updatedAt":5198},"annotate","collect visual feedback with browser annotation tools","Open a browser with visual annotation tools. The user clicks elements on their site and leaves feedback — the agent reads annotations and makes changes. Use this when the user wants to point at specific elements to fix, tweak, or redesign.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5186,5187,5190,5193],{"name":17,"slug":18,"type":15},{"name":5188,"slug":5189,"type":15},"Productivity","productivity",{"name":5191,"slug":5192,"type":15},"UX Copy","ux-copy",{"name":5194,"slug":5195,"type":15},"UX Design","ux-design",484,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fstudio","2026-05-06T05:40:01.516544",{"slug":5200,"name":5200,"fn":5201,"description":5202,"org":5203,"tags":5204,"stars":5196,"repoUrl":5197,"updatedAt":5216},"block-content","write editable WordPress block markup","Write editable WordPress block markup for local Studio sites, including core\u002Fhtml limits, block-theme layout rules, full-width sections, validation, and skeleton-first page\u002FCSS recipes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5205,5208,5210,5213],{"name":5206,"slug":5207,"type":15},"Block Editor","block-editor",{"name":5209,"slug":146,"type":15},"CSS",{"name":5211,"slug":5212,"type":15},"HTML","html",{"name":5214,"slug":5215,"type":15},"WordPress","wordpress","2026-05-27T07:01:55.629681",{"slug":5218,"name":5218,"fn":5219,"description":5220,"org":5221,"tags":5222,"stars":5196,"repoUrl":5197,"updatedAt":5230},"hosting-plans-helper","provide WordPress.com hosting plan information","Answer WordPress.com plan, pricing, upgrade, and feature-tier questions (plan names, what each tier unlocks — plugins, themes, custom code, SSH, hosting — and current prices) from authoritative live data. Load before answering ANY plan, pricing, or feature-gating question; never answer these from memory.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5223,5226,5229],{"name":5224,"slug":5225,"type":15},"Pricing","pricing",{"name":5227,"slug":5228,"type":15},"Reference","reference",{"name":5214,"slug":5215,"type":15},"2026-07-02T07:42:33.654791",{"slug":5232,"name":5232,"fn":5233,"description":5234,"org":5235,"tags":5236,"stars":5196,"repoUrl":5197,"updatedAt":5247},"liberate","migrate websites to WordPress","Import and rebuild a website from a closed platform (Wix, Squarespace, Webflow, Shopify, GoDaddy, Hostinger, HubSpot, Weebly) into a Studio WordPress site. Extracts pages\u002Fposts\u002Fproducts + media, then reconstructs the design as editable blocks + WooCommerce OR as a high-fidelity replica theme. Invoke when the user wants to migrate, import, liberate, or rebuild a site from one of these platforms.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5237,5240,5243,5246],{"name":5238,"slug":5239,"type":15},"CMS","cms",{"name":5241,"slug":5242,"type":15},"Migration","migration",{"name":5244,"slug":5245,"type":15},"Web Development","web-development",{"name":5214,"slug":5215,"type":15},"2026-07-09T06:47:33.454311",{"slug":5249,"name":5249,"fn":5250,"description":5251,"org":5252,"tags":5253,"stars":5196,"repoUrl":5197,"updatedAt":5262},"need-for-speed","run frontend performance audits for WordPress sites","Run a frontend performance audit on a WordPress site and get actionable optimization recommendations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5254,5257,5258,5261],{"name":5255,"slug":5256,"type":15},"Audit","audit",{"name":17,"slug":18,"type":15},{"name":5259,"slug":5260,"type":15},"Performance","performance",{"name":5214,"slug":5215,"type":15},"2026-05-06T05:40:06.433267",{"slug":5264,"name":5264,"fn":5265,"description":5266,"org":5267,"tags":5268,"stars":5196,"repoUrl":5197,"updatedAt":5276},"plugin-recommendations","recommend WordPress plugins for site features","Choose recommended plugins and plugin-provided blocks for features core WordPress blocks do not cover - ecommerce (WooCommerce), forms and newsletters (Jetpack), online courses and quizzes (Sensei LMS), polls, surveys and ratings (Crowdsignal), spam protection (Akismet) - while keeping generated content editable and avoiding raw HTML fallbacks. Any request to sell products or build a shop, store, or storefront requires WooCommerce with products.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5269,5272,5275],{"name":5270,"slug":5271,"type":15},"Content Creation","content-creation",{"name":5273,"slug":5274,"type":15},"Plugin Development","plugin-development",{"name":5214,"slug":5215,"type":15},"2026-05-27T07:01:58.249105",{"slug":5278,"name":5278,"fn":5279,"description":5280,"org":5281,"tags":5282,"stars":5196,"repoUrl":5197,"updatedAt":5291},"rank-me-up","run on-page SEO audits for WordPress sites","Run an on-page SEO audit on a WordPress site and get actionable recommendations to improve search visibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5283,5284,5287,5290],{"name":5255,"slug":5256,"type":15},{"name":5285,"slug":5286,"type":15},"Marketing","marketing",{"name":5288,"slug":5289,"type":15},"SEO","seo",{"name":5214,"slug":5215,"type":15},"2026-05-06T05:40:05.196367",{"slug":5293,"name":5293,"fn":5294,"description":5295,"org":5296,"tags":5297,"stars":5196,"repoUrl":5197,"updatedAt":5306},"site-spec","gather specifications for new WordPress sites","Gather the site name and layout preference before building a WordPress site. Run this before creating any new site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5298,5299,5302,5305],{"name":23,"slug":24,"type":15},{"name":5300,"slug":5301,"type":15},"Product Management","product-management",{"name":5303,"slug":5304,"type":15},"Specs","specs",{"name":5214,"slug":5215,"type":15},"2026-05-06T05:40:02.739409",{"slug":5308,"name":5308,"fn":5309,"description":5310,"org":5311,"tags":5312,"stars":5196,"repoUrl":5197,"updatedAt":5317},"studio-cli","manage local WordPress sites with Studio CLI","Use the Studio CLI to manage local WordPress sites, authentication, and preview sites. Invoke this skill when you need to run Studio CLI commands, manage sites, or troubleshoot site issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5313,5316],{"name":5314,"slug":5315,"type":15},"CLI","cli",{"name":5214,"slug":5215,"type":15},"2026-04-06T18:02:57.150231",{"slug":5319,"name":5319,"fn":5320,"description":5321,"org":5322,"tags":5323,"stars":5196,"repoUrl":5197,"updatedAt":5332},"taxonomist","optimize WordPress category taxonomy","Analyze and optimize a WordPress site's category taxonomy. Exports all posts, uses AI to suggest an improved category structure — merging duplicates, retiring dead categories, creating missing ones, writing descriptions, and re-categorizing posts. Run this when the user wants to clean up or improve their categories.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5324,5327,5330,5331],{"name":5325,"slug":5326,"type":15},"Content Strategy","content-strategy",{"name":5328,"slug":5329,"type":15},"Data Cleaning","data-cleaning",{"name":5288,"slug":5289,"type":15},{"name":5214,"slug":5215,"type":15},"2026-05-06T05:40:03.966799",{"slug":21,"name":21,"fn":5334,"description":5335,"org":5336,"tags":5337,"stars":5196,"repoUrl":5197,"updatedAt":5346},"plan and execute visual design direction","Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5338,5341,5342,5345],{"name":5339,"slug":5340,"type":15},"Animation","animation",{"name":23,"slug":24,"type":15},{"name":5343,"slug":5344,"type":15},"Typography","typography",{"name":20,"slug":21,"type":15},"2026-07-24T05:40:57.887452",{"slug":5348,"name":5348,"fn":5349,"description":5350,"org":5351,"tags":5352,"stars":5196,"repoUrl":5197,"updatedAt":5361},"visual-polish","verify and polish website visual design","Verify and polish a built or redesigned site by diagnosing rendered-DOM issues against intent and fixing them in a planned, batched screenshot-and-fix loop.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5353,5356,5357,5360],{"name":5354,"slug":5355,"type":15},"Debugging","debugging",{"name":17,"slug":18,"type":15},{"name":5358,"slug":5359,"type":15},"Screenshots","screenshots",{"name":20,"slug":21,"type":15},"2026-06-06T07:09:59.809812",81,{"items":5364,"total":260},[5365,5378,5389,5401,5408,5419],{"slug":5366,"name":5366,"fn":5367,"description":5368,"org":5369,"tags":5370,"stars":25,"repoUrl":26,"updatedAt":5377},"de-slopify-audit","audit and remove AI-slop design patterns","Scan a site for AI-slop defaults and replace them with premium patterns. Detects generic giveaways (Inter everywhere,",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5371,5372,5373,5376],{"name":5255,"slug":5256,"type":15},{"name":23,"slug":24,"type":15},{"name":5374,"slug":5375,"type":15},"Design Critique","design-critique",{"name":17,"slug":18,"type":15},"2026-06-20T07:57:10.581611",{"slug":5379,"name":5379,"fn":5380,"description":5381,"org":5382,"tags":5383,"stars":25,"repoUrl":26,"updatedAt":5388},"design-polish-suite","apply design polish to web interfaces","The full design glow-up toolkit. Turns forgettable interfaces into something that looks like a real designer touched it. Routes to 6 sub-skills for de-slopifying, typography, spacing, gradients, motion, and adding that one detail people actually remember. Use when a UI feels mid, generic, AI-generated, or just painfully beige.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5384,5385,5386,5387],{"name":23,"slug":24,"type":15},{"name":5343,"slug":5344,"type":15},{"name":5194,"slug":5195,"type":15},{"name":20,"slug":21,"type":15},"2026-06-20T07:57:06.690815",{"slug":5169,"name":5169,"fn":5390,"description":5391,"org":5392,"tags":5393,"stars":25,"repoUrl":26,"updatedAt":5400},"apply premium motion and micro-interactions","Apply the motion language of premium VC-funded sites — specific cubic-bezier easings (not ease-in-out), snappy 75-200ms durations, mechanical press feedback, orchestrated hover deltas, width-animated buttons, mouse-tracking gradients, blur-in reveals, scroll-linked reveals. Use when interactions feel \"springy and generic\" or when the user wants their site to feel responsive, alive, physical.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5394,5395,5396,5397],{"name":5339,"slug":5340,"type":15},{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":5398,"slug":5399,"type":15},"Interaction","interaction","2026-06-20T07:57:09.291269",{"slug":4,"name":4,"fn":5,"description":6,"org":5402,"tags":5403,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5404,5405,5406,5407],{"name":13,"slug":14,"type":15},{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"slug":5409,"name":5409,"fn":5410,"description":5411,"org":5412,"tags":5413,"stars":25,"repoUrl":26,"updatedAt":5418},"spatial-rhythm-and-whitespace","apply premium spatial rhythm and whitespace","Apply the spacing, container, grid, and border-radius rhythm of premium VC-funded sites. Generous 80-160px section padding, intentional non-strict spacing scales (including 20\u002F28\u002F40), deliberate radius architecture (binary 0-or-pill, asymmetric interlocking, per-element variety), 40px paragraph-spacing on h2, 1px hairline dividers at 4-10% opacity. Use when layouts feel cramped, monotonous, or use \"rounded-md everywhere.\"",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5414,5415,5416,5417],{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":5194,"slug":5195,"type":15},{"name":20,"slug":21,"type":15},"2026-06-20T07:57:14.328471",{"slug":5420,"name":5420,"fn":5421,"description":5422,"org":5423,"tags":5424,"stars":25,"repoUrl":26,"updatedAt":5431},"typography-that-sells","upgrade typography for premium design","Upgrade typography from generic SaaS to premium, authored, high-conviction design. Uses distinct display fonts, lighter body weights, tight negative tracking, mono eyebrows, restrained serif accents, and OpenType details to create typography with taste, authority, and emotional signal. Use when a page feels flat, template-y, overly safe, or visually anonymous.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5425,5426,5429,5430],{"name":23,"slug":24,"type":15},{"name":5427,"slug":5428,"type":15},"Design System","design-system",{"name":17,"slug":18,"type":15},{"name":5343,"slug":5344,"type":15},"2026-06-20T07:57:08.002685"]