:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#161616;background:#f5f3ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:rgba(245,243,239,.94);border-bottom:1px solid #d9d5cf;backdrop-filter:blur(12px)}.topbar nav{display:flex;gap:18px;font-size:14px}.brand{font-weight:800}.page{max-width:1200px;margin:0 auto;padding:42px 28px 80px}.hero{min-height:68vh;display:grid;place-items:center}.hero>div{max-width:840px}.hero h1{font-size:clamp(44px,8vw,96px);line-height:.94;margin:14px 0 20px;letter-spacing:-.05em}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #171717;background:#171717;color:white;padding:12px 16px;border-radius:999px;cursor:pointer}.secondary{background:transparent;color:#171717}.ghost{border-color:transparent;background:transparent;color:#171717}.danger{border-color:#7b1f1f;background:#7b1f1f}.narrow{max-width:560px;margin:0 auto}.panel{display:grid;gap:14px;padding:22px;border:1px solid #d7d2cb;border-radius:22px;background:#fff}.panel label{display:grid;gap:7px;font-weight:600}.panel input,.panel select{width:100%;padding:12px 14px;border:1px solid #cfc9c0;border-radius:12px;background:#fff}.divider{text-align:center;color:#777}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:22px}.card{padding:22px;border:1px solid #d7d2cb;border-radius:22px;background:#fff}.card h3{margin-top:0}.statusbar{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0;color:#57534e}.easels{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:24px 0}.easel{min-height:110px;padding:16px;border:1px dashed #aaa49a;border-radius:20px;background:transparent;color:#171717;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.easel.occupied{border-style:solid;background:#fff}.studio-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.word{font-size:clamp(42px,7vw,82px);margin:4px 0;letter-spacing:-.04em}.timer{font-variant-numeric:tabular-nums;font-size:clamp(36px,6vw,72px);font-weight:800}.studio-layout{display:grid;grid-template-columns:180px 1fr 190px;gap:14px;margin-top:24px}.side,.host-controls{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #d7d2cb;border-radius:20px;background:#fff}.canvas{min-height:520px;border:1px solid #cfc9c0;border-radius:24px;background:white;display:flex;flex-direction:column}.canvas.solo{margin-top:20px}.canvas-placeholder,.artwork-preview{flex:1;display:grid;place-items:center;min-height:420px;background:repeating-linear-gradient(45deg,#f8f7f4,#f8f7f4 12px,#f1efeb 12px,#f1efeb 24px);border-radius:24px 24px 0 0;color:#7c7770}.toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid #ddd7cf}.toolbar button{background:transparent;color:#171717}.artwork-detail{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.artwork-preview{border:1px solid #d7d2cb;border-radius:22px}.profile{display:flex;gap:16px;align-items:center}.avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#fff;font-weight:800}@media(max-width:820px){.topbar nav{display:none}.page{padding:28px 16px 60px}.studio-layout{grid-template-columns:1fr}.side,.host-controls{order:2}.canvas{order:1;min-height:420px}.artwork-detail{grid-template-columns:1fr}.studio-head{align-items:center}.timer{font-size:40px}.hero h1{font-size:54px}}@media(max-width:480px){.hero h1{font-size:44px}.actions .button{width:100%}.easels{grid-template-columns:repeat(2,1fr)}.topbar{padding:15px 16px}.studio-head{display:block}.timer{margin-top:8px}.toolbar>*{flex:1}}

/* B1 authentication and profile foundation */
.notice{padding:12px 14px;border-radius:12px;border:1px solid #cfc9c0;background:#fff;font-size:14px}.notice.warning{background:#fff9e8}.notice.error{background:#fff2f2;border-color:#dfb8b8}.notice.success{background:#f2faf4;border-color:#bad6c1}.text-link{text-decoration:underline;text-underline-offset:3px}.form-foot{margin:0;text-align:center;color:#57534e}.loading-state{min-height:40vh;display:grid;place-items:center;font-weight:700}.panel textarea{width:100%;padding:12px 14px;border:1px solid #cfc9c0;border-radius:12px;background:#fff;resize:vertical;font:inherit}.checkbox-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important}.checkbox-row input{width:auto!important}.profile-head{display:flex;gap:18px;align-items:center;margin:18px 0}.profile-head h1{margin:0}.muted{color:#777}.profile-editor{max-width:620px;margin-top:18px}.nav-button{padding:0;border:0;background:transparent;color:#171717;border-radius:0;font-size:14px}.panel button:disabled,.button:disabled{opacity:.45;cursor:not-allowed}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#f0ede8;padding:2px 5px;border-radius:6px}