# Ledger — pocket notebook

The subscription is an indexed page rather than a card. A narrow tab rail stays beside one ruled record, with margin numbers, ink strokes, real data allowance, expiry and quick access. The bottom navigation is the notebook's three section tabs. Account tabs, previous/next controls, keyboard arrows and the search index make the collection operable without gestures.

The modal language is a full-screen open notebook. A fixed page heading, bound outer margin, numbered sections and separate signing footer persist across tasks. Details reorder into identity/data, ruled record, then tools. Plans become numbered price lines; QR is a pasted slip. Every original control, form, financial notice and error target remains in the shared runtime's dialog.

Cream and ink blue are the light palette; navy paper and warm ink form the dark palette. An animated finite ink stroke represents only actual remaining data. Page selections and dialog transitions slide by a small distance, with reduced-motion support in CSS and JavaScript.

All subscriptions, plans, mutations, failures and preferences use `../shared/app.js` and its single API/world. This concept owns presentation state only. No Refero references were used for this independent direction.

## Browser validation

Playwright inspection at 390×844 and 360×800 covered the subscription page, account tabs, previous-page control, detail record and scrolled tools, renewal plans and confirmation, QR, settings, rename validation, partner search, unmatched search, newcomer purchase route and purchase plans. Both text directions and themes were viewed. Dialog and page horizontal overflow checks pass at 360px, including the RTL margin numerals. Reduced-motion selection produces no running animation. Escape closes the native dialog; nested back and shared footer actions remain available. Evidence is in `output/playwright/ledger-*.png` and the associated QA scripts. No financial operation was submitted during these presentation checks.