.assessment-device{width:100%;max-width:390px;margin-inline:auto;container-type:inline-size}.phone-shell{--dpt:calc(min(360px, 100cqi) / 430);max-width:100%;margin-inline:auto}.phone-screen{min-height:calc(874 * var(--dpt));padding:0 var(--space-20) var(--space-40);flex-direction:column;display:flex}.phone-brand{align-items:center;row-gap:var(--space-8);margin:0 calc(var(--space-20) * -1) var(--space-20);padding:0 0 var(--space-16);background:var(--color-paper);color:var(--color-text);border-bottom:var(--border-hairline) solid var(--color-border);grid-template-columns:1fr auto;display:grid}.phone-brand img{width:calc(var(--space-96) * 1034 / 1501);height:auto;margin-block:calc(var(--space-96) * 78 / 1501);grid-column:1/-1;justify-self:center}.phone-progress{font-size:var(--text-14);color:var(--color-muted);margin-bottom:var(--space-20)}.phone-progress progress{width:100%;height:var(--space-4);margin-top:var(--space-8);accent-color:var(--color-brand);border:0;display:block}.phone-progress progress::-webkit-progress-bar{background:var(--color-selected)}.phone-progress progress::-webkit-progress-value{background:var(--color-brand)}.phone-progress progress::-moz-progress-bar{background:var(--color-brand)}.phone-screen h3{font-size:var(--text-22);line-height:var(--leading-22);letter-spacing:var(--tracking-optical)}.phone-screen .phone-help{font-size:var(--text-15);color:var(--color-muted);margin:var(--space-12) 0 var(--space-12);line-height:1.5}.phone-screen fieldset{gap:var(--space-8);border:0;margin:0;padding:0;display:grid}.phone-screen label{align-items:center;gap:var(--space-12);min-height:var(--space-48);padding:var(--space-8) var(--space-12);border:var(--border-control);border-radius:var(--radius-icon);font-size:var(--text-15);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast);line-height:1.35;display:flex}.phone-screen label:has(:checked){background:var(--color-selected);border-color:var(--color-brand)}.phone-screen label:has(:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.phone-screen input{width:var(--space-16);height:var(--space-16);accent-color:var(--color-brand);flex-shrink:0;margin:0}.phone-status{min-height:var(--space-20);margin-top:var(--space-12);font-size:var(--text-14);line-height:var(--leading-body);color:var(--color-error)}.phone-actions{align-items:center;gap:var(--space-8);padding-top:var(--space-8);margin-top:auto;display:flex}.phone-actions .u-link-pill{font-size:var(--text-15);padding-inline:var(--space-16);border:0;margin-left:auto}.phone-back{gap:var(--space-4);min-height:var(--touch-target);padding:var(--space-4);color:var(--color-text);font-size:var(--text-15);letter-spacing:0;background:0 0;border:0;align-items:center;display:inline-flex}.phone-complete{padding-block:var(--space-40)}.phone-complete p{margin-top:var(--space-20);font-size:var(--text-15);color:var(--color-muted)}.phone-complete-actions{flex-direction:column;align-items:flex-start;display:flex}.phone-complete .u-link-pill{margin-top:var(--space-28);font-size:var(--text-15);border:0}.phone-complete .u-link{margin-top:var(--space-12);font-size:var(--text-14)}.phone-complete button.u-link{gap:var(--space-8);text-decoration:underline;text-decoration-thickness:var(--border-hairline);transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:0}.phone-complete button.u-link:hover{color:var(--color-brand)}.phone-complete button.u-link:active{color:var(--color-brand-active)}.assessment-disclosure{text-align:center;font-size:var(--text-15);color:var(--color-muted);margin-top:var(--space-24);line-height:1.5}@media (max-width:359px){.phone-shell.iphone-chassis{aspect-ratio:auto;filter:none;background:0 0;width:100%;padding:0;-webkit-mask-image:none;mask-image:none}.phone-brand .ios-status{display:none}.phone-shell.iphone-chassis>.phone-screen{border-radius:var(--radius-xl);height:auto;min-height:0}.phone-brand{padding-top:var(--space-20)}}@media (hover:hover){.phone-screen label:hover{background:var(--color-selected)}}.phone-screen>form{flex-direction:column;flex:1;display:flex}@media (max-width:359px){.ios-home-indicator{display:none}.phone-screen{padding-bottom:var(--space-24)}}.phone-screen-embed{padding:0}.phone-screen-embed .phone-brand{border-bottom:0;margin:0;padding:0}.phone-embed{background:var(--color-paper);border:0;flex:1;width:100%;min-height:0;display:block}.assessment-disclosure a{align-items:center;gap:var(--space-4);min-height:var(--touch-target);color:inherit;display:inline-flex}@media (prefers-reduced-motion:no-preference) and (min-width:768px){.phone-shell[data-depth]{transform:perspective(calc(var(--space-96) * 18)) rotateX(calc(var(--depth,0) * -16deg)) rotateY(calc(var(--depth,0) * 9deg)) translateY(calc(var(--depth,0) * var(--space-32) * -1));transform-origin:50% 60%}}
