*{box-sizing:border-box}body{margin:0;background:var(--dot-bg);color:var(--dot-text);font-family:var(--dot-font-ui);line-height:1.5}button,a{font:inherit}button,a.primary{cursor:pointer}button{border:1px solid var(--dot-border);border-radius:var(--dot-radius-control);padding:10px 16px;color:var(--dot-text);background:var(--dot-surface)}a{color:inherit}button:hover{border-color:var(--dot-control-border)}:focus-visible{outline:2px solid var(--dot-red);outline-offset:4px}.header{height:88px;border-bottom:1px solid var(--dot-border);display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;background:var(--dot-surface);gap:20px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;font-weight:700;white-space:nowrap}.brand img{height:30px;width:auto;display:block;flex-shrink:0}.brand span{font-size:20px;padding-left:15px;border-left:1px solid var(--dot-border)}.controls{display:flex;align-items:center;gap:22px}.popover-anchor{position:relative}.language-menu,.user-menu{position:absolute;right:0;top:calc(100% + 15px);z-index:20}.user-menu[hidden]{display:none!important}.account-identity small{overflow-wrap:anywhere;color:var(--dot-text-muted)}svg{width:22px;height:22px;flex:none}.language-current svg{width:12px;height:12px}.avatar{padding:0;background:var(--dot-accent-tint);border:0}.welcome{max-width:700px;margin:9vh auto;text-align:center}.eyebrow{color:var(--dot-text-muted);font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;overflow-wrap:anywhere}h1{font-size:clamp(28px,5vw,48px);line-height:1.15;margin:12px 0 24px;letter-spacing:-.035em}h2{font-size:24px;line-height:1.25}.lead{font-size:19px;color:var(--dot-text-muted);margin-bottom:38px}.primary{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:var(--dot-red);color:var(--dot-white);text-decoration:none;border-radius:var(--dot-radius-control);padding:16px 24px;font-weight:700;transition:transform var(--dot-motion-fast)}.primary:hover{transform:translateY(-2px)}main{max-width:1200px;margin:0 auto;padding:40px 5vw;min-height:calc(100vh - 170px)}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace-heading h1{font-size:36px}.space-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-top:25px}.space-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:26px;border-radius:var(--dot-radius-card);gap:14px;min-height:190px;overflow-wrap:anywhere}.space-card strong{font-size:22px}.space-card>span{color:var(--dot-text-muted)}.space-card .open{margin-top:auto;display:flex;align-items:center;gap:10px;color:var(--dot-text);font-weight:700}.empty{border:1px solid var(--dot-border);background:var(--dot-surface);border-radius:var(--dot-radius-card);padding:65px 24px;text-align:center;margin-top:24px}.empty>svg{width:42px;height:42px;color:var(--dot-text-muted)}.empty p{color:var(--dot-text-muted);max-width:480px;margin:0 auto}.workspace-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--dot-text-muted)}.person{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--dot-border);padding:18px 0;overflow-wrap:anywhere}.person span{color:var(--dot-text-muted)}footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding:22px;color:var(--dot-text-muted);font-size:12px}footer button{border:0;background:transparent;padding:0;font-size:12px;color:var(--dot-text-muted)}.error{padding:18px;border:1px solid var(--dot-red);border-radius:var(--dot-radius-control);margin-bottom:20px}.error button{margin-left:20px}dialog{border:1px solid var(--dot-border);border-radius:var(--dot-radius-card);padding:28px;max-width:calc(100vw - 36px);background:var(--dot-surface);color:var(--dot-text)}dialog::backdrop{background:#0007}@media(max-width:600px){.header{height:76px;padding:18px;gap:12px}.brand img{height:24px}.brand span{font-size:17px;padding-left:10px}.brand{gap:10px}.controls{gap:16px}main{padding:26px 18px}.workspace-heading{display:block}.workspace-heading>button{margin-bottom:16px}.workspace-heading h1{font-size:29px}.welcome{margin-top:10vh}.lead{font-size:17px}.primary{width:100%;padding:15px}.workspace-meta{align-items:flex-start}.empty{padding:45px 20px}footer{gap:16px}.person{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.primary{transition:none}.primary:hover{transform:none}}
@media(max-width:360px){.brand span{display:none}}.account-identity strong{overflow-wrap:anywhere}
