/* Spec: A11 decision 1 (one kit) ยท the screens plan, step g6 (the member's side of the kit), cut as in (a) of the milestone 1 plan ("only what the Market page uses: the room, the bar, the dock, the keys"). * * What this file is: the room of the member's app. The page is 430 by 932, as every approved page. The ground of the room (a * cold metal with a fine brush and a soft light from above), its grain over everything, and the lamp; and the few * plain rules every page of the phone starts from. * * Each rule was moved word for word from the approved Market page of the demo (.preview/bakeoff/sections/market/va.html), which every * approved picture of the member's app draws (accepted by Amir on 10 October 2026). Nothing was typed anew. * The colour names come from /kit/tokens.css and the faces from /kit/faces.css. No Persian letter is written here. */ /* The dark of the page for the browser's own parts. (the approved :root rule, .preview/bakeoff/sections/market/va.html, line 39: its last declaration; the names of that rule are in /kit/tokens.css. NEEDS-FROM-LEAD.md of step g4, point 4, gives this line to step g6.) */ :root{color-scheme:dark} /* The page, the room and the plain rules. (.preview/bakeoff/sections/market/va.html, lines 40 to 54) */ *,*::before,*::after{box-sizing:border-box} html,body{margin:0;padding:0;width:430px;height:932px;overflow:hidden} html{background:#0d0f15} body{position:relative;font-family:"NikanNum","NikanFa",system-ui,-apple-system,"Geeza Pro",sans-serif;font-size:15px;line-height:24px;font-weight:400;font-synthesis:none;color:var(--lit); background: repeating-linear-gradient(90deg,rgba(198,205,225,.030) 0,rgba(198,205,225,.030) 1px,rgba(198,205,225,0) 1px,rgba(198,205,225,0) 3px), repeating-linear-gradient(90deg,rgba(0,0,0,.10) 0,rgba(0,0,0,.10) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 7px), radial-gradient(ellipse 300px 440px at 50% 40px,rgba(198,205,225,.10) 0%,rgba(198,205,225,.035) 46%,rgba(198,205,225,0) 100%), radial-gradient(140% 72% at 50% 14%,#141724 0%,#10121a 52%,#0d0f15 100%); -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none} h1,h2,p,ul,li{margin:0;padding:0;font:inherit} ul{list-style:none} a{color:inherit;text-decoration:none} b,em,i,small{font-style:normal;font-weight:inherit;font-size:inherit} svg{display:block} button{margin:0;padding:0;border:0;font:inherit;color:inherit;background:none;appearance:none;-webkit-appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent} bdi{direction:ltr;unicode-bidi:isolate} .defs{position:absolute;width:0;height:0;overflow:hidden} /* The grain over the whole page, and the lamp. (.preview/bakeoff/sections/market/va.html, lines 55 to 57) */ .grain{position:absolute;left:0;top:0;width:430px;height:932px;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' seed='8' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 0.78 0 0 0 0 0.80 0 0 0 0 0.88 2 0 0 0 -0.9' result='hi'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 0.02 0 0 0 0 0.03 0 0 0 0 0.04 0 2 0 0 -0.9' result='lo'/%3E%3CfeMerge%3E%3CfeMergeNode in='lo'/%3E%3CfeMergeNode in='hi'/%3E%3C/feMerge%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23g)'/%3E%3C/svg%3E");background-size:256px 256px} .lamp{position:absolute;left:0;top:0;width:430px;height:932px;pointer-events:none; background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='430' height='932' viewBox='0 0 430 932'%3E%3Cdefs%3E%3CradialGradient id='f' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='800'%3E%3Cstop offset='.28' stop-color='%23c6cde1' stop-opacity='0'/%3E%3Cstop offset='.33' stop-color='%23c6cde1' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23c6cde1' stop-opacity='.13'/%3E%3Cstop offset='.66' stop-color='%23c6cde1' stop-opacity='.05'/%3E%3Cstop offset='.78' stop-color='%23c6cde1' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='translate(215 -260)' fill='none' stroke='url(%23f)' stroke-width='.7'%3E%3Cline y2='800' transform='rotate(9.2)' stroke-opacity='0.3'/%3E%3Cline y2='800' transform='rotate(10.6)' stroke-opacity='0.5'/%3E%3Cline y2='800' transform='rotate(13.6)' stroke-opacity='0.8'/%3E%3Cline y2='800' transform='rotate(14.5)' stroke-opacity='0.4'/%3E%3Cline y2='800' transform='rotate(16.4)' stroke-opacity='0.95'/%3E%3Cline y2='800' transform='rotate(17.2)' stroke-opacity='0.45'/%3E%3Cline y2='800' transform='rotate(19.3)' stroke-opacity='0.7'/%3E%3Cline y2='800' transform='rotate(21)' stroke-opacity='0.35'/%3E%3Cline y2='800' transform='rotate(21.9)' stroke-opacity='0.9'/%3E%3Cline y2='800' transform='rotate(24)' stroke-opacity='0.45'/%3E%3Cline y2='800' transform='rotate(25.1)' stroke-opacity='0.75'/%3E%3Cline y2='800' transform='rotate(27.2)' stroke-opacity='0.35'/%3E%3Cline y2='800' transform='rotate(28.1)' stroke-opacity='1'/%3E%3Cline y2='800' transform='rotate(30.2)' stroke-opacity='0.5'/%3E%3Cline y2='800' transform='rotate(31.6)' stroke-opacity='0.8'/%3E%3Cline y2='800' transform='rotate(32.5)' stroke-opacity='0.4'/%3E%3Cline y2='800' transform='rotate(34.7)' stroke-opacity='0.9'/%3E%3Cline y2='800' transform='rotate(36.3)' stroke-opacity='0.5'/%3E%3Cline y2='800' transform='rotate(37.2)' stroke-opacity='0.75'/%3E%3Cline y2='800' transform='rotate(39)' stroke-opacity='0.6'/%3E%3Cline y2='800' transform='rotate(-9.2)' stroke-opacity='0.3'/%3E%3Cline y2='800' transform='rotate(-10.6)' stroke-opacity='0.5'/%3E%3Cline y2='800' transform='rotate(-13.6)' stroke-opacity='0.8'/%3E%3Cline y2='800' transform='rotate(-14.5)' stroke-opacity='0.4'/%3E%3Cline y2='800' transform='rotate(-16.4)' stroke-opacity='0.95'/%3E%3Cline y2='800' transform='rotate(-17.2)' stroke-opacity='0.45'/%3E%3Cline y2='800' transform='rotate(-19.3)' stroke-opacity='0.7'/%3E%3Cline y2='800' transform='rotate(-21)' stroke-opacity='0.35'/%3E%3Cline y2='800' transform='rotate(-21.9)' stroke-opacity='0.9'/%3E%3Cline y2='800' transform='rotate(-24)' stroke-opacity='0.45'/%3E%3Cline y2='800' transform='rotate(-25.1)' stroke-opacity='0.75'/%3E%3Cline y2='800' transform='rotate(-27.2)' stroke-opacity='0.35'/%3E%3Cline y2='800' transform='rotate(-28.1)' stroke-opacity='1'/%3E%3Cline y2='800' transform='rotate(-30.2)' stroke-opacity='0.5'/%3E%3Cline y2='800' transform='rotate(-31.6)' stroke-opacity='0.8'/%3E%3Cline y2='800' transform='rotate(-32.5)' stroke-opacity='0.4'/%3E%3Cline y2='800' transform='rotate(-34.7)' stroke-opacity='0.9'/%3E%3Cline y2='800' transform='rotate(-36.3)' stroke-opacity='0.5'/%3E%3Cline y2='800' transform='rotate(-37.2)' stroke-opacity='0.75'/%3E%3Cline y2='800' transform='rotate(-39)' stroke-opacity='0.6'/%3E%3C/g%3E%3C/svg%3E") 50% 0/430px 932px no-repeat}