feat: CSS pseudo-class/attribute selectors, localStorage, TextEncoder, shell apps

- CSS pseudo-class selectors: :hover, :focus, :active, :first-child,
  :last-child, :nth-child(An+B), :only-child, :empty, :not(), etc.
- CSS attribute selectors: [attr], [attr=value], [attr^=], [attr$=],
  [attr*=], [attr~=], [attr|=]
- Value type: bitwise ops, power operator, in operator, property access
- localStorage API with JSON file persistence (~/.w3cos/storage/)
- TextEncoder/TextDecoder (UTF-8, UTF-16LE/BE, ASCII, BOM handling)
- Desktop Shell: add Browser and Editor application views
- Update ROADMAP.md and README.md to reflect new capabilities

Made-with: Cursor

Author: wangnaihe

README.md

@@ -175,15 +175,22 @@ Runs directly on hardware             ← No runtime
 | Flexbox / Grid                          | ✅ Full |
 | Block layout                            | ✅      |
 | `position: relative / absolute`         | ✅      |
-| `position: fixed / sticky`              | 🔜     |
+| `position: fixed / sticky`              | ✅      |
 | `overflow: hidden / scroll`             | ✅      |
 | `z-index`                               | ✅      |
 | Units: `px, %, rem, em, vw, vh`         | ✅      |
 | `border-radius`, `opacity`              | ✅      |
 | `box-shadow`                            | ✅      |
 | `transform: translate / scale / rotate` | ✅      |
 | `transition` (easing functions)         | ✅      |
-| `display: inline / inline-block`        | 🔜     |
+| `@keyframes` animation                  | ✅      |
+| `display: inline / inline-block`        | ✅      |
+| `@layer` cascade layers                 | ✅      |
+| `@media` queries                        | ✅      |
+| Container Queries                       | ✅      |
+| Pseudo-classes (`:hover`, `:focus`, `:nth-child`, etc.) | ✅ |
+| Attribute selectors (`[attr=value]`)    | ✅      |
+| CSS Custom Properties (`var(--x)`)      | ✅      |
 | Mouse events (hover, click)             | ✅      |
 
 
@@ -192,19 +199,23 @@ Runs directly on hardware             ← No runtime
 ```
 w3cos/
 ├── crates/
+│   ├── w3cos-core/        # JS-compatible Value type, reactive system, Proxy
 │   ├── w3cos-std/         # Type definitions (Style, Component, Color)
 │   ├── w3cos-dom/         # W3C DOM API (Document, Element, Events)
 │   ├── w3cos-a11y/        # Accessibility tree (ARIA, for AI + screen readers)
 │   ├── w3cos-ai-bridge/   # AI agent interface (3-layer access + permissions)
-│   ├── w3cos-compiler/    # TS → Rust transpiler
-│   ├── w3cos-runtime/     # Layout + Rendering + Window + Events
-│   └── w3cos-cli/         # CLI: w3cos build / w3cos run
+│   ├── w3cos-compiler/    # TS → Rust transpiler (SWC parser + CSS/SCSS)
+│   ├── w3cos-runtime/     # Layout + Rendering + Window + System APIs
+│   ├── w3cos-cli/         # CLI: w3cos build / run / dev / init
+│   ├── w3cos-shell/       # System-level desktop shell binary
+│   ├── w3cos-demo/        # Showcase demo binary
+│   └── w3cos-rn-compat/   # React Native API compatibility layer
 ├── system/
 │   ├── buildroot/         # Bootable ISO config
 │   ├── rootfs_overlay/    # System init scripts
 │   ├── scripts/           # build-iso.sh, run-qemu.sh
 │   └── INSTALL.md         # Installation guide
-├── examples/              # 4 example applications
+├── examples/              # 18+ example applications
 ├── .openclaw/             # OpenClaw + Lobster AI workflow configs
 ├── .devcontainer/         # One-click dev environment
 ├── Dockerfile             # Container build

ROADMAP.md

@@ -50,7 +50,7 @@
 - [x] Dynamic dependency generation (needs_core/needs_async/needs_rc/needs_fetch flags)
 - [x] Compiler: fetch() → w3cos_runtime::fetch bridge codegen
 - [ ] Escape analysis optimization for Rc<RefCell<T>> elision (P5)
-- [ ] typeof operator runtime support via Value::type_of()
+- [x] typeof operator runtime support via Value::type_of() + standalone type_of() function
 
 ## Phase 2 — System APIs & Production Quality ✅
 - [x] GPU rendering (Vello + wgpu — replace tiny-skia, CPU fallback via feature flag) (#12)
@@ -140,16 +140,17 @@
 ## Phase 2.75 — VS Code Compatibility (see docs/vscode-compat.md)
 - [ ] Canvas 2D API (CanvasRenderingContext2D) (#32)
 - [ ] Selection API (window.getSelection, Range) (#37)
-- [ ] CSS pseudo-class selectors (:hover, :focus, :active, :first-child, :nth-child)
-- [ ] CSS attribute selectors ([attr], [attr=value])
+- [x] CSS pseudo-class selectors (:hover, :focus, :active, :first-child, :last-child, :nth-child, :only-child, :empty, :not(), :disabled, :enabled, :checked)
+- [x] CSS attribute selectors ([attr], [attr=value], [attr^=value], [attr$=value], [attr*=value], [attr~=value], [attr|=value])
 - [ ] Web Workers
 - [ ] WebSocket API
-- [ ] localStorage / IndexedDB
+- [x] localStorage (Web Storage API with JSON file persistence)
+- [ ] IndexedDB
 - [ ] w3cos.dialog (open/save/message dialogs)
 - [ ] w3cos.ipc (inter-process communication)
 - [ ] w3cos.menu (application/context menus)
 - [ ] RegExp (full JS spec)
-- [ ] TextEncoder / TextDecoder
+- [x] TextEncoder / TextDecoder (UTF-8, UTF-16LE/BE, ASCII, BOM handling)
 
 ## Phase 3 — Compatibility & Migration
 - [ ] React Native app auto-migration tool (`w3cos migrate --from rn`)