/* The workspace becomes a single writing surface on small screens. */
.workspace-mobile-heading,.workspace-mobile-menu,.workspace-toolbar,.workspace-phase-tabs,.workspace-empty-create{display:none}
.workspace-sheet{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(560px,100%);max-height:85dvh;padding:24px}
.workspace-sheet::backdrop{background:#181e18a6;backdrop-filter:blur(5px)}
.workspace-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
.workspace-sheet-header h2{font:42px/1.1 var(--serif);letter-spacing:-.04em;margin:8px 0 0}
.workspace-sheet-header>button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:28px;flex-shrink:0}
.workspace-option-list{display:grid}
.workspace-option-list>button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:22px 0;border-top:1px solid var(--line);font-size:17px}
.workspace-option-list small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5}
.workspace-option-list .workspace-delete{color:#8b2f27}
@media(max-width:900px){
 body[data-page=workspace]{--ws-header:74px;--ws-toolbar:112px;--ws-height:100dvh;--ws-top:0px;--ws-bottom:0px;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--paper)}
 body[data-page=workspace] [hidden]{display:none!important}
 .app-header{position:fixed;top:var(--ws-top);inset-inline:0;height:var(--ws-header);width:100%;max-width:none;margin:0;padding:12px 20px;display:flex;gap:15px;background:var(--paper);border-bottom:1px solid var(--line);z-index:10}
 .app-header .wordmark{font-size:15px;line-height:.96;width:auto;white-space:nowrap;flex-shrink:0;letter-spacing:-.035em}
 .app-header .wordmark{gap:4px}.app-header .wordmark span{display:inline}
 .workspace-mobile-heading{display:block;margin:0;font:23px/1.1 var(--serif);letter-spacing:-.02em;text-transform:none}
 .workspace-mobile-heading span{display:block;margin-top:5px;font:10px/1.2 var(--sans);color:var(--muted);letter-spacing:.025em}
 .workspace-mobile-menu{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;margin-left:auto;flex-shrink:0}
 .workspace-mobile-menu svg{width:22px;height:22px}
 .app-header .header-actions,body>div.section-shell,body>footer,.page-hero,#memberContent>.section-title,#memberContent>.notice{display:none}
 #main{position:fixed;top:calc(var(--ws-top) + var(--ws-header));left:0;right:0;bottom:auto;height:calc(var(--ws-height) - var(--ws-header));width:100%;max-width:none;margin:0;padding:0;overflow:auto;overscroll-behavior:contain}
 body.workspace-ready #main{height:calc(var(--ws-height) - var(--ws-header) - var(--ws-toolbar))}
 .page-content,#memberContent,#workspaceLayout,.project-editor,#projectForm{height:100%;min-height:0}
 .page-content{padding:0}
 #workspaceIntro,#workspaceRoadmap{display:none}
 #workspaceInfo #workspaceIntro,#workspaceInfo #workspaceRoadmap{display:block}
 #workspaceInfo .panel{margin-top:14px}
 #workspaceInfo .timeline{grid-template-columns:1fr}
 #workspaceLayout{display:block}
 .project-editor{padding:22px 22px 0;border:0;background:transparent;display:flex;flex-direction:column}
 #projectForm{display:flex;flex-direction:column;gap:0}
 #projectForm>.small-label,#projectForm>.phase-strip,#projectForm>.actions,#projectMessage{display:none}
 #projectForm .form-grid{display:block;order:0}
 #projectForm .form-grid>.field:last-child{display:none}
 #projectForm .form-grid>.field{margin:0}
 #projectForm .form-grid label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:500}
 #projectTitle{font:36px/1.2 var(--serif);letter-spacing:-.035em;padding:3px 0 10px;border:0;border-radius:0;background:transparent}
 .workspace-phase-tabs{order:1;display:flex;gap:6px;padding:9px 0 18px;border-bottom:1px solid var(--line);flex-shrink:0}
 .workspace-phase-tabs button{min-height:44px;flex:1;border:1px solid var(--line);border-radius:24px;font-size:12px;white-space:nowrap;transition:background .15s}
 .workspace-phase-tabs button span{font-size:10px;opacity:.7;margin-right:4px}
 .workspace-phase-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
 .workspace-notes{order:2;flex:1;min-height:80px;gap:10px;margin:0;padding-top:18px}
 .workspace-notes label{font-size:0;font-weight:500;color:var(--muted)}
 .workspace-notes label::after{content:'Le fil de votre réflexion';font-size:11px;letter-spacing:.02em}
 #projectContent{flex:1;min-height:50px;height:100%;padding:0 1px 20px;resize:none;border:0;background:transparent;font-size:17px;line-height:1.85;border-radius:0;overscroll-behavior:contain;scroll-padding-bottom:20px}
 #projectContent::placeholder{color:#777b6b;opacity:1}
 #projectContent:focus-visible,#projectTitle:focus-visible{outline:0;box-shadow:inset 0 -2px #758200}
 .workspace-toolbar{display:none;position:fixed;bottom:var(--ws-bottom);inset-inline:0;background:var(--paper);z-index:10;border-top:1px solid var(--line);padding:11px 16px max(12px,env(safe-area-inset-bottom));box-shadow:0 -10px 25px #222b1d04}
 .workspace-ready .workspace-toolbar{display:block}
 .workspace-save-status{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:18px;margin:0 4px 10px;font-size:10px;line-height:1.4;color:var(--muted)}
 #workspaceState{min-width:0;overflow-wrap:anywhere}
 #workspaceState::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#657842;margin-right:6px;vertical-align:2px}
 #workspaceState.error{color:#8b2f27}
 #workspaceState.error::before{background:currentColor}
 #workspaceWordCount{white-space:nowrap;flex-shrink:0}
 .workspace-toolbar-actions{display:grid;grid-template-columns:76px minmax(0,1fr) 60px;gap:10px;align-items:stretch}
 .workspace-tool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;font-size:10px}
 .workspace-tool svg{width:23px;height:23px}
 #workspaceCount{position:absolute;top:0;right:8px;font-size:9px;min-width:17px;padding:2px;border-radius:20px;background:#e6e9db;font-weight:600}
 .workspace-save{display:flex;justify-content:center;align-items:center;gap:12px;background:var(--ink);color:var(--paper);border-radius:4px;padding:12px 10px;min-height:52px;font-size:13px;font-weight:600}
 .workspace-save span{color:var(--yellow);font-size:20px}
 .workspace-save:disabled{opacity:.6;cursor:wait}
 #projectEmpty{border:0;background:transparent;margin:auto;padding:24px 0;text-align:left}
 #projectEmpty .empty-mark{width:74px;height:74px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:44px var(--serif);background:var(--yellow);margin-bottom:28px}
 #projectEmpty h2{font-size:45px;max-width:280px;line-height:1}
 #projectEmpty p{max-width:320px;margin:0}
 .workspace-empty-create{display:inline-flex;margin-top:26px;font-size:12px}
 .guest-main{padding:24px 20px}
 .guest-main .empty-state{padding:35px 16px;background:transparent;border:0}
 .guest-main .actions{display:grid}
 #loading{padding:48px 24px}
 .workspace-sheet,.modal{position:fixed;inset:auto 0 var(--ws-bottom);margin:0 auto;width:100%;max-width:600px;max-height:calc(var(--ws-height) - 16px);padding:24px 22px max(24px,env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;overflow:auto;overscroll-behavior:contain}
 .workspace-sheet::before{content:'';display:block;width:32px;height:3px;border-radius:5px;background:#bec2b3;margin:-12px auto 22px}
 #workspaceProjects .project-list{display:flex;gap:10px}
 #workspaceProjects .project-choice{padding:18px;border-radius:4px;flex-shrink:0}
 #workspaceProjects .project-choice[aria-pressed=true]{background:#eff1e7}
 #workspaceProjects #newProject{background:var(--yellow);color:var(--ink);border-color:var(--yellow);min-height:52px;margin-bottom:8px}
 #workspaceNav .app-nav{display:grid;gap:0;border:0;padding:0;font-size:20px;font-family:var(--serif)}
 #workspaceNav .app-nav a{padding:20px 12px;border-top:1px solid var(--line)}
 #workspaceNav .app-nav a[aria-current=page]{background:var(--yellow);box-shadow:none}
 .modal .field input{font-size:16px}
 .modal .close{width:44px;height:44px;margin:-12px -10px 0 5px}
 .modal h2{font-size:36px}
}
@media(max-width:900px){
 body[data-page=workspace].workspace-compact{--ws-header:58px}
 body.workspace-compact .app-header{padding-block:7px}
 body.workspace-compact .project-editor{padding-top:10px}
 body.workspace-compact #projectTitle{font-size:27px;padding-bottom:2px}
 body.workspace-compact #projectForm .form-grid label{display:none}
 body.workspace-compact .workspace-phase-tabs{padding:5px 0 8px}
 body.workspace-compact .workspace-phase-tabs button{min-height:36px}
 body.workspace-compact .workspace-notes{padding-top:10px}
 body.workspace-compact .workspace-notes label{display:none}
 body.workspace-compact .workspace-toolbar{padding-top:6px;padding-bottom:6px}
 body.workspace-compact .workspace-save-status{margin-bottom:4px;font-size:9px}
 body.workspace-compact .workspace-save,body.workspace-compact .workspace-tool{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.workspace-phase-tabs button{transition:none}}