tutuca 0.9.92 → 0.9.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tutuca",
-  "version": "0.9.92",
+  "version": "0.9.93",
   "type": "module",
   "description": "Zero-dependency SPA framework with immutable state and virtual DOM",
   "main": "./dist/tutuca.js",

package/skill/tutuca/core.md

@@ -828,6 +828,23 @@ component({
 Tagged templates `html` and `css` are just `String.raw` (editor hinting
 only). Plain strings work too.
 
+`style` and `commonStyle` are wrapped in a component-scoped selector
+(`[data-cid="N"]{ … }`), so their CSS lands *inside* a style-rule block.
+Top-level-only constructs break there and the browser silently drops them —
+put them in `globalStyle` (injected verbatim, no wrapper) instead:
+
+- Non-nestable at-rules: `@import`, `@charset`, `@namespace`, `@font-face`,
+  `@keyframes`, `@page`, `@property`, `@counter-style`, `@font-feature-values`,
+  `@font-palette-values`, `@view-transition`. (Conditional group rules —
+  `@media`, `@supports`, `@container`, `@layer`, `@scope`, `@starting-style` —
+  *do* nest and stay in `style`/`commonStyle`.)
+- Rules whose leading selector is `html`, `body`, or `:root`: once scoped they
+  become descendant selectors that never match.
+
+The linter flags both (`TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE`,
+`GLOBAL_SELECTOR_IN_SCOPED_STYLE`). For a genuine false positive, put a
+`/* tutuca-lint-ignore */` comment on the same line as the flagged construct.
+
 For Tailwind / MargaUI utility classes (compiling `class=` literals into
 CSS via the extra build), see [margaui.md](./margaui.md).