/* Passphrase and existing installation dialog primitives. */
.join-words{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:16px;direction:ltr}.join-words label{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.join-words input{width:100%;min-width:0;border:0;padding:4px;background:transparent}.join-words input:focus-visible{outline-offset:1px}#join-word-count{width:auto;min-width:5rem}#join-word-controls button{margin-block:8px}#install-guide{max-width:min(34rem,calc(100vw - 2rem));line-height:1.8}#install-guide h2{font-size:20px}@media(max-width:600px){.join-words{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Integration R4: primary setup first, supportive motion and recent history second. */
.app-shell:has([data-screen=home]:not([hidden])){grid-template-columns:260px minmax(0,1fr)}
[data-screen=home]:not([hidden]){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:24px;max-width:1000px;margin:0 auto;width:100%;align-content:start}
[data-screen=home] .start-heading{grid-column:1/-1;text-align:start;margin-bottom:0}
[data-screen=home] .ory-explainer{grid-column:2;grid-row:3;min-height:160px;align-self:start}
[data-screen=home]>.panel{width:100%;margin:0;min-width:0}
[data-screen=home]>.start-create{grid-column:1;grid-row:2/4}
[data-screen=home]>.start-join{grid-column:2;grid-row:2}
@media(max-width:760px){.app-shell:has([data-screen=home]:not([hidden])){grid-template-columns:minmax(0,1fr)}[data-screen=home]:not([hidden]){display:flex;flex-direction:column;gap:20px}[data-screen=home] .ory-explainer{order:4;width:100%;min-height:150px}[data-screen=home]>.panel{max-width:none}}
@media(max-width:760px){input:not([type=checkbox]):not([type=radio]),textarea,select,[contenteditable=true]{font-size:16px!important}}

@media(max-width:760px){.workspace-heading .chat-tools{margin-inline-start:auto;gap:4px}.workspace-heading .chat-tools button{min-height:36px;padding:6px;font-size:11px}.workspace-heading{flex-wrap:wrap}.workspace-heading>span:first-of-type{font-size:11px}}

.start-invitation{margin-block:12px 20px}.start-invitation>summary{cursor:pointer;min-height:44px;padding-block:10px;color:var(--muted)}.start-invitation[open]>summary{margin-bottom:12px}

@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]),textarea,select,[contenteditable=true]{font-size:16px!important}}

/* Coverage R5: legible foreground illustration, separate from ambient background. */
[data-screen=home] .ory-explainer{min-height:360px;width:100%}
[data-screen=home] .ory-explainer .ory-motion-canvas{height:360px;width:100%;max-width:none}
@media(max-width:760px){[data-screen=home] .ory-explainer{min-height:280px}[data-screen=home] .ory-explainer .ory-motion-canvas{height:280px}}

.app-workspace:has([data-screen=home]:not([hidden])){background:transparent}

@media(max-width:760px){[data-screen=home] .start-heading{order:0}[data-screen=home] .ory-explainer{order:1}[data-screen=home]>.panel{order:2}}