# Prism

An asymmetric control space: a narrow permanent navigation rail, one subscription selector, and three independent pieces of the selected account. The data, time and renewal controls have different proportions and surfaces. A copy strip is separate from the metrics. The same spatial language becomes a lavender balance slab with compact transaction slips in Wallet, and an irregular two-column plan-category grid in Shop.

The prism itself is a code-native SVG instrument, not an illustration of a connection claim. Its filled height is the actual remaining allowance; unmetered usage fills the vessel and carries an explicit Unlimited label. Unknown, loading and error usage remain unknown. Every amount, account and operation comes through the existing shared app and API.

The violet rail stays visible at phone width, including Persian RTL. Its icons retain visible labels and touch targets. Technical names are always LTR, are allowed to wrap, and remain reachable in full in the details. A subscription selector expands into searchable, filtered, paginated accounts. Selection changes only local presentation state; it never forks the shared world.

Motion is finite: mosaic tiles enter in a short stagger, and newly loaded remaining data fills the prism over 900ms once per subscription. Returning to a known selection uses a faster 190ms transition. No made-up usage or connection quality is animated. Reduced-motion suppresses animation, including the Web Animations API.

This direction uses direct composition as authorized for round two. The first round's Refero allocation remains limited to its first two concepts. No bitmap assets or extra data stores were needed.

Validation: `node --check 08-prism/app.js` passes. Real Playwright browser checks cover all eight combinations of 360/390px, Persian/English, and light/dark. No document overflow and no home buttons smaller than 44px were found. Additional checks cover expired selection, the partner's 140-account picker, search for an account beyond the first ten, a usage-error account, Escape closing the picker with focus restored, wallet transaction details, and a purchase review at 360px. The review remained within the viewport width and its charge/confirmation controls were readable. No browser errors or warnings were recorded. Screenshots are in `output/playwright/prism-*.png`.